@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;
	position: absolute;
	z-index: 10;
	width: 100%;
/* 	box-shadow: 0 5px 5px rgba(0,0,0,0.1); */
	/* position: fixed; */
/* 	background: #fff; */
background: #4788d9;
	height: 116px;
}
#header .width {
	max-width: 1460px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 18px;
}
#header h1 {
	max-width: 220px;
}
.logo1{ display: block;}
.logo2{ display: none;}
#header .tel {
	padding-left: 50px;
	font-size: 24px;
	color: #fff;
	font-family: "思源宋体 CN";
	font-weight: bolder;
	background: url("../images/icon01-1.png") no-repeat left center;
	background-size: 14%;
	margin-right: 2%;
}
#header .navi {
	width: 55%;
}
#header .navi ul {
	display: flex;
	justify-content: space-between;
}
#header .navi ul > li {
	position: relative;
}
#header .navi ul > li > a {
	display: flex;
	align-items: center;
	font-size: 18px;
	height: 80px;
	box-sizing: border-box;
	padding: 5px;
	letter-spacing: 1px;
	color: #fff;
}
#header .navi ul > .on > a,
#header .navi ul > li > a:hover {
	color: #e60b16;
}
#header .navi .naviinn {
	display: none;
	width: 200px;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	top: 100%;
	background-color: #fff;
	z-index: 10;
}
#header .navi .naviinn .item {
	border-top: 1px solid #ddd;
}
#header .navi .naviinn a {
	display: block;
	text-align: center;
	padding: 15px 5px;
}
#header .navi .naviinn a:hover {
	background-color: #e60b16;
	color: #fff;
}
/* #header:hover{ background: #fff;} 
#header:hover .navi ul > li > a{ color:#333 ;}
#header:hover .tel {
	color: #e60b16;
	background: url("../images/icon01.png") no-repeat left center;
	background-size: 14%;
}
#header:hover .navi ul > li.on > a{ color:#e60b16 ;}
#header .navi ul > li:hover  > a{ color:#e60b16 ;}
#header:hover .logo1{display: none;}
#header:hover .logo2{display: block;} */


#header.inner{ background: #fff;} 
#header.inner .navi ul > li > a{ color:#333 ;}
#header.inner .navi ul > li.on > a{ color:#e60b16 ;}
#header.inner .tel {
	color: #e60b16;
	background: url("../images/icon01.png") no-repeat left center;
	background-size: 14%;
}
#header.inner  .logo1{display: none;}
#header.inner  .logo2{display: block;}

.herd-width{ width: 1430px;}
.comWidth {
	max-width: 1430px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}
#subNews{ width: 100%; background: rgba(21, 79, 152, 0.9); display: none; position: absolute; z-index: 5;}
#subNews dt:hover{ background: #363b90;}
#subNews dt a{font-size: 16px; line-height: 45px;}
.nav li:hover #subNews{ display: block;}
.lb { overflow: hidden;}
.lb .swiper-container {width: 100%;height: 100%;margin-left: auto; margin-right: auto;}
.lb .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.lb .swiper-button-next:after,
.lb .swiper-button-prev:after {
	display: none;
}
.lb .swiper-button-next,
.lb .swiper-button-prev {
	width: 74px;
	height: 74px;
	margin-top: 0;
	top: inherit;
	bottom: 50px;
	-webkit-transition: all .5s;transition: all .5s;
}
.lb .swiper-button-next {
	right: inherit;
	left: 280px;
	background: url("../images/icon07.png") no-repeat;
}
.lb .swiper-button-next:hover {
	left: 290px;
}
.lb .swiper-button-prev {
	left: 180px;
	background: url("../images/icon06.png") no-repeat;
}
.lb .swiper-button-prev:hover {
	left: 170px;
}
.comTtl {
	position: relative;
}
.comTtl .comMore {
	position: absolute;
	right: 0;
	top: 86px;
}
.headline01 {
	margin-bottom: 45px;
	font-size: 50px;
	letter-spacing: 1px;
}
.headline01 span {
	font-size: 18px;
	color: #e60b16;
}
.comTtl {
	text-align: center;
}
.comTtl h2{ margin: 40px 0px;}
.comTtl .big {
	position: relative;
	display: inline-block;
	font-size: 54px;
	padding: 0 58px;
}
.comTtl .big:before {
	width: 43px;
	height: 16px;
	margin-top: -8px;
	position: absolute;
	left: 0;
	top: 50%;
	content: "";
	background: url("../images/img11.png") no-repeat;
	background-size: 100%;
}
.comTtl .big:after {
	width: 43px;
	height: 16px;
	margin-top: -8px;
	position: absolute;
	right: 0;
	top: 50%;
	content: "";
	background: url("../images/img08.png") no-repeat;
	background-size: 100%;
}
.comTtl .small {
	display: block;
	font-size: 24px;
	font-weight: normal;
}
.comMore a {
	padding-right: 34px;
	display: inline-block;
	font-size: 20px;
	position: relative;
	letter-spacing: 1px;
}
.comMore a:before {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -12px;
	background: url("../images/icon02.png") no-repeat right center;
	content: "";
	background-size: 100%;
	-webkit-transition: all .5s;transition: all .5s;
}
.comMore a:hover {
	color: #e60b16;
}
.comMore a:hover:before {
	right: -5px;
	background-image: url("../images/icon02_on.png");
}
.indexsec01 {
	margin-bottom: 80px;
}
.indexsec01 .cateUl {
	margin-bottom: 40px;
	width: 100%;
	display: inline-block;
	
}
.indexsec01 .cateUl li {
	width: 12.5%;
	float: left;
	margin: 0 2% 10px 0;
}
.indexsec01 .cateUl li:nth-child(7n) {
	margin-right: 0;
}
.indexsec01 .cateUl a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	height: 100%;
	background-color: #eee;
	border-radius: 10px;
	padding: 15px 5px;
	font-size: 18px;
	font-weight: bold;
}
.indexsec01 .cateUl a:hover {
	color: #fff;
	background-color: #e60b16;
}
.indexsec01 #scroll {
	display: flex;
	flex-wrap: wrap;
	height: 710px;
	overflow: hidden;
}
.indexsec01 #scroll li {
	width: 31.3%;
	margin: 0 3.05% 40px 0;
}
.indexsec01 #scroll li:nth-child(3n) {
	margin-right: 0;
}
.indexsec01 #scroll a {
	display: block;
	height: 100%;
	background-color: #eee;
	position: relative;
}
.indexsec01 #scroll a:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 4px solid #e60b16;
	box-sizing: border-box;
	content: "";
	opacity: 0;
	-webkit-transition: all .5s;transition: all .5s;
}
.indexsec01 #scroll .photo {
	overflow: hidden;
	height: 320px;
}
.indexsec01 #scroll .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.indexsec01 #scroll p {
	text-align: center;
	font-size: 20px;
	padding: 10px 5px;
}
.indexsec01 #scroll a:hover {
	background-color: #e60b16;
	color: #fff;
}
.indexsec01 #scroll a:hover:before {
	opacity: 1;
}
.indexsec02 {
	padding: 100px 0;
	background: url("../images/b013.jpg") no-repeat center center;
	background-size: cover;
}
.indexsec02 .comWidth {
	max-width: 1530px;
}
.indexsec02 .headline01 {
	color: #fff;
}
.indexsec02 .headline01 span {
	color: #fff;
}
.indexsec02 .inner {
	display: flex;
	justify-content: space-between;
}
.indexsec02 .lbox {
	width: 35%;
	color: #fff;
}
.indexsec02 .lbox h3 {
	margin-bottom: 40px;
	font-size: 24px;
	line-height: 38px;
	font-weight: normal;
	letter-spacing: 1px;
}
.indexsec02 .lbox p {
	font-size: 18px;
	line-height: 30px;
	text-align: justify;
	margin-bottom: 30px;
}
.indexsec02 .lbox .link {
	max-width: 205px;
}
.indexsec02 .lbox .link a {
	padding: 10px 5px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 20px;
	background-color: #e60b16;
	border-radius: 40px;
	letter-spacing: 1px;
	border: 2px solid #e60b16;
}
.indexsec02 .lbox .link span {
	padding-right: 35px;
	display: inline-block;
	background: url("../images/icon03.png") no-repeat right center;
}
.indexsec02 .lbox .link a:hover {
	background-color: #fff;
	color: #333;
}
.indexsec02 .lbox .link a:hover span {
	background-image: url("../images/icon02.png");
}
.indexsec02 .rbox {
	width: 60%;
}
.indexsec02 .rbox ul {
	display: flex;
	justify-content: space-between;
}
.indexsec02 .rbox ul li {
	width: 31%;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
}
.indexsec02 .rbox ul .photo {
	overflow: hidden;
	height: 190px;
}
.indexsec02 .rbox ul .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all ease 0.6s;
	-webkit-transition: all ease 0.6s;
	-webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.indexsec02 .rbox ul li:hover .photo img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.indexsec02 .rbox ul .txtbox {
	background: #fff;
	/* background: url("../images/bg02.jpg") no-repeat center center; */
	background-size: cover;
	box-sizing: border-box;
	padding: 20px 10%;
	height: 212px;
}
.indexsec02 .rbox ul .txtbox h3 {
	margin-bottom: 15px;
	font-size: 18px;
	position: relative;
	font-weight: normal;
	padding-bottom: 10px;
}
.indexsec02 .rbox ul li:hover .txtbox h3 {
	text-align: center;
}
.indexsec02 .rbox ul .txtbox h3:before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 36px;
	height: 3px;
	background-color: #e60b16;
	-webkit-transition: all .5s;transition: all .5s;
}
.indexsec02 .rbox ul li:hover .txtbox h3:before {
	width: 100%;
}
.indexsec02 .rbox ul .txtbox p {
	color: #666;
	text-align: justify;
	line-height: 20px;
	font-size: 14px;
}

