@charset "utf-8";
/*------------------------------------------------------------
	default style
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

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, font, 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, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}
html {
	font-size: 62.5%;
}
body, table, input, textarea, select, option {
	font-family: "Microsoft Yahei";
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
a,
a:link {
	color: #333;
	text-decoration: none;
	-webkit-transition: all .5s;
	transition: all .5s;
}
a:visited {
	color: #333;
}
a:hover {
	color: #333;
}
a:active {
	color: #333;
}

body {
	color: #333;
	font-size: 16px;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}
#container {
	text-align: left;
}
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}
@media all and (min-width: 992px) {
	.sp {
		display: none !important;
	}
}
@media all and (max-width: 991px) {
	body {
		min-width: inherit;
		font-size: 14px;
	}
	a:hover,
	a:hover img {
		opacity: 1 !important;
	}
	.pc {
		display: none !important;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
}

/*------------------------------------------------------------
	page
------------------------------------------------------------*/
#header {
	padding: 0 15px;
}
#header .width {
	max-width: 1770px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/*#header h1 {
	max-width: 121px;
}*/
#header .rbox {
	width: 80%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header .navi {
	width: 75%;
}
#header .navi ul {
	display: flex;
}
#header .navi ul > li {
	width: 16.66%;
	position: relative;
}
#header .navi ul > li > a {
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #007186;
	font-family: "思源黑体 CN";
	text-align: center;
	position: relative;
}
#header .navi ul > li > a:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 4px;
	background-color: #33dad1;
	transition: .5s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#header .navi ul > li > a:hover:before,
#header .navi .on > a:before {
	width: 100%;
}
#header .navi ul > li > a:after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url("../images/icon02.png") no-repeat center center;
	content: "";
	z-index: 1;
	transform: scale(0);
	-webkit-transition: all .5s;transition: all .5s;
}
#header .navi ul > li > a:hover:after,
#header .navi .on > a:after {
	transform: scale(1);
}
#header .navi a span {
	position: relative;
	z-index: 2;
}
#header .navi .secitem {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background-color: rgba(255,255,255,1.00);
	z-index: 100;
}
#header .navi .secitem a {
	padding: 15px 0;
	display: block;
	text-align: center;
	border-top: 1px solid #27c1bf;
	font-family: "思源黑体 CN";
}
#header .navi .secitem a:last-child {
	border-bottom: 1px solid #27c1bf;
}
#header .navi .secitem a:hover {
	color: #fff;
	background-color: #27c1bf;
}
#header .language a {
	display: block;
	color: #666;
}
#header .language img {
	margin: -5px 5px 0 0;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all .5s;transition: all .5s;
}
#header .language a:hover {
	color: #27c1bf;
}
#header .language a:hover img {
	transform: rotateY(360deg);
}
#header .tel {
	font-size: 33px;
	color: #27c1bf;
	font-family: Impact, "sans-serif";
	letter-spacing: 1px;
}
#header .tel img {
	margin: -5px 5px 0 0;
	display: inline-block;
	vertical-align: middle;
	width: 30%;
}

#footer {
	padding: 40px 15px 0;
	background: url("../images/bg14.jpg") no-repeat center center;
	background-size: cover;
}
#footer .flogo {
	margin: 0 auto 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#footer .flogo img {
	margin: 0 50px;
}
#footer .width {
	padding: 60px 15px;
	max-width: 1400px;
	margin: 0 auto;
	border-top: 1px solid rgba(255,255,255,0.5);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}
#footer .code img {
	display: block;
	max-width: 170px;
	padding: 13px;
	border: 1px solid rgba(255,255,255,0.5);
}
#footer .item {
	padding-left: 20px;
	font-size: 18px;
	color: #fff;
	line-height: 33px;
	word-break: break-all;
	width:240px;
}
#footer .item a {
	margin-top: 10px;
	display: inline-block;
	font-family: Impact, "sans-serif";
	font-size: 26px;
	color: #fff;
	letter-spacing: 1px;
}
#footer .item img {
	display: block;
	margin-bottom: 25px;
	-webkit-transition: all .5s;transition: all .5s;
}
#footer .item:hover img {
	transform: translateY(-10px);
}
#footer .item .txt01 {
	display: block;
	color: rgba(255,255,255,0.5);
}
#footer .item .txt02 {
	margin-top: 10px;
	display: block;
	font-weight: bold;
}
#footer .copyright {
	padding: 15px 0;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
