@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;
	position: relative;
}
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 {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	box-sizing: border-box;
	padding: 40px 15px;
}
#header .width {
	max-width: 1570px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header .tel {
	padding: 10px 0 10px 100px;
	color: #fff;
	font-size: 40px;
	font-family: Impact, "sans-serif";
	letter-spacing: 2px;
	background: url("../images/tel01.png") no-repeat left center;
}
#header .navi {
	width: 58%;
}
#header .navi ul {
	display: flex;
	justify-content: space-between;
}
#header .navi a {
	color: #fff;
	font-size: 18px;
	display: block;
	position: relative;
	overflow: hidden;
	padding: 10px 5px;
}
#header .navi a:after,
#header .navi a:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 65%;
    background: #fff;
    transition: all 0.5s linear;
}
#header .navi a:before {
    left: -100%;
    bottom: 5px;
    background: #c9211e;
    background: -webkit-linear-gradient(left,#c9211e, #9b0000);
    background: -moz-linear-gradient(left,#c9211e, #9b0000);
    background: -ms-linear-gradient(left,#c9211e, #9b0000);
    background: -o-linear-gradient(left,#c9211e, #9b0000);
}
#header .navi a:after {
    right: -100%;
    bottom: 0px;
    background: #c9211e;
    background: -webkit-linear-gradient(left,#c9211e, #de7c1b);
    background: -moz-linear-gradient(left,#c9211e, #de7c1b);
    background: -ms-linear-gradient(left,#c9211e, #de7c1b);
    background: -o-linear-gradient(left,#c9211e, #de7c1b);
}
#header .navi .on a:before,
#header .navi a:hover:before {
	left: 0;
	transition: all 0.5s linear;
}
#header .navi .on a:after,
#header .navi a:hover:after {
	right: 0;
	transition: all 0.5s linear;
}

#footer {
	margin-top: 80px;
	padding: 0 15px;
	background: url("../images/bg12.jpg") no-repeat center center;
	background-size: cover;
}
#footer .width {
	max-width: 1540px;
	margin: 0 auto;
	display: flex;
	padding: 80px 0;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
#footer .flogo {
	max-width: 338px;
}
#footer .code {
	max-width: 209px;
}
#footer .fnavi {
	max-width: 220px;
	display: flex;
	flex-wrap: wrap;
}
#footer .fnavi li {
	margin: 20px 0;
	width: 50%;
	text-align: center;
}
#footer .fnavi a {
	display: inline-block;
	color: #fff;
}
#footer .fnavi a:hover {
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}
#footer .ftxt {
	max-width: 450px;
}
#footer .ftxt li {
	padding-left: 50px;
	color: #fff;
	line-height: 40px;
	position: relative;
}
#footer .ftxt li a {
	color: #fff;
}
#footer .ftxt li img {
	position: absolute;
	left: 0;
	top: 8px;
}
#footer .ftxt .tel {
	margin-bottom: 20px;
}
#footer .ftxt .tel a {
	padding: 5px 0 5px 175px;
	display: inline-block;
	background: url("../images/tel02.png") no-repeat left center;
	font-size: 42px;
	font-family: Impact, "sans-serif";
}
#footer .ftxt .tel span {
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}
#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 .beian img {
	display: inline-block;
	vertical-align: middle;
	margin: -5px 5px 0 0;
}
#footer .qyrz {
	display: inline-block;
	vertical-align: middle;
	margin: -3px 0 0 10px;
	width: 120px;
}