/*  */

.indexsec03 .cateul {
	margin: 40px 0 40px;
	display: flex;
	/* border: 1px solid rgba(219, 219, 219, 1); */
	transform: skewX(-25deg);
	display: flex; flex-direction: row; justify-content: center;
	
}
.indexsec03 .cateul li {
	width: 25%;
	box-sizing: border-box;
	border: 1px solid rgba(219, 219, 219, 1);
}
/* .indexsec03 .cateul li:last-child {
	border-right: none;
} */
.indexsec03 .cateul a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 10px;
}
.indexsec03 .cateul .inner {
	display: flex;
	align-items: center;
	justify-content: center;
	transform: skewX(25deg);
}
.indexsec03 .cateul p {
	font-size: 24px;
	color: rgba(102, 102, 102, 1);
}
.indexsec03 .cateul .icon {
	position: relative;
	margin-right: 10px;
}
.indexsec03 .cateul .icon img {
	width: 31px;
}
.indexsec03 .cateul .icon .white {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.indexsec03 .cateul a:hover {
	background-color: rgba(221, 58, 60, 1);
}
.indexsec03 .cateul a:hover p {
	color: #fff;
}
.indexsec03 .cateul a:hover .icon .white {
	opacity: 1;
}
.indexsec03 .cateul a:hover .icon .red {
	opacity: 0;
}
/* .indexsec03 .box {
	display: flex;
	justify-content: space-between;
} */
.indexsec03 .box .bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 10px 0 0 10px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all ease 0.6s;
	-webkit-transition: all ease 0.6s;
	-webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.indexsec03 .lbox {
	width: 66.5%;
}
.indexsec03 .lbox a {
	display: block;
	position: relative;
	height: 710px;
	border-radius: 10px 0 0 10px;
	overflow: hidden;
}
.indexsec03 .lbox p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	background: rgba(51, 51, 51, 0.8) url("../images/img35.png") no-repeat right 20px center;
	background-size: 30px auto;
	border-radius: 0 0 0 10px;
	color: #fff;
	padding: 20px 60px 20px 20px;
	font-size: 22px;
	z-index: 2;
}
.indexsec03 .rbox {
	width: 100%;
}
.indexsec03 .rbox li{ width: 32%; margin-right: 1%; float: left; margin-bottom: 20px;border-radius: 10px; overflow: hidden;}
.indexsec03 .rbox li:nth-child(3n){ margin-right: 0px;})
.indexsec03 .rbox .bg {
	border-radius: 10px;
}
.indexsec03 .rbox a {
	display: block;
	position: relative;
	border-radius: 0 0 10px 10px;
	height: 348px;
	overflow: hidden;
}
.indexsec03 .rbox p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	background: rgba(51, 51, 51, 0.8) url("../images/img35.png") no-repeat right 15px center;
	background-size: 30px auto;
	color: #fff;
	padding: 15px 50px 15px 15px;
	font-size: 22px;
	z-index: 2;
}

.indexsec03 .box a:hover p {
	color: rgba(221, 58, 60, 1);
	background-image: url("../images/img36.png");
}
.indexsec03 .box a:hover .bg {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	}
/* 04 */
 .indexsec04 {
margin-top: 84px;
	padding: 85px 0;
	padding-top: 50px;
	background: url("../images/bg12.jpg") center center;
	background-size: cover;
	background-size: 100%;
}
/* .indexsec03 {
	margin: 100px 0;
	background: url("../images/img21.jpg") no-repeat center center;
	background-size: cover;
	padding: 100px 0;
} */
.indexsec04 .comTtl {
	/* color: #fff; */
	margin-bottom: 40px;
}
.indexsec04 .comTtl .big:before {
	background-image: url("../images/img11.png");
}
.indexsec04 .comTtl .big:after {
	background-image: url("../images/img08.png");
}
.indexsec04 ul {
	display: flex;
	justify-content: space-between;
}
.indexsec04 li {
	width: 24%;
	background-color: #fff;
	border-radius: 10px;
	position: relative;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.2);;
}
.indexsec04 li:before {
	position: absolute;
	right: 4px;
	bottom: 0;
	left: 60px;
	content: "";
	height: 4px;
	background-color: rgba(217, 31, 34, 1);
	transform: skewX(-45deg);
	-webkit-transition: all .5s;transition: all .5s;
}
.indexsec04 li:hover:before {
	left: 8px;
}
.indexsec04 li .photo {
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	height: 252PX;
}
.indexsec04 li .photo img {
	width: 100%;
	height: 252PX;
	object-fit: cover;
	transition: all ease 0.6s;
	-webkit-transition: all ease 0.6s;
	-webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.indexsec04 li:hover .photo img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.indexsec04 li .icon {
	width: 130px;
	margin: -65px auto 5px;
	position: relative;
	z-index: 2;
	-webkit-transition: all .5s;transition: all .5s;
}
.indexsec04 li:hover .icon {
	transform: translateY(-10px);
}
.indexsec04 li .txtbox {
	text-align: center;
	padding: 0 20px 40px;
}
.indexsec04 li h3 {
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-size: 24px;
	border-bottom: 1px solid rgba(229, 229, 229, 1);
}
.indexsec04 li p {
	font-size: 18px;
}
.indexsec05 {
	padding: 100px 0;
	background: url("../images/img12.png") no-repeat center center;
	background-size: cover;
	padding-top: 60px;
}
.indexsec05 .inner {
	display: flex;
	justify-content: space-between;
}
.indexsec05 .lbox {
	width: 28.4%;
	position: relative;
}
.indexsec05 .lbox:before {
	position: absolute;
	left: -24px;
	top: 24px;
	bottom: -24px;
	right: 24px;
	content: "";
	border: 3px solid #e60b16;
}
.indexsec05 .lbox p {
	color: #fff;
	font-size: 20px;
	line-height: 36px;
	height: 100%;
	background: url("../images/bg07.jpg") no-repeat center center;
	background-size: cover;
	box-sizing: border-box;
	padding: 55px 30px;
	z-index: 2;
	position: relative;
}
.indexsec05 .rbox {
	width: 65%;
}
.indexsec05 .rbox ul a {
	display: block;
	background-color: #eee;
	position: relative;
	padding: 22px 140px 22px 190px;
}
.indexsec05 .rbox ul li:not(:last-child) {
	margin-bottom: 25px;
}
.indexsec05 .rbox ul .photo {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 160px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.indexsec05 .rbox ul .time {
	position: absolute;
	right: 30px;
	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;
	line-height: 1.2;
	font-size: 18px;
}
.indexsec05 .rbox ul .time span {
	display: block;
	font-size: 48px;
	font-family: Impact, "sans-serif";
}
.indexsec05 .rbox ul h3 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
}
.indexsec05 .rbox ul p {
	font-size: 14px;
	line-height: 23px;
}
.indexsec05 .rbox ul a:hover h3 {
	color: #e60b16;
}
.indexsec05 .rbox ul a:hover .time {
	color: #e60b16;
}
#footer {
	background: url("../images/bg08.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
}
#footer .width {
	max-width: 1430px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}
