/*--------------copyright by alva start-------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,  th, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: 'Castoro', 'Noto Sans TC', sans-serif;
    position: relative;
    font-size:16px;
	line-height:1.6;
	letter-spacing:2px;
	color:#000;
	overflow-x:hidden;
	font-weight: 400;
	background: url(../../images/pattern.jpg) top left repeat;
}
ol, ul {
	list-style: none;
	margin-bottom: 0px;
	list-style:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
    display: block;
	color:#000;
	text-decoration:none;
}
a:hover,a:focus {
	text-decoration:none;
	color:#000;
}
.clear {
	clear:both;
}
::selection {
	background: #d6c1aa;
    color: #ffffff;
}
img {
	max-width: 100%;
}
.h1, .h2, .h3, h1, h2, h3 {
	line-height: 1.5;
}
/****************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*gotop*/
#gotop {
	position: fixed;
	bottom: 10em;
    right: 1em;
	cursor:pointer;
	z-index:80;
	transition:.3s ease-in-out;
	display:none;
}
	#gotop:hover {
		transform: translateY(-10px);
	}
	@media (max-width:450px) {
		#gotop {
			bottom: 1em;
		}
		#gotop img {
			width: 15px;
		}
	}
button, html input[type=button], input[type=reset], input[type=submit] {
	background: #e4e3e5;
    border: solid 1px #164e90;
    border-radius: 5px;
    padding: 10px 13px;
    letter-spacing: 1px;
    box-shadow: 2px 2px 1px rgba(0,0,0,.3);
    transition: .3s ease all;
    width: 150px;
    margin: 0 1%;
    color: #164e90;
}
#service_album button,#service_album input[type=button],#service_album input[type=reset],#service_album input[type=submit] {
	width: auto;
	padding: 0 10px;
	font-size: 14px;
	background: #fff;
}
input[type=reset] {
	background: rgb(173, 176, 176);
}
button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	border-radius: 50px;
}
/*carousel-fade*/
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	z-index: 2;
}
.carousel-inner>.item>img {
	display: inline-block;
}
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
.carousel-inner {
	height: 100%;
}
.dex .itembg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
}
.dex .item:nth-of-type(1) {
	background: url(../../flash/dex1.jpg) top center no-repeat;
	background-size: cover;
}
.dex .item:nth-of-type(2) {
	background: url(../../flash/dex2.jpg) top center no-repeat;
	background-size: cover;
}
.dex .item:nth-of-type(3) {
	background: url(../../flash/dex3.jpg) top center no-repeat;
	background-size: cover;
}
.dex .item:nth-of-type(4) {
	background: url(../../flash/dex4.jpg) top center no-repeat;
	background-size: cover;
}
/***dex_block***/
.dex_block {
	position: relative;
}
/***dex***/
.dex {
	position: relative;
	height: 100vh;
	width: 100%;
}
.dex:before {
	content: '';
	background: url(../../images/dex_deco_01.png) top right no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 18%;
	height: 100%;
	z-index: 1;
}
.dex:after {
	content: '';
	background: url(../../images/dex_deco_02.png) top left no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	width: 18%;
	height: 100%;
	z-index: 1;
}
.carousel-text {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translateX(-50%);
	width: 590px;
	margin: 0 auto;
	max-width: 90%;
	color: #fff;
	z-index: 3;
	text-align: center;
}
.carousel-text h5 {
	font-size: 40px;
	font-weight: 500;
}
.carousel-text span {
	display: inline-block;
	border: solid 1px #fff;
	padding: .5em;
	margin: 0 .5em;
}
.carousel-text p {
	font-size: 18px;
	padding: 1em 2em;
	overflow: hidden;
}
/***scroll***/
.scroll {
	position: absolute;
	bottom: 8em;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
}
.scroll img {
	display: block;
	margin: 0 auto;
}
.scroll sup {
	top: 0;
	font-size: 12px;
	color: #fff;
	letter-spacing: 1px;
	padding: .5em 0;
	line-height: 1;
	display: block;
}
.scroll img:nth-of-type(2) {
	animation: down 1s infinite alternate cubic-bezier(0.5, 1, 0.89, 1);
}
@keyframes down {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(15px);
	}
}
/*---nav-------------------------------------------------------------------------------------------------------------------------------*/
/***mobile ibutton***/
.mibutton {
	z-index: 100;
	cursor:pointer;
	width:40px;
	height:40px;
	display:none;
	text-align:center;
	position: absolute;
	top: 2em;
	right: 2em;
}
	.mibutton span {
		display: inline-block;
		width: 100%;
		height: 3px;
		transition: .3s ease-in-out;
		position: absolute;
		top:0;
		right:0;
    	background:#164e90;
	}
		.mibutton span:nth-child(2) {
			top:10px;
			width:80%;
		}
		.mibutton span:nth-child(3) {
			top:20px;
		}
		.mibutton_ani span:nth-child(1) {
			-webkit-transform:rotate(30deg);
					transform:rotate(30deg);
			-webkit-transform-origin:left top;
					transform-origin:left top;
		}
		.mibutton_ani span:nth-child(2) {
			opacity:0;
		}
		.mibutton_ani span:nth-child(3) {
			-webkit-transform:rotate(-30deg);
					transform:rotate(-30deg);
			-webkit-transform-origin:left bottom;
					transform-origin:left bottom;
		}