#footer .copyright a {
	color: #fff;
}
#footer .copyright span {
	margin-left: 30px;
}
#footer .copyright .yingye {
	display: inline-block;
	margin: -5px 0 0 20px;
	vertical-align: middle;
	max-width: 100px;
}
.comWidth {
	max-width: 1430px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

.mainVisual .swiper-slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.mainVisual .width {
	height: 700px;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	padding: 0 15px;
}
.mainVisual .photo01 {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 1;
}
.mainVisual .photo01 img {
	width: auto;
	height: 100%;
}
.mainVisual .width01 {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: center;
}
.mainVisual .width01 h2 {
	margin-bottom: 40px;
}
.mainVisual .width01 p {
	font-size: 31px;
	color: #00687d;
	letter-spacing: 6px;
}
.mainVisual .width01 p span {
	margin-top: 5px;
	display: block;
	font-size: 16px;
	letter-spacing: 1px;
}
.mainVisual .photo02 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.mainVisual .photo03 {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.mainVisual .photo04 {
	position: absolute;
	right: 0;
	bottom: 50px;
	z-index: 1;
}
.mainVisual .width02 {
	max-width: 1500px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
.mainVisual .width02 .inner {
	max-width: 681px;
}
.mainVisual .width02 h2 {
	color: #fff;
	font-size: 58px;
	letter-spacing: 3px;
	margin-bottom: 30px;
}
.mainVisual .width02 h3 {
	margin-bottom: 30px;
}
.mainVisual .width02 p {
	font-size: 18px;
	line-height: 32px;
	color: #fff;
	font-family: "思源黑体 CN";
}
.mainVisual .width02 .en {
	margin-top: 20px;
	font-size: 14px;
	line-height: 21px;
	color: #fff;
	font-family: "思源黑体 CN";
}
.mainVisual .photo05 {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 1;
}
.mainVisual .photo05 img {
	height: 100%;
	width: auto;
	max-width: inherit;
}
.mainVisual .photo06 {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.mainVisual .width03 {
	max-width: 1660px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align: center;
}
.mainVisual .width03 h2 {
	margin-bottom: 15px;
}
.mainVisual .width03 p {
	font-size: 19px;
	color: #20b1b4;
	font-family: "思源黑体 CN";
}
.mainVisual .width03 .en {
	margin-top: 15px;
	font-size: 18px;
	line-height: 31px;
}
.mainVisual .swiper-button-next:after,
.mainVisual .swiper-button-prev:after {
	display: none;
}
.mainVisual .swiper-button-next,
.mainVisual .swiper-button-prev {
	width: 39px;
	height: 39px;
	top: inherit;
	margin-top: 0;
	bottom: 80px;
}
.mainVisual .swiper-button-next {
	right: 11.4%;
	background: url("../images/next01.png") no-repeat center center;
	background-size: 100% 100%;
}
.mainVisual .swiper-button-next:hover {
	background-image: url("../images/next01_on.png");
}
.mainVisual .swiper-button-prev {
	left: inherit;
	right: 15.9%;
	background: url("../images/prev01.png") no-repeat center center;
	background-size: 100% 100%;
}
.mainVisual .swiper-button-prev:hover {
	background-image: url("../images/prev01_on.png");
}
.mainVisual .swiper-pagination {
	width: 375px;
	display: flex;
	justify-content: space-between;
	left: inherit;
	right: 4.9%;
	bottom: 30px;
}
.mainVisual .swiper-pagination-bullet {
	width: 100px;
	height: auto;
	opacity: 1;
	display: block;
	border-radius: 0;
	margin: 0 !important;
	border-bottom: 3px solid #999;
	background: none;
	color: #53cfc4;
	padding-bottom: 5px;
	-webkit-transition: all .5s;transition: all .5s;
	font-size: 0;
}
.mainVisual .swiper-pagination-bullet-active {
	border-bottom-color: #53cfc4;
	font-size: 18px;
}

.comMore a {
	width: 225px;
	display: inline-block;
	background: #27c1bf url("../images/icon03.png") no-repeat right 35px center;
	text-transform: uppercase;
	color: #fff;
	box-sizing: border-box;
	padding: 14px 5px 14px 30px;
	letter-spacing: 1px;
	-webkit-transition: all .5s;transition: all .5s;
	text-align: left;
}
.comMore a:hover {
	background-color: #00687d;
	-webkit-animation: line_anim1 3s infinite;
	animation: line_anim1 3s infinite;
}
@-webkit-keyframes line_anim1 {
	0%{background-position: right 30px top 10px;}
	35%{background-position: right 35px center;}
	65%{background-position: right 30px top 15px;}
	100%{background-position: right 30px top 10px;}
}
@keyframes line_anim1 {
	0%{background-position: right 30px top 10px;}
	35%{background-position: right 35px center;}
	65%{background-position: right 30px top 15px;}
	100%{background-position: right 30px top 10px;}
}

.indexsec01 {
	padding: 100px 0;
	background: url("../images/bg01.png") no-repeat right center;
	background-attachment: fixed;
}
.indexsec01 h2 {
	margin-bottom: 50px;
	text-align: center;
}
.indexsec01 .imgbox {
	display: flex;
	justify-content: space-between;
}
.indexsec01 .imgbox .lbox {
	width: 41.6%;
	box-sizing: border-box;
	padding: 12px 75px 0 0;
	background: url("../images/bg02.png") no-repeat center center;
}
.indexsec01 .imgbox .lbox h3 {
	font-size: 36px;
	color: #00687d;
	letter-spacing: 1px;
	margin-bottom: 45px;
}
.indexsec01 .imgbox .lbox h3 span {
	margin-top: 4px;
	display: block;
	font-size: 18px;
	font-weight: normal;
}
.indexsec01 .imgbox .lbox p {
	font-size: 18px;
	line-height: 35px;
	text-align: justify;
	padding-left: 130px;
	letter-spacing: 1px;
	position: relative;
	text-indent: 2em;
}
.indexsec01 .imgbox .lbox p * {
	font-size: 18px !important;
}
.indexsec01 .imgbox .lbox p:before {
	position: absolute;
	left: 0;
	top: 10px;
	width: 110px;
	height: 3px;
	background-color: #40c8c7;
	content: "";
}
.indexsec01 .imgbox .lbox .comMore {
	margin: 60px 0 0 130px;
}
.indexsec01 .imgbox .rbox {
	width: 58.4%;
}
.indexsec01 .imgbox .rbox img {
	width: 100%;
	transition: all ease 0.6s;
	-webkit-transition: all ease 0.6s;
	-webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.indexsec01 .imgbox .rbox a {
	display: block;
	overflow: hidden;
}
.indexsec01 .imgbox .rbox a:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.indexsec01 .swiper-button-next:after,
.indexsec01 .swiper-button-prev:after {
	display: none;
}
.indexsec01 .swiper-button-next,
.indexsec01 .swiper-button-prev {
	width: 42px;
	height: 71px;
	margin-top: -35px;
}
.indexsec01 .swiper-button-next {
	right: 30px;
	background: url("../images/next02_on.png") no-repeat center center;
	background-size: 100% 100%;
}
.indexsec01 .swiper-button-next:hover {
	opacity: 0.7;
}
.indexsec01 .swiper-button-prev {
	left: 30px;
	background: url("../images/prev02_on.png") no-repeat center center;
	background-size: 100% 100%;
}
.indexsec01 .swiper-button-prev:hover {
	opacity: 0.7;
}
.indexsec02 {
	margin-bottom: -37px;
}
.indexsec02 .lbox {
	float: left;
	width: 50%;
	background: url("../images/bg03.jpg") no-repeat center center;
	background-size: cover;
	display: flex;
	justify-content: flex-end;
	box-sizing: border-box;
	padding-left: 15px;
	position: relative;
	overflow: hidden;
}
.indexsec02 .lbox:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	content: "";
	z-index: 3;
}
.indexsec02 .lbox #video {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.indexsec02 .lbox #video video {
	width: auto;
	height: 100%;
}
@media all and (min-width: 2155px) {
	.indexsec02 .lbox #video video {
		width: 100%;
		height: auto;
	}
}
.indexsec02 .lbox .width {
	max-width: 700px;
	box-sizing: border-box;
	padding: 50px 11.5% 100px 0;
	position: relative;
	z-index: 5;
}
.indexsec02 .lbox h2 {
	text-align: right;
	font-size: 41px;
	color: #27c1bf;
	line-height: 1.35;
	letter-spacing: 4px;
	margin-bottom: 70px;
}
.indexsec02 .lbox h2 span {
	display: block;
	color: #fff;
	font-size: 80px;
	font-family: Impact, "sans-serif";
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.indexsec02 .lbox p {
	color: #fff;
	font-size: 18px;
	line-height: 33px;
	text-indent: 40px;
	text-align: justify;
	letter-spacing: 1px;
}
.indexsec02 .lbox .comMore {
	margin-top: 40px;
	text-align: right;
}
.indexsec02 .rbox {
	padding-right: 15px;
	box-sizing: border-box;
	margin-top: 30px;
	float: right;
	width: 50%;
	background: url("../images/bg04.jpg") no-repeat center center;
	background-size: cover;
}
.indexsec02 .rbox .width {
	max-width: 756px;
	padding: 118px 0;
}
.indexsec02 .rbox h2 {
	margin-bottom: 30px;
	color: #fff;
	text-align: center;
	font-size: 30px;
	letter-spacing: 4px;
}
.indexsec02 .rbox .txtul {
	padding: 30px 6%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #fff url("../images/bg05.png") no-repeat center center;
}
.indexsec02 .rbox .txtul li {
	width: 47%;
	margin: 35px 0;
	position: relative;
	padding-left: 70px;
	box-sizing: border-box;
}
.indexsec02 .rbox .txtul .icon {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all .5s;transition: all .5s;
}
.indexsec02 .rbox .txtul li:hover .icon {
	transform: rotateY(360deg);
}
.indexsec02 .rbox .txtul p {
	color: #666;
}
.indexsec02 .rbox .txtul p span {
	display: block;
	font-size: 18px;
	color: #00687d;
	font-weight: bold;
}
.indexsec03 {
	padding: 100px 0 130px;
	background: url("../images/bg06.png") no-repeat center top, url("../images/bg11.png") no-repeat center bottom;
	background-size: 100% auto;
}
.indexsec03 > div {
	padding-bottom: 20px;
}
.indexsec03 h2 {
	margin-bottom: 48px;
	text-align: center;
}
.indexsec03 .toptext {
	font-size: 18px;
	letter-spacing: 1px;
	color: #666;
}
.indexsec03 .photoul li {
	margin-top: 110px;
	position: relative;
	display: flex;
	justify-content: flex-end;
}
.indexsec03 .photoul .photobox {
	position: absolute;
	left: 0;
	top: 0;
	width: 63.75%;
}
.indexsec03 .photoul .photobox img {
	width: 100%;
	transition: all ease 0.6s;
	-webkit-transition: all ease 0.6s;
	-webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.indexsec03 .photoul li:hover .photobox img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.indexsec03 .photoul .txtbox {
	width: 50%;
	position: relative;
	z-index: 2;
	padding-top: 105px;
}
.indexsec03 .photoul .txtbox .num {
	position: absolute;
	right: 0;
	top: 90px;
	font-size: 70px;
	color: #00687d;
	font-family: Impact, "sans-serif";
}
.indexsec03 .photoul .txtbox h3 {
	text-align: center;
	font-size: 28px;
	color: #00687d;
	letter-spacing: 2px;
	margin-bottom: 75px;
	padding: 0 90px;
}
.indexsec03 .photoul .txtbox h3 span {
	margin-top: 15px;
	display: block;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.5px;
}
.indexsec03 .photoul .txtbox .whitebox {
	padding: 20px 10%;
	min-height: 280px;
	background: url("../images/bg07.png") no-repeat left -10px top -40px, url("../images/bg08.png") no-repeat right 5px bottom 5px;
	background-color: #fff;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	-webkit-transition: all .5s;transition: all .5s;
}
.indexsec03 .photoul .txtbox .whitebox p {
	color: #666;
	line-height: 29px;
	text-indent: 40px;
	text-align: justify;
	letter-spacing: 1px;
	-webkit-transition: all .5s;transition: all .5s;
}
.indexsec03 .photoul li:hover .txtbox .whitebox {
	background: url("../images/bg10.png") no-repeat left -10px top -40px, url("../images/bg09.png") no-repeat right 5px bottom 5px;
	background-color: #27c1bf;
}
.indexsec03 .photoul li:hover .txtbox .whitebox p {
	color: #fff;
}
.indexsec03 .photoul li:nth-child(2n) {
	display: block;
}
.indexsec03 .photoul li:nth-child(2n) .photobox {
	left: inherit;
	right: 0;
}
.indexsec03 .photoul li:nth-child(2n) .txtbox .num {
	left: 0;
	right: inherit;
}
.indexsec04 {
	padding: 100px 0 60px;
	background-color: #f6f6f6;
}
.indexsec04 h2 {
	font-size: 30px;
	color: #27c1bf;
	line-height: 1.35;
	letter-spacing: 2px;
}
.indexsec04 h2 span {
	display: block;
	color: #999;
	text-transform: uppercase;
	font-family: Impact, "sans-serif";
	font-size: 78px;
}
.indexsec04 .comMore {
	margin-top: -70px;
	text-align: right;
}
.indexsec04 .txtul {
	margin-top: 70px;
	display: flex;
	flex-wrap: wrap;
}
.indexsec04 .txtul li {
	width: 31%;
	margin: 0 3.5% 50px 0;
	box-shadow: 0 0 10px 1px rgba(180, 180, 180, 0.1);
}
.indexsec04 .txtul li:nth-child(3n) {
	margin-right: 0;
}
.indexsec04 .txtul a {
	padding: 30px 10%;
	height: 100%;
	box-sizing: border-box;
	display: block;
	background: #fff;
}
.indexsec04 .txtul h3 {
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #00687d;
	position: relative;
}
.indexsec04 .txtul h3:before {
	width: 50px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background-color: #27c1bf;
}
.indexsec04 .txtul .time {
	margin-bottom: 15px;
	padding-left: 35px;
	background: url("../images/icon08.png") no-repeat left center;
	font-size: 18px;
	color: #666;
}
.indexsec04 .txtul p {
	color: #999;
	line-height: 29px;
}
.indexsec04 .txtul a:hover {
	background: url("../images/bg13.jpg") no-repeat center center;
	background-size: cover;
}
.indexsec04 .txtul a:hover h3,
.indexsec04 .txtul a:hover p {
	color: #fff;
}
.indexsec04 .txtul a:hover h3:before {
	background-color: #fff;
}
.indexsec04 .txtul a:hover .time {
	color: #fff;
	background-image: url("../images/icon08_on.png");
}

.comImg {
	margin-bottom: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 400px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	padding: 0 15px;
}
.comImg h2 img{
	width: 70%;
}
.contactPage .sec01 {
	margin-bottom: 100px;
	display: flex;
	justify-content: space-between;
}
.contactPage .sec01 .lbox {
	width: 48%;
}
.contactPage .sec01 .lbox h3 {
	margin-bottom: 60px;
	letter-spacing: 4px;
	font-size: 40px;
}
.contactPage .sec01 .lbox h3 span {
	margin-top: 5px;
	display: block;
	font-size: 22px;
	color: #27c1bf;
	text-transform: uppercase;
	letter-spacing: 0;
}
.contactPage .sec01 .lbox li {
	padding-left: 170px;
	position: relative;
	word-break: break-all;
	margin-top: 40px;
}
.contactPage .sec01 .lbox li:last-child {
	margin-top: 20px;
}
.contactPage .sec01 .lbox li img {
	position: absolute;
	left: 0;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	top: 50%;
}
.contactPage .sec01 .lbox li .txt {
	font-size: 18px;
	color: #333;
	position: absolute;
	left: 70px;
	top: 50%;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.contactPage .sec01 .lbox li .txt01 {
	font-size: 22px;
	font-weight: bold;
	color: #333;
}
.contactPage .sec01 .lbox li a {
	font-size: 39px;
	color: #333;
	font-family: Impact, "sans-serif";
}
.contactPage .sec01 .rbox {
	width: 50.36%;
}
.contactPage .sec01 .rbox img {
	width: 100%;
}

.researchPage .comImg {
	margin-bottom: 0;
	background-position: center top;
}
.researchPage .listul li {
	padding: 100px 0;
	background: url("../images/bg17.png") no-repeat right center;
}
.researchPage .listul li:nth-child(2n) {
	background: url("../images/bg18.jpg") repeat center center;
}
.researchPage .listul .comWidth {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.researchPage .listul .lbox {
	width: 47%;
}
.researchPage .listul .lbox a {
	height: 393px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.researchPage .listul .lbox img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}
.researchPage .listul .rbox {
	width: 47%;
}
.researchPage .listul .rbox h3 {
	margin-bottom: 15px;
}
.researchPage .listul .rbox h3 a {
	display: inline-block;
	font-size: 30px;
	letter-spacing: 3px;
}
.researchPage .listul .rbox h3 span {
	margin-top: 5px;
	display: block;
	font-size: 20px;
	color: #27c1bf;
	text-transform: uppercase;
}
.researchPage .listul .rbox p a {
	display: inline-block;
	color: #666;
	font-size: 18px;
	line-height: 33px;
	text-align: justify;
	text-indent: 20px;
}
.researchPage .listul .rbox .comMore {
	margin-top: 40px;
}
.researchPage .listul .rbox h3 a:hover,
.researchPage .listul .rbox p a:hover,
.researchPage .listul .lbox a:hover img {
	opacity: 0.7;
}
.researchPage .sec01 {
	padding: 100px 0;
	background: url("../images/bg19.png") no-repeat center top;
	background-size: 100% auto;
}
.researchPage .sec01 h3 {
	text-align: center;
	font-size: 38px;
	letter-spacing: 3px;
	margin-bottom: 40px;
}
.researchPage .sec01 h3 span {
	display: block;
	font-size: 24px;
	color: #27c1bf;
	position: relative;
	text-transform: uppercase;
	margin-top: 10px;
	padding-top: 15px;
}
.researchPage .sec01 h3 span:before {
	position: absolute;
	left: 50%;
	top: 0;
	content: "";
	width: 80px;
	height: 3px;
	background-color: #00687d;
	margin-left: -40px;
}
.researchPage .sec01 .info img {
	display: block;
	margin: 0 auto;
	height: auto !important;
}
.researchPage .sec01 .info {
	color: #666;
	font-size: 18px;
	line-height: 40px;
}
.researchPage .sec01 .info table{
	margin: 0 auto;
}
.researchPage .sec01 .info * {
	color: #666 !important;
	/*font-size: 18px !important;
	line-height: 40px !important;*/
}

.comTop {
	margin-bottom: 100px;
	background-color: #F5F5F5;
}
.comTop ul {
	display: flex;
	justify-content: center;
}
.comTop ul li {
	width: 120px;
}
.comTop ul a {
	height: 80px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #666;
}
.comTop ul a:hover,
.comTop ul .on a {
	background: #fff url("../images/bg21.png") no-repeat center center;
}

.aboutPage .comImg {
	margin-bottom: 0;
}
.aboutPage .sec01 {
	padding: 100px 0;
	display: flex;
	justify-content: space-between;
}
.aboutPage .sec01 .lbox {
	width: 100%;
}
.aboutPage .sec01 .lbox h3 {
	font-size: 30px;
	margin-bottom: 30px;
	letter-spacing: 2px;
}
.aboutPage .sec01 .lbox h3 span {
	margin-top: 15px;
	display: block;
	font-size: 35px;
	color: #27c1bf;
	line-height: 48px;
	text-transform: uppercase;
}
.aboutPage .sec01 .lbox p {
	
	line-height: 31px;
	text-indent: 2em;
	text-align: justify;
	font-size: 18px;

}
.aboutPage .sec01 .lbox p img{
	display: block
}
.aboutPage .sec01 .rbox {
	width: 45.4%;
	padding-top: 14%;
}
.aboutPage .sec01 .rbox img {
	width: 100%;
}


.aboutPage .ceo {
	padding: 100px 0;
	display: block;
	justify-content: space-between;
}
.aboutPage .ceo .lbox {
	width: 32%;
}
.aboutPage .ceo h3 {
	font-size: 30px;
	margin-bottom: 30px;
	letter-spacing: 2px;
}
.aboutPage .ceo h3 span {
	margin-top: 15px;
	display: block;
	font-size: 35px;
	color: #27c1bf;
	line-height: 48px;
	text-transform: uppercase;
}
.aboutPage .ceo .ceobox{
	display: flex;
}
.aboutPage .ceo .rbox p {
	
	line-height: 44px;
	text-indent: 2em;
	text-align: justify;
	font-size: 22px;

}
.aboutPage .ceo .rbox p img{
	display: block;
}
.aboutPage .ceo .rbox {
	width: 100%;
	padding-top: 14%;
	padding-left: 2%;
	padding-top: 0;
}
.aboutPage .ceo .rbox img {
	width: 100%;
}


.aboutPage .sec02 {
	padding: 100px 0;
	background: url("../images/bg22.png") no-repeat center top 80px;
}
.aboutPage .sec02 h3 {
	font-size: 30px;
	margin-bottom: 50px;
	letter-spacing: 2px;
	text-align: center;
}
.aboutPage .sec02 h3 span {
	margin-top: 15px;
	display: block;
	font-size: 35px;
	color: #27c1bf;
	line-height: 48px;
	text-transform: uppercase;
}
.aboutPage .sec02 ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.aboutPage .sec02 ul li {
	width: 22.14%;
	margin: 0 2.5% 30px;
	position: relative;
	overflow: hidden;
}
.aboutPage .sec02 ul img {
	width: 100%;
}
.aboutPage .sec02 ul .onebox {
	position: relative;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.aboutPage .sec02 ul .onebox p {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	text-align: center;
	color: #fff;
	font-size: 28px;
}
.aboutPage .sec02 ul .onebox p span {
	margin-top: 5px;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
}
.aboutPage .sec02 ul li:hover .onebox {
	opacity: 0;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
.aboutPage .sec02 ul .twobox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.aboutPage .sec02 ul .twobox p {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 32px;
}
.aboutPage .sec02 ul li:hover .twobox {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.aboutPage .sec02 .photoList {
	margin-top: 100px;
	display: flex;
	justify-content: space-between;
}
.aboutPage .sec02 .photoList .rbox {
	width: 43.4%;
}
.aboutPage .sec02 .photoList .rbox img {
	width: 100%;
}
.aboutPage .sec02 .photoList .lbox {
	width: 51.5%;
}
.aboutPage .sec02 .photoList .lbox p {
	font-size: 22px;
	text-align: justify;
	line-height: 45px;
}
.aboutPage .sec02 .photoList .lbox span {
	display: block;
	font-weight: bold;
}
.aboutPage .sec03 {
	padding: 100px 0;
}
.aboutPage .sec03 h3 {
	font-size: 30px;
	margin-bottom: 30px;
}
.aboutPage .sec03 h3 span {
	margin-top: 5px;
	letter-spacing: 2px;
	display: block;
	font-size: 20px;
	color: #27c1bf;
	text-transform: uppercase;
}
.aboutPage .sec03 ul {
	display: flex;
	flex-wrap: wrap;
}
.aboutPage .sec03 ul li {
	width: 31.5%;
	margin: 0 2.75% 30px 0;
}
.aboutPage .sec03 ul li:nth-child(3n) {
	margin-right: 0;
}
.aboutPage .sec03 ul a {
	display: block;
	height: 100%;
	background-color: #f5f5f5;
}
.aboutPage .sec03 ul .photo {
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.aboutPage .sec03 ul .photo img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.aboutPage .sec03 ul p {
	padding: 10px 5px;
	text-align: center;
	font-size: 20px;
}

.productPage .comImg {
	margin-bottom: 0;
}
.productPage .sec01 {
	padding: 70px 0 100px;
	background: url("../images/bg24.png") no-repeat left top;
	background-size: 100% auto;
}
.productPage .sec01 .swiper-container {
	padding: 30px 0 0;
}
.productPage .sec01 .photobox {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 0 80px;
	height: 600px;
	margin-bottom: 40px;
}
.productPage .sec01 .photobox img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	background-color: #fff;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
	box-sizing: border-box;
}
.productPage .swiper-button-next:after,
.productPage .swiper-button-prev:after {
	display: none;
}
.productPage .swiper-button-next,
.productPage .swiper-button-prev {
	width: 42px;
	height: 71px;
	top: 280px;
	margin-top: 0;
}
.productPage .swiper-button-next {
	right: 0;
	background: url("../images/next03.png") no-repeat center center;
	background-size: 100% 100%;
}
.productPage .swiper-button-next:hover {
	background-image: url("../images/next02_on.png");
}
.productPage .swiper-button-prev {
	left: 0;
	background: url("../images/prev03.png") no-repeat center center;
	background-size: 100% 100%;
}
.productPage .swiper-button-prev:hover {
	background-image: url("../images/prev02_on.png");
}
.productPage .sec01 h3 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 40px;
	letter-spacing: 3px;
}
.productPage .sec01 h3 span {
	margin-top: 5px;
	font-size: 26px;
	color: #27c1bf;
	display: block;
	text-transform: uppercase;
}
.productPage .sec01 .info {
	font-size: 18px;
	line-height: 40px;
}
.productPage .sec01 .info * {
	font-size: 18px !important;
	line-height: 40px !important;
	color: #333 !important;
}
.productPage .sec01 .info img {
	display: block;
	margin: 0 auto;
	height: auto !important;
}

/*pages*/
.pagination-wrapper{
margin: 20px 0 0;
}
.pagination{
text-align: center;
}
.pagination li {
	margin-top: 5px;
display: inline-block;
height: 32px;
line-height: 32px;
margin-right: 5px;
border: 1px solid #dddddd;
padding: 0 12px;
text-decoration: none;
}
.pagination li a{
 display:inline;
display: block;
font-size: 16px;
color: #555555;

}
.pagination li a:hover{
color:#27c1bf;
}
.pagination li.thisclass {
background: #27c1bf;
color: #fff;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
text-decoration: none;
}
.pagination li.thisclass a,.pagination li.thisclass a:hover{
background: transparent;
border-color: #1B82FF;
color: #fff;
cursor: default;
}
.pagination {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.pagination span {
	font-size: 16px;
}
.pagination a {
	margin: 0 5px 5px;
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	min-width: 36px;
	text-align: center;
}
.pagination .page-status {
	margin-right: 10px;
}
.pagination a:hover,
.pagination .page-num-current {
	background-color: #27c1bf;
	color: #fff;
}

.newsPage {
	padding-bottom: 100px;
}
.newsPage .comImg {
	margin-bottom: 0;
}
.newsPage .sec01 h3 {
	letter-spacing: 3px;
	font-size: 30px;
	margin-bottom: 40px;
}
.newsPage .sec01 h3 span {
	margin-top: 5px;
	display: block;
	font-size: 20px;
	color: #27c1bf;
	text-transform: uppercase;
}
.newsPage .sec01 .newsul {
	display: flex;
	flex-wrap: wrap;
}
.newsPage .sec01 .newsul li {
	width: 31%;
	margin: 0 3.5% 50px 0;
}
.newsPage .sec01 .newsul li:nth-child(3n) {
	margin-right: 0;
}
.newsPage .sec01 .newsul a {
	display: block;
	height: 100%;
	background: url("../images/bg18.jpg") repeat;
	position: relative;
}
.newsPage .sec01 .newsul .photo {
	height: 310px;
	overflow: hidden;
}
.newsPage .sec01 .newsul .photo img {
	width: 100%;
	min-height: 310px;
	transition: all ease 0.6s;
	-webkit-transition: all ease 0.6s;
	-webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.newsPage .sec01 .newsul a:hover .photo img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.newsPage .sec01 .newsul .txtbox {
	padding: 30px 10% 90px;
}
.newsPage .sec01 .newsul h4 {
	font-size: 18px;
	margin-bottom: 20px;
}
.newsPage .sec01 .newsul p {
	font-size: 14px;
	color: #999;
	line-height: 21px;
}
.newsPage .sec01 .newsul .time {
	position: absolute;
	left: 10%;
	bottom: 20px;
	font-size: 18px;
	color: #666;
}
.newsPage .sec01 .newsul .time span {
	font-size: 30px;
	font-weight: bold;
}
.newsPage .sec01 .newsul .icon {
	position: absolute;
	right: 10%;
	bottom: 22px;
}
.newsPage .sec01 .newsul .icon .on {
	display: none;
}
.newsPage .sec01 .newsul a:hover {
	background: url("../images/bg26.jpg") no-repeat center center;
	background-size: cover;
}
.newsPage .sec01 .newsul a:hover h4,
.newsPage .sec01 .newsul a:hover p,
.newsPage .sec01 .newsul a:hover .time {
	color: #fff;
}
.newsPage .sec01 .newsul a:hover .icon .on {
	display: block;
}
.newsPage .sec01 .newsul a:hover .icon .out {
	display: none;
}
.newsPage .conts {
	display: flex;
	justify-content: space-between;
}
.newsPage .deLbox {
	width: 72%;
}
.newsPage .deLbox h3 {
	text-align: center;
	margin-bottom: 40px;
	font-size: 28px;
	color: #00687d;
	letter-spacing: 2px;
}
.newsPage .deLbox .noteul {
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
}
.newsPage .deLbox .noteul li {
	font-size: 14px;
	color: #666;
}
.newsPage .deLbox .noteul li:first-child {
	margin-right: 60px;
}
.newsPage .deLbox .noteul img {
	display: inline-block;
	vertical-align: middle;
	margin: -5px 10px 0 0;
}
.newsPage .deLbox .info {
	font-size: 18px;
	color: #333;
	line-height: 37px;
	text-indent:2em;
}
.newsPage .deLbox .info * {
	font-size: 18px !important;
	color: #333 !important;
	line-height: 37px !important;
}
.newsPage .deLbox .info img {
	display: block;
	margin: 0 auto;
	height: auto !important;
}
.newsPage .deRbox {
	margin-top: 40px;
	width: 22.8%;
}
.newsPage .deRbox h3 {
	font-size: 26px;
	font-weight: bold;
	color: #00687d;
}
.newsPage .deRbox h3 span {
	display: block;
	font-size: 16px;
	color: #999;
	font-weight: normal;
}
.newsPage .deRbox ul a {
	padding: 30px 0 0;
	display: block;
	border-bottom: 1px solid #eeeeee;
}
.newsPage .deRbox ul .photo {
	height: 235px;
	overflow: hidden;
}
.newsPage .deRbox ul .photo img {
	width: 100%;
	min-height: 235px;
}
.newsPage .deRbox ul p {
	margin: 20px 0;
}
.newsPage .deRbox ul a:hover {
	opacity: 0.7;
}
.newsPage .deRbox .btn {
	margin-top: 30px;
}
.newsPage .deRbox .btn a {
	max-width: 160px;
	display: block;
	color: #fff;
	text-align: center;
	background-color: #27c1bf;
	box-sizing: border-box;
	padding: 10px 5px;
	letter-spacing: 1px;
}
.newsPage .deRbox .btn img {
	margin: -2px 0 0 10px;
	display: inline-block;
	vertical-align: middle;
}
.newsPage .deRbox .btn a:hover {
	background-color: #00687d;
}

.comTtl {
	margin-bottom: 35px;
	text-align: center;
	font-size: 40px;
	letter-spacing: 4px;
}
.comTtl span {
	margin-top: 17px;
	display: block;
	font-size: 22px;
	color: #27c1bf;
	text-transform: uppercase;
	letter-spacing: 0;
}
.comText {
	margin-bottom: 60px;
	text-align: center;
	color: #666;
	font-size: 30px;
	line-height: 54px;
	letter-spacing: 2.5px;
}
.comText span {
	display: block;
	color: #00687d;
	font-weight: bold;
}
.talentPage {
	margin-bottom: 100px;
}
.talentPage .sec01 .imgbox {
	display: flex;
	justify-content: space-between;
}
.talentPage .sec01 .imgbox .lbox {
	max-width: 50%;
}
.talentPage .sec01 .imgbox .lbox ul {
	padding-left: 35px;
	margin-bottom: 20px;
}
.talentPage .sec01 .imgbox .lbox li {
	font-size: 22px;
	word-break: break-all;
	color: #27c1bf;
	font-weight: bold;
	position: relative;
	padding-left: 175px;
}
.talentPage .sec01 .imgbox .lbox li:nth-child(2) {
	margin: 40px 0 20px;
}
.talentPage .sec01 .imgbox .lbox li img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.talentPage .sec01 .imgbox .lbox li .txt {
	font-size: 18px;
	font-weight: normal;
	position: absolute;
	left: 75px;
	top: 50%;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.talentPage .sec01 .imgbox .lbox li a {
	font-size: 39px;
	font-family: Impact, "sans-serif";
	color: #27c1bf;
}
.talentPage .sec01 .imgbox .lbox .code {
	max-width: 300px;
	padding-left: 35px;
}
.talentPage .sec01 .imgbox .rbox {
	max-width: 45%;
}

.messagePage {
	margin-bottom: 100px;
}
.messagePage form ul {
	display: flex;
	flex-wrap: wrap;
}
.messagePage form li {
	width: 30%;
	box-sizing: border-box;
	border: 1px solid #666;
	margin: 0 5% 35px 0;
	font-size: 18px;
	color: #666;
	position: relative;
	padding: 0 0 0 135px;
}
.messagePage form li:nth-child(3n) {
	margin-right: 0;
}
.messagePage form li p {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	letter-spacing: 0.5px;
}
.messagePage form li:hover,
.messagePage form li:checked {
	border-color: #27c1bf;
	color: #27c1bf;
}
.messagePage form li input {
	padding: 5px 14px 5px 0;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	box-sizing: border-box;
	border: none;
	font-size: 18px;
	height: 50px;
}
.messagePage form textarea {
	padding: 14px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	box-sizing: border-box;
	border: 1px solid #666;
	font-size: 18px;
	height: 200px;
}
.messagePage form .submit {
	width: 224px;
	margin: 35px auto 0;
}
.messagePage form .submit input {
	font-size: 18px;
	color: #fff;
	width: 100%;
	background: #27c1bf url("../images/icon03.png") no-repeat right 50px center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border: none;
	box-sizing: border-box;
	padding: 15px 25px 15px 0;
	letter-spacing: 1px;
	cursor: pointer;
}
.messagePage form .submit input:hover {
	background-color: #00687d;
}
.messagePage form textarea:hover,
.messagePage form textarea:checked {
	border-color: #27c1bf;
}
.messagePage form textarea:hover::-webkit-input-placeholder,
.messagePage form textarea:checked::-webkit-input-placeholder { /* WebKit browsers */
	color: #27c1bf;
	opacity:1;
}
.messagePage form textarea:hover:-moz-placeholder,
.messagePage form textarea:checked:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #27c1bf;
	opacity:1;
}
.messagePage form textarea:hover::-moz-placeholder,
.messagePage form textarea:checked::-moz-placeholder {
	color: #27c1bf;
	opacity:1;
}
.messagePage form textarea:hover:-ms-input-placeholder,
.messagePage form textarea:checked:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #27c1bf;
	opacity:1;
}

@media all and (min-width: 1330px) and (max-width: 1660px) {
	#header .rbox {width: 85%;}
	#header .tel {font-size: 28px;}
	#header .tel img {width: 120px;}
	.indexsec02 .lbox .width {padding-right: 5%;}
	.indexsec02 .rbox .txtul {padding-left: 5%;padding-right: 5%;}
}

@media all and (min-width: 992px) and (max-width: 1329px) {
	#header .rbox {width: 86%;}
	#header .tel {font-size: 24px;}
	#header .tel img {width: 95px;}
	#header .language {font-size: 14px;}
	#header .language img {width: 20px;}
	#header .navi a {font-size: 16px;}
	#header .navi {width: 62%;}
	.indexsec01 .imgbox .lbox {padding-right: 30px;}
	.indexsec02 .lbox .width {padding-right: 15px;}
	.indexsec02 .rbox .txtul {padding-left: 15px;padding-right: 15px;}
	.indexsec02 .rbox h2 {letter-spacing: 0;}
	#footer .code img {max-width: 120px;}
	#footer .item {font-size: 16px;}
	#footer .item a {font-size: 20px;}
	.contactPage .sec01 .lbox li a {font-size: 29px;}
	.contactPage .sec01 .lbox li .txt01 {font-size: 18px;}
	.newsPage .sec01 .newsul .photo {height: 223px;}
	.newsPage .sec01 .newsul .photo img {min-height: 223px;}
	.newsPage .deRbox ul .photo {height: 165px;}
	.newsPage .deRbox ul .photo img {min-height: 165px;}
	.aboutPage .sec02 ul li {width: 28%;}
}

@media all and (max-width: 991px) {
	#header {
		padding: 10px 15px;
		position: relative;
	}
	#header .width {
		max-width: inherit;
		display: block;
	}
	/*#header h1 {
		max-width: 105px;
		margin: 0 auto;
	}*/
	#header .rbox {
		width: auto;
		display: block;
	}
	#header .navi {
		display: none;
		width: 100%;
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 800;
		background-color: rgba(255,255,255,0.9);
	}
	#header .navi ul {
		display: block;
	}
	#header .navi ul > li {
		width: auto;
	}
	#header .navi ul > li > a {
		padding: 15px 5px;
		height: auto;
		display: block;
		font-size: 16px;
	}
	#header .navi ul > li > a:before {
		display: none;
	}
	#header .navi ul > li > a:hover:after,
	#header .navi .on > a:after {
		display: none;
	}
	#header .navi .secitem {
		display: block;
		position: static;
		left: inherit;
		top: inherit;
		width: auto;
		background-color: transparent;
	}
	#header .navi .secitem a {
		padding: 15px 5px;
		border-top: none;
		color: #007186;
		font-size: 16px;
	}
	#header .navi .secitem a:last-child {
		border-bottom: none;
	}
	#header .navi .secitem a:hover {
		color: #007186;
		background-color: transparent;
	}
	#header .language {
		position: absolute;
		left: 15px;
		top: 50%;
		transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
	}
	#header .language img {
		margin: -5px 5px 0 0;
		width: 20px;
	}
	#header .tel {
		display: none;
	}
	#header .menu {
		position: absolute;
		right: 15px;
		top: 23px;
	}
	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.menu-trigger {
	  position: relative;
	  width: 38px;
	  height: 30px;
	}
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 4px;
	  background-color: #27c1bf;
	  border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 13px;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}	
	.menu-trigger span:nth-of-type(3),
	.menu-trigger.active span:nth-of-type(3) {
	  transition: none;
	}
	.menu-trigger.active {
	  -webkit-transform: rotateX(720deg);
	  transform: rotateX(720deg);
	}
	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(13px) rotate(-45deg);
	  transform: translateY(13px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
	  -webkit-transform: translateY(0) rotate(45deg);
	  transform: translateY(0) rotate(45deg);
	}
	.menu-trigger.active span:nth-of-type(3) {
	  opacity: 0;
	}

	#footer {
		padding: 30px 15px 0;
	}
	#footer .flogo {
		margin: 0 auto 25px;
	}
	#footer .flogo img {
		margin: 0 10px;
		max-height: 48px;
	}
	#footer .width {
		padding: 0;
		max-width: inherit;
		border-top: none;
		display: block;
	}
	#footer .code {
		display: none;
	}
	#footer .item {
		padding: 0 0 20px 50px;
		font-size: 15px;
		line-height: 1.6;
		position: relative;
		width:85%;
	}
	#footer .item a {
		margin-top: 0;
		font-size: 18px;
	}
	#footer .item img {
		width: 35px;
		position: absolute;
		left: 0;
		top: 5px;
		margin-bottom: 0;
	}
	#footer .item .txt02 {
		margin-top: 0;
	}
	#footer .copyright {
		padding: 15px 0 70px;
	}
	#footer .copyright span {
		margin: 5px 0 0;
		display: block;
	}
	#footer .copyright .yingye {
		display: block;
		margin: 10px auto 0;
		max-width: 100px;
	}

	.comWidth {
		max-width: inherit;
	}

	.mainVisual .width {
		height: 450px;
	}
	.mainVisual .swiper-slide.sp01 {
		background-image: url("../images/sp_banner01.jpg") !important;
	}
	.mainVisual .photo01 {
		display: none;
	}
	.mainVisual .width01 {
		max-width: inherit;
		justify-content: center;
	}
	.mainVisual .width01 h2 {
		margin-bottom: 30px;
	}
	.mainVisual .width01 h2 img {
		max-height: 130px;
	}
	.mainVisual .width01 p {
		font-size: 20px;
		letter-spacing: 3px;
	}
	.mainVisual .width01 p span {
		font-size: 13px;
	}
	.mainVisual .photo02 {
		display: none;
	}
	.mainVisual .photo03 {
		width: 220px;
	}
	.mainVisual .photo04 {
		bottom: 0;
	}
	.mainVisual .width02 {
		max-width: inherit;
	}
	.mainVisual .width02 .inner {
		max-width: inherit;
	}
	.mainVisual .width02 h2 {
		font-size: 24px;
		letter-spacing: 1px;
		margin-bottom: 10px;
	}
	.mainVisual .width02 h3 {
		margin-bottom: 20px;
	}
	.mainVisual .width02 h3 img {
		max-height: 50px;
	}
	.mainVisual .width02 p {
		font-size: 16px;
		line-height: 1.6;
	}
	.mainVisual .width02 .en {
		margin-top: 10px;
		font-size: 13px;
	}
	.mainVisual .photo05,
	.mainVisual .photo06 {
		display: none;
	}
	.mainVisual .width03 {
		max-width: inherit;
	}
	.mainVisual .width03 h2 img {
		max-height: 160px;
	}
	.mainVisual .width03 p {
		font-size: 16px;
	}
	.mainVisual .width03 .en {
		margin-top: 10px;
		font-size: 13px;
		line-height: 1.6;
	}
	.mainVisual .swiper-button-next,
	.mainVisual .swiper-button-prev {
		width: 26px;
		height: 26px;
		bottom: 10px;
	}
	.mainVisual .swiper-button-next {
		right: 5px;
	}
	.mainVisual .swiper-button-prev {
		right: 35px;
	}
	.mainVisual .swiper-pagination {
		width: 100%;
		justify-content: center;
		right: 0;
		bottom: 10px;
	}
	.mainVisual .swiper-pagination-bullet {
		width: 60px;
		margin: 0 5px !important;
	}
	.mainVisual .swiper-pagination-bullet-active {
		font-size: 14px;
	}

	.comMore a {
		width: 200px;
		background-position: right 20px center;
		background-size: 22px auto;
	}

	.indexsec01 {
		padding: 40px 0;
		background-size: auto 100%;
		background-attachment: inherit;
	}
	.indexsec01 h2 {
		margin-bottom: 20px;
	}
	.indexsec01 h2 img {
		height: 65px;
	}
	.indexsec01 .imgbox {
		display: block;
	}
	.indexsec01 .imgbox .lbox {
		width: auto;
		padding: 0 0 30px;
		background: none;
	}
	.indexsec01 .imgbox .lbox h3 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.indexsec01 .imgbox .lbox h3 span {
		font-size: 14px;
	}
	.indexsec01 .imgbox .lbox p {
		font-size: 14px;
		line-height: 1.6;
		padding-left: 0;
	}
	.indexsec01 .imgbox .lbox p * {
		font-size: 14px !important;
	}
	.indexsec01 .imgbox .lbox p:before {
		display: none;
	}
	.indexsec01 .imgbox .lbox .comMore {
		margin: 20px 0 0;
		text-align: center;
	}
	.indexsec01 .imgbox .rbox {
		width: auto;
	}
	.indexsec01 .swiper-button-next,
	.indexsec01 .swiper-button-prev {
		display: none;
	}
	.indexsec02 {
		margin-bottom: 0;
	}
	.indexsec02 .lbox {
		float: none;
		width: auto;
		display: block;
		padding: 20px 15px 25px;
	}
	.indexsec02 .lbox .width {
		max-width: inherit;
		padding: 0;
	}
	.indexsec02 .lbox h2 {
		font-size: 20px;
		letter-spacing: 2px;
		margin-bottom: 15px;
	}
	.indexsec02 .lbox h2 span {
		font-size: 36px;
	}
	.indexsec02 .lbox p {
		font-size: 14px;
		line-height: 1.6;
		text-indent: 20px;
		letter-spacing: 0;
	}
	.indexsec02 .lbox .comMore {
		margin-top: 20px;
		text-align: center;
	}
	.indexsec02 .rbox {
		padding: 25px 15px;
		margin-top: 0;
		float: none;
		width: auto;
	}
	.indexsec02 .rbox .width {
		max-width: inherit;
		padding: 0;
	}
	.indexsec02 .rbox h2 {
		margin-bottom: 15px;
		font-size: 18px;
		letter-spacing: 2px;
	}
	.indexsec02 .rbox .txtul {
		padding: 10px 0;
		background-size: 220px auto;
	}
	.indexsec02 .rbox .txtul li {
		width: 50%;
		margin: 15px 0;
		padding: 45px 15px 0;
	}
	.indexsec02 .rbox .txtul .icon {
		width: 36px;
		left: 50%;
		margin-left: -18px;
	}
	.indexsec02 .rbox .txtul p span {
		font-size: 16px;
		text-align: center;
		margin-bottom: 5px;
	}
	.indexsec02 .lbox #video,
	.indexsec02 .lbox:before {
		display: none !important;
	}
	.indexsec03 {
		padding: 40px 0 20px;
	}
	.indexsec03 h2 {
		margin-bottom: 20px;
	}
	.indexsec03 h2 img {
		height: 65px;
	}
	.indexsec03 .toptext {
		font-size: 14px;
		letter-spacing: 0;
	}
	.indexsec03 .photoul li {
		margin-top: 30px;
		display: block;
	}
	.indexsec03 .photoul .photobox {
		position: static;
		left: inherit;
		top: inherit;
		width: auto;
		overflow: hidden;
	}
	.indexsec03 .photoul .txtbox {
		width: auto;
		padding-top: 15px;
	}
	.indexsec03 .photoul .txtbox .num {
		right: inherit;
		top: 12px;
		left: 0;
		font-size: 35px;
	}
	.indexsec03 .photoul .txtbox h3 {
		text-align: left;
		font-size: 18px;
		letter-spacing: 0;
		margin-bottom: 15px;
		padding: 0 0 0 50px;
	}
	.indexsec03 .photoul .txtbox h3 span {
		margin-top: 5px;
		font-size: 12px;
		letter-spacing: 0;
	}
	.indexsec03 .photoul .txtbox .whitebox {
		padding: 15px;
		min-height: inherit;
		background-size: 240px auto,80px auto;
		background-color: #fff;
		box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
		display: block;
	}
	.indexsec03 .photoul .txtbox .whitebox p {
		line-height: 1.6;
		text-indent: 20px;
		letter-spacing: 0;
	}
	.indexsec03 .photoul li:hover .txtbox .whitebox {
		background-size: 260px auto,100px auto;
	}
	.indexsec04 {
		padding: 30px 0 20px;
	}
	.indexsec04 h2 {
		font-size: 18px;
		text-align: center;
	}
	.indexsec04 h2 span {
		font-size: 36px;
	}
	.indexsec04 .comMore {
		margin-top: 20px;
		text-align: center;
	}
	.indexsec04 .txtul {
		margin-top: 30px;
		justify-content: space-between;
	}
	.indexsec04 .txtul li {
		width: 48%;
		margin: 0 0 20px;
		box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
	}
	.indexsec04 .txtul a {
		padding: 15px;
		background-size: 6px auto;
	}
	.indexsec04 .txtul h3 {
		padding-bottom: 10px;
		font-size: 16px;
	}
	.indexsec04 .txtul h3:before {
		width: 50px;
		height: 2px;
	}
	.indexsec04 .txtul .time {
		margin-bottom: 10px;
		padding-left: 25px;
		background-size: 18px auto;
		font-size: 14px;
	}
	.indexsec04 .txtul p {
		line-height: 1.6;
	}
	
	.comImg {
		margin-bottom: 30px;
		height: 160px;
		background-attachment: inherit;
	}
	.comImg h2 img{
	width: 100%;
}
	.comImg h2 img {
		max-height: 70px;
	}

	.contactPage .sec01 {
		margin-bottom: 40px;
		display: block;
	}
	.contactPage .sec01 .lbox {
		margin-bottom: 20px;
		width: auto;
	}
	.contactPage .sec01 .lbox h3 {
		margin-bottom: 20px;
		letter-spacing: 2px;
		font-size: 18px;
		text-align: center;
	}
	.contactPage .sec01 .lbox h3 span {
		font-size: 14px;
	}
	.contactPage .sec01 .lbox li {
		padding-left: 115px;
		margin-top: 20px;
	}
	.contactPage .sec01 .lbox li:last-child {
		margin-top: 15px;
	}
	.contactPage .sec01 .lbox li img {
		width: 30px;
	}
	.contactPage .sec01 .lbox li .txt {
		font-size: 14px;
		left: 40px;
	}
	.contactPage .sec01 .lbox li .txt01 {
		font-size: 16px;
	}
	.contactPage .sec01 .lbox li a {
		font-size: 20px;
	}
	.contactPage .sec01 .rbox {
		width: auto;
	}
	.contactPage #allmap {
		height: 300px !important;
	}
	.researchPage .listul li {
		padding: 40px 0;
		background-size: 600px auto;
	}
	.researchPage .listul li:nth-child(2n) {
		background-size: 4px auto;
	}
	.researchPage .listul .comWidth {
		display: block;
	}
	.researchPage .listul .lbox {
		width: auto;
		margin-bottom: 15px;
	}
	.researchPage .listul .lbox a {
		height: auto;
		display: block;
		text-align: center;
	}
	.researchPage .listul .lbox img {
		width: 100%;
	}
	.researchPage .listul .rbox {
		width: auto;
	}
	.researchPage .listul .rbox h3 {
		margin-bottom: 10px;
		text-align: center;
	}
	.researchPage .listul .rbox h3 a {
		font-size: 18px;
		letter-spacing: 1px;
	}
	.researchPage .listul .rbox h3 span {
		margin-top: 0;
		font-size: 14px;
	}
	.researchPage .listul .rbox p a {
		font-size: 14px;
		line-height: 1.5;
	}
	.researchPage .listul .rbox .comMore {
		margin-top: 20px;
		text-align: center;
	}
	.researchPage .sec01 {
		padding: 40px 0;
	}
	.researchPage .sec01 h3 {
		font-size: 18px;
		letter-spacing: 1px;
		margin-bottom: 20px;
	}
	.researchPage .sec01 h3 span {
		font-size: 14px;
		margin-top: 5px;
		padding-top: 10px;
	}
	.researchPage .sec01 h3 span:before {
		width: 50px;
		height: 2px;
		margin-left: -25px;
	}
	.researchPage .sec01 .info {
		font-size: 14px;
		line-height: 1.6;
	}
	.researchPage .sec01 .info * {
		font-size: 14px !important;
		line-height: 1.6 !important;
	}
	.comTop {
		margin-bottom: 40px;
	}
	.comTop ul {
		flex-wrap: wrap;
	}
	.comTop ul li {
		width: 25%;
	}
	.comTop ul a {
		height: 60px;
	}
	.comTop ul a:hover {
		background-size: 40px auto;
	}
	.aboutPage .sec01 {
		padding: 40px 0;
		display: block;
	}
	.aboutPage .sec01 .lbox {
		width: auto;
	}
	.aboutPage .sec01 .lbox h3 {
		font-size: 18px;
		margin-bottom: 10px;
		letter-spacing: 0;
	}
	.aboutPage .sec01 .lbox h3 span {
		margin-top: 5px;
		font-size: 18px;
		line-height: 1.5;
	}
	.aboutPage .sec01 .lbox p {
		line-height: 1.5;
		font-size: 14px;
		text-indent: 20px;
	}
	.aboutPage .sec01 .rbox {
		width: auto;
		margin-top: 20px;
		padding-top: 0;
	}
	.aboutPage .sec02 {
		padding: 40px 0;
		background-size: 300px auto;
	}
	.aboutPage .sec02 h3 {
		font-size: 18px;
		margin-bottom: 10px;
		letter-spacing: 0;
	}
	.aboutPage .sec02 h3 span {
		margin-top: 5px;
		font-size: 18px;
		line-height: 1.5;
	}
	.aboutPage .sec02 ul {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.aboutPage .sec02 ul li {
		width: 49%;
		margin: 15px 0 0;
	}
	.aboutPage .sec02 ul .onebox p {
		font-size: 16px;
	}
	.aboutPage .sec02 ul .onebox p span {
		font-size: 12px;
	}
	.aboutPage .sec02 ul .twobox p {
		font-size: 12px;
		line-height: 1.5;
	}
	.aboutPage .sec02 .photoList {
		margin-top: 20px;
		display: block;
	}
	.aboutPage .sec02 .photoList .rbox {
		margin-top: 20px;
		width: auto;
	}
	.aboutPage .sec02 .photoList .lbox {
		width: auto;
	}
	.aboutPage .sec02 .photoList .lbox p {
		font-size: 14px;
		line-height: 1.6;
	}
	.aboutPage .sec03 {
		padding: 40px 0;
	}
	.aboutPage .sec03 h3 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.aboutPage .sec03 h3 span {
		margin-top: 0;
		letter-spacing: 1px;
		font-size: 16px;
	}
	.aboutPage .sec03 ul {
		justify-content: space-between;
	}
	.aboutPage .sec03 ul li {
		width: 49%;
		margin: 0 0 15px;
	}
	.aboutPage .sec03 ul .photo {
		height: 180px;
	}
	.aboutPage .sec03 ul p {
		padding: 5px 5px;
		font-size: 14px;
	}
	.productPage .sec01 {
		padding: 10px 0 40px;
	}
	.productPage .sec01 .photobox {
		padding: 0 30px;
		height: 200px;
		margin-bottom: 20px;
	}
	.productPage .sec01 .photobox img {
		padding: 5px;
	}
	.productPage .swiper-button-next,
	.productPage .swiper-button-prev {
		width: 21px;
		height: 36px;
		top: 100px;
	}
	.productPage .sec01 h3 {
		margin-bottom: 15px;
		font-size: 18px;
		letter-spacing: 1px;
	}
	.productPage .sec01 h3 span {
		font-size: 18px;
	}
	.productPage .sec01 .info {
		font-size: 14px;
		line-height: 1.5;
	}
	.productPage .sec01 .info * {
		font-size: 14px !important;
		line-height: 1.5 !important;
	}
	
	.pagination li a{
		font-size: 14px;
	}
	.pagination li.thisclass {
		font-size: 14px;
	}
	
	.newsPage {
		padding-bottom: 40px;
	}
	.newsPage .sec01 h3 {
		letter-spacing: 0;
		font-size: 18px;
		margin-bottom: 20px;
	}
	.newsPage .sec01 h3 span {
		font-size: 18px;
	}
	.newsPage .sec01 .newsul {
		justify-content: space-between;
	}
	.newsPage .sec01 .newsul li {
		width: 49%;
		margin: 0 0 15px;
	}
	.newsPage .sec01 .newsul a {
		background-size: 4px auto;
	}
	.newsPage .sec01 .newsul .photo {
		height: 126px;
	}
	.newsPage .sec01 .newsul .photo img {
		min-height: 126px;
	}
	.newsPage .sec01 .newsul .txtbox {
		padding: 15px 10px 50px;
	}
	.newsPage .sec01 .newsul h4 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.newsPage .sec01 .newsul .time {
		left: 10px;
		bottom: 10px;
		font-size: 13px;
	}
	.newsPage .sec01 .newsul .time span {
		font-size: 18px;
	}
	.newsPage .sec01 .newsul .icon {
		display: none;
	}
	.newsPage .conts {
		display: block;
	}
	.newsPage .deLbox {
		width: auto;
	}
	.newsPage .deLbox h3 {
		margin-bottom: 20px;
		font-size: 18px;
		letter-spacing: 0;
	}
	.newsPage .deLbox .noteul {
		margin-bottom: 20px;
	}
	.newsPage .deLbox .noteul li {
		font-size: 12px;
	}
	.newsPage .deLbox .noteul li:first-child {
		margin-right: 30px;
	}
	.newsPage .deLbox .noteul img {
		height: 15px;
		margin: -3px 5px 0 0;
	}
	.newsPage .deLbox .info {
		font-size: 14px;
		line-height: 1.5;
	}
	.newsPage .deLbox .info * {
		font-size: 14px !important;
		line-height: 1.5 !important;
	}
	.newsPage .deRbox {
		width: auto;
	}
	.newsPage .deRbox h3 {
		font-size: 18px;
	}
	.newsPage .deRbox h3 span {
		font-size: 14px;
	}
	.newsPage .deRbox ul a {
		padding: 20px 0;
	}
	.newsPage .deRbox ul .photo {
		height: auto;
	}
	.newsPage .deRbox ul .photo img {
		min-height: inherit;
	}
	.newsPage .deRbox ul p {
		margin: 10px 0;
	}
	.newsPage .deRbox ul .link img {
		width: 35px;
	}
	.newsPage .deRbox .btn {
		margin-top: 20px;
	}
	.newsPage .deRbox .btn a {
		margin: 0 auto;
	}
	.newsPage .deRbox .btn img {
		margin: -3px 0 0 8px;
		width: 12px;
	}
	
	.comTtl {
		margin-bottom: 15px;
		font-size: 20px;
		letter-spacing: 2px;
	}
	.comTtl span {
		margin-top: 5px;
		font-size: 16px;
	}
	.comText {
		margin-bottom: 30px;
		font-size: 16px;
		line-height: 1.6;
		letter-spacing: 0;
	}
	.talentPage {
		margin-bottom: 40px;
	}
	.talentPage .sec01 .imgbox {
		display: block;
	}
	.talentPage .sec01 .imgbox .lbox {
		max-width: inherit;
	}
	.talentPage .sec01 .imgbox .lbox ul {
		padding-left: 0;
	}
	.talentPage .sec01 .imgbox .lbox li {
		font-size: 16px;
		padding-left: 115px;
	}
	.talentPage .sec01 .imgbox .lbox li:nth-child(2) {
		margin: 20px 0 15px;
	}
	.talentPage .sec01 .imgbox .lbox li img {
		width: 30px;
	}
	.talentPage .sec01 .imgbox .lbox li .txt {
		font-size: 14px;
		left: 40px;
	}
	.talentPage .sec01 .imgbox .lbox li a {
		font-size: 20px;
	}
	.talentPage .sec01 .imgbox .lbox .code {
		display: none;
	}
	.talentPage .sec01 .imgbox .rbox {
		max-width: inherit;
	}
	.talentPage .sec01 .imgbox .rbox img {
		width: 100%;
	}
	
	.messagePage {
		margin-bottom: 40px;
	}
	.messagePage form ul {
		display: block;
	}
	.messagePage form li {
		width: auto;
		margin: 0 0 15px;
		font-size: 14px;
		padding: 0 0 0 110px;
	}
	.messagePage form li input {
		padding: 5px 14px 5px 0;
		font-size: 14px;
		height: 40px;
	}
	.messagePage form textarea {
		font-size: 14px;
		height: 140px;
	}
	.messagePage form .submit {
		width: 180px;
		margin: 20px auto 0;
	}
	.messagePage form .submit input {
		font-size: 14px;
		background-position: right 40px center;
		background-size: 20px auto;
	}
	.pagination span {
		font-size: 14px;
	}
	.pagination a {
		margin: 0 3px 5px;
		min-width: 33px;
	}
	.pagination .page-status {
		margin-right: 8px;
	}


}