#footer .fnavi {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
#footer .fnavi a {
	padding: 22px 5px;
	display: block;
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
}
#footer .fnavi a:hover {
	color: #e60b16;
}
#footer .fbox {
	margin: 9px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#footer .fTxt {
	max-width: 560px;
}
#footer .fTxt .ttl {
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	position: relative;
	padding-bottom: 20px;
}
#footer .fTxt .ttl:before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 166px;
	height: 3px;
	background-color: rgba(255,255,255,0.5);
}
#footer .fTxt p {
	color: #fff;
	font-size: 22px;
	line-height: 53px;
}
#footer .fTxt p img{ width: 30px;padding-top: 3%;filter: grayscale(100%) brightness(300%);margin-right: 15px;}
#footer .fTxt p a {
	font-size: 45px;
	color: #fff;
	font-family: Impact, "sans-serif";
	vertical-align: -7px;
}
#footer .flogo {
	max-width: 436px;
	margin-right: 122px;
}
#footer .code {
	max-width: 169px;
}
.code .saomiao{ position: absolute;top: 33%;right: 23%; width: 200px;}
#footer .code p {
	color: #fff;
	margin-top: 10px;
	text-align: center;
}
#footer .copyright {
	padding: 10px 5px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border-top: 1px solid rgba(255,255,255,0.3);
}
#footer .copyright a {
	color: #fff;
}
#footer .copyright span {
	margin-left: 40px;
}
#footer .qyrz {
	display: inline-block;
	vertical-align: middle;
	margin: -3px 0 0 10px;
	width: 120px;
}
.comImg {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 300px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	padding: 0 15px;
	box-sizing: border-box;
}
.comImg h2 {
	color: #fff;
	font-size: 48px;
	letter-spacing: 1px;
}
.comImg h2 span {
	margin-top: 10px;
	padding-top: 8px;
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 33px;
	position: relative;
}
.comImg h2 span:before {
	position: absolute;
	left: 50%;
	top: 0;
	content: "";
	width: 70px;
	height: 2px;
	margin-left: -35px;
	background-color: #e60b16;
}
.pagePath {
	margin-bottom: 60px;
	background-color: #eee;
}
.pagePath .width {
	max-width: 1430px;
	margin: 0 auto;
	padding: 15px 15px 15px 55px;
	box-sizing: border-box;
	color: #666;
	background: url("../images/icon08.png") no-repeat left 15px center;
}
.pagePath a {
	color: #666;
}
.pagePath a:hover {
	color: #e60b16;
}
.aboutPage .sec01 {
	margin: 100px 0;
	display: flex;
	justify-content: space-between;
}
.aboutPage .sec01 .lbox {
	width: 56%;
}
.aboutPage .sec01 .lbox h2 {
	font-size: 42px;
	margin-bottom: 40px;
}
.aboutPage .sec01 .lbox h2 span {
	display: block;
	font-size: 20px;
	font-weight: normal;
}
.aboutPage .sec01 .lbox .txt {
	padding-left: 40px;
	position: relative;
	font-size: 18px;
	color: rgba(102, 102, 102, 1);
	line-height: 1.8;
	word-wrap: break-word;
}
.aboutPage .sec01 .lbox .txt p {
	margin-bottom: 20px;
}
.aboutPage .sec01 .lbox .txt:before {
	width: 4px;
	height: 60px;
	background-color: rgba(217, 31, 34, 1);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}
.aboutPage .sec01 .rbox {
	width: 39%;
	position: relative;
}

.aboutPage .sec01 .rbox img {
	width: 100%;
	border-radius: 10px;
}
.aboutPage .sec01 .rbox p {
	padding: 10px 50px;
	font-size: 34px;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(217, 31, 34, 1);
	border-radius: 0 10px 0 10px;
	font-family: Arial;
}
.aboutPage .sec03 {
	 padding: 80px 0;
	margin-bottom: 80px;
 	background-color: rgba(248, 249, 253, 1);
}
.aboutPage .sec03-ab{ background-color: #fff; padding-top: 0px; padding-bottom: 0px;} 
.aboutPage .sec03 h2,
.aboutPage .sec04 h2 {
	font-size: 42px;
	text-align: center;
	margin-bottom: 20px;
}
.aboutPage .sec03 .innert {
	position: relative;
	padding: 0 60px;
}
.aboutPage .innert .hor_img{overflow: hidden;flex-shrink: 0;width: 280px;height: 320px}
.aboutPage .innert .hor_img img{ width: 100%;height: 100%; object-fit: cover;}
	
.aboutPage .sec03 .swiper-button-next:after,
.aboutPage .sec03 .swiper-button-prev:after {
	font-weight: bold;
	color: rgba(153, 153, 153, 1);
	font-size: 34px;
}
.aboutPage .sec03 .swiper-slide a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 360px;
}
.aboutPage .sec03 .swiper-slide img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.aboutPage .swiper-button-next {
	background: url("../images/icon05.png") no-repeat;
	background-size: 100% 100%;
}
.aboutPage .swiper-button-next:hover {
	background-image: url("../images/icon05_on.png");
}
.aboutPage .swiper-button-prev {
	background: url("../images/icon04.png") no-repeat;
	background-size: 100% 100%;
}
.aboutPage .swiper-button-prev:hover {
	background-image: url("../images/icon04_on.png");
}
.aboutPage .swiper-button-next:after, .aboutPage  .swiper-button-prev:after{ content: initial;}
.aboutPage .swiper-button-next,
.aboutPage .swiper-button-prev {
		width: 84px;
		height: 84px;
		margin-top: -80px;
		z-index: 9;
	}
.aboutPage .swiper-button-next {
		right: -42px;
	}
.aboutPage .swiper-button-prev {
		left: -42px;
	}
	