.mainVisual .swiper-slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.mainVisual .width {
	padding: 130px 100px 0;
	height: 100vh;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mainVisual .width01,
.mainVisual .width03 {
	text-align: center;
}
.mainVisual .width01 .img {
	margin-top: 40px;
}
.mainVisual .width02 .inner {
	display: flex;
	align-items: center;
}
.mainVisual .width02 .img {
	margin-left: 0;
}
.mainVisual .width03 .txt {
	margin-top: 40px;
	font-size: 18px;
	color: #bababa;
	line-height: 36px;
	text-align: center;
	letter-spacing: 1px;
}
.mainVisual .swiper-pagination {
	width: 35px;
	height: 210px;
	position: absolute;
	left: 10px;
	bottom: 50%;
	margin-bottom: -160px;
	border-right:  1px solid rgba(255,255,255,0.6);
	box-sizing: border-box;
	padding: 20px 0;
}
.mainVisual .swiper-pagination-bullet {
	display: block;
	width: 100%;
	opacity: 1;
	border-radius: 0;
	background: none;
	height: 54px;
	text-align: left;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
	padding-top: 13px;
	margin: 0 !important;
	position: relative;
}
.mainVisual .swiper-pagination-bullet:nth-child(2) {
	margin: 59px 0 !important;
}
.mainVisual .swiper-pagination-bullet:before {
	position: absolute;
	right: -2px;
	top: 0;
	height: 100%;
	width: 3px;
	background-color: #fff;
	content: "";
	opacity: 0;
}
.mainVisual .swiper-pagination-bullet:after {
	width: 27px;
	height: 29px;
	position: absolute;
	right: -40px;
	top: 50%;
	margin-top: -15px;
	background: url("../images/icon01.png") no-repeat;
	content: "";
	animation: spin 6s infinite linear;
	transform-origin: 50% 50%;
	opacity: 0;
}
@-webkit-keyframes spin {
	to{transform: rotate(1turn);}
}
@keyframes spin {
	to{transform: rotate(1turn);}
}
.mainVisual .swiper-pagination-bullet-active:before,
.mainVisual .swiper-pagination-bullet-active:after {
	opacity: 1;
}

.comWidth {
	max-width: 1570px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

.com1400 {
	max-width: 1430px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

.headLine01 {
	margin-bottom: 80px;
	text-align: center;
}
.headLine01 .txt01 {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	position: relative;
}
.headLine01 .txt01:before {
	width: 80px;
	height: 101px;
	position: absolute;
	left: -65px;
	top: 0;
	background: url("../images/icon02.png") no-repeat left top;
	content: "";
}
.headLine01 .txt02 {
	margin: 0 0 15px 40px;
	display: block;
	font-size: 36px;
	font-weight: bold;
}

.comLink a {
	display: block;
	margin: 60px auto 0;
	width: 320px;
	padding: 10px 5px;
	border: 1px solid #cccccc;
	border-radius: 30px;
	box-sizing: border-box;
	text-align: center;
	text-transform: uppercase;
}
.comLink a:hover {
	color: #fff;
	border-color: #D8631C;
	background-image: -moz-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
}

.indexsec01 {
	padding: 80px 0;
	background: url("../images/bg04.png") no-repeat left center;
	background-size: auto 100%;
}
.indexsec01 .tabPannel {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.indexsec01 .tabul {
	width: 27.3%;
	padding: 0 15px;
	background: url("../images/bg05.jpg") repeat;
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
}
.indexsec01 .tabul li:not(:last-child) {
	border-bottom: 1px solid rgba(102,102,102,0.3);
}
.indexsec01 .tabul a {
	padding: 50px 55px;
	display: block;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	position: relative;
}
.indexsec01 .tabul a:before {
	width: 54px;
	height: 56px;
	margin-top: -28px;
	position: absolute;
	left: 0;
	top: 50%;
	background: url("../images/icon03.png") no-repeat;
	content: "";
	opacity: 0;
	-webkit-transition: all .5s;transition: all .5s;
}
.indexsec01 .tabul a:after {
	width: 54px;
	height: 56px;
	margin-top: -28px;
	position: absolute;
	right: 0;
	top: 50%;
	background: url("../images/icon04.png") no-repeat;
	content: "";
	opacity: 0;
	-webkit-transition: all .5s;transition: all .5s;
}
.indexsec01 .tabul .en {
	margin-top: 5px;
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	color: #666;
	font-weight: normal;
}
.indexsec01 .tabul a:hover:before,
.indexsec01 .tabul a:hover:after,
.indexsec01 .tabul .on a:before,
.indexsec01 .tabul .on a:after {
	opacity: 1;
}
.indexsec01 .tabul a:hover .txt,
.indexsec01 .tabul .on .txt {
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}
.indexsec01 .inner {
	width: 69.2%;
}
.indexsec01 .tabBox ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: -15px;
}
.indexsec01 .tabBox li {
	margin: 15px 2.9% 0 0;
	width: 31.4%;
}
.indexsec01 .tabBox li:nth-child(3n) {
	margin-right: 0;
}
.indexsec01 .tabBox a {
	display: block;
}
.indexsec01 .tabBox .photo {
	border: 1px solid #666;
	box-sizing: border-box;
	height: 270px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}
.indexsec01 .tabBox .photo:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0,0,0,0.25) url("../images/icon05.png") no-repeat center center;
	opacity: 0;
	-webkit-transition: all .5s;transition: all .5s;
}
.indexsec01 .tabBox .photo img {
	width: 100%;
	min-height: 270px;
}
.indexsec01 .tabBox p {
	padding: 13px 5px;
	text-align: center;
	font-size: 18px;
	-webkit-transition: all .5s;transition: all .5s;
}
.indexsec01 .tabBox a:hover p {
	background-color: #fff;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
}
.indexsec01 .tabBox a:hover .photo:before {
	opacity: 1;
}
.indexsec02 {
	padding: 130px 0;
	background: url("/client/images/bg06.png") no-repeat right bottom, url("/client/images/bg07.jpg") repeat;
}
.indexsec02 .comWidth {
	display: flex;
}
.indexsec02 .lbox {
	width: 34.75%;
}
.indexsec02 .lbox a:hover {
	opacity: 0.7;
}
.indexsec02 .lbox img {
	width: 100%;
}
.indexsec02 .rbox {
	width: 55%;
	box-sizing: border-box;
	padding: 5px 0 0 60px;
}
.indexsec02 .rbox .en {
	margin-bottom: 30px;
	font-size: 44px;
	color: #b7b7b7;
	font-family: Impact, "sans-serif";
	line-height: 60px;
	text-transform: uppercase;
	font-weight: normal;
}
.indexsec02 .rbox .txt {
	margin-bottom: 15px;
	font-size: 34px;
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}
.indexsec02 .rbox p {
	max-width: 510px;
	font-size: 18px;
	color: #666;
	line-height: 35px;
}
.indexsec02 .rbox .link {
	margin-top: 70px;
}
.indexsec02 .rbox .link a {
	padding-left: 90px;
	display: inline-block;
	background: url("../images/icon06.png") no-repeat left center;
	animation: gunl 1.5s ease-in-out infinite;
	-webkit-animation: gunl 1.5s ease-in-out infinite;
}
@-webkit-keyframes gunl{
	0%{background-position: left center;}
	50%{background-position: left 20px center;}
	100%{background-position: left center;}
}
@keyframes gunl{
	0%{background-position: left center;}
	50%{background-position: left 20px center;}
	100%{background-position: left center;}
}
.indexsec02 .rbox .link a > span {
	padding: 13px 5px;
	width: 230px;
	box-sizing: border-box;
	display: block;
	text-align: center;
	color: #666;
	border: 1px solid #999;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	text-transform: uppercase;
}
.indexsec02 .rbox .link a > span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -moz-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.indexsec02 .rbox .link span span {
	position: relative;
	z-index: 2;
}
.indexsec02 .rbox .link a:hover > span {
	border-color: #D8631C;
	color: #fff;
}
.indexsec02 .rbox .link a:hover > span:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.indexsec03 {
	padding: 80px 0;
	overflow: hidden;
}
.indexsec03 .caseul {
	display: flex;
	justify-content: space-between;
}
.indexsec03 .caseul > li {
	width: 30.6%;
	position: relative;
}
.indexsec03 .caseul > li:before {
	position: absolute;
	left: -50px;
	bottom: -10px;
	right: -10px;
	top: 0;
	background: url("../images/bg08.png") no-repeat left bottom;
	background-size: 100% auto;
	content: "";
}
.indexsec03 .caseul > li a {
	display: block;
	height: 100%;
	background-color: #f4f7fe;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	padding-bottom: 30px;
}
.indexsec03 .caseul .photo {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}
.indexsec03 .caseul .photo:before {
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(0,0,0,0.22);
	z-index: 5;
	-webkit-transition: all .5s;transition: all .5s;
}
.indexsec03 .caseul .photo:after {
	position: absolute;
	right: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: url("../images/icon07.png") no-repeat center center;
	z-index: 6;
	-webkit-transition: all .5s;transition: all .5s;
}
.indexsec03 .caseul .inner {
	overflow: hidden;
	height: 300px;
	position: relative;
}
.indexsec03 .caseul .inner img {
	width: 100%;
	min-height: 300px;
}
.indexsec03 .caseul .inner:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 42px;
	background: url("../images/bg09.png") no-repeat;
	background-size: 100% 100%;
	content: "";
	z-index: 10;
}
.indexsec03 .caseul .inner:after {
	position: absolute;
	right: 0;
	top: 0;
	width: 79px;
	height: 79px;
	
	background-size: 100% 100%;
	content: "";
	z-index: 8;
}
.indexsec03 .caseul h3 {
	margin: 0 12% 20px;
	font-size: 24px;
}
.indexsec03 .caseul h3 img {
	margin-bottom: -10px;
	display: block;
}
.indexsec03 .caseul .listul {
	margin: 0 7%;
	background-color: #fff;
	padding: 25px 20px 15px;
}
.indexsec03 .caseul .listul li {
	padding: 0 0 15px 23px;
	position: relative;
	line-height: 18px;
}
.indexsec03 .caseul .listul li:before {
	width: 16px;
	height: 16px;
	border: 1px solid #f87f22;
	position: absolute;
	left: 0;
	top: 1px;
	content: "";
	border-radius: 100%;
	box-sizing: border-box;
}
.indexsec03 .caseul a:hover h3 {
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}
.indexsec03 .caseul a:hover .photo:before {
	left: 0;
}
.indexsec03 .caseul a:hover .photo:after {
	right: 0;
}
.indexsec04 {
	padding: 0 15px;
	margin-bottom: 80px;
	position: relative;
	background: url("../images/bg10.jpg") no-repeat center center;
	background-size: cover;
}
.indexsec04 #video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	overflow: hidden;
}
.indexsec04 #video video {
	position: absolute;
	left: 0;
	top: 0;
}
.indexsec04:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../images/bg11.png") repeat;
	content: "";
	z-index: 5;
}
.indexsec04 .imgbox {
	max-width: 1794px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 145px 127px 125px 725px;
	position: relative;
	z-index: 10;
}
.indexsec04 .photobox {
	position: absolute;
	left: 0;
	bottom: 0;
}
.indexsec04 .txtbox .headLine01 {
	color: #fff;
	text-align: left;
	margin: 0 0 55px 65px;
}
.indexsec04 .txtbox .txt {
	margin-bottom: 20px;
}
.indexsec04 .txtbox p {
	color: #fff;
	font-size: 18px;
	line-height: 39px;
	text-align: justify;
}
.indexsec05 .comWidth {
	max-width: 1500px;
}
.indexsec05 .imgbox {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.indexsec05 .txtul {
	width: 50%;
}
.indexsec05 .txtul li:not(:last-child) {
	margin-bottom: 30px;
}
.indexsec05 .txtul a {
	display: block;
}
.indexsec05 .txtul .time {
	margin-bottom: 10px;
	font-size: 18px;
	color: #666;
}
.indexsec05 .txtul h3 {
	margin-bottom: 10px;
	font-size: 28px;
}
.indexsec05 .txtul p {
	margin-bottom: 10px;
	font-size: 14px;
	color: #666;
	line-height: 21px;
}
.indexsec05 .txtul .link {
	padding-right: 25px;
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	background: url("../images/icon09.png") no-repeat right center;
	color: #D8251E;
}
.indexsec05 .txtul a:hover h3 {
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}
.indexsec05 .sliderbox {
	width: 45%;
}
.indexsec05 .sliderbox a {
	display: block;
	text-align: center;
}
.indexsec05 .swiper-wrapper {
	align-items: center;
}

.headLine02 {
	margin-bottom: 30px;
}
.headLine02 .roll {
	padding-left: 40px;
	display: inline-block;
	font-size: 50px;
	background: url("../images/icon15.png") no-repeat left top 30px;
}
.headLine02 .color {
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}

.aboutPage .sec01 {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url("../images/bg13.jpg") no-repeat center center;
	background-size: cover;
	text-align: center;
	color: #fff;
	position: relative;
	box-sizing: border-box;
	padding: 0 15px;
}
.aboutPage .sec01 h2 {
	margin-bottom: 60px;
	font-size: 34px;
	font-weight: bold;
}
.aboutPage .sec01 h2 img {
	display: block;
	margin: 0 auto 15px;
}
.aboutPage .sec01 p {
	max-width: 1000px;
	margin: 0 auto;
	line-height: 32px;
	letter-spacing: 1px;
}
.aboutPage .sec01 .scroll {
	width: 31px;
	margin-left: -15px;
	position: absolute;
	left: 50%;
	bottom: 20px;
}
.aboutPage .sec01 .scroll a {
	display: block;
}
.aboutPage .sec01 .scroll .move {
	margin-bottom: 20px;
	display: block;
	-webkit-animation: move .5s linear 0s infinite alternate;
	animation: move .5s linear 0s infinite alternate;
}
@-webkit-keyframes move {
	0%{
		-webkit-transform:translate3d(0,10px,0);
		transform:translate3d(0,10px,0)
	}
	to{
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
}
@keyframes move {
	0%{
		-webkit-transform:translate3d(0,10px,0);
		transform:translate3d(0,10px,0)
	}
	to{
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
}
.aboutPage .sec02 {
	padding: 80px 0 100px;
}
.aboutPage .sec02 .txtbox {
	float: left;
	width: 48%;
}
.aboutPage .sec02 .txtbox .headLine02 {
	margin-bottom: 5px;
}
.aboutPage .sec02 .txtbox h4 {
	margin-bottom: 20px;
	color: #999999;
	font-size: 33px;
	font-weight: normal;
}
.aboutPage .sec02 .txtbox p {
	
	font-size: 18px;
	color: #666;
	
	text-align: justify;
	text-indent: 27px;
}
.aboutPage .sec02 .photobox {
	float: right;
	width: 46%;
	position: relative;
}
.aboutPage .sec02 .photobox:before {
	position: absolute;
	left: -20px;
	bottom: -20px;
	top: 20px;
	right: 20px;
	content: "";
	background-image: -moz-linear-gradient( 0deg, rgb(216,37,30) 0%, rgb(216,99,28) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(216,37,30) 0%, rgb(216,99,28) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(216,37,30) 0%, rgb(216,99,28) 100%);
}
.aboutPage .sec02 .photobox img {
	width: 100%;
}
.aboutPage .sec03 {
	background-color: #EEEEEE;
	padding: 80px 0;
}
.aboutPage .sec03 .imgbox {
	display: flex;
	justify-content: space-between;
}
.aboutPage .sec03 .imgbox .photobox {
	width: 53.85%;
}
.aboutPage .sec03 .imgbox .photobox img {
	width: 100%;
}
.aboutPage .sec03 .imgbox .txtbox {
	width: 42%;
}
.aboutPage .sec03 .imgbox .txtbox ul {
	margin-left: 40px;
}
.aboutPage .sec03 .imgbox .txtbox li {
	font-size: 18px;
	color: #666;
	line-height: 34px;
	margin-bottom: 35px;
}
.aboutPage .sec03 .imgbox .txtbox li:last-child {
	margin-bottom: 0;
}
.aboutPage .sec03 .imgbox .txtbox li span {
	display: block;
	font-weight: bold;
	color: #333;
	font-size: 20px;
}
.aboutPage .sec04 {
	padding: 80px 0;
	background: url("../images/bg14.png") no-repeat center center;
}
.aboutPage .sec04 .headLine02 {
	text-align: center;
}
.aboutPage .sec04 p {
	margin-bottom: 65px;
	font-size: 18px;
	color: #666;
	line-height: 29px;
	text-align: justify;
	text-indent: 20px;
}
.aboutPage .sec04 .photo {
	text-align: center;
}
.aboutPage .sec05 {
	padding: 80px 90px 0;
}
.aboutPage .sec05 .headLine02 {
	text-align: center;
}
.aboutPage .sec05 .sliderbox {
	position: relative;
}
.aboutPage .sec05 .sliderbox .swiper-slide {
	width: 434px;
}
.aboutPage .sec05 .sliderbox .swiper-slide a {
	position: relative;
	height: 420px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding-bottom: 60px;
	box-sizing: border-box;
}
.aboutPage .sec05 .sliderbox .swiper-slide img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
}
.aboutPage .sec05 .sliderbox .swiper-slide p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	font-size: 18px;
	padding: 15px 5px;
	background-color: #f7f7f7;
	letter-spacing: 1px;
}
.aboutPage .sec05 .sliderbox .swiper-slide a:hover {
	opacity: 0.7;
}
.aboutPage .sec05 .sliderbox .swiper-button-next:after,
.aboutPage .sec05 .sliderbox .swiper-button-prev:after {
	display: none;
}
.aboutPage .sec05 .sliderbox .swiper-button-next,
.aboutPage .sec05 .sliderbox .swiper-button-prev {
	width: 60px;
	height: 60px;
	margin-top: -30px;
}
.aboutPage .sec05 .sliderbox .swiper-button-next {
	background: url("../images/icon17.png") no-repeat;
	background-size: 100% 100%;
	right: -90px;
}
.aboutPage .sec05 .sliderbox .swiper-button-next:hover {
	background-image: url("../images/icon17_on.png");
}
.aboutPage .sec05 .sliderbox .swiper-button-prev {
	background: url("../images/icon16.png") no-repeat;
	background-size: 100% 100%;
	left: -90px;
}
.aboutPage .sec05 .sliderbox .swiper-button-prev:hover {
	background-image: url("../images/icon16_on.png");
}

.comBg {
	height: 676px;
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.comPos {
	padding: 216px 0 80px;
	position: relative;
	z-index: 2;
}

.contactPage {
	margin-bottom: -80px;
	background-color: #E6E6E6;
}
.contactPage .headLine02 {
	margin-bottom: 105px;
	color: #fff;
}
.contactPage .map {
	padding: 0px 6.5% 0;
	margin-top: 125px;
	
	background-size: cover;
	display: flex;
	justify-content: flex-end;
	position: relative;
	overflow: hidden;
}
.contactPage #allmap {
	position: absolute;
	
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.contactPage .map .inner {
	max-width: 595px;
	color: #fff;
	box-sizing: border-box;
	padding: 35px 40px 20px;
	background-image: -moz-linear-gradient( 45deg, rgba(255,0,0,0.8) 0%, rgba(216,99,28,0.8) 100%);
	background-image: -webkit-linear-gradient( 45deg, rgba(255,0,0,0.8) 0%, rgba(216,99,28,0.8) 100%);
	background-image: -ms-linear-gradient( 45deg, rgba(255,0,0,0.8) 0%, rgba(216,99,28,0.8) 100%);
	position: relative;
	z-index: 10;
}
.contactPage .map h3 {
	margin-bottom: 20px;
	font-size: 22px;
}
.contactPage .map li {
	padding-left: 40px;
	line-height: 34px;
	position: relative;
}
.contactPage .map li img {
	position: absolute;
	left: 0;
	top: 4px;
}
.contactPage .map li a {
	color: #fff;
}
.contactPage .map li .txt {
	position: relative;
	padding-left: 80px;
}
.contactPage .map li .text01 {
	position: absolute;
	left: 0;
	top: 0;
}
.contactPage .map li .txt p {
	display: flex;
}
.contactPage .map li .txt p span {
	display: block;
	min-width: 60px;
}
.contactPage .map .code {
	margin-top: 20px;
	text-align: center;
}

.projectPage {
	margin-bottom: -80px;
}
.projectPage .sec01 {
	padding: 160px 15px 35px;
	background: url("../images/bg16.jpg") no-repeat center center;
	background-size: cover;
	text-align: center;
}
.projectPage .bg {
	padding: 100px 0 100px;
	background: #fafbfc url("../images/bg17.png") no-repeat center top;
	background-size: 100% auto;
}
.projectPage .sec02 {
	margin-bottom: 100px;
}
.projectPage .sec02 .headLine02 {
	text-align: center;
}
.projectPage .sec02 ul {
	max-width: 1110px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.projectPage .sec02 ul li {
	width: 33.33%;
}
.projectPage .sec02 ul a {
	padding: 50px 5px 50px 105px;
	position: relative;
	display: block;
}
.projectPage .sec02 ul .photo {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -43px;
}
.projectPage .sec02 ul .photo img {
	-webkit-transition: all .5s;transition: all .5s;
}
.projectPage .sec02 ul .photo .on {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.projectPage .sec02 ul p {
	color: #666;
	font-size: 26px;
	font-weight: bold;
}
.projectPage .sec02 ul p span {
	margin-top: 5px;
	display: block;
	text-transform: uppercase;
	font-size: 14px;
}
.projectPage .sec02 ul a:hover .out {
	opacity: 0;
}
.projectPage .sec02 ul a:hover .on {
	opacity: 1;
}
.projectPage .sec03 .headLine02 {
	text-align: center;
	margin-bottom: 50px;
}

.comUl {
	margin-top: -60px;
	display: flex;
	flex-wrap: wrap;
}
.comUl li {
	width: 31.7%;
	margin: 60px 2.45% 0 0;
}
.comUl li:nth-child(3n) {
	margin-right: 0;
}
.comUl a {
	display: block;
	height: 100%;
	background-color: #fff;
	border: 1px solid #dddddd;
	position: relative;
	box-sizing: border-box;
}
.comUl a:before {
	width: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	height: 6px;
	background-image: -moz-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	-webkit-transition: all .5s;transition: all .5s;
}
.comUl .photo {
	height: 320px;
	overflow: hidden;
}
.comUl .photo img {
	width: 100%;
	min-height: 320px;
}
.comUl .txtbox {
	padding: 15px 8% 25px;
}
.comUl h3 {
	margin-bottom: 5px;
	font-size: 18px;
}
.comUl p {
	color: #999;
	line-height: 23px;
	font-weight: bold;
	word-break: break-all;
}
.comUl a:hover {
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
}
.comUl a:hover:before {
	width: 90%;
}

.headLine03 {
	padding: 0 85px;
	text-align: center;
	margin-bottom: 50px;
}
.headLine03 span {
	display: inline-block;
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
	font-size: 50px;
	letter-spacing: 2px;
	position: relative;
}
.headLine03 span:before {
	width: 54px;
	height: 56px;
	position: absolute;
	left: -80px;
	top: 50%;
	margin-top: -28px;
	background: url("../images/icon03.png") no-repeat;
	content: "";
}
.headLine03 span:after {
	width: 54px;
	height: 56px;
	position: absolute;
	right: -80px;
	top: 50%;
	margin-top: -28px;
	background: url("../images/icon04.png") no-repeat;
	content: "";
}

.comList {
	display: flex;
	flex-wrap: wrap;
	margin-top: -60px;
}
.comList li {
	width: 31%;
	margin: 60px 3.5% 0 0;
}
.comList li:nth-child(3n) {
	margin-right: 0;
}
.comList a {
	display: block;
	height: 100%;
	border: 1px solid #ddd;
	box-sizing: border-box;
	background-color: #fff;
}
.comList .photo {
	height: 350px;
	overflow: hidden;
}
.comList .photo img {
	width: 100%;
	min-height: 350px;
}
.comList .txtbox {
	padding: 20px 10%;
}
.comList .txtbox p {
	margin-bottom: 30px;
	line-height: 33px;
}
.comList .txtbox p span {
	font-weight: bold;
}
.comList .txtbox .link {
	max-width: 145px;
	box-sizing: border-box;
	border: 1px solid #666;
	text-align: center;
	padding: 10px 5px;
	font-size: 14px;
}
.comList a:hover {
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
}
.comList a:hover .link {
	background-image: -moz-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	color: #fff;
	border-color: #D8631C;
}

.projectDetailPage .comBg {
	height: 735px;
}
.projectDetailPage .comPos {
	padding-bottom: 0;
}
.projectDetailPage .headLine02 {
	margin-bottom: 70px;
}
.projectDetailPage .headLine02 .roll {
	color: #fff;
}
.projectDetailPage .headLine02 .small {
	display: block;
	font-size: 18px;
	font-weight: normal;
	margin-top: 20px;
}
.projectDetailPage .width {
	max-width: 1610px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}
.projectDetailPage .whitebox {
	padding: 80px 90px 0;
	background: url("../images/bg19.png") no-repeat center top;
	background-size: 100% auto;
}

.casePage {
	background-color: #e6e6e6;
	margin-bottom: -80px;
}
.casePage .comBg {
	height: 722px;
}
.casePage .headLine02 {
	color: #fff;
	margin-bottom: 100px;
}
.casePage .width {
	max-width: 1610px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}
.casePage .whitebox {
	padding: 80px 90px 0;
	background: url("../images/bg19.png") no-repeat center top;
	background-size: 100% auto;
}
.casePage .whitebox .imgbox {
	margin-bottom: 60px;
	display: flex;
	justify-content: space-between;
}
.casePage .whitebox .imgbox .lbox {
	width: 64.8%;
}
.casePage .whitebox .imgbox .lbox a {
	display: block;
	position: relative;
	overflow: hidden;
}
.casePage .whitebox .imgbox .lbox a:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 163px;
	background: url("../images/bg21.png") no-repeat center bottom;
	background-size: 100% 163px;
	content: "";
	z-index: 1;
}
.casePage .whitebox .imgbox .lbox p {
	box-sizing: border-box;
	padding: 10px 7%;
	min-height: 95px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	z-index: 2;
}
.casePage .whitebox .imgbox .lbox img {
	width: 100%;
	height: auto;
	transition: all ease 0.6s;
	-webkit-transition: all ease 0.6s;
	-webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.casePage .whitebox .imgbox .lbox a:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.casePage .whitebox .imgbox .comUl {
	width: 31.7%;
	margin: 0;
}
.casePage .whitebox .imgbox .comUl li {
	margin: 0;
	width: auto;
}

.caseDetailPage {
	margin-bottom: -80px;
	background: url("../images/bg23.png") no-repeat center bottom;
	background-size: 100% auto;
}
.caseDetailPage .comBg {
	height: 735px;
}
.caseDetailPage .imgbox {
	margin-bottom: 100px;
}
.caseDetailPage .imgbox .txtbox {
	float: left;
	width: 39.1%;
	margin-top: -14px;
	box-sizing: border-box;
	padding-right: 10px;
}
.caseDetailPage .imgbox .txtbox .headLine02 {
	margin-bottom: 20px;
}
.caseDetailPage .imgbox .txtbox .headLine02 .roll {
	background: none;
	padding-left: 0;
}
.caseDetailPage .imgbox .txtbox p {
	color: #fff;
	font-size: 18px;
	line-height: 31px;
}
.caseDetailPage .imgbox .txtbox p span {
	font-weight: bold;
}
.caseDetailPage .imgbox .txtbox .inner {
	margin: 40px -10px 0 0;
	background-color: #fff;
	padding: 20px;
}
.caseDetailPage .imgbox .txtbox .inner h3 {
	padding: 0 0 10px 25px;
	font-size: 18px;
	background: url("../images/icon15.png") no-repeat left top 5px;
	background-size: 16px auto;
}
.caseDetailPage .imgbox .txtbox #scroll {
	height: 116px;
	overflow: hidden;
}
.caseDetailPage .imgbox .txtbox #scroll li {
	width: 160px;
	margin-right: 10px;
	float: left;
}
.caseDetailPage .imgbox .txtbox #scroll a {
	display: block;
	position: relative;
}
.caseDetailPage .imgbox .txtbox #scroll img {
	min-height: 116px;
	width: 100%;
}
.caseDetailPage .imgbox .txtbox #scroll .hidden {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-image: -moz-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	opacity: 0;
	-webkit-transition: all .5s;transition: all .5s;
}
.caseDetailPage .imgbox .txtbox #scroll a:hover .hidden {
	opacity: 1;
}
.caseDetailPage .imgbox .photo {
	width: 60.9%;
	float: right;
	position: relative;
}
.caseDetailPage .imgbox .photo:before {
	position: absolute;
	left: 32px;
	bottom: -16px;
	right: -14px;
	top: 25px;
	content: "";
	background-image: -moz-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
}
.caseDetailPage .imgbox .photo img {
	width: 100%;
	position: relative;
	z-index: 2;
}
.caseDetailPage .info {
	line-height: 30px;
	font-size: 18px;
	color: #666;
	margin-bottom: 60px;
}
.caseDetailPage .info * {
	line-height: 30px !important;
	font-size: 18px !important;
	color: #666 !important;
}
.caseDetailPage .info img {
	margin: 0 auto;
	display: block;
	height: auto !important;
}
.caseDetailPage .btmbox ul {
	display: flex;
	flex-wrap: wrap;
}
.caseDetailPage .btmbox ul li {
	width: 31.2%;
	margin: 0 3.2% 30px 0;
}
.caseDetailPage .btmbox ul li:nth-child(3n) {
	margin-right: 0;
}
.caseDetailPage .btmbox ul a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 380px;
	overflow: hidden;
}
.caseDetailPage .btmbox ul img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}
.caseDetailPage .btmbox ul p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
	box-sizing: border-box;
	padding: 10px 5px;
	background-image: -moz-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
}
.caseDetailPage .btmbox ul a:hover {
	opacity: 0.7;
}