@font-face {
	font-family: 'icomoon';
    src:url('../font/icomoon.eot?qradjf');
    src:url('../font/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('../font/icomoon.ttf?qradjf') format('truetype'),
        url('../font/icomoon.woff?qradjf') format('woff'),
        url('../font/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}
/*new right*/
.cndns-right{position:fixed;right:1px;top:40%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../images/kefu.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t{overflow: hidden;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:8px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.meau-sev .cndns-right-box .box-border{width:230px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#ff6800;font-size:16px;line-height:16px;margin-top: 16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
@media all and (max-width: 991px) {
	.cndns-right{display: none;}
	.aboutPage .ceo .ceobox{display: block;}
}

/* 工具栏 */
#toolbar{position: fixed;bottom: 0;width: 100%;z-index: 888;left: 0;display: none;}
#toolbar .list{display: flex;background: #27c1bf;}
#toolbar .list li{width: 25%; text-align: center;}
#toolbar .list a{display: block;padding: 5px;}
#toolbar .list a span{text-align: center; color: #fff; display: block; font-size: 14px;}
#toolbar .list a img {display: block;margin: 5px auto;}
#toolbar .list li:hover{background: #00687d;}
/*微信弹窗*/
#wxnr{width:100%;height: 100%;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,.6);}
#wxnr .nrdf{position: absolute;top: 50%;left: 0;right: 0;width: 300px;height: 300px;padding: 20px 10px;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;box-sizing: border-box;margin: -150px auto 0;}
#wxnr img{width: 135px;height: 135px;display: block;margin: 0 auto;}
#wxnr p{font-size: 14px;text-align:center;line-height: 30px;}
#wxnr i{position: absolute;top: 5px;right:5px;width: 20px;height: 20px;font-size: 14px;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 100%;cursor: pointer;}
#wxnr span{display:inline-block;padding: 0 5px;background-color: #27c1bf;color:#fff;border-radius: 5px;cursor:pointer;}
/*复制提示*/
#weixin{position: fixed;top: 50%;margin-top: -26px;z-index: 9999999;font-size: 16px;color: #fff;width: 90%;right: 5%;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 5px;display: none;line-height: 50px;}
@media all and (max-width: 991px) {
	#toolbar{display: block;}
	.sec01 table{
		width: 100% !important;
		max-width: 100% !important; 
	}
}

/* msg 留言板 */
.msg{width:100%;margin:16px auto;height:auto;overflow:hidden;}
.msg li{width:100%;height:auto;padding-bottom:10px;margin-bottom:10px;}
.msg_top{width:100%;height:auto;font:14px/30px "microsoft yahei";background:#ededed;color:#333333;text-indent:14px;overflow:hidden;border-radius:3px 3px 0 0; font-weight:bold;}
.msg_top span{margin-right:14px;}
.msg_con{border:1px solid #ebebeb;background:#f3f3f3;overflow:hidden;padding-bottom:12px;}
.msg_consult{width:96%;margin:0 auto;font:14px/36px "microsoft yahei";color:#7b7b7b;}
.msg_reply{width:96%;margin:0 auto;font:14px/36px "microsoft yahei";border:1px solid #ebebeb;border-radius:3px ;background:#fff;color:#ff5958;text-indent:14px;}
.msg_now{width:100%;height:34px;background:url(../images/msgline1.png) center center no-repeat;overflow:hidden; margin:65px 0 30px 0;}
.msg_title{width:155px;height:34px; background-image:url(../images/msgbtn.png)  ; background-position:7px center; background-repeat:no-repeat;text-indent:43px;margin:0 auto;color:#fff;font:22px/34px "microsoft yahei";}
.msg_ul{width:580px;height:auto;overflow:hidden;margin:60px auto 0 ;}
.msg_ul li{width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:12px;}
.msg_ul li p{width:130px; float:left;height:36px;font:14px/36px "microsoft yahei";color:#333;vertical-align: top;  text-align:right; margin: 0 6px 0 0;}
.msg_ul li p span{color:red;margin-top:2px;vertical-align: middle;font-weight: bold}
.msg_input{width:264px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;}
.msg_pin{width:164px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;float:left;}
.msg_pin img{float:left;margin-left:14px;}
.msg_textarea{width:264px;height:80px;border:1px solid #d9d9d9;border-radius:2px;padding:10px;resize: none; line-height:20px !important;}
.msg_submit{width:286px;height:36px;margin:20px auto;border-radius:3px;border:0;text-align:center;font:18px/36px "microsoft yahei";color:#fff;cursor: pointer; background:#c00301}

.wp-pagenavi {
padding:15px 0;
	CLEAR: both;
	text-align:center;
}
.wp-pagenavi A {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi SPAN {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi A:hover {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	FONT-WEIGHT: bold
}

#bdmap{width:100%;height:500px;}
@media all and (max-width: 991px) {
#bdmap{height:300px;}
}