/*nav*/
.nav {
	width: 100%;
	z-index: 90;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	box-shadow: 0px 0px 2px rgba(0,0,0,.3);
}
/*logo*/
.logo {
	text-align: left;
	padding:0 1em 0 5em;
	width: 20%;
	display: inline-block;
	vertical-align: middle;
}
.logo a {
	display: inline-block;
}
/*ibutton*/
.ibutton {
	min-height: auto;
    border: 0;
    margin: 0;
    border-radius: 0;
	vertical-align:middle;
	width: 77%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
.ibutton ul {
	display: flex;
	justify-content: flex-end;
}
.ibutton li {
	padding:1.5em .5em;
    text-align: left;
	position:relative;
}
.ibutton a {
	position:relative;
	padding: 0 3em 0 1em;
}
.ibutton a:before {
	content: '';
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
	background: #164e90;
	position: absolute;
	top: 60%;
	transform: translateY(-50%);
	left:-1em;
	width: 15px;
    height: 13px;
	opacity: 0;
	transition: .6s ease all;
}
p.ch {
	color: #000;
	font-size: 18px;
	transition: .2s ease all;
	position: relative;
}
p.en {
	color: #000;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 1px;
	transition: .2s ease all;
}
/***hover***/
.ibutton a:hover p.en,.ibutton a:hover p.ch {
	color: #164e90;
}
/*dropmenu*/
ul.dropmenu,ul.mob_sub {
	position: absolute;
    width: 185px;
    top: 90px;
    left: 0;
    color: #000;
    padding: 1em 0;
    border-radius: 2px;
    background: #dadde2;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
    font-weight: normal;
    flex-wrap: wrap;
}
ul.dropmenu p.ch,ul.mob_sub p.ch {
	font-size: 16px;
}
ul.mob_sub {
	transition: unset;
}
ul.dropmenu li,ul.mob_sub li {
	display:block;
	width:100%;
	color:#39281e;
	font-size:18px;
	text-align:left;
	padding:0;
}
ul.dropmenu a,ul.mob_sub a {
	color:#39281e;
	padding:.5em 1em;
	transition:.2s ease-in-out;
	position: relative;
	overflow: hidden;
}
ul.dropmenu li p,ul.mob_sub p {
	z-index: 3;
	position: relative;
}
ul.dropmenu a:after,ul.mob_sub a:after {
	content: '';
	background: #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 0;
	transition: .2s ease all;
}
.ibutton li:hover ul.dropmenu {
	visibility:visible;
	opacity:1;
}
ul.dropmenu a:hover:after,ul.mob_sub a:hover:after {
	opacity: 1;
}
/*mob_sub*/
.mob_sub {
	display:none;
}
@media (max-width:1200px) {
	.logo {
		padding: 1em 1em 1em 3em;
		width: 100%;
	}
	.logo a {
		width: 170px;
	}
	.navbar {
		width: 100%;
	}
	.ibutton ul {
		justify-content: center;
		flex-wrap: wrap;
		padding-bottom: 2em;
	}
	.ibutton {
		width: 100%;
		max-height: 85vh;
		overflow-y: scroll;
	}
	.ibutton li {
		width: 100%;
		padding: 0;
		text-align: center;
	}
	.ibutton a {
		padding: 1em;
	}
	.mibutton {
		display: block;
	}
	.ibutton {
		display: none;
	}
	ul.dropmenu {
		display: none;
	}
	ul.mob_sub {
		position: relative;
		visibility: visible;
		width: 100%;
		top: 0;
		z-index: 5;
		opacity: 1;
		padding-bottom: 1em;
		display: none;
	}
	ul.mob_sub li {
		text-align: center;
	}
}
@media (max-width:768px) {
	.logo a {
		width: 145px;
	}
	.mibutton {
		top: 1.5em;
	}
	.carousel-text h5 {
		font-size: 32px;
	}
	.scroll {
		bottom: 5em;
	}
}
@media (max-width:500px) {
	.logo {
		padding: 1em;
	}
	.logo a {
		width: 130px;
	}
	.mibutton {
		right: 1em;
	}
	.carousel-text h5 {
		font-size: 30px;
	}
	.carousel-text span {
		padding: .5em;
		margin: .5em;
	}
	.carousel-text {
		top: 30%;
	}
	.scroll img {
		max-width: 5vw;
	}
}
@media (max-width:350px) {
	.logo a {
		width: 120px;
	}
	.carousel-text h5 {
		font-size: 25px;
	}
	.carousel-text p {
		font-size: 15px;
		padding: 0em 1em;
	}
	.scroll {
		bottom: 2em;
	}
	.carousel-text {
		top: 28%;
	}
	.scroll img {
		max-width: 4vw;
	}
	.mibutton {
		top: 1.2em;
	}
}
/*---main----------------------------------------------------------*/
.main {
	position: relative;
	background: url(../../images/pattern.jpg) top left repeat;
}
/***iabt_area***/
.iabt_area {
	position: relative;
	background: url(../../images/shadow_tree.png) top center no-repeat;
	background-size: auto;
	overflow-x: hidden;
}
.wrap1 {
	width: 1400px;
	margin: 0 auto;
	max-width: 90%;
	text-align: center;
	padding:7em 0 5em;
}
/*iabt1*/
.iabt1 {
	width: 1200px;
	margin: 0 auto;
	max-width: 100%;
}
.iabt1_img {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 50%;
}
.iabt1_img:before {
	content: '';
	background: url(../../images/triangle.png) bottom right no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -3em;
    left: -16em;
	width: 415px;
	height: 412px;
	max-width: 22vw;
}
.iabt1_img img {
	display: block;
	max-width: 85%;
}
/*title*/
.title {
	text-align: right;
	margin-top: -2em;
	position: relative;
	padding: 0 3em 0 0;
}
.title h3 {
	font-size: 80px;
	-webkit-text-stroke: 1px #2d4381;
    color: #2d438100;
}
.title sub {
	bottom: 0;
	line-height: 1;
	font-size: 14px;
	letter-spacing: 1px;
	display: inline-block;
}
.title span {
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	font-size: 18px;
	letter-spacing: 5px;
	display: inline-block;
	position: absolute;
	vertical-align: bottom;
	bottom: 2em;
    right: 0;
    height: 100%;
    padding: 0 0 0 .5em;
}
.title span:before {
	content: '';
	background: url(../../images/line.png) bottom left no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
    height: 222px;
}
.text {
	display: inline-block;
	vertical-align: top;
	width: 45%;
    padding: 7em 0 1em 1em;
}
.slogan {
	text-align: left;
	position: relative;
	padding-left: 2em;
}
.slogan:before {
	content: '';
	background: #000;
	width: 5px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.slogan h5 {
	font-size: 36px;
	font-weight: 500;
	padding-bottom: .2em;
}
.slogan span {
	display: block;
	font-size: 22px;
	font-weight: 300;
}
.text p {
	font-weight: 300;
	padding: 2em 0 0 2em;
	text-align: justify;
	text-justify:inter-ideograph;
	font-size: 18px;
}
/*more*/
.more {
	text-align: left;
	padding: 3em 0 0 2em;
}
.more a {
	display: inline-block;
	background: #181e32;
	padding: 1em 2em;
	color: #789fc0;
	font-size: 14px;
	border: solid 1px #181e32;
	transition: .3s ease all;
}
.more a img {
	transition: .3s ease all;
}
.more a:hover {
	border: solid 1px #789fc0;
	background: none;
}
.more a:hover img {
	transform: translateX(40px);
}
/***icorporate***/
.icorporate {
	position: relative;
	padding-top: 3em;
}
.icorporate_img {
	width: 65%;
    text-align: right;
}
.icorporate_img:before {
    content: '';
    bottom: 13em;
    left: initial;
    width: 245px;
    height: 240px;
    max-width: 12vw;
    right: -8em;
}
.icorporate_img img {
	display: inline-block;
}
.icorporate_img .title {
	text-align: left;
}
.icorporate_img .title span {
    -webkit-writing-mode: unset;
    writing-mode: unset;
    position: relative;
    vertical-align: bottom;
    bottom: 0;
    right: 0;
    height: 100%;
    padding: 0 0 .5em .5em;
}
.icorporate_img .title span:before {
	transform: rotate(90deg) scaleX(-1);
    transform-origin: left bottom;
}
.icorporate_img .title sub {
	bottom: -.5em;
	margin-left: 2em;
}
.icorporate .text {
	float: left;
	width: 35%;
	padding: 7em 1em 1em 0em;
}
@media (max-width:990px) {
	.iabt1_img,.icorporate_img {
		width: 100%;
	}
	.text {
		width: 100%;
		padding: 2em 1em 1em 1em;
	}
	.icorporate .text {
		float: left;
		width: 100%;
		padding: 3em 1em 0em 0em;
	}
	.wrap1 {
		padding: 5em 0 3em;
	}
	.slogan h5 {
		font-size:32px;
	}
	.slogan span {
		font-size: 20px;
	}
}
@media (max-width:630px) {
	.wrap1 {
		padding: 3em 0 2em;
	}
	.title h3 {
		font-size: 70px;
	}
	.title sub {
		font-size: 12px;
	}
	.title span {
		font-size: 15px;
	}
	.title span:before {
		height: 175px;
	}
	.slogan h5 {
		font-size: 26px;
	}
	.slogan span {
		font-size: 18px;
	}
	.text {
		padding: 2em 1em 1em 0em;
	}
	.slogan {
		padding-left: 1em;
	}
	.text p {
		padding: 2em 0 0 1em;
	}
	.more {
		padding: 2em 0 0 1em;
	}
	.icorporate_img .title sub {
		bottom: 0;
		margin-left: 0em;
		display: block;
		margin-bottom: .5em;
	}
	.icorporate_img .title span {
		padding: 0 0 .5em 0em;
		margin-left: 1em;
	}
}
@media (max-width:450px) {
	.title h3 {
		font-size: 50px;
	}
	.title span:before {
		height: 130px;
	}
	.title {
		margin-top: -1.5em;
	}
	.icorporate_img .title {
		padding: 0;
	}
	.iabt1_img:before {
		left: -8em;
		bottom: 0;
		max-width: 50vw;
	}
	.icorporate_img:before {
		bottom: 13em;
		max-width: 19vw;
		right: -3em;
		left: initial;
	}
	.iabt1_img img {
		max-width: 80%;
	}
	.icorporate_img img {
		max-width: 90%;
	}
	.more {
		padding: 1em 0 0 1em;
	}
	.icorporate {
		padding-top: 2em;
	}
	.more a {
		font-size: 12px;
	}
	.icorporate .text {
		padding: 2em 1em 0em 0em;
	}
	.text p {
		padding: 1em 0 0 1em;
	}
}
@media (max-width:380px) {
	.slogan h5 {
		font-size: 24px;
	}
	.slogan span {
		font-size: 18px;
	}
	.slogan:before {
		width: 3px;
	}
}
@media (max-width:350px) {
	.title h3 {
		font-size: 43px;
	}
	.title span {
		font-size: 13px;
	}
	.title {
		margin-top: -1em;
	}
	.text p {
		padding: 1em 0 0 1em;
	}
	.wrap1 {
		padding: 2em 0 2em;
	}
}
/*---ibs-----------------------------------------------------------------------------*/
.ibs {
	text-align: left;
	padding-bottom: 4em;
}
.ibs img:nth-of-type(1) {
	max-width: 60vw;
	vertical-align: middle;
}
.ibs_rt {
	display: inline-block;
	vertical-align: middle;
	width: 30%;
    padding: 5em 2em 0 7em;
}
.ibs_rt .title {
	margin: 0;
    padding: 0;
}
.ibs_rt .title span {
    -webkit-writing-mode: unset;
    writing-mode: unset;
    vertical-align: bottom;
    bottom: 5em;
    right: initial;
    padding: 0 0 0 .5em;
    left: -1em;
    height: auto;
}
.ibs_rt  .title span:before {
    content: '';
    bottom: -4em;
    left: 0;
    transform: rotate(-90deg) scaleX(-1);
    transform-origin: left center;
}
.ibs_rt .text {
    width: 100%;
    padding: 3em 0 0 3em;
}
@media (max-width:1680px) {
	.ibs_rt {
		width: 35%;
		padding: 3em 2em 0 7em;
	}
}
@media (max-width:1450px) {
	.ibs_rt {
		width: 36%;
		padding: 0em 2em 0 3em;
	}
}
@media (max-width:1260px) {
	.ibs {
		padding-bottom: 2em;
	}
}
@media (max-width:1200px) {
	.ibs_rt {
		width: 37%;
		padding: 0em 1em 0 1em;
	}
	.ibs_rt .title span {
		bottom: 0;
		right: initial;
		padding: 0;
		left: 0;
		position: relative;
		display: block;
		margin-bottom: .5em;
	}
	.ibs_rt .title span:before {
		bottom: -6em;
		left: initial;
		right: 8em;
	}
}
@media (max-width:990px) {
	.ibs img:nth-of-type(1) {
		max-width: 90%;
	}
	.ibs_rt {
		width: 90%;
		padding: 0em 0em 0 2em;
		text-align: right;
	}
	.ibs_rt .title {
		margin: 0;
		padding: 0;
		display: inline-block;
		vertical-align: middle;
		width: 48%;
	}
	.ibs_rt .text {
		width: 50%;
		padding: 2em 0 0 2em;
		display: inline-block;
		vertical-align: middle;
	}
}
@media (max-width:700px) {
	.ibs_rt .title {
		width: 100%;
	}
	.ibs_rt .text {
		display: inline-block;
		width: 380px;
		padding: 2em 0 0 0;
		max-width: 100%;
	}
}
@media (max-width:600px) {
	.ibs_rt .title span:before {
		bottom: -5em;
	}
}
@media (max-width:450px) {
	.ibs_rt .title span:before {
		bottom: -4em;
	}
	.ibs_rt {
		padding: 1em 0em 0 1em;
		width: 95%;
	}
	.ibs img:nth-of-type(1) {
		max-width: 95%;
	}
}
@media (max-width:350px) {
	.ibs_rt .title span:before {
		bottom: -5em;
	}
}
/*---inews-------------------------------------------------------------------------*/
/*inews_title*/
.inews_title {
	background: url(../../images/inews_bg.png) top left no-repeat,rgba(204,209,217,.7);
	text-align: center;
	padding:6em 1em 8em;
}
.inews_title .title {
    width: 400px;
    margin: 0 auto;
	max-width: 80%;
	z-index: 5;
}
.inews_title .title span:before {
	transform: scaleY(-1);
	bottom: -7em;
}
/*inews_list*/
.inews_list {
	background: rgba(24,30,50,.75);
	position: relative;
	text-align: center;
}
.inews_list:before {
	content: '';
	background: rgba(236,236,236,.9);
	width: 90%;
    height: 85%;
	position: absolute;
	left: 0;
	top: 1em;
}
.wrap2 {
	width: 1285px;
	margin: 0 auto;
	max-width: 90%;
	padding: 2em 0 5em;
	min-height: 500px;
	z-index: 5;
    position: relative;
}
.inews_list .newslist_rwd2 {
    margin-top: -8em;
}
@media (max-width:990px) {
	.inews_title {
		background-position-x: 100%;
		padding: 5em 1em 8em;
	}
	.wrap2 {
		min-height: 300px;
	}
}
@media (max-width:768px) {
	.wrap2 {
		min-height: auto;
		padding: 2em 0 3em;
	}
	.inews_list:before {
		width: 95%;
	}
}
@media (max-width:500px) {
	.inews_title .title span:before {
		height: 185px;
	}
	.inews_title {
		padding: 4em 1em 2em;
	}
}
@media (max-width:380px) {
	.inews_title .title {
		max-width: 90%;
	}
}
/*---footer----------------------------------------------------------------------*/
footer {
	background: #fff;
	text-align: center;
	padding: 5em 0 2em;
}
footer a {
	display: inline-block;
}
.wrap3 {
	width: 1100px;
	margin: 0 auto;
	max-width: 90%;
}
/*ftlogo*/
.ftlogo {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	width: 25%;
}
/*ftinfo*/
.ftinfo {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	width: 50%;
	padding: 0 3em;
}
.ftinfo ul {
	width: 400px;
	margin: 0 auto;
	max-width: 100%;
}
.ftinfo li {
	padding: .5em 0;
	border-bottom: solid 1px #353f5e;
}
.ftinfo li:nth-of-type(4) {
	border-bottom: 0;
}
.ftinfo li p:nth-of-type(1) {
	display: inline-block;
	vertical-align: top;
	color: #717e7c;
	font-size: 14px;
	width: 70px;
    white-space: nowrap;
}
.ftinfo li p:nth-of-type(2) {
	display: inline-block;
	vertical-align: top;
	color: #353f5e;
	font-size: 16px;
	width: 80%;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.2;
}
/*ftbtn*/
.ftbtn {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	width: 20%;
}
.ftbtn a {
	padding: 0 .5em;
}
.ftbtn a img {
	transition: .6s cubic-bezier(0.22, 1, 0.36, 1);
}
.ftbtn a:hover img {
	transform: translateY(-10px);
	-webkit-filter: drop-shadow(0px 12px 3px rgba(24,30,50,.3));
	filter: drop-shadow(0px 12px 3px rgba(24,30,50,.3));
}
/*site*/
.site {
	width: 835px;
	margin: 0 auto;
	max-width: 100%;
	padding: 4em 0 1em 0;
}
.site ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.site li a {
	color: #353f5e;
	font-size: 15px;
	position: relative;
	transition: .3s cubic-bezier(0.22, 1, 0.36, 1);
}
.site li a:hover {
	color: #164e90;
}
.site li a:after {
	content: '';
	background: #164e90;
	width: 0;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: .6s cubic-bezier(0.22, 1, 0.36, 1);
}
.site li a:hover:after {
	width: 100%;
}
footer hr {
	border-top: solid 3px #23211d;
	margin: 1em 0 2em;
}
/*copyright*/
.copyright {
	color: #717e7c;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	width: 60%;
	text-align: left;
	letter-spacing: 1px;
}
.copyright a {
	color: #717e7c;
	font-size: 14px;
	transition: .3s cubic-bezier(0.22, 1, 0.36, 1);
}
.copyright a:hover {
	color: #164e90;
}
/*icon*/
.icon {
	color: #717e7c;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	width: 35%;
	text-align: right;
	padding: 0 0 0 1em;
}
.icon a {
	vertical-align: middle;
	padding: 0 3px;
	transition: .3s cubic-bezier(0.22, 1, 0.36, 1);
}
.icon a:hover {
	transform: translateY(-5px);
}
@media (max-width:990px) {
	.ftlogo {
		width: 20%;
	}
	.ftinfo {
		padding: 0 1em;
	}
	.ftinfo li p:nth-of-type(2) {
		width: 75%;
	}
	.copyright {
		width: 100%;
		text-align: center;
	}
	.icon {
		width: 100%;
		padding: 1em 0 0 0;
		text-align: center;
	}
}
@media (max-width:768px) {
	.ftlogo,.ftbtn {
		width: 100%;
		text-align: center;
	}
	.ftinfo {
		padding: 1em 0;
		width: 100%;
	}
	footer {
		padding: 4em 0 1em;
	}
	.site {
		padding: 3em 0 1em 0;
	}
	footer hr {
		margin: 0 0 1em;
	}
}
@media (max-width:630px) {
	.site li {
		width: 25%;
	}
	.copyright,.copyright a,.icon {
		font-size: 12px;
	}
	.icon {
		padding: .5em 0 0 0;
	}
}
@media (max-width:450px) {
	footer {
		padding: 3em 0 1em;
	}
	.site {
		padding: 2em 0 1em 0;
	}
	.site li a {
		font-size: 14px;
	}
	.icon {
		padding: 0;
	}
	.ftinfo li p:nth-of-type(2) {
		font-size: 14px;
		letter-spacing: 1px;
	}
	.ftlogo img {
		width: 90px;
	}
}
/*---innertp-----------------------------------------------------------------------*/
.innertp {
	margin-top: 5em;
}
/***about***/
.about {
	background: url(../../images/shadow_abt.png) top center no-repeat;
}
.about .iabt1 {
	width: 1200px;
	margin: 0 auto;
	max-width: 90%;
	padding: 4em 0 6em;
}
.about .iabt1_img {
	padding-top: 6em;
}
.about .slogan {
	margin-top: 4em;
}
/***abt2***/
.abt2 {
	background:rgb(205 209 216 / 45%);
	text-align: center;
	padding:7em 0;
}
.wrap4 {
	width: 1600px;
	margin: 0 auto;
	max-width: 90%;
}
.abt2_text {
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
	width: 25%;
	padding-right: 3em;
}
.abt2_text h6 {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.5;
}
.abt2_text p {
	font-weight: 300;
	padding-top: 2em;
	text-align: justify;
	text-justify:inter-ideograph;
}
.abt2 ul {
	display: inline-block;
	vertical-align: bottom;
	text-align: right;
	width: 70%;
}
.abt2 li {
	display: inline-block;
	vertical-align: bottom;
	width: 23%;
	text-align: left;
}
.abt2 li img {
	display: block;
	margin: 0 auto;
}
.abt2 li span {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-weight: 500;
	border-bottom: solid 1px #000;
	padding:0.5em 0 0 5em;
}
.about .iabt1_img:before {
	bottom: -10em;
	z-index: 3;
}
@media (max-width:1300px) {
	.abt2_text {
		display: block;
		width: 570px;
		padding: 0 0 2em 2em;
		max-width: 100%;
	}
	.abt2 ul {
		text-align: center;
		width: 100%;
	}
	.about .iabt1_img:before {
		left: -10em;
	}
}
@media (max-width:990px) { 
	.about .iabt1_img {
		padding-top: 1em;
	}
	.about .iabt1_img:before {
		left: -7em;
	}
	.about .iabt1 {
		padding: 4em 0 4em;
	}
	.abt2 {
		padding: 5em 0;
	}
}
@media (max-width:850px) {
	.abt2 li span {
		font-size: 15px;
		padding: 0.5em 0 0 3em;
	}
}
@media (max-width:768px) {
	.innertp {
		margin-top: 4em;
	}
	.about .iabt1 {
		padding: 4em 0 3em;
	}
	.about .iabt1_img:before {
		left: -4em;
		max-width: 30vw;
	}
	.abt2 {
		padding: 4em 0;
	}
	.abt2 li {
		width: 40%;
		padding-bottom: 1em;
	}
	.abt2_text {
		width: 550px;
		padding: 0 0 2em 0em;
		max-width: 100%;
		margin: 0 auto;
	}
}
@media (max-width:630px) {
	.about .slogan {
		margin-top: 2em;
		z-index: 3;
	}
	.about .iabt1 {
		padding: 2em 0 2em;
	}
	.abt2 {
		padding: 3em 0 2em;
	}
	.abt2 li {
		width: 48%;
	}
	.abt2 li span {
		padding: 0.5em 0 0 5em;
	}
}
@media (max-width:450px) {
	.abt2_text p {
		padding-top: 1em;
	}
	.abt2 li span {
		padding: 0.5em 0 0 3em;
		font-size: 14px;
	}
	.about .iabt1_img img {
		max-width: 80%;
	}
	.about .title {
		margin-top: -3em;
	}
	.abt2_text h6 {
		font-size: 20px;
	}
}
@media (max-width:380px) {
	.about .iabt1 {
		padding: 2em 0 1em;
	}
	.abt2 {
		padding: 2em 0 1em;
	}
}
@media (max-width:350px) {
	.about .iabt1 {
		padding: 1em 0 0em;
	}
}
/***abt3***/
.abt3_tp {
	min-height: 670px;
	background: url(../../images/abt3_bg.jpg) top center no-repeat fixed;
	background-size: cover;
}
.abt3_text {
	background: url(../../images/shadow_leaf.png) top center no-repeat;
	text-align: center;
	padding: 6em 0 5em;
}
.wrap5 {
	width: 1065px;
	margin: 0 auto;
	max-width: 90%;
}
.abt3_text h6 {
	font-size: 22px;
    font-weight: 500;
    position: relative;
    line-height: 1.4;
}
.abt3_text h6:before {
	content: '';
	background: url(../../images/leaf.png) center center no-repeat;
	background-size: contain;
	width: 138px;
	height: 136px;
	position: absolute;
	top: -2em;
	right: 7em;
}
.abt3_text span {
	display: block;
    padding: .5em 0 2em;
}
.abt3_text p {
	font-weight: 300;
	display: inline-block;
	vertical-align: top;
	width: 32%;
	padding: 0;
	text-align: justify;
	text-justify:inter-ideograph;
	padding: 0 1em;
}
@media (max-width:1080px) {
	.abt3_tp {
		min-height: 550px;
		background-attachment: inherit;
	}
	.abt3_text h6:before {
		right: 4em;
	}
}
@media (max-width:930px) {
	.abt3_tp {
		min-height: 450px;
		background-position: center;
	}
	.abt3_text h6:before {
		right: 2em;
		width: 15%;
		height: 100px;
		top: -1em;
	}
	.abt3_text {
		padding: 5em 0 4em;
	}
}
@media (max-width:800px) {
	.abt3_tp {
		min-height: 400px;
	}
	.abt3_text p {
		width: 100%;
		padding: .5em 1em;
	}
	.abt3_text h6:before {
		right: 1em;
		width: 100%;
		max-width: 13vw;
	}
}
@media (max-width:630px) {
	.abt3_tp {
		min-height: 350px;
	}
	.abt3_text {
		padding: 4em 0 3em;
	}
	.abt3_text h6:before {
		right: 0em;
		max-width: 11vw;
	}
}
@media (max-width:520px) {
	.abt3_tp {
		min-height: 250px;
	}
	.abt3_text h6:before {
		right: 0em;
		max-width: 11vw;
		top: -3.5em;
	}
	.abt3_text span {
		padding: .5em 0 1em;
	}
	.abt3_text h6 {
		font-size: 20px;
	}
}
@media (max-width:380px) {
	.abt3_tp {
		min-height: 220px;
	}
	.abt3_text h6:before {
		top: -4em;
	}
	.abt3_text p {
		padding: 0;
	}
	.abt3_text {
		padding: 3em 0 2em;
	}
	.abt3_text h6:before {
		top: -2.5em;
		height: 50px;
		max-width: 12vw;
	}
}
/*---corporate---------------------------------------------------------------------*/
.corporate {
	background: rgb(255, 255, 255);
	text-align: center;
	padding: 5em 0;
	overflow-x: hidden;
}
.corporate b {
	font-weight: 700;
}
.wrap6 {
	width: 1300px;
	margin: 0 auto;
	max-width: 90%;
	text-align: right;
}
/***cprt_tp***/
.cprt_tp {
	width: 100%;
	position: relative;
}
.cprt_tp .title {
	padding: 0;
    margin: 0 0 -4em 0;
    z-index: 3;
}
.cprt_tp .slogan {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	padding-left: 1em;
	position: absolute;
	bottom: 0em;
	left: 15em;
}
.cprt_tp .slogan:before {
	height: 120px;
}
.cprt_tp .slogan span {
    padding: 0em .5em;
}
/*cprt_text*/
ul.cprt_text {
	display: inline-block;
	width: 1050px;
	padding: 4em 0;
	max-width: 100%;
}
ul.cprt_text li {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	padding: 1em 0 1em 2em;
	text-align: left;
}
ul.cprt_text li p {
	text-align: justify;
	text-justify:inter-ideograph;
}
/***cprt_btm***/
.cprt_btm img {
	width: 58%;
    padding: 0 1em;
}
.cprt_btm p {
	display: inline-block;
    vertical-align: top;
    padding: 1em;
	width: 40%;
	text-align: left;
	text-align: justify;
	text-justify:inter-ideograph;
}
@media (max-width:1370px) {
	.cprt_tp .slogan {
		left: 7em;
	}
}
@media (max-width:1200px) {
	.cprt_tp .slogan {
		left: 1em;
	}
	.corporate {
		padding: 4em 0;
	}
}
@media (max-width:990px) {
	.cprt_tp .slogan {
		left: 0em;
	}
	.corporate {
		padding: 4em 0 3em;
	}
	ul.cprt_text {
		padding: 3em 0 2em;
	}
	ul.cprt_text li {
		padding: 1em 0 1em 1em;
	}
}
@media (max-width:850px) {
	.cprt_tp .slogan {
		position: relative;
		margin-top: -.5em;
		writing-mode: horizontal-tb;
		-webkit-writing-mode: horizontal-tb;
	}
	.cprt_tp .slogan span {
		padding: 0;
	}
	ul.cprt_text {
		padding: 2em 0 2em;
	}
	ul.cprt_text li {
		padding: .5em 0;
	}
	ul.cprt_text li:nth-of-type(2) {
		padding: .5em 1em;
	}
	.cprt_btm img,.cprt_btm p {
		width: 100%;
	}
	.cprt_tp .slogan:before {
		height: 100%;
	}
}
@media (max-width:630px) {
	.corporate {
		padding: 3em 0 2em;
	}
	ul.cprt_text {
		padding: 2em 1em;
	}
	ul.cprt_text li:nth-of-type(2) {
		padding: .5em 0;
	}
	ul.cprt_text li {
		width: 100%;
	}
}
@media (max-width:450px) {
	.cprt_tp .slogan {
		margin-top: 1em;
	}
	ul.cprt_text {
		padding: 1em 0 2em;
	}
	.cprt_btm img {
		padding: 0;
	}
	.cprt_btm p {
		padding: 1em 0;
	}
}
@media (max-width:380px) {
	.corporate {
		padding: 2em 0 1em;
	}
}
/*---bs_area---------------------------------------------------------------------------*/
.bs_area {
	background: url(../../images/bs_bg_01.png) top center no-repeat,url(../../images/bs_bg_02.png) bottom center no-repeat;
	padding: 5em 0 8em;
}
.wrap7 {
	width: 1570px;
	margin: 0 auto;
	max-width: 90%;
	text-align: center;
}
/***bs_tp***/
.bs_tp {
	text-align: right;
	width: 1250px;
	margin: 0 auto;
	max-width: 100%;
}
/*bs_title*/
.bs_title {
    width: 42%;
	padding: 0 0 0 2em;
	margin-bottom: -12em;
}
.bs_title .slogan {
	margin-top: 4em;
}
.bs_title .title span {
    bottom: 4em;
    left: 5em;
}
/*grid*/
.grid {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
    min-height: 565px;
}
.g1 {
	background: url(../../images/bs_img1.jpg) top center no-repeat;
	background-size: cover;
	flex: 1;
}
.g2 {
	flex: 1;
	display: inline-block;
	height: 47%;
}
.g3 {
	flex: 2;
    background: url(../../images/bs_img2.jpg) center center no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
	height: 50%;
	margin-top: 1em;
}
.g4 {
	flex: 1;
	height: 50%;
}
.gh {
	height: 50%;
	flex: 1;
}
.gs {
	flex: 2;
	text-align: left;
	padding: 0 1em;
}
.bs_text {
	background: rgb(24 30 50 / .85);
	padding:3em 2em;
	text-align: left;
	color: #cddaef;
}
.bs_text p {
	font-size: 18px;
	font-weight: 700;
}
.bs_text ul {
	padding: 1em 0 0;
}
.bs_text li {
	font-size: 16px;
	font-weight: 100;
	position: relative;
	padding: 0 0 0 1em;
}
.bs_text li:before {
	content: '';
	background: #cddaef;
	width: 3px;
	height: 1px;
	position: absolute;
	top: 11px;
	left: 0;
}
/***bs_btm***/
.bs_btm {
	text-align: left;
}
.bs_btm b {
	display: block;
	font-size: 18px;
	text-align: center;
	padding: 2em 0 1em;
}
.bs_btm ul {
	display: flex;
	justify-content: space-between;
}
.bs_btm li {
	width: 33%;
	justify-content: flex-end;
    display: flex;
    align-items: stretch;
}
.bs3 {
	text-align: right;
	background: url(../../images/bs_simg1.jpg) center center no-repeat;
	background-size: cover;
	justify-content: flex-end;
    display: flex;
    align-items: stretch;
}
.bs_btm li:nth-of-type(2) .bs3 {
	background: url(../../images/bs_simg2.jpg) center center no-repeat;
	background-size: cover;
}
.bs_btm li:nth-of-type(3) .bs3 {
	background: url(../../images/bs_simg3.jpg) center center no-repeat;
	background-size: cover;
}
.bs3_text {
	background:#373c4e;
	padding:3em 2em;
	text-align: left;
	color: #cddaef;
	display: inline-block;
	width: 55%;
	border-left: solid 1px;
}
.bs3_text p {
	font-weight: 100;
	padding-top: 1em;
}
@media (max-width:1300px) {
	.bs_title .title span {
		left: 2em;
	}
	.bs3_text {
		padding: 3em 1em 2em;
	}
	.bs_area {
		padding: 5em 0 7em;
	}
}
@media (max-width:1200px) {
	.bs_title .title span {
		left: 2em;
		position: absolute;
	}
}
@media (max-width:1080px) {
	.bs_title .title span {
		left: 0em;
	}
	.bs_title .title span:before {
		bottom: -5em;
		right: 7em;
		height: 180px;
	}
	.bs_btm ul {
		flex-wrap: wrap;
	}
	.bs_btm li {
		width: 100%;
		display: block;
		padding-bottom: 1em;
	}
	.bs3_text {
		padding: 3em 3em 4em;
		width: 60%;
	}
	.bs_area {
		padding: 5em 0 5em;
	}
}
@media (max-width:990px) {
	.bs_title .title {
		width: 100%;
	}
	.bs_title {
		width: 100%;
		margin-bottom: 2em;
		padding: 0;
	}
	.bs3,.bs_btm li:nth-of-type(2) .bs3,.bs_btm li:nth-of-type(3) .bs3 {
		background-size: 45%;
		background-position: left;
	}
	.grid {
		flex-wrap: wrap;
	}
	.gs,.gs2 {
		flex:1;
	}
	.bs_area {
		padding: 4em 0 4em;
	}
	.bs_title .title {
		width: 100%;
	}
	.bs_title .title span {
		left: 26em;
	}
	.bs_title .slogan {
		margin-top: 0em;
	}
	.bs_text {
		padding: 2em 2em 1em;
	}
}
@media (max-width:900px) {
	.bs_title .title span {
		left: 22em;
	}
	.grid {
		flex-wrap: wrap;
		position: relative;
		align-items: unset;
		justify-content: unset;
		min-height: auto;
		padding-left: 36%;
	}
	.g1 {
		height: 100%;
		width: 35%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.g2 {
		flex: none;
		display: inline-block;
		height: auto;
	}
	.gs, .gs2 {
		flex: auto;
		width: 100%;
		padding: 0;
	}
	.bs_text {
		width: 100%;
		padding: 2em 2em;
	}
	.g3 {
		flex: none;
		height: 180px;
		margin: .3em 0;
	}
	.gh {
		display: none;
		flex: none;
	}
	.g4 {
		flex: none;
		height: auto;
	}
	.bs3 {
		position: relative;
	}
	.bs3:after {
		content: '';
		background: url(../../images/bs_simg1.jpg) center center no-repeat;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		width: 45%;
		height: 100%;
	}
	.bs_btm li:nth-of-type(2) .bs3:after {
		content: '';
		background: url(../../images/bs_simg2.jpg) center center no-repeat;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		width: 45%;
		height: 100%;
	}
	.bs_btm li:nth-of-type(3) .bs3:after {
		content: '';
		background: url(../../images/bs_simg3.jpg) center center no-repeat;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		width: 45%;
		height: 100%;
	}
	.bs3, .bs_btm li:nth-of-type(2) .bs3, .bs_btm li:nth-of-type(3) .bs3 {
		background: none;
	}
	.bs3_text {
		z-index: 3;
	}
	.bs_title .title {
		width: auto;
		display: inline-block;
	}
	.bs_title .title span {
		left: 0em;
	}
}
@media (max-width:600px) {
	.bs_area {
		padding: 3em 0 4em;
	}
	.bs_title .title span:before {
		bottom: -6em;
		right: 8em;
	}
	.bs_title .slogan {
		margin-top: 1em;
	}
	.bs3_text {
		padding: 2em 2em 3em;
		width: 70%;
	}
	.bs3:after {
		width: 35%;
	}
}
@media (max-width:500px) {
	.bs_title .title span:before {
		bottom: -6em;
		right: 5em;
	}
	.g1 {
		height: 180px;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		flex: none;
		background-position-y: 72%;
	}
	.grid {
		padding: 0;
	}
	.bs_text {
		width: 100%;
		padding: 2em 1em;
	}
	.g3 {
		margin: .3em 0 0;
	}
	.bs3_text {
		padding: 2em 2em 2em;
		width: 70%;
	}
	.bs3, .bs_btm li:nth-of-type(2) .bs3, .bs_btm li:nth-of-type(3) .bs3 {
		padding-top: 120px;
	}
	.bs3_text,.bs3:after,.bs_btm li:nth-of-type(2) .bs3:after,.bs_btm li:nth-of-type(3) .bs3:after {
		width: 100%;
	}
	.bs3:after, .bs_btm li:nth-of-type(2) .bs3:after, .bs_btm li:nth-of-type(3) .bs3:after {
		height: 50%;
		background-position: bottom;
	}
	.bs3_text {
		padding: 1em;
	}
	.bs_area {
		padding: 3em 0 2em;
	}
	.bs_btm b {
		padding: 2em 0 .5em;
	}
	.bs3_text p {
		padding-top: .5em;
	}
}
@media (max-width:380px) {
	.bs_title .title span {
		left: 1em;
	}
}
@media (max-width:350px) {
	.bs_title .title span:before {
		bottom: -7em;
		right: 5em;
	}
	.bs_text {
		padding: 1em 1em;
	}
}
/*---related---------------------------------------------------------------------------*/
.related {
	background: #fff;
	padding: 5em 0;
	border-bottom: solid 3px;
	overflow-x: hidden;
}
.wrap8 {
	width: 1100px;
	margin: 0 auto;
	max-width: 90%;
}
.related .iabt1_img {
	width: 56%;
	vertical-align: top;
}
.related p {
	display: inline-block;
	vertical-align: middle;
	font-weight: 100;
	width: 42%;
    padding: 10em 2em 2em 2em;
    vertical-align: top;
}
.related .title h3 {
	margin-left: -4em;
}
@media (max-width:1300px) {
	.related .title h3 {
		margin-left:0;
	}
}
@media (max-width:990px) {
	.related .iabt1_img {
		width: 60%;
	}
	.related p {
		width: 38%;
		padding: 10em 1em 2em 1em;
	}
}
@media (max-width:800px) {
	.related .iabt1_img {
		width: 100%;
		display: block;
	}
	.related p {
		width: 100%;
		padding: 3em 1em 2em 1em;
	}
	.related {
		padding: 4em 0 2em;
	}
}
@media (max-width:500px) {
	.related {
		padding: 3em 0 1em;
	}
	.related p {
		padding: 2em 1em;
	}
}
@media (max-width:380px) {
	.related p {
		padding: 1em 1em;
	}
}
@media (max-width:350px) {
	.related p {
		padding: 1em 0;
	}
}
.height {
	transform: translateY(-90px);
}
@media (max-width:1200px) {
	.height {
		transform: translateY(-82px);
	}
}
@media (max-width:768px) {
	.height {
		transform: translateY(-75px);
	}
}
@media (max-width:500px) {
	.height {
		transform: translateY(-70px);
	}
}
@media (max-width:350px) {
	.height {
		transform: translateY(-68px);
	}
}
/*---inner--------------------------------------------------------------------------------*/
.inbanner {
	min-height: 540px;
	position: relative;
	overflow-y: hidden;
}
.inbanner:before {
	content: '';
	background: url(../../images/dex_deco_01.png) top right no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 18%;
	height: 100%;
}
.inbanner:after {
	content: '';
	background: url(../../images/dex_deco_02.png) top left no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	width: 18%;
	height: 100%;
}
.inbanner_contact {
	background: url(../../images/inbanner_contact.jpg) top center no-repeat;
	background-size: cover;
}
.inbanner_news {
	background: url(../../images/inbanner_news.jpg) top center no-repeat;
	background-size: cover;
}
.inbanner_hotcase {
	background: url(../../images/inbanner_hotcase.jpg) top center no-repeat;
	background-size: cover;
}
.inbanner_products {
	background: url(../../images/inbanner_products.jpg) top center no-repeat;
	background-size: cover;
}
/***inner***/
.inner {
	background: url(../../images/inner_bg.png) top center no-repeat;
	background-size: auto;
	text-align: center;
}
.inner .intitle {
    width: 1030px;
    margin: 0 auto;
    max-width: 90%;
	text-align: right;
	top: 2em;
}
/***location***/
.location {
	width: 1400px;
	margin: 0 auto;
	max-width: 90%;
	padding: 8em 0 10em;
}
.map {
	position: relative;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	border: solid 3px #373c4e;
	min-height: 460px;
	width: 50%;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.contact {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 45%;
	padding: 4em 0 0 5em;
}
.contact .ftinfo {
	width: 100%;
	padding: 6em 0 0 0;
}
.contact .ftinfo ul {
	display: inline-block;
}
@media (max-width:1440px) {
	.inbanner {
		min-height: 450px;
	}
}
@media (max-width:1200px) {
	.inbanner {
		min-height: 400px;
	}
}
@media (max-width:990px) {
	.inbanner {
		min-height: 350px;
	}
}
@media (max-width:768px) {
	.inbanner {
		min-height: 300px;
	}
	.map {
		min-height: 350px;
		width: 100%;
	}
	.location {
		padding: 5em 0 6em;
	}
	.contact {
		padding: 4em 1em 0 1em;
		width: 100%;
	}
	.contact .ftinfo {
		padding: 2em 0 0 0;
	}
}
@media (max-width:600px) {
	.inbanner {
		min-height: 250px;
	}
}
@media (max-width:500px) {
	.inbanner {
		min-height: 200px;
	}
	.inner .intitle {
		top: 3em;
	}
	.map {
		min-height: 300px;
	}
	.location {
		padding: 5em 0 4em;
	}
	.contact {
		padding: 2em 1em 0 1em;
	}
	.contact img {
		width: 180px;
	}
}
@media (max-width:350px) {
	.inbanner {
		min-height: 180px;
	}
	.map {
		min-height: 250px;
	}
	.contact {
		padding: 2em 0em 0 0em;
	}
	.contact .ftinfo {
		padding: 1em 0 0 0;
	}
}
/***news*************************************************************************************************/
.news {
	margin: 0 auto;
    max-width: 90%;
    text-align: center;
    padding: 5em 0;
	color:#000;
	width:830px;
	position:relative;
	min-height: 400px;
}
.newslist {
}
.newslist table {
	color:#000;
}
/***newslist_rwd***/
.newslist_rwd {
    text-align: left;
	padding:2em 0;
	position: relative;
}
.newslist_rwd:after {
	content: '';
	background: #373c4e;
	width: 90%;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.newslist_rwd a {
	position:relative;
	transition:.3s ease all;
	line-height: 1.5;
	color:#000;
}
/*npic*/
.npic {
	position: relative;
    width: 40%;
    min-height:230px;
    transition: .3s ease all;
    display: inline-block;
    vertical-align: top;
	box-shadow: 0px 0px 0px rgba(0,0,0,.5);
}
.npicimg {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
	background-position: center;
}
/*ntitle*/
.ntitle {
	text-align:left;
	position:relative;
	margin: .5em 0;
	width: 45%;
    padding: 0 0 0 1em;
	display:inline-block;
	vertical-align:top;
}
.ntitle h6 {
	color: #373c4e;
	font-size: 24px;
	line-height: 1.3;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: 500;
}
.ntitle h6 a {
	display: inline-block;
	font-size: 16px;
}
.ntitle h6 a:nth-of-type(1) {
	display: block;
	font-size: 24px;
}
.ntitle p {
	position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #000;
    font-size:18px;
    margin:1em 0;
    font-weight: 300;
}
.ntitle p a {
	display:inline-block;
}
.ntitle p a:nth-of-type(1) {
	display:block;
	overflow:hidden;
}
.ntitle b {
	color: #000;
    font-size:14px;
    padding:0 0 .5em 0;
	position:relative;
	display:block;
	line-height:1;
	font-weight: 300;
}
.morenews {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #789fc0;
	font-size: 15px;
	font-weight: 300;
	background: #181e32;
	padding: .5em 3em;
	border: solid 1px #181e32;
	transition: .3s ease all;
}
.newslist_rwd a:hover .npic {
	box-shadow: 0px 0px 15px rgba(0,0,0,.5);
}
.newslist_rwd a:hover .morenews {
	border: solid 1px #789fc0;
	background: none;
}
/*page_num*/
.page_num {
	padding:1em 0;
}
.page_num a {
	display:inline-block;
}
.inews .page_num {
	display:none;
}
/***hotcase***/
.hotcase {
	width: 1300px;
}
.newslist_rwd2 {
	padding: 2em 1em;
}
.newslist_rwd2:after {
	display: none;
}
.newslist_rwd2 .npic {
	width: 100%;
	min-height: 250px;
	box-shadow: 4px 20px 30px rgba(0,0,0,.3);
}
.newslist_rwd2 .ntitle {
	width: 100%;
	padding: 2em 2em 1em 2em;
}
.newslist_rwd2 .morenews {
	position: relative;
	width: 160px;
	margin: 0 auto;
	max-width: 100%;
}
	@media (max-width:990px) {
		.newslist_rwd2 .npic {
			min-height: 195px;
		}
		.newslist_rwd2 .ntitle {
			padding: 2em 1em 0em 1em;
		}
	}	
	@media (max-width:900px) {
		.newslist_rwd {
			padding:2em 0;
		}
		.newslist_rwd2 {
			padding: 2em 1em;
		}
		.newslist_rwd2 .ntitle {
			padding: 1em 1em 0em 1em;
		}
		.newslist_rwd2 .ntitle p {
			margin: .5em 0;
		}
	}
	@media (max-width:768px) {
		.newslist_rwd2.col-sm-4 {
			width: 50%;
		}
		.inews_list .newslist_rwd2.col-sm-4 {
			width: 33.33333333%;
			padding: 1em 1em 0 1em;
		}
		.inews_list .newslist_rwd2 .npic {
			min-height: 150px;
		}
		.inews_list .ntitle h6 {
			font-size: 20px;
		}
		.inews_list .ntitle p {
			font-size: 16px;
		}
	}
	@media (max-width:600px) {
		.inews_list .newslist_rwd2 .npic {
			min-height: 120px;
		}
		.inews_list .newslist_rwd2.col-sm-4 {
			padding: 1em .5em 0 .5em;
		}
		.inews_list .newslist_rwd2 .ntitle {
			padding: 1em .5em 0em .5em;
		}
	}
	@media (max-width:650px) {
		.newslist {
			margin: 0;
		}
		.npic {
			min-height: 180px;
		}
		.ntitle {
			padding: 0em 0 0 1em;
			width: 55%;
		}
		.ntitle p {
			margin: 1em 0 .5em;
		}
		.morenews {
			font-size: 12px;
		}
	}
	@media (max-width:550px) {
		.newslist_rwd2 .npic {
			min-height: 150px;
		}
		.newslist_rwd2 {
			padding: 1em 1em;
		}
		.newslist_rwd2 .ntitle {
			padding: 1em .5em 0em .5em;
		}
		.newslist_rwd2 .ntitle h6 {
			font-size: 20px;
		}
		.newslist_rwd2 .ntitle p {
			font-size: 16px;
		}
	}
	@media (max-width:500px) {
		.ntitle b,.ntitle span {
			font-size:14px;
		}
		.newslist_rwd {
			padding:1em 0;
		}
		.npic {
			min-height: 200px;
		}
		#ihotnews .ntitle,#ihotnews .npic {
			width: 100%;
		}
		.ntitle {
			margin: .5em 0;
		}
		.ntitle h6 {
			font-size: 18px;
		}
		.ntitle p {
			font-size: 15px;
			margin: .5em 0;
		}
		.morenews {
			padding: .3em 1em;
		}
		.newslist_rwd2.col-sm-4 {
			width: 100%;
			padding: 1em 0;
		}
		.newslist_rwd2 .npic {
			min-height: 200px;
		}
		.newslist_rwd2 .morenews {
			width: 100%;
			text-align: center;
			padding: 1em;
			font-size: 14px;
		}
		.inews_list .newslist_rwd2.col-sm-4 {
			padding: 1em;
			width: 100%;
			margin: 0;
		}
		.inews_list:before {
			width: 96%;
			height: 96%;
		}
		.inews_list .newslist_rwd2 .npic {
			min-height: 150px;
		}
	}
	@media (max-width:380px) {
		.npic {
			min-height: 180px;
			width: 100%;
		}
		.ntitle {
			margin: .5em 0;
			width: 100%;
			padding: 1em 0;
		}
	}
	@media (max-width:350px) {
		.newslist_rwd {
			width:100%;
		}
	}
/*************************
*******service_album*******
**************************/
#service_album {
	padding-bottom: 40px;
	padding-top: 40px;
	min-height: 40vh;
}

#service_album a {
	color: #d0791d;
	display:inline-block;
}

#service_album a:visited,
#service_album a:focus {
	color: #513c26;
}

#service_album a:hover {
	color: #7f4d18;
}