.headline02 {
	line-height: 1.3;
	text-align: center;
	margin-bottom: 40px;
	letter-spacing: 1px;
}
.headline02 .color {
	font-size: 37px;
	color: #e60b16;
}
.headline02 .line {
	color: #e60b16;
	font-size: 26px;
	display: block;
}
.headline02 .en {
	font-size: 26px;
	color: #999;
	text-transform: uppercase;
}
.aboutPage {
	margin-bottom: 100px;
}
.aboutPage .sec01 {
	margin-bottom: 80px;
}
.aboutPage .sec01 p {
	margin-bottom: 15px;
	text-indent: 2em;
	line-height: 30px;
	font-size: 18px;
	text-align: justify;
}
.aboutPage .sec01 ul {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.aboutPage .sec01 ul li {
	width: 31.14%;
	overflow: hidden;
	border-radius: 10px;
}
.aboutPage .sec01 ul img {
	width: 100%;
	transition: all ease 0.6s;
	-webkit-transition: all ease 0.6s;
	-webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.aboutPage .sec01 ul li:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.aboutPage .sec02{ margin-bottom: 50px;}
.aboutPage .sec02 li {
	font-size: 18px;
	line-height: 30px;
	text-align: justify;
}
.aboutPage .sec02 li:not(:last-child) {
	margin-bottom: 30px;
}
.contactPage {
	margin-bottom: 100px;
}
.contactPage .txtul {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}
.contactPage .txtul li {
	padding: 0 15px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	box-sizing: border-box;
	width: 33.33%;
}
.contactPage .txtul span {
	display: block;
	color: #666;
	margin: 20px 0 5px;
}
.contactPage #allmap {
	width: 100%;
	height: 635px;
}
/*pages*/
.pagination-wrapper{
margin: 20px 0 0;
}
.pagination{
text-align: center;
}
.v9_pages a {
	margin-top: 5px;
display: inline-block;
height: 32px;
line-height: 32px;
margin-right: 5px;
border: 1px solid #dddddd;
padding: 0 12px;
text-decoration: none;
}
.v9_pages a:hover{
color:#e60b16;
}
.v9_pages span {
	margin-top: 5px;
	display: inline-block;
background: #e60b16;
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;
}
.siderbar {	width: 21.2%;	float: left;}
.siderbar .siderbar-fenli{
width: 100%;
	background: #154f98 url("../images/icon12.png") no-repeat left -42px top -60px;
	padding: 37px 0;
}
.right-show{ width: 100%;}
.right-show .left-nav{border: 1px solid #999999; margin-top: 30px;}
.right-show .left-nav p{ width: 100%; height: 61px; background: url(../images/leftnav.jpg) no-repeat; font-size: 22px; font-weight: bold; color: #fff; padding: 0px 16px; line-height: 61px;}
.right-show .left-nav p i{ font-size: 14px; margin-left: 5px; font-style: inherit; font-weight: 400;}
.left-nav ul{ padding: 0px 12px; display: inline-block; padding-bottom: 18px;}
.left-nav ul li{ width: 100%; float: left;/* height: 35px; */ line-height: 35px;}
.left-nav .us-img{ width: 100%;}
.us-img img{ width: 100%;}
.left-nav ul span{ font-size: 18px; font-weight: bold; line-height: 30px; margin-top: 20px; display: block;} 
.right-show .showleft-news{border: 1px solid #999999; margin-top: 40px;}
.right-show .showleft-news p{ width: 100%; height: 61px; background: #154f98; font-size: 22px; font-weight: bold; color: #fff; padding: 0px 16px; line-height: 61px; box-sizing: border-box;}
.right-show .showleft-news p i{ font-size: 14px; margin-left: 5px; font-style: inherit; font-weight: 400;}
.showleft-news img{ width: 90%;margin: auto;display: block;}
.showleft-news span{ width: 100%;line-height: 35px;text-align: center;display: block;}
.showleft-news ul{ padding: 0px 12px; box-sizing: border-box;}
.showleft-news ul li{ width: 100%; height: 50px; line-height: 50px; overflow: hidden; font-size: 14px; border-bottom: 1px dashed #dedede;}
.showleft-news ul li i{ width: 8px; height: 8px; display: block; background: #666; border-radius: 50%; float: left; margin-right: 5px; margin-top: 8%;}
.showleft-news dl dt{ width: 100%; height: 50px; line-height: 50px; overflow: hidden; font-size: 14px;padding: 0px 10px;box-sizing: border-box;}
.showleft-news ul li a{ font-size: 14px;}
.siderbar .sttl {
	color: #fff;
	text-align: center;
	font-size: 30px;
	letter-spacing: 1px;
	margin: 0 5px 30px;
}
.siderbar .sttl span {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	margin-top: 5px;
}
.siderbar .sul {
	margin: 0 10px 15px;
	background-color: #eee;
}
.siderbar .sul a {
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 14px 0 14px 45px;
	position: relative;
}
.siderbar .sul a:before {
	position: absolute;
	left: 5px;
	top: 50%;
	content: "";
	width: 30px;
	height: 1px;
	background-color: #e60b16;
}
.siderbar .sul a:after {
	width: 38px;
	height: 5px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -2px;
	content: "";
	background: url("../images/icon14.png") no-repeat;
	opacity: 0;
}
.siderbar .sul .on a:before,
.siderbar .sul a:hover:before {
	opacity: 0;
}
.siderbar .sul .on a:after,
.siderbar .sul a:hover:after {
	opacity: 1;
}
.siderbar .sul .on a,
.siderbar .sul a:hover {
	color: #fff;
	background-color: #e60b16;
	font-style: italic;
	padding-right: 50px;
}
.siderbar .stel {
	border-top: 15px solid #fff;
	color: #fff;
	padding: 35px 20px 0;
	font-size: 18px;
}
.siderbar .stel span {
	display: block;
	font-size: 39px;
	font-family: Impact, "sans-serif";
	color: #e60b16;
}
.siderbar .stxt {
	margin: 0 20px 20px;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
}
.siderbar .simg {
	text-align: center;
	margin: 0 5px;
}
.conts {
	float: right;
	width: 74.4%;
}
.comList {
	display: flex;
	flex-wrap: wrap;
}
.comList li {
	width: 31.7%;
	margin: 0 2.45% 25px 0;
}
.comList li:nth-child(3n) {
	margin-right: 0;
}
.comList a {
	display: block;
	height: 100%;
	background-color: #eee;
	position: relative;
}
.comList a:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	box-sizing: border-box;
	border: 4px solid #e60b16;
	-webkit-transition: all .5s;transition: all .5s;
	opacity: 0;
}
.comList a:hover {
	background-color: #e60b16;
	color: #fff;
}
.comList a:hover:before {
	opacity: 1;
}
.comList .photo {
	height: 330px;
	overflow: hidden;
}
.comList .photo img {
	width: 100%;
	min-height: 245px;
	height: 100%;
	object-fit: cover;
}
.about-chanfgang{width: 100%; display: inline-block; margin-top: 2%;}
.about-chanfgang ul li{ width: 25%; margin-right: 1.5%; float: left; height: 240px; margin-bottom: 20px; overflow: hidden; border-radius: 20px; display: block;}
.about-chanfgang ul li:nth-child(3),.about-chanfgang ul li:nth-child(5){ margin-right: 0px;}
.about-chanfgang ul li:nth-child(1){ width: 47%; height: 500px; display: block;}
.about-chanfgang ul li img{ width: 100%; height: 100%; object-fit: cover}
.about-chanfgang ul li:hover img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.comList p {
	text-align: center;
	padding: 10px 5px;
	font-size: 18px;
	font-weight: bold;
}
.comDetail .detailBox {
	margin-bottom: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.comDetail .detailBox .lbox {
	width: 57.74%;
}
.comDetail .detailBox .lbox img {
	width: 100%;
}
.comDetail .detailBox .rbox {
	width: 37%;
}
.comDetail .detailBox .rbox h3 {
	margin-bottom: 40px;
	font-size: 43px;
}
.comDetail .detailBox .rbox li {
	font-size: 20px;
	line-height: 30px;
	position: relative;
	padding-left: 50px;
	margin-top: 30px;
}
.comDetail .detailBox .rbox li img {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -16px;
}
.comDetail .detailBox .rbox li span {
	font-family: Impact, "sans-serif";
	font-size: 39px;
	color: #e60b16;
}
.comDetail .h3Ttl {
	margin-bottom: 40px;
	background-color: #eee;
	color: #666;
	padding: 10px;
	letter-spacing: 1px;
}
.comDetail .h3Ttl span {
	display: inline-block;
	border-left: 3px solid #e60b16;
	padding-left: 10px;
}
.comInfo img {
	display: block;
	height: auto !important;
	margin: 0 auto;
}
.comInfo {
	line-height: 35px;
	font-size: 18px;
}
.comInfo table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px !important;
}
.comInfo th,
.comInfo td {
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	word-break: break-all;
}
.comInfo tr:nth-child(odd) {
	background-color: #eee;
}
.comInfo * {
	line-height: 35px !important;
	font-size: 18px !important;
}
.comPageList {
	margin-top: 40px;
	display: flex;
	justify-content: center;
}
.comPageList li {
	width: 50%;
	margin: 0 40px;
}
.comPageList a {
	padding: 5px 5px;
	color: #333;
	border-radius: 40px;
	text-align: center;
}
.comPageList a:hover {
	color: #e60b16;
}
.productPage {
	margin-bottom: 100px;
}
.casePage {
	margin-bottom: 100px;
}
.casePage .comList li {
	width: 23.6%;
	margin-right: 1.86%;
}
.casePage .comList li:nth-child(4n) {
	margin-right: 0;
}
.newsPage {
	margin-bottom: 100px;
}
.newsPage .newsul a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.newsPage .newsul li {
	margin-bottom: 40px;
}
.newsPage .newsul .photo {
	width: 18.5%;
	height: 240px;
	overflow: hidden;
}
.newsPage .newsul .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.newsPage .newsul .txtbox {
	width: 78.5%;
}
.newsPage .newsul .txtbox h3 {
	font-size: 20px;
	margin-bottom: 10px;
}
.newsPage .newsul .txtbox .note {
	display: flex;
	border-bottom: 1px solid #666;
	font-size: 14px;
	color: #999;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.newsPage .newsul .txtbox .note img {
	display: inline-block;
	vertical-align: middle;
	margin: -4px 8px 0 0;
}
.newsPage .newsul .txtbox .note .time {
	margin-right: 30px;
}
.newsPage .newsul .txtbox p {
	font-size: 14px;
	color: #666;
	line-height: 23px;
}
.newsPage .newsul a:hover {
	color: #e60b16;
}
.newsPage .detail-h3 {
	text-align: center;
	margin-bottom: 20px;
	font-size: 30px;
}
.newsPage .detail-note {
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
}
.newsPage .detail-note li {
	font-size: 14px;
	color: #999;
}
.newsPage .detail-note li:first-child {
	margin-right: 50px;
}
.newsPage .detail-note img {
	display: inline-block;
	vertical-align: middle;
	margin: -4px 8px 0 0;
}
.contactPage .topbox {
	box-sizing: border-box;
	padding: 200px 15px 0;
	height: 657px;
	background: url("../images/img43.jpg") no-repeat center center;
	background-size: cover;
}
.contactPage .topbox h2 {
	font-weight: normal;
	text-align: center;
	color: #fff;
	font-size: 88px;
}
.contactPage .inner {
	background-color: #fff;
	box-shadow: 0px 2px 15px 5px rgba(235, 235, 235, 0.5);
	display: flex;
}
.contactPage #mapArea {
	width: 50%;
	display: block;
}
.contactPage #mapArea  img{max-width: initial;}
.contactPage .inner .rbox {
	padding: 100px 5%;
	width: 50%;
	box-sizing: border-box;
	background: url("../images/img48.png") no-repeat right 15px bottom -50px;
	background-size: 359px auto;
	word-break: break-all;
}
.contactPage .inner .rbox h3 {
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 40px;
}
.contactPage .inner .rbox h3 span {
	display: block;
	font-size: 40px;
	margin-bottom: 5px;
}
.contactPage .inner .rbox li {
	font-size: 22px;
	position: relative;
	padding-left: 39px;
	margin-top: 30px;
}
.contactPage .inner .rbox li img {
	width: 29px;
	position: absolute;
	left: 0;
	top: 2px;
}
.banner-image{width: 100%;height: 490px;background-size: 100%;overflow: hidden;}
.newsPage .rbox {
	width: 24%;
	float: left;
}
.comHotpro,
.comHotnews {
	background: rgba(244, 244, 244, 1);
	border-radius: 20px;
	padding: 30px 30px 40px;
	position: relative;
	margin-bottom: 40px;
}
.comHotpro:before,
.comHotnews:before {
	position: absolute;
	right: 10px;
	bottom: 0;
	left: 50px;
	content: "";
	height: 6px;
	background-color: rgba(221, 58, 60, 1);
	transform: skewX(-45deg);
}
.comHotpro .ttl,
.comHotnews .ttl {
	font-size: 22px;
	margin-bottom: 20px;
}
.comHotpro .ttl a, .comHotnews .ttl a{float: right;font-size: 12px;line-height: 40px;}
.comHotpro .ttl a:hover, .comHotnews .ttl a:hover{color: #e60b16;}
.comHotnews ul li:not(:last-child) {
	margin-bottom: 15px;
}
.comHotnews ul a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.comHotnews ul .photo {
	width: 38%;
}
.comHotnews ul .photo img {
	width: 100%;
	border-radius: 10px;
}
.comHotnews ul .txtbox {
	width: 58%;
}
.comHotnews ul .txtbox .time {
	font-size: 12px;
	margin-top: 5px;
}
.comHotnews ul a:hover .txtbox .name {
	color: rgba(221, 58, 60, 1);
}
.comHotpro ul li:not(:last-child) {
	margin-bottom: 15px;
}
.comHotpro ul a {
	display: block;
	position: relative;
}
.comHotpro ul img {
	width: 100%;
	border-radius: 10px;
}
.comHotpro ul p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	padding: 5px;
	border-radius: 0 0 10px 10px;
	background-color: rgba(51, 51, 51, 0.55);
}
.comHotpro ul a:hover p {
	background-color: rgba(221, 58, 60, 1);
}
.relevant{display: inline-block; margin-top: 5%; width: 100%;}
.relevant p{ font-size: 24px; text-transform:uppercase; border-left: 8px solid #e60b16; height: 40px; line-height: 40px; padding-left: 15px;}
.relevant  span{ font-size: 14px; float: right;}
.relevant p{border-bottom: 1px dashed #dedede; width: 100%; margin-top: 8px;}
.rel-news ul li{ float: left; width: 48%; height: 50px; font-size: 14px; line-height: 50px; margin-right: 4%; border-bottom: 1px dashed #999;} 
.rel-news ul{ margin-top: 2%;}
.rel-news ul li:nth-child(2n){ margin-right: 0px;}
.rel-news ul li span { width: 84%; float: left; overflow: hidden; height: 50px;}
.rel-news ul li i{ float: right; font-size: 12px; font-style: inherit;}
.rel-news ul li img{ width: 10px;}
.rel-pic{ margin-top: 30px;}
.rel-pic ul{ margin-top: 3% !important;}
.rel-pic ul li { width: 320px; height: 280px; float: left; margin-right:20px; position: relative;}
.rel-pic ul li .rel-img{width: 100%; height: 280px; overflow: hidden;}
.rel-pic ul li .rel-img img{ width: 100%; min-height: 100%;}
/* .rel-pic ul li:nth-child(5){ margin: 0px;} */
.rel-pic ul li span{ position: absolute; bottom: 0px; width: 100%; height: 40px; background: rgba(0,0,0,0.6); line-height: 40px; text-align: center; font-size: 16px; display: block; color: #fff;}
.rel-pic ul li:hover .rel-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.topper{ height:34px; /* border-bottom:1px solid #E4E4E4; */ background: #f7f7f7; line-height:34px; color:#818085; font-size:13px;}
.topper a{ color:#818085; font-size:13px;}
.topper span{ float:right;}
.navbox{ height:auto}
.navbox h1{ width:70%; float:left; padding: 15px 0px;}
.navbox h1 img{ max-width:100%}
.nac-tel { width: 20%; float: right; margin-top: 3%;}
.navbox .nac-tel i{ width: 40px; /* height: 80px; */ float: left; margin-right: 20px; padding-top: 10px;}
.navbox .nac-tel  span{ font-size: 18px;}

.navbox .nac-tel  span b{font-size: 24px; font-weight: bold; color: #154f98;} 
.nav{  display:inline-block; width: 100%;  background: #154f98;  display: -webkit-flex; /* Safari */display: flex;flex-direction: row; flex-wrap: nowrap;justify-content: space-between}
.nav li{ transition:all 0.8s ease; width:12.5%; height:55px; line-height:55px; font-size:18px; text-align:center; position:relative; float:left}
.nav li a{ color:#fff; font-size:18px; display:block; height:100%; cursor:pointer; transition:all 0.5s ease; }
.nav li:hover{ background:#363b90;}
.nav li:hover a{ color:#fff; font-size:18px;}
.nav li.on{background:#363b90;}
.nav li.on a{ color:#fff; font-size:18px; }
.pc{ display: block;}
.wap{ display: none;}
@media all and (min-width: 1360px) and (max-width: 1460px) {
	.indexsec05 .lbox:before {left: -10px;top: 10px;right: 10px;bottom: -10px;}
}

@media screen and (max-width:1840px)
{
.banner-image{ height: 470px;}	
}

@media screen and (max-width:1750px)
{
.banner-image{ height: 450px;}	
}
@media screen and (max-width:1680px)
{
.banner-image{ height: 430px;}	
}
@media screen and (max-width:1600px)
{
.banner-image{ height: 410px;}	
.code .saomiao{ right: 18%;}
}
@media screen and (max-width:1540px)
{
.banner-image{ height: 390px;}	
}
@media screen and (max-width:1480px)
{
.banner-image{ height: 380px;}	
}
@media screen and (max-width:1440px)
{
.banner-image{ height: 365px;}	
}
@media screen and (max-width:1380px)
{
.banner-image{ height: 345px;}	
.code .saomiao{ right: 15%;}
}
@media all and (min-width: 992px) and (max-width: 1359px) {
	.wap{ display: block;}
	.pc{display: none;}
	#header .tel {font-size: 28px;background-size: 25px auto;padding-left: 30px;}
	.indexsec05 .lbox:before {left: -10px;top: 10px;right: 10px;bottom: -10px;}
	#footer .code {max-width: 140px;}
	#footer .flogo {max-width: 380px;}
	#footer .fTxt {max-width: 400px;}
	.siderbar .stel span {font-size: 30px;}
}

@media all and (max-width: 991px) {
.wap{ display: block;}	
	.pc{display: none;}
.banner-image{ background-size: 154%;
    width: 100%;
    overflow: hidden;
    height: 144px;
    background-position-x: 50%;}
	#header {
		padding: 12px 15px;
		position: initial;
		box-sizing: border-box;
		height: 70px;
		z-index: 99;	
		background: #fff;
	}
#header.inner{ position: fixed;} 	
	#header .width {
		max-width: inherit;
		display: block;
		margin-top: 0px;
	}
	#header h4 {
		max-width: 160px;
	}
	#header .logo1{display: none;}
	#header .logo2{display: block;}
	#header .tel {
		display: none;
	}
	#header .navi {
		display: none;
		width: 100%;
		position: fixed;
		left: 0;
		background-color: rgba(255,255,255,0.95);
		z-index: 99;
		height: 100%;
	}
	#header .navi ul {
		display: block;
	}
	#header .navi ul > li > a {
		display: block;
		font-size: 16px;
		height: auto;
		text-align: center;
		padding: 15px 5px;
	}
	.menu {
		position: absolute;
		right: 15px;
		top: 20px;
		z-index: 200;
	}
#footer .fTxt p img{ width: 20px;padding-top: 2%;}
	.comTtl .big{ font-size: 20px;}
	.comTtl .big:after,.comTtl .big:before{ width: 35px;}
	.indexsec05{ padding-top: 1px; padding-bottom: 20px;}
	.indexsec05 .lbox{ display: none;}
	.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: #333;
	  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);
	}
	.comWidth {
		max-width: inherit;
	}
	.lb {
		margin-bottom: 40px;
	}
	.lb .width {
		display: none !important;
	}
	.lb .swiper-slide {
		background: none !important;
	}
	.lb .swiper-slide img.sp {
		width: 100%;
	}
	.lb .swiper-button-next,
	.lb .swiper-button-prev {
		width: 37px;
		height: 37px;
		bottom: 20px;
	}
	.lb .swiper-button-next {
		right: 60px;
		left: initial;
		background-size: 100% 100%;
	}
	.lb .swiper-button-next:hover {
		right: 60px;
			left: initial;
	}
	.lb .swiper-button-prev {
		right: 15px;
			left: initial;
		background-size: 100% 100%;
	}
	.lb .swiper-button-prev:hover {
		right: 15px;
			left: initial;
	}
.lb .swiper-slide img{ width: 136%;max-width: 136%;}
/* 	.comTtl {
		padding-right: 85px;
	} */
	.comTtl .comMore {
		top: 5px;
		display: none;
	}
	.headline01 {
		margin-bottom: 20px;
		font-size: 24px;
		letter-spacing: 0;
	}
	.headline01 span {
		font-size: 14px;
	}
	.comMore a {
		padding-right: 20px;
		font-size: 14px;
		letter-spacing: 0;
	}
	.comMore a:before {
		width: 14px;
		height: 14px;
		margin-top: -7px;
		background-size: 14px 14px;
	}
	.indexsec01 {
		margin-bottom: 40px;
	}
	.indexsec01 .cateUl {
		/* justify-content: space-between; */
		margin-bottom: 10px;
	}
	.indexsec01 .cateUl li {
		width: 32%;
	
		margin: 0 0 5px;
		margin-right: 1%;
	}
	.indexsec01 .cateUl a {
		padding: 10px 5px;
		font-size: 12px;
	}
	.indexsec01 #scroll {
		justify-content: space-between;
		height: 400px;
	}
	.indexsec01 #scroll li {
		width: 49%;
		margin: 0 0 10px;
	}
	.indexsec01 #scroll a:before {
		border: 2px solid #e60b16;
	}
	.indexsec01 #scroll .photo {
		height: 160px;
	}
	.indexsec01 #scroll .photo img {
		min-height: 160px;
	}
	.indexsec01 #scroll p {
		font-size: 14px;
		padding: 5px;
	}
	.indexsec02 {
		padding: 30px 0;
	}
	.indexsec02 .headline01 {
		text-align: center;
	}
	.indexsec02 .comWidth {
		max-width: inherit;
	}
	.indexsec02 .inner {
		display: block;
	}
	.indexsec02 .lbox {
		width: auto;
	}
	.indexsec02 .lbox h3 {
		margin-bottom: 10px;
		font-size: 17px;
		line-height: 1.5;
		text-align: center;
	}
	.indexsec02 .lbox p {
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 15px;
	}
	.indexsec02 .lbox .link {
		max-width: 160px;
		margin: 0 auto;
	}
	.indexsec02 .lbox .link a {
		padding: 10px 5px;
		font-size: 14px;
		border: 1px solid #e60b16;
	}
	.indexsec02 .lbox .link span {
		padding-right: 25px;
		background-size: 14px auto;
	}
	.indexsec02 .rbox {
		width: auto;
		margin-top: 20px;
	}
	.indexsec02 .rbox ul {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.indexsec02 .rbox ul li {
		width: 49%;
		background-color: rgba(255,255,255,0.9);
		margin-right: 10px;
		box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
	}
	#header .navi ul > li > a{ color: #333;}
	.aboutPage .swiper-button-next, .aboutPage .swiper-button-prev{ width: 48px;height: 48px;}
	.aboutPage .swiper-button-next{ right: 0px;}
	.aboutPage .swiper-button-prev{ left: 0px;}
	.newsPage .rbox{ display: none;}
	.rel-news ul li{ width: 100%;}
	.rel-news ul li span{ width: 77%;}
	.indexsec04{ margin-top: 40px;}
	.rel-pic ul li{width: 49%;margin-right: 1%; height: 130px;}
	.rel-pic .tempWrap{height: 140px;}
	.rel-pic ul li .rel-img{ height: 130px;}
	.relevant p{ box-sizing: border-box;}
	.aboutPage .sec03 h2, .aboutPage .sec04 h2{ font-size: 30px;}
	.indexsec02 .rbox ul li:not(:last-child) {
		margin-bottom: 10px;
	}
	.indexsec02 .rbox ul .txtbox {
		padding: 10px 15px;
		min-height: inherit;
		background: none;
		height: 210px;
	}
	.indexsec02 .rbox ul .txtbox h3 {
		margin-bottom: 10px;
		font-size: 16px;
		padding-bottom: 5px;
	}
	.indexsec02 .rbox ul .txtbox h3:before {
		width: 30px;
		height: 2px;
	}
	.indexsec02 .rbox ul .txtbox p {
		line-height: 1.5;
		font-size: 12px;
	}
	.indexsec02 .rbox ul .photo{ height: 124px;}
	.indexsec03 .cateul {
		margin: 20px 0 20px;
		flex-wrap: wrap;
		transform: none;
	}
	.indexsec03 .comTtl{ padding-right: 0px;}
	.comTtl .small{ font-size: 12px;}
	.indexsec03 .cateul li {
		width: 48%;
		margin: 1%;
		border-top: 1px solid rgba(219, 219, 219, 1);
	}

	.indexsec03 .cateul a {
		padding: 10px 5px;
	}
	.indexsec03 .cateul .inner {
		display: flex;
		align-items: center;
		justify-content: center;
		transform: none;
	}
	.indexsec03 .cateul p {
		font-size: 12px;
	}
	.indexsec03 .cateul .icon {
		margin-right: 8px;
	}
	.indexsec03 .cateul .icon img {
		width: 20px;
		display: block;
	}
	.indexsec03 .box {
		display: block;
	}
	.indexsec03 .box .bg {
		border-radius: 10px;
	}
	.indexsec03 .lbox {
		width: auto;
	}
	.indexsec03 .lbox a {
		height: 260px;
		border-radius: 10px;
	}
	.indexsec03 .lbox p {
		background-position: right 10px center;
		background-size: 20px auto;
		border-radius: 0 0 10px 10px;
		padding: 10px 40px 10px 10px;
		font-size: 16px;
	}
	.indexsec03 .rbox {
		width: auto;
		margin-top: 10px;
	}
	.indexsec03 .rbox ul {
		display: block;
		justify-content: space-between;
	}
	.indexsec03 .rbox li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 15px;
	}
	.indexsec03 .rbox li:nth-child(3n){ margin-right: 2%;}
	.indexsec03 .rbox li:nth-child(2n){ margin-right: 0px;}
	.indexsec03 .rbox .bg {
		border-radius: 10px;
	}
	.indexsec03 .rbox a {
		border-radius: 10px;
		height: 200px;
	}
	.indexsec03 .rbox p {
		background-position: right 10px center;
		background-size: 20px auto;
		padding: 10px 40px 10px 10px;
		font-size: 16px;
	}
	.indexsec03 .rbox li:last-child a {
		border-radius: 10px;
	}
	.indexsec03 .rbox li:last-child .bg {
		border-radius: 10px;
	}
	.indexsec03 .rbox li:last-child p {
		border-radius: 10px;
	}
	/* .indexsec03 {
		padding: 40px 15px;
		background-size: 530px auto
	}
	.indexsec03 .comWidth {
		max-width: inherit;
	}
	.indexsec03 .sliderbox {
		max-width: inherit;
		margin: 0 30px;
	}
	.indexsec03 .sliderbox .swiper-slide {
		width: 180px;
	}
	.indexsec03 .sliderbox .swiper-slide a {
		height: 214px;
	}
	.indexsec03 .sliderbox .swiper-slide a:before {
		height: 100px;
	}
	.indexsec03 .sliderbox .swiper-slide p {
		font-size: 14px;
		padding: 5px;
	}
	.indexsec03 .sliderbox .swiper-slide img {
		min-height: 214px;
	}
	.indexsec03 .swiper-button-next,
	.indexsec03 .swiper-button-prev {
		width: 42px;
		height: 42px;
		margin-top: -21px;
	}
	.indexsec03 .swiper-button-next {
		right: -42px;
	}
	.indexsec03 .swiper-button-prev {
		left: -42px;
	} */
	/* .indexsec04 {
		padding: 30px 0;
		background-position: left center;
	}
	.indexsec04 .comWidth {
		display: block;
	}
	.indexsec04 .lbox {
		width: auto;
	}
	.indexsec04 .lbox .headline01 {
		text-align: center;
	}
	.indexsec04 .lbox h3 {
		margin-bottom: 15px;
		text-align: center;
	}
	.indexsec04 .lbox h3 img {
		max-height: 30px;
	}
	.indexsec04 .lbox p {
		font-size: 14px;
		line-height: 1.5;
	}
	.indexsec04 .rbox {
		width: auto;
		margin-top: 20px;
	}
	.indexsec04 .rbox li {
		border-radius: 15px;
		padding: 10px 15px 10px 120px;
	}
	.indexsec04 .rbox li:not(:last-child) {
		margin-bottom: 15px;
	}
	.indexsec04 .rbox li h3 {
		font-size: 16px;
	}
	.indexsec04 .rbox li p {
		line-height: 1.5;
	} */
	
	.indexsec04 ul {
		display: block;
	}
	.indexsec04 li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 10px;
		float: left;
	}
	.indexsec04 li:last-child {
		margin-bottom: 0;
	}
	.indexsec04 li:nth-child(2n){ margin-right: 0px;}
	.indexsec04 li .photo{ width: 100%; height: 160px; overflow: hidden; }
	.indexsec04 li .photo img{ width: 100%; height: 100%; object-fit:cover;}
	.indexsec04 li .icon {
		width: 90px;
		margin: -45px auto 5px;
	}
	.indexsec04 li .txtbox {
		padding: 0 15px 20px;
	}
	.indexsec04 li h3 {
		padding-bottom: 10px;
		margin-bottom: 10px;
		font-size: 20px;
	}
	.indexsec04 li p {
		font-size: 16px;
	}
	.indexsec04 {
		padding: 40px 0;
	}
	.indexsec05 .inner {
		display: block;
	}
	.indexsec05 .lbox {
		width: auto;
		margin-bottom: 25px;
	}
	.indexsec05 .lbox:before {
		left: -10px;
		top: 10px;
		bottom: -10px;
		right: 10px;
		border: 2px solid #e60b16;
	}
	.indexsec05 .lbox p {
		font-size: 16px;
		line-height: 1.6;
		height: auto;
		padding: 50px 15px;
		background-position: center top;
	}
	.indexsec05 .rbox {
		width: auto;
	}
	.indexsec05 .rbox ul a {
		padding: 15px;
	}
	.indexsec05 .rbox ul li:not(:last-child) {
		margin-bottom: 10px;
	}
	.indexsec05 .rbox ul .photo {
		margin-bottom: 10px;
		position: static;
		height: auto;
		width: auto;
		background: none !important;
		text-align: center;
	}
	.indexsec05 .rbox ul .time {
		position: static;
		right: inherit;
		top: inherit;
		transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		font-size: 16px;
		margin-bottom: 10px;
		background: #fff;
	}
	.indexsec05 .rbox ul .time span {
		display: inline-block;
		font-size: 26px;
		margin-right: 10px;
	}
	.indexsec05 .rbox ul h3 {
		margin-bottom: 5px;
		font-size: 16px;
		text-align: center;
	}
	.indexsec05 .rbox ul p {
		line-height: 1.5;
	}
	#footer .width {
		max-width: inherit;
	}
	#footer .fnavi {
		display: none;
	}
	#footer .fbox {
		margin: 0;
		display: block;
		padding: 9px 0;
	}
	#footer .copyright{text-align: center;}
	#footer .copyright a{width: 100%; text-align: center; display: block;}
	#footer .fTxt {
		max-width: inherit;
	}
	#footer .fTxt .ttl {
		margin-bottom: 10px;
		font-size: 20px;
		padding-bottom: 10px;
	}
	#footer .fTxt .ttl:before {
		width: 100px;
		height: 2px;
	}
	#footer .fTxt p {
		font-size: 12px;
		line-height: 30px;
	}
	#footer .fTxt p a {
		font-size: 28px;
		vertical-align: -3px;
	}
	#footer .flogo {
		max-width: 220px;
		margin: 20px auto 0;
		display: none;
	}
	#footer .code {
		display: none;
	}
	#footer .copyright {
		padding: 15px 0px 70px;
		font-size: 12px;
	}
	#footer .copyright span {
	/* 	margin: 5px 0 0; */
		display: block;
		text-align: center;
		margin-left: 0px;
	}
	#footer .qyrz {
		margin: 5px 0 0;
	}
	.comImg {
		height: 120px;
	}
	.comImg h2 {
		font-size: 24px;
	}
	.comImg h2 span {
		margin-top: 6px;
		padding-top: 6px;
		font-size: 16px;
	}
	.comImg h2 span:before {
		width: 50px;
		margin-left: -25px;
	}
	.pagePath {
		margin-bottom: 30px;
	}
	.pagePath .width {
		max-width: inherit;
		padding: 10px 15px 10px 40px;
		background-size: 16px auto;
	}
		.pagePath .width { font-size: 12px;}
	.pagePath .width a{ font-size: 12px;}
	.headline02 {
		margin-bottom: 15px;
		letter-spacing: 0;
	}
	.headline02 .color {
		font-size: 30px;
	}
	.headline02 .line {
		font-size: 13px;
	}
	.headline02 .en {
		font-size: 13px;
	}
	.aboutPage {
		margin-bottom: 40px;
	}
	.v9_pages a,.v9_pages span{ padding: 0px 5px;}