.comMore a {
	width: 240px;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	color: #666;
	border: 2px dashed #666;
	border-radius: 30px;
	letter-spacing: 2px;
	padding: 10px 5px;
}
.comMore a:hover {
	background-image: -moz-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	color: #fff;
	border-color: transparent;
}

/*pages*/
.pagination-wrapper{
margin: 60px 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:rgb(255,0,0);
}
.pagination li.thisclass {
background: rgb(255,0,0);
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;
}

.productPage {
	margin-bottom: -80px;
	background-color: #E6E6E6;
}
.productPage .comPos {
	padding-bottom: 1px;
}
.productPage .headLine02 {
	margin-bottom: 115px;
	color: #fff;
}
.productPage .headLine02 .small {
	margin-top: 20px;
	display: block;
	font-size: 18px;
	font-weight: normal;
}
.productPage .comBg {
	height: 722px;
}
.productPage .topImg {
	text-align: right;
	margin: -30px 100px -20px 0;
}
.productPage .itembox {
	margin-bottom: 80px;
	padding: 50px 8%;
	position: relative;
	background: url("../images/bg25.jpg") repeat;
}
.productPage .itembox h3 {
	padding: 0 0 30px 230px;
	font-size: 18px;
	color: #666;
	font-weight: normal;
	position: relative;
}
.productPage .itembox h3 span {
	padding: 0 250px 18px 0;
	margin-bottom: 10px;
	display: block;
	color: #333;
	font-size: 30px;
	font-weight: bold;
	background: url("../images/icon28.png") no-repeat left bottom;
}
.productPage .itembox h3 img {
	position: absolute;
	left: 0;
	top: 0;
}
.productPage .itembox .comMore {
	position: absolute;
	right: 8%;
	top: 50px;
}
.productPage .itembox ul {
	display: flex;
	flex-wrap: wrap;
}
.productPage .itembox ul li {
	width: 22.4%;
	margin: 20px 3.46% 0 0;
}
.productPage .itembox ul li:nth-child(4n) {
	margin-right: 0;
}
.productPage .itembox ul a {
	display: block;
	height: 100%;
	border-radius: 22px;
	background-image: -moz-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
}
.productPage .itembox ul .photo {
	height: 220px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 20px 20px 0 0;
}
.productPage .itembox ul .photo img {
	width: 100%;
	min-height: 220px;
	border-radius: 20px 20px 0 0;
}
.productPage .itembox ul p {
	padding: 10px 5px;
	text-align: center;
	color: #fff;
}
.productPage .itembox ul a:hover {
	background-image: -moz-linear-gradient( 0deg, rgb(216,99,28) 0%, rgb(255,0,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(216,99,28) 0%, rgb(255,0,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(216,99,28) 0%, rgb(255,0,0) 100%);
}

.product2ndPage {
	background-color: #e6e6e6;
	margin-bottom: -80px;
}
.product2ndPage .headLine02 {
	margin-bottom: 115px;
	color: #fff;
}
.product2ndPage .headLine02 .small {
	margin-top: 20px;
	display: block;
	font-size: 18px;
	font-weight: normal;
}
.product2ndPage .comBg {
	height: 722px;
}
.product2ndPage .width {
	max-width: 1610px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}
.product2ndPage .whitebox {
	padding: 80px 90px 0;
	background: url("../images/bg19.png") no-repeat center top;
	background-size: 100% auto;
}

#header.productDetailHeader {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #E6E6E6;
}
#header.productDetailHeader .navi a {
	color: #333;
}
#header.productDetailHeader .tel {
	color: #333;
}
.productDetailPage {
	margin-bottom: -80px;
}
.productDetailPage .topbox {
	padding: 215px 0 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.productDetailPage .topbox .photobox {
	width: 45%;
}
.productDetailPage .topbox .photobox img {
	width: 100%;
}
.productDetailPage .topbox .txtbox {
	position: relative;
	padding: 40px 5%;
	width: 47.5%;
	box-sizing: border-box;
	background: url("../images/bg27.png") no-repeat right bottom 15px,url("../images/bg26.jpg") repeat;
}
.productDetailPage .topbox .txtbox:before {
	width: 182px;
	height: 137px;
	position: absolute;
	right: 20px;
	top: 20px;
	background: url("../images/icon29.png") no-repeat;
	content: "";
}
.productDetailPage .topbox .txtbox h2 {
	margin: 0 140px 5px 0;
}
.productDetailPage .topbox .txtbox h2 .txt01 {
	font-size: 35px;
	font-family: Impact, "sans-serif";
}
.productDetailPage .topbox .txtbox h2 .txt02 {
	margin-left: 20px;
	vertical-align: 5px;
	font-size: 22px;
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}
.productDetailPage .topbox .txtbox p {
	margin-bottom: 30px;
	line-height: 30px;
	font-size: 18px;
}
.productDetailPage .topbox .txtbox p span {
	font-weight: bold;
}
.productDetailPage .topbox .txtbox .link a {
	display: block;
	background-color: #333;
	max-width: 245px;
	box-sizing: border-box;
	text-align: center;
	padding: 13px 5px;
}
.productDetailPage .topbox .txtbox .link span {
	display: inline-block;
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
}
.productDetailPage .topbox .txtbox .link a:hover {
	opacity: 0.7;
}
.productDetailPage .h2Ttl {
	text-align: center;
	margin: 0 85px 30px;
}
.productDetailPage .h2Ttl span {
	display: inline-block;
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
	position: relative;
	font-size: 50px;
}
.productDetailPage .h2Ttl span:before {
	width: 48px;
	height: 48px;
	margin-top: -24px;
	position: absolute;
	left: -80px;
	top: 50%;
	background: url("../images/icon30.png") no-repeat;
	content: "";
}
.productDetailPage .h2Ttl span:after {
	width: 48px;
	height: 48px;
	margin-top: -24px;
	position: absolute;
	right: -80px;
	top: 50%;
	background: url("../images/icon30.png") no-repeat;
	content: "";
}
.productDetailPage .info {
	color: #666;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 80px;
}
.productDetailPage .info * {
	color: #666 !important;
	font-size: 18px !important;
	line-height: 30px !important;
}
.productDetailPage .info img {
	height: auto !important;
}
.productDetailPage .btmbox {
	padding: 80px 0;
	background: url("../images/bg28.jpg") repeat;
}
.productDetailPage .btmbox h2 {
	padding-left: 80px;
	margin-bottom: 40px;
	background: url("../images/icon30.png") no-repeat left center;
}
.productDetailPage .btmbox h2 span {
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
	font-size: 50px;
}

.newsPage {
	background-color: #e6e6e6;
	margin-bottom: -80px;
}
.newsPage .comBg {
	height: 722px;
}
.newsPage .headLine02 {
	margin-bottom: 80px;
	color: #fff;
}
.newsPage .sec01 {
	margin-bottom: 60px;
	padding: 45px 6.5%;
	background: url("../images/bg31.png") no-repeat center top,url("../images/bg30.jpg") repeat;
}
.newsPage .sec01 h2 {
	margin-bottom: 20px;
	font-size: 34px;
	padding-bottom: 15px;
	background: url("../images/icon28.png") no-repeat left bottom;
}
.newsPage .sec01 h2 span {
	font-size: 18px;
	color: #666;
	font-weight: normal;
	text-transform: uppercase;
	margin-left: 15px;
}
.newsPage .sec01 .imgbox .lbox {
	width: 42.6%;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.newsPage .sec01 .imgbox .lbox .inner {
	max-width: 274px;
	background: url("../images/bg32.png") no-repeat center center;
	background-size: cover;
	box-sizing: border-box;
	min-height: 366px;
	padding: 100px 20px 15px;
}
.newsPage .sec01 .imgbox .lbox a {
	display: flex;
	justify-content: flex-end;
	color: #fff;
}
.newsPage .sec01 .imgbox .lbox a:hover {
	opacity: 0.7;
}
.newsPage .sec01 .imgbox .lbox h3 {
	font-size: 20px;
	margin-bottom: 10px;
}
.newsPage .sec01 .imgbox .lbox .time {
	padding-left: 25px;
	margin-bottom: 10px;
	font-size: 18px;
	background: url("../images/icon31.png") no-repeat left center;
}
.newsPage .sec01 .imgbox .lbox p {
	font-size: 14px;
	line-height: 23px;
}
.newsPage .sec01 .imgbox .rbox {
	margin-top: -20px;
	width: 50%;
	float: right;
}
.newsPage .sec01 .imgbox .rbox ul {
	margin-bottom: 30px;
}
.newsPage .sec01 .imgbox .rbox ul a {
	padding: 20px 0;
	display: block;
}
.newsPage .sec01 .imgbox .rbox ul li:not(:last-child) {
	border-bottom: 1px solid #eee;
}
.newsPage .sec01 .imgbox .rbox ul h3 {
	font-size: 23px;
	margin-bottom: 10px;
}
.newsPage .sec01 .imgbox .rbox ul .time {
	padding-left: 25px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #666;
	background: url("../images/icon32.png") no-repeat left center;
}
.newsPage .sec01 .imgbox .rbox ul p {
	font-size: 14px;
	color: #666;
	line-height: 23px;
}
.newsPage .sec01 .imgbox .rbox .comMore {
	text-align: right;
}
.newsPage .sec01 .imgbox .rbox ul a:hover span {
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}
.newsPage .h3Ttl {
	margin-bottom: 25px;
	text-align: center;
}
.newsPage .h3Ttl .txt {
	font-size: 34px;
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}
.newsPage .h3Ttl .en {
	padding-top: 10px;
	font-size: 18px;
	color: #666;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
	background: url("../images/icon28.png") no-repeat top center;
}
.newsPage .sec02 {
	padding: 0 120px;
	margin-bottom: 60px;
}
.newsPage .sec02 .sliderbox {
	max-width: 1400px;
	margin: 0 auto;
}
.newsPage .sec02 .swiper-slide {
	width: 442px;
}
.newsPage .sec02 .swiper-slide a {
	display: block;
	background-color: #fff;
	position: relative;
}
.newsPage .sec02 .swiper-slide a:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 6px;
	width: 0;
	content: "";
	-webkit-transition: all .5s;transition: all .5s;
	background-image: -moz-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
}
.newsPage .sec02 .swiper-slide a:hover:before {
	width: 90%;
}
.newsPage .sec02 .swiper-slide .photo {
	position: relative;
	height: 325px;
	overflow: hidden;
}
.newsPage .sec02 .swiper-slide .photo img {
	width: 100%;
	min-height: 325px;
	transition: all ease 0.6s;
	-webkit-transition: all ease 0.6s;
	-webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.newsPage .sec02 .swiper-slide a:hover .photo img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.newsPage .sec02 .swiper-slide .photo .time {
	position: absolute;
	left: 35px;
	top: 35px;
	width: 95px;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
	box-sizing: border-box;
	padding: 10px 10px 10px;
}
.newsPage .sec02 .swiper-slide .photo .time .num01 {
	font-size: 48px;
	font-family: Impact, "sans-serif";
}
.newsPage .sec02 .swiper-slide .photo .time .num02 {
	display: block;
	padding: 3px 0;
	background-color: #e6e6e6;
	border-radius: 10px;
	font-size: 14px;
}
.newsPage .sec02 .swiper-slide a:hover .num01 {
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}
.newsPage .sec02 .swiper-slide .txtbox {
	padding: 20px;
}
.newsPage .sec02 .swiper-slide .txtbox h3 {
	margin-bottom: 5px;
	font-size: 18px;
}
.newsPage .sec02 .swiper-slide .txtbox p {
	font-size: 14px;
	color: #666;
	line-height: 23px;
}
.newsPage .sec02 .sliderbox {
	margin-bottom: 40px;
	position: relative;
}
.newsPage .sec02 .sliderbox .swiper-button-next:after,
.newsPage .sec02 .sliderbox .swiper-button-prev:after {
	display: none;
}
.newsPage .sec02 .sliderbox .swiper-button-next,
.newsPage .sec02 .sliderbox .swiper-button-prev {
	top: 50%;
	width: 86px;
	height: 71px;
	margin-top: -35px;
}
.newsPage .sec02 .sliderbox .swiper-button-next {
	right: -110px;
	background: url("../images/icon34.png") no-repeat center center;
}
.newsPage .sec02 .sliderbox .swiper-button-next:hover {
	background-image: url("../images/icon34_on.png");
}
.newsPage .sec02 .sliderbox .swiper-button-prev {
	left: -110px;
	background: url("../images/icon33.png") no-repeat center center;
}
.newsPage .sec02 .sliderbox .swiper-button-prev:hover {
	background-image: url("../images/icon33_on.png");
}
.newsPage .sec02 .comMore {
	text-align: center;
}
.newsPage .sec03 ul {
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.newsPage .sec03 ul li {
	margin-bottom: 15px;
	width: 48.5%;
}
.newsPage .sec03 ul a {
	padding: 20px 20px 20px 150px;
	background-color: #fff;
	height: 100%;
	box-sizing: border-box;
	display: block;
	position: relative;
}
.newsPage .sec03 ul h3 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: normal;
}
.newsPage .sec03 ul p {
	font-size: 14px;
	color: #999;
}
.newsPage .sec03 ul .time {
	position: absolute;
	left: 30px;
	top: 50%;
	text-align: center;
	transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.newsPage .sec03 ul .time {
	font-size: 18px;
}
.newsPage .sec03 ul .time span {
	display: block;
	font-size: 29px;
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}
.newsPage .sec03 ul a:hover h3 span {
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}
.newsPage .sec03 .comMore {
	text-align: center;
}

.newsDetailPage .comBg {
	height: 712px;
}
.newsDetailPage .comPos {
	padding-bottom: 0;
}
.newsDetailPage .headLine02 {
	margin-bottom: 0;
	color: #fff;
}
.newsDetailPage .posbox {
	position: relative;
}
.newsDetailPage .posbox ul {
	position: absolute;
	right: 0;
	top: -120px;
	width: 160px;
}
.newsDetailPage .posbox ul li:not(:last-child) {
	margin-bottom: 15px;
}
.newsDetailPage .posbox ul a {
	color: #fff;
	padding: 10px 5px;
	border: 1px solid #fff;
	border-radius: 10px;
	display: block;
	text-align: center;
}
.newsDetailPage .posbox ul a:hover,
.newsDetailPage .posbox ul .on a {
	background-image: -moz-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
}
.newsDetailPage .whitebox {
	margin-top: 105px;
	padding: 30px 3.7% 0;
	background: url("../images/bg19.png") no-repeat center top;
	background-size: 100% auto;
}
.newsDetailPage .list_2nd li {
	border-bottom: 1px solid #ddd;
}
.newsDetailPage .list_2nd a {
	padding: 40px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.newsDetailPage .list_2nd .photobox {
	width: 40.7%;
	height: 253px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.newsDetailPage .list_2nd .photobox img {
	width: 100%;
}
.newsDetailPage .list_2nd .txtbox {
	width: 55%;
}
.newsDetailPage .list_2nd .txtbox h3 {
	margin-bottom: 10px;
	font-size: 28px;
}
.newsDetailPage .list_2nd .txtbox .time {
	color: #999;
	margin-bottom: 10px;
}
.newsDetailPage .list_2nd .txtbox p {
	margin-bottom: 15px;
	font-size: 18px;
	color: #999;
	line-height: 32px;
}
.newsDetailPage .list_2nd .txtbox .link {
	text-align: right;
}
.newsDetailPage .list_2nd .txtbox .link span {
	padding: 10px 5px;
	width: 230px;
	display: inline-block;
	text-align: center;
	border: 1px solid #333;
	border-radius: 30px;
	box-sizing: border-box;
}
.newsDetailPage .list_2nd a:hover h3 span {
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}
.newsDetailPage .list_2nd a:hover .link span {
	color: #fff;
	border-color: #fff;
	background-image: -moz-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,0,0) 0%, rgb(216,99,28) 100%);
}

.newsDetailPage .topul {
	margin-top: 25px;
}
.newsDetailPage .topul li {
	display: inline-block;
	margin-right: 40px;
	color: #fff;
	font-size: 18px;
}
.newsDetailPage .topul li img {
	display: inline-block;
	vertical-align: middle;
	margin: -4px 10px 0 0;
}
.newsDetailPage .info {
	margin-top: 20px;
	float: left;
	width: 100%;
	background-color: #fff;
	box-sizing: border-box;
	padding: 40px;
	font-size: 18px;
	color: #666;
	line-height: 35px;
}
.newsDetailPage .info * {
	font-size: 18px !important;
	color: #666 !important;
	line-height: 35px !important;
}
.newsDetailPage .info img {
	height: auto !important;
	margin: 0 auto;
	display: block;
}
.newsDetailPage .sider {
	margin-top: 20px;
	width: 25%;
	float: right;
}
.newsDetailPage .sider h3 {
	text-align: center;
	font-size: 30px;
	margin-bottom: 30px;
}
.newsDetailPage .sider h3 span {
	padding-left: 30px;
	display: inline-block;
	background: url("../images/icon15.png") no-repeat left top 15px;
	background-size: 17px auto;
}
.newsDetailPage .sider .comList {
	display: block;
	margin-top: 0;
}
.newsDetailPage .sider .comList li {
	margin: 40px 0 0;
	width: auto;
}
.newsDetailPage .sider .comList .photo {
	height: 260px;
}
.newsDetailPage .sider .comList .photo img {
	min-height: 260px;
}
.newsDetailPage .sider .comList a {
	background-color: #eeeeee;
}
.newsDetailPage .sider .comList .txtbox p {
	font-size: 14px;
	line-height: 27px;
}

.comPageList {
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}
.comPageList a {
	display: block;
}
.comPageList .list a {
	padding: 15px 30px;
	box-sizing: border-box;
	background-color: #eeeeee;
	text-align: center;
}
.comPageList .prev,
.comPageList .next {
	width: 41%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	box-sizing: border-box;
	background-color: #eeeeee;
}
.comPageList .prev a > span,
.comPageList .next a > span {
	padding: 5px 80px;
	display: inline-block;
	font-size: 18px;
	color: #999;
}
.comPageList .prev a > span {
	background: url("../images/icon38.png") no-repeat left center;
}
.comPageList .next a > span {
	background: url("../images/icon39.png") no-repeat right center;
}
.comPageList .prev a:hover > span {
	background-image: url("../images/icon38_on.png");
}
.comPageList .next a:hover > span {
	background-image: url("../images/icon39_on.png");
}
.comPageList .prev a:hover span span,
.comPageList .next a:hover span span {
	color: #D8251E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
}
.comPageList .list img {
	-webkit-transition: all .5s;transition: all .5s;
}
.comPageList .list a:hover img {
	transform: rotateZ(360deg);
}
.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: rgb(255,0,0);
	color: #fff;
}

@media all and (min-width: 1230px) and (max-width: 1460px) {
	#header {padding-top: 30px;padding-bottom: 30px;}
	#header h1 {max-width: 150px;}
	#header .tel {font-size: 36px;background-size: auto 70px;padding-left: 85px;}
	.mainVisual .width01 .txt img {max-height: 180px;}
	.mainVisual .width01 .img img {max-height: 380px;}
	.indexsec01 .tabBox .photo {height: 230px;}
	.indexsec01 .tabBox .photo img {min-height: 230px;}
	.indexsec01 .tabul a {font-size: 23px;padding: 20px 50px;}
	.indexsec01 .tabul a:before {width: 43px;height: 45px;margin-top: -23px;background-size: 43px auto;}
	.indexsec01 .tabul a:after {width: 43px;height: 45px;margin-top: -23px;background-size: 43px auto;}
	.indexsec02 {background-size: 540px auto,auto auto;}
	.indexsec02 .rbox .link a > span {background-color: rgba(255,255,255,0.8);}
	.indexsec04 .imgbox {padding-right: 60px;padding-left: 640px;}
	.indexsec04 .photobox {width: 640px;}
	#footer .flogo {max-width: 280px;}
	#footer .code {max-width: 180px;}
	#footer .fnavi {max-width: 200px;}
	.comUl .photo {height: 290px;}
	.comUl .photo img {min-height: 290px;}
	.projectDetailPage .whitebox {padding: 60px 40px 0;}
	.casePage .whitebox {padding: 60px 40px 0;}
	.product2ndPage .whitebox {padding: 60px 40px 0;}
	.comList .photo img {min-height: 320px;}
	.comList .photo {height: 320px;}
}

@media all and (min-width: 992px) and (max-width: 1229px) {
	#header {padding-top: 30px;padding-bottom: 30px;}
	#header h1 {max-width: 140px;}
	#header .tel {font-size: 30px;background-size: auto 60px;padding-left: 70px;}
	#header .navi a {font-size: 16px;}
	.mainVisual .width01 .txt img {max-height: 160px;}
	.mainVisual .width01 .img img {max-height: 350px;}
	.indexsec01 .tabul {padding: 0 10px;}
	.indexsec01 .tabBox .photo {height: 180px;}
	.indexsec01 .tabBox .photo img {min-height: 180px;}
	.indexsec01 .tabul a {font-size: 20px;padding: 15px 50px;}
	.indexsec01 .tabul a:before {width: 43px;height: 45px;margin-top: -23px;background-size: 43px auto;}
	.indexsec01 .tabul a:after {width: 43px;height: 45px;margin-top: -23px;background-size: 43px auto;}
	.indexsec01 .tabul span {font-size: 12px;}
	.indexsec02 {background-size: 450px auto,auto auto;}
	.indexsec02 .rbox .link a > span {background-color: rgba(255,255,255,0.8);}
	.indexsec02 .rbox {width: 64%;}
	.indexsec03 .caseul .inner {height: 210px;}
	.indexsec03 .caseul .inner img {min-height: 210px;}
	.indexsec04 .imgbox {padding-right: 0;padding-left: 420px;}
	.indexsec04 .photobox {width: 420px;}
	#footer .flogo {max-width: 200px;}
	#footer .code {max-width: 160px;}
	#footer .fnavi {max-width: 180px;}
	#footer .ftxt {max-width: 370px;}
	#footer .ftxt .tel a {font-size: 35px;background-size: auto 50px;padding-left: 130px;}
	#footer .ftxt li {padding-left: 40px;}
	.comUl .photo {height: 220px;}
	.comUl .photo img {min-height: 220px;}
	.projectDetailPage .whitebox {padding: 40px 15px 0;}
	.casePage .whitebox {padding: 40px 15px 0;}
	.product2ndPage .whitebox {padding: 40px 15px 0;}
	.productDetailPage .topbox .txtbox h2 {margin-right: 80px;}
	.productDetailPage .topbox .txtbox:before {width: 100px;height: 85px;background-size: 100px auto;}
	.productPage .itembox ul .photo {height: 150px;}
	.productPage .itembox ul .photo img {min-height: 150px;}
	.comList .photo img {min-height: 240px;}
	.comList .photo {height: 240px;}
	.newsDetailPage .sider .comList .photo {height: 180px;}
	.newsDetailPage .sider .comList .photo img {min-height: 180px;}
	#footer .copyright span {margin-left: 15px;}
	#footer .copyright {font-size: 13px;}
}

@media all and (max-width: 991px) {
	#header {
		padding: 15px;
	}
	#header .width {
		max-width: inherit;
		display: block;
	}
	#header .tel {
		display: none;
	}
	#header h1 {
		width: 120px;
		position: relative;
		z-index: 200;
	}
	#header .navi {
		display: none;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
		background-color: rgba(0,0,0,0.8);
	}
	#header .navi ul {
		display: block;
		padding: 90px 0 10px;
	}
	#header .navi a {
		font-size: 16px;
		text-align: center;
	}
	#header .navi a:after,
	#header .navi a:before {
		display: none;
	}
	#header .navi .on a {
		color: #D8251E;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-image: -webkit-linear-gradient(left,#D8251E,#D8631C);
	}
	#header .menu {
		position: absolute;
		right: 15px;
		top: 30px;
		z-index: 200;
	}
	.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: #D8381E;
	  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.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) {
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-13px) rotate(45deg);
	  transform: translateY(-13px) rotate(45deg);
	}

	#footer {
		margin-top: 40px;
	}
	#footer .width {
		max-width: inherit;
		display: block;
		padding: 40px 0 15px;
	}
	#footer .flogo {
		max-width: 180px;
		margin: 0 auto 20px;
	}
	#footer .code,
	#footer .fnavi,
	#footer .line {
		display: none;
	}
	#footer .ftxt {
		max-width: inherit;
	}
	#footer .ftxt li {
		padding: 0 0 10px 30px;
		line-height: 1.6;
	}
	#footer .ftxt li img {
		top: 4px;
		width: 18px;
	}
	#footer .ftxt .tel a {
		padding: 0 0 0 120px;
		background-size: auto 45px;
		font-size: 32px;
	}
	#footer .copyright {
		padding: 15px 0 75px;
	}
	#footer .copyright span {
		margin: 5px 0 0;
		display: block;
	}
	#footer .qyrz {
		margin: 5px 0 0;
	}

	.mainVisual .width {
		padding: 90px 15px 0;
		height: 550px;
	}
	.mainVisual .width02 .img {
		margin-left: 0;
	}
	.mainVisual .width03 .txt {
		font-size: 16px;
		line-height: 1.6;
	}
	.mainVisual .width01 .img img {
		max-height: 220px;
	}
	.mainVisual .width01 .txt img {
		max-height: 130px;
	}
	.mainVisual .swiper-pagination {
		display: none;
	}

	.comWidth,
	.com1400 {
		max-width: inherit;
	}

	.headLine01 {
		margin-bottom: 20px;
	}
	.headLine01 .txt01 {
		font-size: 14px;
		padding-left: 20px;
	}
	.headLine01 .txt01:before {
		width: 40px;
		height: 51px;
		left: -8px;
		background-size: 40px auto;
	}
	.headLine01 .txt02 {
		margin: 0 0 5px 20px;
		font-size: 20px;
	}

	.comLink a {
		margin: 30px auto 0;
		width: 200px;
	}

	.indexsec01 {
		padding: 40px 0;
	}
	.indexsec01 .tabPannel {
		display: block;
	}
	.indexsec01 .tabul {
		width: auto;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.indexsec01 .tabul li {
		width: 50%;
		border-top: 1px solid rgba(102,102,102,0.3);
		box-sizing: border-box;
	}
	.indexsec01 .tabul li:nth-child(2n-1) {
		border-right: 1px solid rgba(102,102,102,0.3);
	}
	.indexsec01 .tabul li:not(:last-child) {
		border-bottom: none;
	}
	.indexsec01 .tabul li:first-child,
	.indexsec01 .tabul li:nth-child(2) {
		border-top: none;
	}
	.indexsec01 .tabul a {
		padding: 10px 5px;
		font-size: 16px;
		box-sizing: border-box;
		height: 100%;
		display: flex;
		text-align: center;
		justify-content: center;
		align-items: center;
	}
	.indexsec01 .tabul a:before,
	.indexsec01 .tabul a:after {
		display: none;
	}
	.indexsec01 .tabul .en {
		font-size: 12px;
	}
	.indexsec01 .inner {
		width: auto;
	}
	.indexsec01 .tabBox ul {
		margin-top: 10px;
		justify-content: space-between;
	}
	.indexsec01 .tabBox li {
		margin: 15px 0 0;
		width: 49%;
	}
	.indexsec01 .tabBox .photo {
		height: 142px;
	}
	.indexsec01 .tabBox .photo:before {
		background-size: 50px auto;
	}
	.indexsec01 .tabBox .photo img {
		min-height: 140px;
	}
	.indexsec01 .tabBox p {
		padding: 5px;
		font-size: 14px;
	}
	.indexsec02 {
		padding: 40px 0;
		background: url("../images/bg06.png") no-repeat right bottom, url("../img/bg07.jpg") repeat;
		background-size: 200px auto,6px auto;
	}
	.indexsec02 .comWidth {
		display: block;
	}
	.indexsec02 .lbox {
		width: auto;
	}
	.indexsec02 .rbox {
		width: auto;
		padding: 10px 0 0;
	}
	.indexsec02 .rbox .en {
		margin-bottom: 10px;
		font-size: 23px;
		line-height: 1.5;
	}
	.indexsec02 .rbox .txt {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.indexsec02 .rbox p {
		max-width: inherit;
		font-size: 14px;
		line-height: 1.6;
	}
	.indexsec02 .rbox .link {
		margin-top: 30px;
	}
	.indexsec02 .rbox .link a {
		padding-left: 75px;
		background-size: auto 40px;
	}
	.indexsec02 .rbox .link a > span {
		padding: 10px 5px;
		width: 200px;
		background-color: rgba(255,255,255,0.8);
	}
	.indexsec03 {
		padding: 40px 0;
	}
	.indexsec03 .caseul {
		display: block;
	}
	.indexsec03 .caseul > li {
		margin-bottom: 20px;
		width: auto;
	}
	.indexsec03 .caseul > li:last-child {
		margin-bottom: 0;
	}
	.indexsec03 .caseul > li:before {
		display: none;
	}
	.indexsec03 .caseul > li a {
		height: auto;
		padding-bottom: 15px;
	}
	.indexsec03 .caseul .photo:after {
		background-size: 60px auto;
	}
	.indexsec03 .caseul .inner {
		height: auto;
	}
	.indexsec03 .caseul .inner img {
		min-height: inherit;
	}
	.indexsec03 .caseul .inner:before {
		height: 30px;
	}
	.indexsec03 .caseul .inner:after {
		width: 60px;
		height: 60px;
	}
	.indexsec03 .caseul h3 {
		margin: 0 15px 10px;
		font-size: 18px;
		text-align: center;
	}
	.indexsec03 .caseul h3 img {
		margin: 0 auto -5px;
		width: 45px;
	}
	.indexsec03 .caseul .listul {
		margin: 0 15px;
		padding: 15px;
	}
	.indexsec03 .caseul .listul li {
		padding: 0 0 10px 20px;
	}
	.indexsec03 .caseul .listul li:before {
		width: 12px;
		height: 12px;
		top: 3px;
	}
	.indexsec04 {
		margin-bottom: 40px;
	}
	.indexsec04:before {
		background-size: 8px auto;
	}
	.indexsec04 .imgbox {
		max-width: auto;
		padding: 40px 0 0;
	}
	.indexsec04 .photobox {
		margin-top: 30px;
		position: static;
		text-align: center;
	}
	.indexsec04 .txtbox .headLine01 {
		text-align: center;
		margin: 0 0 20px;
	}
	.indexsec04 .txtbox p {
		font-size: 16px;
		line-height: 1.6;
	}
	.indexsec05 .comWidth {
		max-width: inherit;
	}
	.indexsec05 .imgbox {
		display: block;
	}
	.indexsec05 .txtul {
		width: auto;
	}
	.indexsec05 .txtul li:not(:last-child) {
		margin-bottom: 20px;
	}
	.indexsec05 .txtul .time {
		margin-bottom: 5px;
		font-size: 14px;
	}
	.indexsec05 .txtul h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}
	.indexsec05 .txtul .link {
		padding-right: 20px;
		background-size: 10px auto;
	}
	.indexsec05 .sliderbox {
		margin-top: 30px;
		width: auto;
	}
	.headLine02 {
		margin-bottom: 15px;
	}
	.headLine02 .roll {
		padding-left: 24px;
		font-size: 20px;
		background-size: 14px auto;
		background-position: left top 9px;
	}
	.aboutPage .sec01 {
		height: 100vh;
		padding: 0 15px 80px;
	}
	.aboutPage .sec01 h2 {
		margin-bottom: 20px;
		font-size: 20px;
	}
	.aboutPage .sec01 h2 img {
		max-width: 220px;
		margin: 0 auto 10px;
	}
	.aboutPage .sec01 p {
		max-width: inherit;
		line-height: 1.6;
		letter-spacing: 0;
	}
	.aboutPage .sec01 .scroll {
		width: 22px;
		margin-left: -11px;
		bottom: 80px;
	}
	.aboutPage .sec02 {
		padding: 40px 0 50px;
	}
	.aboutPage .sec02 .txtbox {
		float: none;
		width: auto;
	}
	.aboutPage .sec02 .txtbox h4 {
		margin-bottom: 15px;
		font-size: 18px;
	}
	.aboutPage .sec02 .txtbox p {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.6;
	}
	.aboutPage .sec02 .photobox {
		float: none;
		width: auto;
		margin-top: 30px;
	}
	.aboutPage .sec02 .photobox:before {
		left: -10px;
		bottom: -10px;
		top: 10px;
		right: 10px;
	}
	.aboutPage .sec03 {
		padding: 40px 0;
	}
	.aboutPage .sec03 .imgbox {
		display: block;
	}
	.aboutPage .sec03 .imgbox .photobox {
		width: auto;
	}
	.aboutPage .sec03 .imgbox .txtbox {
		width: auto;
		margin-top: 20px;
	}
	.aboutPage .sec03 .imgbox .txtbox ul {
		margin-left: 0;
	}
	.aboutPage .sec03 .imgbox .txtbox li {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 10px;
	}
	.aboutPage .sec03 .imgbox .txtbox li span {
		font-size: 15px;
	}
	.aboutPage .sec04 {
		padding: 40px 0;
		background-size: 900px auto;
	}
	.aboutPage .sec04 p {
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 1.6;
	}
	.aboutPage .sec05 {
		padding: 0 30px;
	}
	.aboutPage .sec05 .sliderbox .swiper-slide {
		width: 180px;
	}
	.aboutPage .sec05 .sliderbox .swiper-slide a {
		height: 190px;
		padding-bottom: 31px;
	}
	.aboutPage .sec05 .sliderbox .swiper-slide p {
		font-size: 14px;
		padding: 5px;
		letter-spacing: 0;
	}
	.aboutPage .sec05 .sliderbox .swiper-button-next,
	.aboutPage .sec05 .sliderbox .swiper-button-prev {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	.aboutPage .sec05 .sliderbox .swiper-button-next {
		right: -38px;
	}
	.aboutPage .sec05 .sliderbox .swiper-button-prev {
		left: -38px;
	}
	.comBg {
		height: 400px;
	}
	.comPos {
		padding: 110px 0 40px;
	}

	.contactPage {
		margin-bottom: -40px;
	}
	.contactPage .headLine02 {
		margin-bottom: 30px;
	}
	.contactPage .map {
		padding: 0;
		margin-top: 40px;
		background: none;
		display: block;
	}
	.contactPage #allmap {
		position: static;
		left: inherit;
		top: inherit;
		width: 100%;
		height: 350px;
	}
	.contactPage .map .inner {
		max-width: inherit;
		padding: 15px;
	}
	.contactPage .map h3 {
		margin-bottom: 10px;
		font-size: 18px;
	}
	.contactPage .map li {
		padding-left: 25px;
		line-height: 1.8;
	}
	.contactPage .map li img {
		top: 4px;
		width: 20px;
	}
	.contactPage .map li .txt {
		padding-left: 70px;
	}
	.contactPage .map li .txt p span {
		min-width: 50px;
	}
	.contactPage .map .code {
		display: none;
	}
	
	.projectPage {
		margin-bottom: -40px;
	}
	.projectPage .sec01 {
		padding: 110px 15px 20px;
	}
	.projectPage .bg {
		padding: 40px 0 40px;
	}
	.projectPage .sec02 {
		margin-bottom: 40px;
	}
	.projectPage .sec02 ul {
		max-width: inherit;
		justify-content: space-between;
	}
	.projectPage .sec02 ul li {
		width: 50%;
	}
	.projectPage .sec02 ul a {
		padding: 10px 5px 10px 40px;
	}
	.projectPage .sec02 ul .photo {
		width: 35px;
		top: 14px;
		margin-top: 0;
	}
	.projectPage .sec02 ul p {
		font-size: 16px;
	}
	.projectPage .sec02 ul p span {
		margin-top: 0;
		font-size: 12px;
	}
	.projectPage .sec03 .headLine02 {
		margin-bottom: 15px;
	}

	.comUl {
		margin-top: -20px;
		justify-content: space-between;
	}
	.comUl li {
		width: 49%;
		margin: 20px 0 0;
	}
	.comUl a:before {
		height: 3px;
	}
	.comUl .photo {
		height: 120px;
	}
	.comUl .photo img {
		min-height: 120px;
	}
	.comUl .txtbox {
		padding: 15px;
	}
	.comUl h3 {
		font-size: 16px;
	}
	.comUl p {
		line-height: 1.5;
	}
	
	.headLine03 {
		padding: 0 85px;
		margin-bottom: 20px;
	}
	.headLine03 span {
		font-size: 20px;
		letter-spacing: 0;
	}
	.headLine03 span:before {
		width: 27px;
		height: 28px;
		left: -40px;
		margin-top: -14px;
		background: url("../images/icon03.png") no-repeat;
		background-size: 27px auto;
	}
	.headLine03 span:after {
		width: 27px;
		height: 28px;
		right: -40px;
		margin-top: -14px;
		background-size: 27px auto;
	}

	.comList {
		justify-content: space-between;
		margin-top: -20px;
	}
	.comList li {
		width: 49%;
		margin: 20px 0 0;
	}
	.comList .photo {
		height: 140px;
	}
	.comList .photo img {
		min-height: 140px;
	}
	.comList .txtbox {
		padding: 15px 10px;
	}
	.comList .txtbox p {
		margin-bottom: 20px;
		line-height: 1.7;
	}
	.comList .txtbox .link {
		max-width: inherit;
		padding: 5px;
	}

	.projectDetailPage .comBg {
		height: 400px;
	}
	.projectDetailPage .headLine02 {
		margin-bottom: 40px;
	}
	.projectDetailPage .headLine02 .small {
		font-size: 14px;
		margin-top: 10px;
	}
	.projectDetailPage .width {
		max-width: inherit;
	}
	.projectDetailPage .whitebox {
		padding: 0;
		background: none;
	}
	
	.casePage {
		margin-bottom: -40px;
	}
	.casePage .comBg {
		height: 400px;
	}
	.casePage .headLine02 {
		margin-bottom: 40px;
	}
	.casePage .width {
		max-width: inherit;
	}
	.casePage .whitebox {
		padding: 0;
		background: none;
	}
	.casePage .whitebox .imgbox {
		margin-bottom: 20px;
		display: block;
	}
	.casePage .whitebox .imgbox .lbox {
		width: auto;
		margin-bottom: 20px;
	}
	.casePage .whitebox .imgbox .lbox p {
		padding: 15px;
		min-height: inherit;
		font-size: 18px;
	}
	.casePage .whitebox .imgbox .comUl {
		width: auto;
	}
	
	.caseDetailPage {
		margin-bottom: -40px;
	}
	.caseDetailPage .comBg {
		height: 400px;
	}
	.caseDetailPage .imgbox {
		margin-bottom: 40px;
	}
	.caseDetailPage .imgbox .txtbox {
		float: none;
		width: auto;
		margin: 0 0 20px;
		padding: 0;
	}
	.caseDetailPage .imgbox .txtbox .headLine02 {
		margin-bottom: 15px;
	}
	.caseDetailPage .imgbox .txtbox p {
		font-size: 16px;
		line-height: 1.6;
		color: #333;
	}
	.caseDetailPage .imgbox .txtbox .inner {
		margin: 20px 0 0;
		padding: 15px;
	}
	.caseDetailPage .imgbox .txtbox .inner h3 {
		padding: 0 0 10px 20px;
		font-size: 16px;
		background-size: 12px auto;
		background-position: left top 6px;
	}
	.caseDetailPage .imgbox .txtbox #scroll {
		height: 120px;
	}
	.caseDetailPage .imgbox .txtbox #scroll li {
		width: 140px;
	}
	.caseDetailPage .imgbox .txtbox #scroll img {
		min-height: 120px;
	}
	.caseDetailPage .imgbox .txtbox #scroll .hidden {
		font-size: 12px;
	}
	.caseDetailPage .imgbox .photo {
		width: auto;
		float: none;
	}
	.caseDetailPage .imgbox .photo:before {
		left: 10px;
		bottom: -10px;
		right: -10px;
		top: 10px;
	}
	.caseDetailPage .info {
		line-height: 1.6;
		font-size: 14px;
		margin-bottom: 40px;
	}
	.caseDetailPage .info * {
		line-height: 1.6 !important;
		font-size: 14px !important;
	}
	.caseDetailPage .btmbox ul {
		justify-content: space-between;
	}
	.caseDetailPage .btmbox ul li {
		width: 49%;
		margin: 0 0 20px;
	}
	.caseDetailPage .btmbox ul a {
		height: 150px;
	}
	.caseDetailPage .btmbox ul p {
		padding: 5px;
	}
	
	.comMore a {
		width: 200px;
		font-size: 14px;
		border-width: 1px;
		padding: 8px 5px;
	}
	
	.pagination-wrapper {
		margin-top: 20px;
	}
	.pagination li a{
		font-size: 14px;
	}
	.pagination li.thisclass {
		font-size: 14px;
	}

	.productPage {
		margin-bottom: -40px;
	}
	.productPage .comPos {
		padding-bottom: 20px;
	}
	.productPage .headLine02 {
		margin-bottom: 40px;
	}
	.productPage .headLine02 .small {
		margin-top: 10px;
		font-size: 14px;
	}
	.productPage .comBg {
		height: 400px;
	}
	.productPage .topImg {
		margin: -20px 15px 0 0;
	}
	.productPage .topImg img {
		max-width: 50%;
	}
	.productPage .itembox {
		margin-bottom: 20px;
		padding: 20px 15px;
		background-size: 6px auto;
	}
	.productPage .itembox h3 {
		padding: 0 0 15px 70px;
		font-size: 14px;
	}
	.productPage .itembox h3 span {
		padding: 0 0 11px;
		margin-bottom: 6px;
		font-size: 18px;
		background-size: 30px auto;
	}
	.productPage .itembox h3 img {
		width: 60px;
	}
	.productPage .itembox .comMore {
		position: static;
		right: inherit;
		top: inherit;
		text-align: center;
	}
	.productPage .itembox ul {
		justify-content: space-between;
	}
	.productPage .itembox ul li {
		width: 49%;
		margin: 0 0 15px;
	}
	.productPage .itembox ul .photo {
		height: 128px;
	}
	.productPage .itembox ul .photo img {
		min-height: 128px;
	}
	.productPage .itembox ul p {
		padding: 5px;
	}
	
	.product2ndPage {
		margin-bottom: -40px;
	}
	.product2ndPage .headLine02 {
		margin-bottom: 40px;
	}
	.product2ndPage .headLine02 .small {
		margin-top: 10px;
		font-size: 14px;
	}
	.product2ndPage .comBg {
		height: 400px;
	}
	.product2ndPage .width {
		max-width: inherit;
	}
	.product2ndPage .whitebox {
		padding: 0;
		background: none;
	}
	
	#header.productDetailHeader {
		background-color: transparent;
	}
	#header.productDetailHeader .navi a {
		color: #fff;
	}
	.productDetailPage {
		margin-bottom: -40px;
	}
	.productDetailPage .topbox {
		padding: 110px 0 40px;
		display: block;
	}
	.productDetailPage .topbox .photobox {
		width: auto;
		margin-bottom: 20px;
	}
	.productDetailPage .topbox .txtbox {
		padding: 20px 15px;
		width: auto;
		background-size: 111px auto,8px auto;
	}
	.productDetailPage .topbox .txtbox:before {
		width: 90px;
		height: 70px;
		right: 10px;
		top: 10px;
		background-size: 90px auto;
	}
	.productDetailPage .topbox .txtbox h2 {
		margin: 0 90px 10px 0;
	}
	.productDetailPage .topbox .txtbox h2 .txt01 {
		font-size: 30px;
	}
	.productDetailPage .topbox .txtbox h2 .txt02 {
		margin-left: 10px;
		vertical-align: 3px;
		font-size: 18px;
	}
	.productDetailPage .topbox .txtbox p {
		margin-bottom: 20px;
		line-height: 1.6;
		font-size: 14px;
	}
	.productDetailPage .topbox .txtbox .link a {
		max-width: 200px;
		padding: 10px 5px;
	}
	.productDetailPage .topbox .txtbox .link span {
		font-size: 14px;
	}
	.productDetailPage .h2Ttl {
		margin: 0 40px 15px;
	}
	.productDetailPage .h2Ttl span {
		font-size: 20px;
	}
	.productDetailPage .h2Ttl span:before {
		width: 24px;
		height: 24px;
		margin-top: -10px;
		left: -40px;
		background-size: 24px auto;
	}
	.productDetailPage .h2Ttl span:after {
		width: 24px;
		height: 24px;
		margin-top: -10px;
		right: -40px;
		background-size: 24px auto;
	}
	.productDetailPage .info {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 40px;
	}
	.productDetailPage .info * {
		font-size: 14px !important;
		line-height: 1.6 !important;
	}
	.productDetailPage .btmbox {
		padding: 40px 0;
		background-size: 8px auto;
	}
	.productDetailPage .btmbox h2 {
		padding-left: 35px;
		margin-bottom: 20px;
		background-size: 24px auto;
	}
	.productDetailPage .btmbox h2 span {
		font-size: 20px;
	}
	
	.newsPage {
		margin-bottom: -40px;
	}
	.newsPage .comBg {
		height: 400px;
	}
	.newsPage .headLine02 {
		margin-bottom: 40px;
	}
	.newsPage .sec01 {
		margin-bottom: 40px;
		padding: 20px 15px;
		background-size: 100% auto,6px auto;
	}
	.newsPage .sec01 h2 {
		margin-bottom: 20px;
		font-size: 18px;
		padding-bottom: 10px;
		background-size: 30px auto;
	}
	.newsPage .sec01 h2 span {
		font-size: 13px;
		margin-left: 10px;
	}
	.newsPage .sec01 .imgbox .lbox {
		width: auto;
		float: none;
	}
	.newsPage .sec01 .imgbox .lbox .inner {
		max-width: 270px;
		min-height: inherit;
		padding: 50px 10px;
	}
	.newsPage .sec01 .imgbox .lbox h3 {
		font-size: 16px;
	}
	.newsPage .sec01 .imgbox .lbox .time {
		padding-left: 20px;
		font-size: 16px;
		background-size: 12px auto;
	}
	.newsPage .sec01 .imgbox .lbox p {
		line-height: 1.6;
	}
	.newsPage .sec01 .imgbox .rbox {
		margin-top: 10px;
		width: auto;
		float: none;
	}
	.newsPage .sec01 .imgbox .rbox ul {
		margin-bottom: 10px;
	}
	.newsPage .sec01 .imgbox .rbox ul a {
		padding: 15px 0;
	}
	.newsPage .sec01 .imgbox .rbox ul h3 {
		font-size: 16px;
	}
	.newsPage .sec01 .imgbox .rbox ul .time {
		padding-left: 20px;
		margin-bottom: 10px;
		font-size: 14px;
		background-size: 12px auto;
	}
	.newsPage .sec01 .imgbox .rbox .comMore {
		text-align: center;
	}
	.newsPage .h3Ttl {
		margin-bottom: 15px;
	}
	.newsPage .h3Ttl .txt {
		font-size: 20px;
	}
	.newsPage .h3Ttl .en {
		margin-top: 5px;
		padding-top: 10px;
		font-size: 14px;
		background-size: 30px auto;
	}
	.newsPage .sec02 {
		padding: 0 50px;
		margin-bottom: 40px;
	}
	.newsPage .sec02 .sliderbox {
		max-width: inherit;
	}
	.newsPage .sec02 .swiper-slide {
		width: 180px;
	}
	.newsPage .sec02 .swiper-slide a:before {
		height: 3px;
	}
	.newsPage .sec02 .swiper-slide .photo {
		height: 135px;
	}
	.newsPage .sec02 .swiper-slide .photo img {
		min-height: 135px;
	}
	.newsPage .sec02 .swiper-slide .photo .time {
		left: 10px;
		top: 10px;
		width: 65px;
		padding: 5px;
	}
	.newsPage .sec02 .swiper-slide .photo .time .num01 {
		font-size: 24px;
	}
	.newsPage .sec02 .swiper-slide .photo .time .num02 {
		font-size: 12px;
		border-radius: 5px;
	}
	.newsPage .sec02 .swiper-slide .txtbox {
		padding: 15px;
	}
	.newsPage .sec02 .swiper-slide .txtbox h3 {
		font-size: 15px;
	}
	.newsPage .sec02 .sliderbox {
		margin-bottom: 20px;
	}
	.newsPage .sec02 .sliderbox .swiper-button-next,
	.newsPage .sec02 .sliderbox .swiper-button-prev {
		width: 35px;
		height: 30px;
		margin-top: -15px;
	}
	.newsPage .sec02 .sliderbox .swiper-button-next {
		right: -45px;
		background-size: 35px auto;
	}
	.newsPage .sec02 .sliderbox .swiper-button-prev {
		left: -45px;
		background-size: 35px auto;
	}
	.newsPage .sec03 ul {
		margin-bottom: 20px;
		display: block;
	}
	.newsPage .sec03 ul li {
		width: auto;
	}
	.newsPage .sec03 ul a {
		padding: 15px 15px 15px 80px;
		height: auto;
	}
	.newsPage .sec03 ul h3 {
		font-size: 16px;
	}
	.newsPage .sec03 ul .time {
		left: 15px;
	}
	.newsPage .sec03 ul .time {
		font-size: 16px;
	}
	.newsPage .sec03 ul .time span {
		font-size: 18px;
	}
	
	.newsDetailPage .comBg {
		height: 400px;
	}
	.newsDetailPage .headLine02 {
		margin-bottom: 30px;
	}
	.newsDetailPage .posbox ul {
		position: static;
		right: inherit;
		top: inherit;
		width: auto;
		display: flex;
		justify-content: space-between;
	}
	.newsDetailPage .posbox ul li {
		width: 32%;
	}
	.newsDetailPage .posbox ul li:not(:last-child) {
		margin-bottom: 0;
	}
	.newsDetailPage .whitebox {
		margin-top: 30px;
		padding: 0 15px;
	}
	.newsDetailPage .list_2nd a {
		padding: 25px 0;
		display: block;
	}
	.newsDetailPage .list_2nd .photobox {
		width: auto;
		height: auto;
		display: block;
		margin-bottom: 15px;
	}
	.newsDetailPage .list_2nd .txtbox {
		width: auto;
	}
	.newsDetailPage .list_2nd .txtbox h3 {
		font-size: 18px;
	}
	.newsDetailPage .list_2nd .txtbox p {
		margin-bottom: 15px;
		font-size: 14px;
		line-height: 1.6;
	}
	.newsDetailPage .list_2nd .txtbox .link {
		text-align: center;
	}
	.newsDetailPage .list_2nd .txtbox .link span {
		padding: 8px 5px;
		width: 200px;
	}
	
	.newsDetailPage .topul {
		margin-top: 20px;
	}
	.newsDetailPage .topul li {
		margin: 5px 20px 0 0;
		font-size: 15px;
	}
	.newsDetailPage .topul li img {
		margin: -3px 10px 0 0;
		width: 16px;
	}
	.newsDetailPage .info {
		margin: 0 -15px;
		float: none;
		width: auto;
		padding: 15px;
		font-size: 14px;
		line-height: 1.6;
	}
	.newsDetailPage .info * {
		font-size: 14px !important;
		line-height: 1.6 !important;
	}
	.newsDetailPage .sider {
		margin: 20px -15px 0;
		width: auto;
		float: none;
	}
	.newsDetailPage .sider h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.newsDetailPage .sider h3 span {
		padding-left: 20px;
		background-position: left top 10px;
		background-size: 12px auto;
	}
	.newsDetailPage .sider .comList li {
		margin: 20px 0 0;
	}
	.newsDetailPage .sider .comList .photo {
		height: auto;
	}
	.newsDetailPage .sider .comList .photo img {
		min-height: inherit;
	}
	
	.comPageList {
		margin-top: 20px;
		display: block;
	}
	.comPageList a {
		height: auto;
	}
	.comPageList .list {
		margin: 10px 0;
	}
	.comPageList .list a {
		padding: 10px;
	}
	.comPageList .list img {
		width: 25px;
	}
	.comPageList .prev,
	.comPageList .next {
		width: auto;
	}
	.comPageList .prev a > span,
	.comPageList .next a > span {
		padding: 0 40px;
		font-size: 14px;
	}
	.comPageList .prev a > span {
		background-size: auto 18px;
	}
	.comPageList .next a > span {
		background-size: auto 18px;
	}
	.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-code .cndns-right-btn{border-color:#ff6800;background:url(../images/weixin.png) no-repeat center;} 

.meau-top .cndns-right-btn{border-color:#ff6800;background:url(../images/dingbu.png) no-repeat center;} 

.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;}
}

/* 工具栏 */
#toolbar{position: fixed;bottom: 0;width: 100%;z-index: 888;left: 0;display: none;}
#toolbar .list{display: flex;background: #D8381E;}
#toolbar .list li{width: 33.3%; 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: rgb(216,99,28);}
/*微信弹窗*/
#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: #D8381E;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;}
}