.table1 table {
	min-width: 23%;
}

.table2 td {
	max-width: 200px;
	height: 30px;
}

@media(max-width:992px) {
	.contactm {
		margin-bottom: 20px
	}
	.table1 table {
		width: 100%;
	}
	table.tablegrid {
		width:23%;
	}
}

@media(max-width:768px) {
	.table1 table {
		width:98%;
	}
	table.tablegrid {
		width:47%;
	}
}
@media(max-width:500px) {
	table.tablegrid {
		width:95%;
	}
}
/*album*/
.album {
	z-index:5;
	position:relative;
	width:1200px;
	max-width:90%;
	margin:0 auto;
	padding: 5em 0 7em;
}
.album a {
	display:inline-block;
	color:#063827;
}
.album tr.photo {
	transition:.2s ease-in-out;
}
.album tr.photo:hover {
	opacity:.6;
}
.table-responsive {
	border:0;
	margin:10px 0;
}
/***ihotnews***/
#ihotnews {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.2);
	z-index:90;
}
#ihotnews table {
	width:100%;
}
#ihotnews .inews_bg {
	width:900px;
	margin:7em auto 0;
	max-width:90%;
	padding: 1em 2em 3em 2em;
    border-radius: 2px;
	text-align:center;
	background: url(../../images/pattern.jpg) top left repeat;
	overflow: hidden;
}
#ihotnews .inews_tit {
	display:inline-block;
	position:relative;
	padding:0 .7em;
	font-size:20px;
	text-align:center;
}
#ihotnews .inews_tit:before {
	content:'';
	background:#000;
	width:3px;
	height:3px;
	border-radius:100%;
	position:absolute;
	top:48%;
	left:0;
}
#ihotnews .inews_tit:after {
	content:'';
	background:#000;
	width:3px;
	height:3px;
	border-radius:100%;
	position:absolute;
	top:48%;
	right:0;
}
.close {
    opacity: 1;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 30px;
    color: #3a3838;
    font-family: monospace;
}
#ihotnews .newslist_rwd a {
	padding:1em;
	z-index:5;
	position:relative;
}
#ihotnews .newslist_rwd a:after {
	border:solid 1px #9c9c9c;
}
#ihotnews .page_num {
	display:none;
}
.noshow {
	transform:translateY(-100%);
	opacity:0;
	visibility:hidden;
	transition:.6s ease-in-out;
}
#ihotnews .newslist_rwd {
	width: 100%;
}
#ihotnews .title {
    text-align: center;
    margin-top: 0;
    position: relative;
    padding: 4em 3em 0 0;
    display: inline-block;
}
#ihotnews .newslist_rwd:after {
    content: '';
    background: none;
    width: 90%;
    height: 93%;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
	border: solid 1px;
	opacity: .3;
}
	@media screen and (max-width: 500px) {
		.inews_bg {
			padding:1em;
			margin: 3em auto 0;
			max-height:80vh;
			overflow-y:scroll;
		}
		#ihotnews .newslist_rwd {
			margin: .5em 0;
		}
		#ihotnews .title {
			padding: 3em 3em 0 0;
		}
		.close{
			position: absolute;
		}
		#ihotnews .inews_bg {
			padding: 1em 1em 2em 1em;
		}
		#ihotnews .newslist_rwd a {
			padding: 1em 0;
		}
		
		#ihotnews .newslist_rwd:after {
			height: 96%;
		}
	}
	@media screen and (max-width: 380px) {
		#ihotnews .inews_bg{
			margin: 4em auto 0;
		}
		#ihotnews .newslist_rwd {
			margin: 0;
		}
		#ihotnews .newslist_rwd a {
			padding: 0;
		}
		#ihotnews .ntitle {
			margin: 0;
			padding: 1em 0em;
		}
		#ihotnews .newslist_rwd:after {
			height: 99%;
			opacity: .2;
		}
	}
	@media screen and (max-width: 350px) {
		#ihotnews .inews_bg {
			padding:1em;
			margin: 2em auto 0;
			max-height:80vh;
			overflow-y:scroll;
		}
	}
.newstitle {
	opacity: 0;
}
form .newstitle {
	opacity: 1 !important;
}