/* 	.aboutPage .sec01 {
		margin-bottom: 40px;
	}
	.aboutPage .sec01 p {
		margin-bottom: 10px;
		line-height: 1.5;
		font-size: 14px;
	}
	.aboutPage .sec01 ul {
		margin-top: 20px;
	}
	.aboutPage .sec01 ul li {
		width: 31.5%;
	} */
	
	.aboutPage .sec01 {
		margin: 40px 0;
		display: block;
	}
	.aboutPage .sec01 .lbox {
		width: auto;
		margin-bottom: 10px;
	}
	.aboutPage .sec01 .lbox h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.aboutPage .sec01 .lbox h2 span {
		font-size: 14px;
	}
	.aboutPage .sec01 .lbox .txt {
		padding-left: 15px;
		font-size: 16px;
		line-height: 1.6;
	}
	.aboutPage .sec01 .lbox .txt p {
		margin-bottom: 10px;
	}
	.aboutPage .sec01 .lbox .txt:before {
		width: 2px;
		height: 60px;
	}
	.aboutPage .sec01 .rbox {
		width: auto;
	}
	.aboutPage .sec01 .rbox p {
		padding: 8px 20px;
		font-size: 20px;
	}
	
	.aboutPage .sec02 li {
		font-size: 14px;
		line-height: 1.5;
	}
	.aboutPage .sec02 li:not(:last-child) {
		margin-bottom: 10px;
	}
	.aboutPage .sec03{ padding-bottom: 0px;margin-bottom: 20px;padding-top: 30px;}
	.contactPage {
		margin-bottom: 40px;
	}
	.contactPage #mapArea{ width: 100%;height: 360px;}
	.contactPage .inner .rbox{ width: 100%;}
	.contactPage .inner{ display: block;}
	.contactPage .inner .rbox h3 span{ font-size: 20px;}
	.contactPage .inner .rbox{ padding-top: 20px;}
	.contactPage .inner .rbox h3{ font-size: 12px;}
	.contactPage .inner .rbox li{ font-size: 17px;}
	.contactPage .txtul {
		display: block;
		margin-bottom: 10px;
	}
	.contactPage .txtul li {
		padding: 0;
		margin-bottom: 15px;
		text-align: left;
		font-size: 16px;
		width: auto;
		position: relative;
		padding-left: 50px;
	}
	
	.contactPage .txtul .photo {
		position: absolute;
		left: 0;
		top: 0;
		width: 40px;
	}
	.contactPage .txtul span {
		margin: 0;
	}
	.contactPage #allmap {
		height: 300px;
	}
	.pagination li a{
		font-size: 14px;
	}
	.pagination li.thisclass {
		font-size: 14px;
	}

	.siderbar {
		float: none;
		width: auto;
		background-size: 70px auto;
		background-position: left top;
		padding: 15px 0;
		margin-bottom: 20px;
		display: none;
	}
		.wap-liet ul{ display: inline-block; width: 100%;}
	.wap-liet ul li{ width: 32%; margin-right: 1%; float: left; border:1px solid #dedede; text-align: center; line-height: 30px; border-radius: 10px; margin-bottom: 10px;}
	.wap-liet ul li a { font-size: 12px;}
	.wap-liet ul li:nth-child(3n){ margin-right:0px;}
	 .wap-liet ul li.on{ background: #e60b16;}
	 .wap-liet ul li.on a{ color: #fff;}
	.siderbar .sttl {
		font-size: 20px;
		margin: 0 5px 10px;
		display: none;
	}
	.siderbar .sul{ background-color: inherit;}
	.siderbar .sul  li{ margin-bottom: 10px; background-color: #eee;}
	.siderbar .sttl span {
		font-size: 12px;
		margin-top: 0;
	}
	.siderbar .sul {
		margin: 0 15px;
	}
	.siderbar .sul a {
		font-size: 16px;
		padding: 10px 0 10px 45px;
	}
	.siderbar .sul a:after {
		width: 30px;
		height: 4px;
		background-size: 30px auto;
	}
	.siderbar .sul .on a,
	.siderbar .sul a:hover {
		padding-right: 45px;
	}
	.siderbar .stel {
		display: none;
	}
	.siderbar .stxt {
		display: none;
	}
	.siderbar .simg {
		display: none;
	}
	.conts {
		float: none;
		width: auto;
	}
	.comList {
		justify-content: space-between;
	}
	.comList li {
		width: 49% !important;
		margin: 0 0 10px !important;
	}
	.comList a:before {
		border: 2px solid #e60b16;
	}
	.comList .photo {
		height: 160px;
	}
	.comList .photo img {
		min-height: 160px;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.comList p {
		padding: 5px;
		font-size: 14px;
	}
	.productPage {
		margin-bottom: 40px;
	}
	.comDetail .detailBox {
		margin-bottom: 30px;
		display: block;
	}
	.comDetail .detailBox .lbox {
		width: auto;
		margin-bottom: 10px;
	}
	.comDetail .detailBox .rbox {
		width: auto;
	}
	.comDetail .detailBox .rbox h3 {
		margin-bottom: 0;
		font-size: 20px;
		text-align: center;
	}
	.comDetail .detailBox .rbox li {
		font-size: 16px;
		line-height: 1.5;
		padding-left: 35px;
		margin-top: 10px;
	}
	.comDetail .detailBox .rbox li img {
		width: 24px;
		margin-top: -12px;
	}
	.comDetail .detailBox .rbox li span {
		font-size: 26px;
	}
	.comDetail .h3Ttl {
		margin-bottom: 10px;
	}
	.comDetail .h3Ttl span {
		border-left: 2px solid #e60b16;
	}
	.comPageList {
		margin-top: 20px;
		justify-content: space-between;
	}
	.comPageList li {
		width: 130px;
		margin: 0;
	}
	.comInfo {
		font-size: 14px;
		line-height: 1.6;
	}
	.comInfo * {
		font-size: 14px !important;
		line-height: 1.6 !important;
	}
	.casePage {
		margin-bottom: 40px;
	}
	.newsPage {
		margin-bottom: 40px;
	}
	.newsPage .newsul a {
		display: block;
	}
	.newsPage .newsul li {
		margin-bottom: 20px;
	}
	.newsPage .newsul .photo {
		width: auto;
		margin-bottom: 10px;
	}
	.newsPage .newsul .txtbox {
		width: auto;
	}
	.newsPage .newsul .txtbox h3 {
		font-size: 16px;
		text-align: center;
	}
	.newsPage .newsul .txtbox .note {
		font-size: 13px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		justify-content: center;
	}
	.newsPage .newsul .txtbox .note img {
		height: 14px;
		margin: -2px 5px 0 0;
	}
	.newsPage .newsul .txtbox .note .time {
		margin-right: 20px;
	}
	.newsPage .newsul .txtbox p {
		line-height: 1.5;
	}
	.newsPage .detail-h3 {
		margin-bottom: 10px;
		font-size: 18px;
	}
	.newsPage .detail-note {
		margin-bottom: 15px;
	}
	.newsPage .detail-note li {
		font-size: 13px;
	}
	.newsPage .detail-note li:first-child {
		margin-right: 20px;
	}
	.newsPage .detail-note img {
		margin: -2px 5px 0 0;
		height: 12px;
	}
	.comInfo th, .comInfo td {padding: 3px;font-size: 12px !important;}
	.comInfo th *, .comInfo td * {font-size: 12px !important;}
}

@font-face {
	font-family: 'icomoon';
    src:url('../font/icomoon.eot?qradjf');
    src:url('../fonts/icomoon.eot') format('embedded-opentype'),
        url('../fonts/icomoon.ttf') format('truetype'),
        url('../fonts/icomoon.woff') format('woff'),
        url('../fonts/icomoon.svg') 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:#e60b16;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#e60b16;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:#e60b16}
.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 #e60b16;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:#e60b16;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:#e60b16;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:#e60b16}
@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: #333;}
#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: #e60b16;}
/*微信弹窗*/
#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: 200px;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: #e60b16;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;}
}