@import url("font/iconfont.css");
@import url("font/bodyfont.css");
* {
	margin: 0px;
	padding: 0px;
}
html,body {
	font-size: 12px;
	color: #333;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
ul {
	list-style-type: none;
}
img {
	border: 0;
	vertical-align: top;
}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}
textarea, select {
	-webkit-appearance: none;
}
input, textarea, select {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	outline: none;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #95322c;
}
a:active {
	text-decoration: none;
}
.clear {
	clear: both;
	line-height: 0px;
}
.kk {
	width: 80%;
	margin: 0 auto;
}
/*分页*/
.page {
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	margin: 30px 0;
}
.page span {
	margin: 0 2px;
}
.page span a {
	padding: 5px 10px;
	color: #666;
	border: solid 1px #DDD;
	background-color: #FFF;
}
.page span a:hover {
	border: solid 1px #95322c;
	color: #95322c;
}
.page span.current {
	color: #FFF;
	background: #95322c;
	padding: 5px 10px;
	border: solid 1px #95322c;
}
.page span.disabled {
	color: #666;
	background-color: rgba(0,0,0,0.05);
	padding: 5px 10px;
	border: solid 1px #DDD;
}
/**/
header {
	position: fixed;
	width: 100%;
	background-color: #fff;
	left: 0;
	top: 0;
	z-index: 3;
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}
header .kk {
	width:90%;
	display:flex;
	align-items: center;
}
header .logo {
	display: inline-block;
	height: 100px;
}
header .logo:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	visibility: hidden;
	width: 1px;
}
header .logo img {
	max-height: 80px;
	max-width:100%;
	vertical-align: middle;
	margin-right: -1px;
}
header .menu {
	position: relative;
	display: inline-block;
	z-index: 1;
	padding: 25px 0;
	margin-left: auto;
}
header .menu .mod {
	position: absolute;
	left: 0;
	bottom: 30px;
	border-bottom: solid 2px #95322c;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: -1;
}
header .menu ul li {
	display: inline-block;
	margin-right: 2vw;
	position: relative;
}
header .menu ul li:last-child {
	margin-right: 0;
}
header .menu ul li a {
	display: block;
	font-size: 1.3rem;
	height: 50px;
	line-height: 50px;
	font-weight: 600;
	text-transform:uppercase;
	color:#000;
}
header .menu ul li a:hover ,header .menu ul li:hover > a {
	color: #95322c;
}
header .menu li ul {
	position: absolute;
	background-color:rgba(255,255,255,0.98);
	display: none;
	top: 45px;
	left: 0px;
	z-index: 999;
}
header .menu li ul li {
	width: 100%;
	vertical-align: bottom;
}
header .menu li ul li a {
	display: block;
	padding: 10px 20px;
	height:auto;
	line-height:2;
	font-size: 1.2em;
	font-weight:500;
	text-align: left;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
	text-transform: unset;
	white-space: nowrap;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
header .menu li ul li a:hover {
	color:#95322c;
	padding: 10px 15px 10px 25px;
}
header .ewm {
	display:inline-block;
	align-self: center;
	margin-left: 2vw;
}
header .ewm img{
	display:inline-block;
	height:80px;
	vertical-align: middle;
}
header .ewm .btn {
	display:inline-block;
	background-color:rgba(0,0,0,0.9);
	padding:5px 10px;
	color:#FFF;
	margin-left:5px;
	position:relative;
}
header .ewm .btn:before {
	content: "\e604";
	font-family: "iconfont" !important;
	margin-right:5px;
	font-size:1.3rem;
	vertical-align: middle;
}
header .ewm .btn:after {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	box-sizing:border-box;
	border: dotted 3px rgba(255,255,255,0.8);
}
header .ewm .btn:hover {
	background-color:#95322c;
}
.btop{
	margin-top: 100px;	
}
#banner {
	position: relative;
	width: 100%;
	z-index:1;
}
#banner .wrapper {
	position:absolute;
	height:100%;
	left:10%;
	z-index:2;
	display:flex;
	flex-direction: column;
	justify-content:center;
}
#banner .wrapper .headline {
	width:100%;
	position:relative;
	padding:30px;
	box-sizing:border-box;
	font-size:4vw;
	font-family: 'Roboto Condensed';
	font-weight:500;
	color:#000;
	font-style: italic;
	z-index:1;
}
#banner .wrapper .headline:after {
	content:"";
	width:100%;
	height:100%;
	border: dashed 2px rgba(0,0,0,0.8);
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
}
#banner .wrapper .headline:before {
	content: "\e63f";
	font-family: "iconfont" !important;
	position:absolute;
	z-index:2;
	right:48px;
	top:-2.8vw;
	font-size:5vw;
	font-weight:300;
	font-style:normal;
	color:#95322c;
	background-color: rgba(255,255,255,0.8);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	line-height:1;
	/* 核心：默认无动画，hover触发；过渡保证复位丝滑 */
    transition: all 0.8s ease-in-out; 
    transform: translate(0, 0) rotate(0deg); /* 初始状态 */
}
#banner .wrapper .headline h1 {
	display:inline-block;
	color:#95322c;
	font-size:inherit;
	font-weight:inherit;
}
#banner .wrapper .headline h2 {
	display:none;
}
#banner .wrapper .headline:hover:before {
	transform: translate(-560%, 0) rotate(-720deg); /* 左移200px + 逆时针转2圈 */
}
#banner .wrapper .description {
	margin-top:4rem;
	font-size:1.3rem;
	color:rgba(0,0,0,0.8);
}
#banner .wrapper .btn {
	margin-top:4rem;
}
#banner .wrapper .btn a {
	display:inline-block;
	position:relative;
	font-size:1.3rem;
	padding:15px 30px;
	background-color:#95322c;
	color:#FFF;	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#banner .wrapper .btn a:before {
	content:"";
	position:absolute;
	width:90%;
	height:80%;
	left:5%;
	top:10%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	box-sizing:border-box;
	border: dashed 2px rgba(255,255,255,0.8);
}
#banner .wrapper .btn a:hover {
	background-color:#000;
}
#banner .swiper-container {
	height: inherit;
}
#banner .prev, #banner .next {
	position: absolute;
	width: 50px;
	height: 60px;
	top: 50%;
	margin-top: -30px;
	background: #000;
	background-size: 100% 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #000;
	cursor: pointer;
	z-index: 3;
	filter: Alpha(opacity=50);
	-moz-opacity: .50;
	opacity: 0.50;
}
#banner .prev:before, #banner .next:before {
	content: "\e666";
	font-family: "iconfont" !important;
	vertical-align: middle;
	position: absolute;
	width:100%;
	top:50%;
	margin-top:-25px;
	font-size: 4rem;
	color: #FFF;
	text-align: center;
}
#banner .prev {
	left: -60px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
#banner .next {
	right: -60px;
}
#banner:hover .prev, #banner:hover .next, #banner .prev, #banner .next {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#banner:hover .prev {
	/*left: 10px;*/
}
#banner:hover .next {
	/*right: 10px;*/
}
#banner .img {
	height: 100%;
	background-color: #ededed;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#banner .img img {
	display: none;
}
#banner .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #999;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	filter: Alpha(opacity=70);
	-moz-opacity: .70;
	opacity: 0.70;
}
#banner .swiper-pagination-bullet-active {
	background: #173164;
}
main {
	position:relative;
	z-index:1;
	overflow: hidden;
}
main .tit {
	display:inline-block;
	position:relative;
	padding:10px 20px;
	box-sizing:border-box;
	font-size:4vw;
	font-family: 'Roboto Condensed';
	font-weight:500;
	color:#000;
	font-style: italic;
	max-width:100%;
}
main .tit:after {
	content: "";
	position:absolute;
	right:0;
	top:0;
	border: dashed 2px rgba(0,0,0,0.8);
	width: 100%;
	height:100%;
	z-index:-2;
	box-sizing:border-box;
}
main .tit:before {
	content: "\e63f";
	font-family: "iconfont" !important;
	position:absolute;
	right:1vw;
	top:-2vw;
	font-size:3vw;
	font-weight:300;
	font-style:normal;
	color:#95322c;
	background-color:#FFF;
	z-index:-1;
}
main .tit .auto-scale-text {
    display: inline-block;
	white-space: nowrap;
	text-transform: capitalize;
}
main .tit.bg {
	z-index:1;
}
main .tit.bg:before {
	background-color:#ededed;
}
main .step-card {
    padding: 6rem 0;
	text-align:center;
}
main .step-card .kk {
	position:relative;
	z-index:1;
}
main .step-card .line {
	position:absolute;
	height:5px;
	width:100%;
	left:0;
	top:50%;
	background-color: #95322c;
	z-index:-1;
}
main .step-card .line:before,main .step-card .line:after {
	content:"";
	position:absolute;
	height:20px;
	width:20px;
	top:50%;
	margin-top:-10px;
	border-radius: 50%;
	background-color: #95322c;
}
main .step-card .line:before {
	left:0;
}
main .step-card .line:after {
	right:0;
}
main .step-card ul {
	display: flex;
	justify-content: center;
	align-items:stretch;
	gap: 5rem;
	padding-top: 8rem;
	transform-style: preserve-3d;
}
main .step-card ul li{
	width: 25%;
	padding: 3rem 1.5rem 1.5rem 1.5rem;
	box-sizing:border-box;
	border-radius: 8px;
	text-align: center;
	background-color:#FFF;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	transform-style: preserve-3d;
	opacity: 0;
	transition: all 0.6s ease;
	cursor: pointer;
	border:solid 3px #95322c;
	position:relative;
}
    /* 滚动触发动画 */
main .step-card ul li.show {
	opacity: 1;
}
main .step-card ul li:nth-child(1) { 
    transform: rotateY(60deg) translateZ(-50px); 
}
main .step-card ul li:nth-child(2) { 
    transform: rotateY(0) translateZ(-20px); 
}
main .step-card ul li:nth-child(3) { 
    transform: rotateY(-60deg) translateZ(-50px); 
}
main .step-card ul li.show:nth-child(1) { 
    transform: rotateY(0) translateZ(0); 
}
main .step-card ul li.show:nth-child(2) { 
    transform: rotateY(0) translateZ(20px); 
}
main .step-card ul li.show:nth-child(3) { 
    transform: rotateY(0) translateZ(0); 
}
main .step-card ul li:before {
	content: attr(data-step);
	position: absolute;
	top: -2.5rem;
	left: 50%;
	transform: translateX(-50%) translateZ(5px); /* 3D层级 */
	width: 5rem;
	height: 5rem;
	background-color: #95322c;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	font-weight: bold;
	box-shadow: 0 4px 10px rgba(154,46,46,0.5);
}
main .step-card ul li h3 {
	color:#000;
	font-size:2rem;
	margin-bottom: 1rem;
	transform: translateZ(10px); /* 文字3D凸起 */
}
main .step-card ul li article {
	font-size:1.35rem;
	color:rgba(0,0,0,0.8);
	line-height: 1.5;
	text-align:left;
	transform: translateZ(5px);
}
main .toppic {
    padding: 2rem 0 4rem 0;
	text-align:center;
	background-color:#ededed;	
}
main .toppic.nobg {
	background-color:#fff;	
}
main .toppic h1 {
	font-size:1.4rem;
	color: #000;
	text-align:left;
	font-weight:400;
}
main .toppic h1:before {
	content: "\e643";
	font-family: "iconfont" !important;
	margin-right:5px;
}
main .toppic ul {
	display: grid; 
	grid-template-columns: calc((100% - 60px) / 4) calc((100% - 60px) / 4) calc((100% - 20px) / 2); 
	grid-template-rows: auto auto auto;
    padding: 2rem 0;
	gap: 20px; 
	grid-template-areas: 
	  "box-1 box-1 box-2"
	  "box-3 box-4 box-5"
	  "box-3 box-4 box-6"; 
}
main .toppic ul li {
	overflow: hidden;
	border-radius: 8px;
}
main .toppic ul li a {
	position:relative;
	display:block;
	width: 100%;
	height: 100%;
	z-index:1;
}
main .toppic ul li a:before {
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: linear-gradient(transparent, rgba(0,0,0,0.5));
	z-index:1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .toppic ul li a:hover:before {
	background: linear-gradient(transparent, rgba(0,0,0,0.1));
}
main .toppic ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease 0s;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;	
}
main .toppic ul li a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
main .toppic ul li h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px;
	color: #fff;
	font-size: 2rem;
	background: linear-gradient(transparent, rgba(0,0,0,0.7));
	text-align:left;
	font-weight:600;
	z-index:2;
}
main .toppic ul li:nth-child(1) { grid-area: box-1; }
main .toppic ul li:nth-child(2) { grid-area: box-2; }
main .toppic ul li:nth-child(3) { grid-area: box-3; }
main .toppic ul li:nth-child(4) { grid-area: box-4; }
main .toppic ul li:nth-child(5) { grid-area: box-5; }
main .toppic ul li:nth-child(6) { grid-area: box-6;}
main .toppro {
    padding-top: 5rem;
	text-align:center;
}
main .toppro ul {
	text-align: left;
	padding-top:5rem;
	display: flex;
	align-items:stretch;
	flex-wrap:wrap;
}
main .toppro ul li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	background-color: #FFF;
	border: solid 1px rgba(0,0,0,0.1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	box-shadow: 0 10px 80px -10px rgba(44,54,92,.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}
main .toppro ul li:nth-child(4n+0) {
	margin-right: 0;
}
main .toppro ul li .img {
	width: 100%;
	overflow: hidden;
	position:relative;
	background-color: #FFF;
}
main .toppro ul li .img:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	visibility: hidden;
	width: 1px;
}
main .toppro ul li .img img {
	max-width: 90%;
	max-height: 90%;
	vertical-align: middle;
	margin-right: -1px;
	transition: transform 0.3s ease 0s;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}
main .toppro ul li:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
main .toppro ul li .img:after {
	content:attr(data-tips);
	position:absolute;
	left:10px;
	top:10px;
	border:solid 1px #f14036;
	color:#f14036;
	font-weight:600;
	font-size:0.8rem;
	padding:2px 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
main .toppro ul li h3 {
	font-size: 1.3rem;
	font-weight: 400;
	margin:20px 10px;
	color:#000;
	line-height:1.5;
}
main .topprocess {
    padding: 5rem 0;
	text-align:center;
}
main .topprocess .kk {
	position:relative;
}
main .topprocess .swiper-container {
    padding-top: 5rem;
}
main .topprocess .swiper-slide .img {
	position: relative;
	width: 100%;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
main .topprocess .swiper-slide .img img {
	width: 100%;
	height: 100%;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .topprocess .swiper-slide:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
main .topprocess .swiper-slide:hover .img:after {
	content:"";
	position:absolute;
	left:0;
	bottom:-60px;
	width:100%;
	height:60px;
	background-color: #000;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	z-index:-1;
}
main .topprocess .swiper-slide h3 {
	width: 94%;
	height: 40px;
	line-height: 40px;
	padding: 10px 3%;
	font-size: 1.3rem;
	font-weight: 300;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}
main .topprocess .swiper-slide:hover h3 {
	color:#FFF;
}
main .topprocess .swiper-button-next,main .topprocess .swiper-button-prev {
	position: absolute;
	width: 40px;
	height: 80px;
	top: 50%;
	margin-top: calc(4rem - 40px);
	background: #000;
	border: solid 1px #000;
	cursor: pointer;
	z-index: 3;
	filter: Alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .topprocess .swiper-button-prev:before, main .topprocess .swiper-button-next:before {
	content: "\e666";
	font-family: "iconfont" !important;
	vertical-align: middle;
	position: absolute;
	width:100%;
	top:50%;
	left:0;
	margin-top:-20px;
	font-size: 40px;
	color: #FFF;
	text-align: center;
}
main .topprocess .swiper-button-next {
	right:-60px;
	filter: Alpha(opacity=80);
	-moz-opacity: .80;
	opacity: 0.80;
}
main .topprocess .swiper-button-prev {
	left:-60px;
	filter: Alpha(opacity=80);
	-moz-opacity: .80;
	opacity: 0.80;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
main .topwcu {
    padding: 5rem 0;
	text-align:center;
	background-color:#ededed;	
}
main .topwcu article {
	display: flex;
	align-items:stretch;
    padding-top: 5rem;
}
main .topwcu article .con {
	width:48%;
	font-size:1.3rem;
	text-align:justify;
	line-height:1.25;
	white-space: pre-wrap;
	padding:20px 0;
}
main .topwcu article .img {
	margin-left: auto;
	width:48%;
}
main .topwcu article .img img {
	max-width:100%;
	height:100%;
}
main .topabout {
    padding-top: 6rem;
	text-align:center;
}
main .topabout article {
	display: flex;
	align-items:stretch;
    padding-top: 5rem;
}
main .topabout article .con {
	width:48%;
	padding:20px 0;
	margin-left: auto;
}
main .topabout article .con h3 {
	text-align:left;
	font-size:2rem;
	margin-bottom:10px;
}
main .topabout article .con p {
	font-size:1.3rem;
	text-align:justify;
	line-height:1.25;
	white-space: pre-wrap;
}
main .topabout article .img {
	position:relative;
	width:48%;
	z-index:1;
	container-type: inline-size;
}
main .topabout article .img img {
	max-width:100%;
	height:100%;
}
main .topabout article .img:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.3);
	z-index:1;
}
main .topabout article .img .video {
	position:absolute;
	width:15cqw;
	height:15cqw;
	left:50%;
	top:50%;
	z-index:2;
	margin-top:-7cqw;
	margin-left:-7cqw;
	text-align:center;
}
main .topabout article .img .video:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color: rgba(255,255,255,0.7);
	border-radius: 50%;
}
main .topabout article .img .video:after {
	content: "\e617";
	font-family: "iconfont" !important;
	position:absolute;
	left:0;
	top:0;
	font-size:15cqw;
	color:#95322c;
	opacity:0.9;
}
main .toppartner {
    padding-top: 6rem;
	text-align:center;
}
main .toppartner .kk {
	position:relative;
}
main .toppartner .swiper-container {
    padding-top: 5rem;
	padding-bottom:1rem;
}
main .toppartner .swiper-pagination-bullet-active {
	background: rgba(0,0,0,0.5);
}
main .toppartner .swiper-slide .img {
	position: relative;
	width: 100%;
	background: #FFF;
}
main .toppartner .swiper-slide .img img {
	width: 100%;
	height: 100%;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .toppartner .swiper-slide:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
main .toppartner .swiper-slide h3 {
	height: 40px;
	line-height: 40px;
	padding: 10px 0;
	font-size: 1.3rem;
	font-weight: 300;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}
main .topcqa {
    padding: 5rem 0;
	text-align:center;
}
main .topcqa .kk {
	position:relative;
}
main .topcqa .swiper-container {
    padding-top: 5rem;
	padding-bottom:2.5rem;
}
main .topcqa .swiper-pagination-bullet-active {
	background: rgba(0,0,0,0.5);
}
main .topcqa .swiper-slide .img {
	width: 100%;
	height:100%;
}
main .topcqa .swiper-slide .img img {
	width: 100%;
	height: 100%;
}
main .topcqa .swiper-slide {
	background: #FFF;
	border:solid 1px rgba(0,0,0,0.2);
	box-sizing:border-box;
	webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;	
}
main .topcqa .swiper-slide:hover {
	border:solid 2px rgba(0,0,0,0.5);
	border-bottom-width:5px;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}
main .topfaq {
    padding: 5rem 0;
	text-align:center;
	background-color:#ededed;	
}
main .topfaq.ny {
	background-color:#FFF;
	padding:0 0 5rem 0;
}
main .topfaq article {
    padding-top: 5rem;
}
main .topfaq dl {
	border-bottom: dashed 1px rgba(0,0,0,0.8);
	text-align: left;
	padding:20px 10px;
}
main .topfaq dl dt {
	font-size:2rem;
	font-weight:600;
	color:#000;
	cursor:pointer;
	position:relative;
	z-index:1;
}
main .topfaq dl dt:before {
	content: attr(data-num);
	margin-right:10px;
}
main .topfaq dl dt:after {
	content: "\e618";
	font-family: "iconfont" !important;
	position:absolute;
	right:0;
	top:5px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	z-index:-1;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .topfaq dl dd {
	font-size:1.3rem;
	line-height:1.5;
	text-align:justify;
	white-space: pre-wrap;
	padding:2rem;
	display:none;
}
main .topfaq dl.on dt {
	color:#95322c;
}
main .topfaq dl.on dd {
	display:block;
}
main .topfaq dl.on dt:after {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
main .topnews {
    padding: 5rem 0;
	text-align:center;
}
main .topnews article {
    padding-top: 5rem;
}
main .topnews dl {
	border-bottom: dashed 1px rgba(0,0,0,0.8);
	text-align: left;
	padding:20px 10px;
}
main .topnews dl dt {
	font-size:2rem;
	font-weight:600;
	cursor:pointer;
	position:relative;
	z-index:1;
}
main .topnews dl dt:before {
	content: attr(data-num);
	margin-right:10px;
}
main .topnews dl dd {
    font-size: 1.3rem;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top:10px;
	color:rgba(0,0,0,0.7);
}
main .topnews dl dd time {
	display:block;
	color:rgba(0,0,0,0.5);
}
main .topblog {
    padding: 5rem 0;
	text-align:center;
	background-color:#ededed;	
}
main .topblog ul {
	text-align: left;
	padding-top:5rem;
	display: flex;
	align-items:stretch;
	flex-wrap:wrap;
	justify-content:space-between;
}
main .topblog ul li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 31.5%;
	margin-bottom: 2%;
	background-color: #FFF;
	border: solid 1px rgba(0,0,0,0.1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}
main .topblog ul li a {
	display: flex;
    flex-direction: column;
	justify-content:space-between;
	height:100%;
}
main .topblog ul li .img {
	width: 100%;
	position:relative;
}
main .topblog ul li .img img {
	width: 100%;
	height:100%;
}
main .topblog ul li article {
	line-height:1.5;
	text-align:left;
	padding:20px;
}
main .topblog ul li article h3 {
	font-size:1.5rem;
}
main .topblog ul li article p {
    font-size: 1.3rem;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top:10px;
	color:rgba(0,0,0,0.7);
}
main .topblog ul li .more {
	line-height:1.5;
	border-top:solid 1px rgba(0,0,0,0.1);
	text-align:left;
	padding:10px 20px;
	color:rgba(0,0,0,0.5);
	display: flex;
	justify-content: space-between;
}
main .topblog ul li .more span {
	font-size:0.9rem;
	font-weight:600;
	color:#000;
	text-transform:uppercase;
}
main .topblog ul li .img:before {
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: linear-gradient(transparent,rgba(0,0,0,0.3));
	z-index:1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .topblog ul li:hover .img:before {
	background: linear-gradient(transparent,rgba(0,0,0,0.1));
}
main .topblog ul li:hover {
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
main .topvideo {
    padding: 5rem 0;
	text-align:center;
}
main .topvideo ul {
	display: flex;
	align-items:stretch;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-top:5rem;
}
main .topvideo ul li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:31.3%;
	background-color: #FFF;
	border: solid 1px rgba(0,0,0,0.03);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.03);
	box-shadow: 0 5px 10px rgba(0,0,0,0.03);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}
main .topvideo ul li a {
	display: flex;
    flex-direction: column;
	justify-content:space-between;
	height:100%;
}
main .topvideo ul li .img {
	width: 100%;
	position:relative;
	z-index:1;
	overflow:hidden;
}
main .topvideo ul li .img img {
	width: 100%;
	height:100%;
	object-fit: cover;
	transition: transform 0.3s ease 0s;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;	
}
main .topvideo ul li article {
	line-height:1.5;
	text-align:left;
	padding:20px;
}
main .topvideo ul li article h3 {
	font-size:1.5rem;
}
main .topvideo ul li article .tips {
    font-size: 1.2rem;
	color:rgba(0,0,0,0.5);
	margin-top:5px;
}
main .topvideo ul li article .tips span {
	margin-right:10px;
}
main .topvideo ul li article p {
    font-size: 1.3rem;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top:10px;
	color:rgba(0,0,0,0.7);
}
main .topvideo ul li .img:after {
	content: "\e617";
	font-family: "iconfont" !important;
	position:absolute;
	width:4vw;
	height:4vw;
	left:50%;
	top:50%;
	z-index:2;
	font-size:4vw;
	margin-top:-2vw;
	margin-left:-2vw;
	color:#95322c;
	opacity:0.9;
	background-color: rgba(255,255,255,0.6);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .topvideo ul li .img:before {
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: linear-gradient(transparent,rgba(0,0,0,0.3));
	z-index:1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .topvideo ul li:hover .img:before {
	background: linear-gradient(transparent,rgba(0,0,0,0.1));
}
main .topvideo ul li:hover .img:after {
	background-color: rgba(255,255,255,1);
	opacity:1;
}
main .topvideo ul li:hover {
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
main .topvideo ul li:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
main .inquiry {
    padding: 5rem 0;
	text-align:center;
}
main .inquiry ul {
	padding-top: 5rem;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
main .inquiry ul li {
	width: 48%;
	margin-bottom:2%;
	text-align:left;
	position:relative;
}
main .inquiry ul li:nth-child(n+5) {
	width: 100%;
}
main .inquiry ul li em {
	font-size:1.4rem;
	font-weight:600;
	line-height:2;
	font-style:normal;
}
main .inquiry ul li em span{
	color:#95322c;
}
main .inquiry ul li .help-block {
	display:block;
	margin-top:10px;
	font-size:1.2rem;
	color:#C00;
}
main .inquiry ul li input {
	width:100%;
	border: solid 1px rgba(0,0,0,0.3);
	padding: 10px;
	font-size: 1.3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
main .inquiry ul li textarea {
	width: 100%;
	border: solid 1px rgba(0,0,0,0.3);
	padding: 10px;
	font-size: 1.3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
main .inquiry ul li input.border-red,main .inquiry ul li textarea.border-red {
	border: solid 1px #C00;
}
main .inquiry ul li:last-child {
	text-align: center;
}
main .inquiry ul li .sendmsg {
	display:inline-block;
	position:relative;
	font-size:1.3rem;
	padding:15px 30px;
	border:none;
	background-color:#95322c;
	color:#FFF;
	cursor:pointer;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .inquiry ul li .sendmsg:before {
	content:"";
	position:absolute;
	width:90%;
	height:80%;
	left:5%;
	top:10%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	box-sizing:border-box;
	border: dashed 2px rgba(255,255,255,0.8);
}
main .inquiry ul li .sendmsg:hover {
	background-color:#000;
}
main .inquiry ul li .captcha-question {
	padding: 9px 10px;
	font-size: 1.6rem;
	font-weight: 600;
	background-color: #ededed;
	font-family: "Montserrat";
	margin-left: 20px;
	border: solid 1px rgba(0,0,0,0.3);
	vertical-align: middle;
	color: #000;
}
main .inquiry ul li .captcha-Answer {
    display: inline-block;
	width:80px;
	font-size:1.3rem;
	vertical-align: middle;
}
main .inquiry ul li .captcha-refresh {
	font-family: "iconfont" !important;
	font-size: 2.5rem;
	margin-left: 10px;
	vertical-align: middle;
	border:none;
	background:none;
}
main .inquiry ul li .num {
	position:absolute;
	right:10px;
	bottom:10px;
}
main .inquiry ul li .num em{
	font-size:1rem;
}
footer {
	background-color:rgba(0,0,0,0.9);
	color:#FFF;
}
footer .items {
	display:flex;
	padding:4rem 0;
	justify-content:space-between;
	gap:3%;
}
footer .logo {
	display:none;
/*    align-self: center;	
*/}
footer .logo img {
	max-height:60px;
	-webkit-filter:contrast(0%) brightness(130%);
	filter:contrast(0%) brightness(130%);
}
footer .items h3 {
	font-size:1.3rem;
	text-transform:uppercase;
	white-space: nowrap;
}
footer .items nav a {
	display:block;
	color:inherit;
	font-size:1.1rem;
	line-height:1.5;
	white-space: nowrap;
	margin-top:10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
footer .items nav a:hover {
	margin-left:2px;
	color:rgba(255,255,255,0.5);
}
footer .items .contact p {
	color:inherit;
	font-size:1.1rem;
	line-height:1.5;
	margin-top:10px;
	display:flex;
}
footer .items .contact p a{
	color:inherit;
}
footer .items .sendemail {
	margin-top:10px;
}
footer .items .sendemail .input {
	margin-top:10px;
	width:100%;
	border:solid 1px rgba(255,255,255,0.2);
	background-color:rgba(255,255,255,0.8);
	padding:7px 10px;
	box-sizing:border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display:flex;
	align-items:center;
}
footer .items .sendemail .input:before {
	content: "\e6b6";
	font-family: "iconfont" !important;
	color:#000;
	font-size:1.6rem;
	margin-right:5px;
}
footer .items .sendemail .input input{
	width:100%;
	height:100%;
	background:none;
	border:none;
	font-size:1.2rem;
}
footer .items .sendemail button {
	margin-top:10px;
	width:100%;
	border:solid 1px rgba(255,255,255,0.2);
	background-color:rgba(255,255,255,0.2);
	box-sizing:border-box;
	color:#FFF;
	padding:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
}
footer .btm_con {
	background-color:rgba(0,0,0,1);
	text-align:center;
	line-height:2;
	padding:1rem 0;
	font-size:1.2rem;
}
/*.backtop {
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	position:fixed;
	right:20px;
	bottom:20px;
	background-color:rgba(0,0,0,1);
	cursor:pointer;
	z-index:9999;
	display:none;
}
.backtop:before {
	content:"\e6c4";
	font-family:"iconfont" !important;
	color:#FFF;
	font-size:25px;
}
.backtop:hover {
	background-color:rgba(0,0,0,0.8);
}*/
main .top_tit {
	padding:5rem 0;
	text-align:center;
}
main .top_tit h1 {
	display:inline-block;
	position:relative;
	padding:10px 20px;
	box-sizing:border-box;
	font-family: 'Roboto Condensed';
	font-weight:500;
	color:#95322c;
	font-style: italic;
	max-width:100%;
	text-align:left;
}
main .top_tit h1:after {
	content: "";
	position:absolute;
	right:0;
	top:0;
	border: dashed 2px rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	z-index:-2;
	box-sizing:border-box;
}
main .top_tit h1:before {
	content: "\e63f";
	font-family: "iconfont" !important;
	position:absolute;
	right:1vw;
	top:-2vw;
	font-size:3vw;
	font-weight:300;
	font-style:normal;
	color:#95322c;
	background-color:#FFF;
	z-index:-1;
}
main .top_tit h1 span {
	display:block;
	font-size:1.5vw;
	font-weight:600;
}
main .top_tit h1 .auto-scale-text {
    display: inline-block;
	font-size:60px;
	color:#000;
	white-space: nowrap;
	text-transform: capitalize;
}
main .top_tit p {
	padding-top:1.5vw;
	line-height:1.5;
	font-size:1vw;
}
main .top_tit p em{
	font-family: "iconfont" !important;
	font-style:normal;
	font-size:1.2vw;
	margin-right:5px;
	color:#000;
}
main .top_tit p i{
	margin:0 10px;
}
main .banner {
	clear: both;
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
}
main .banner div {
	width: 1920px;
	height: 300px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	top: 0;
	text-align: center;
}
main .location {
	padding-top: 2rem;
}
main .location ul li {
	display: inline-block;
	position: relative;
	color: #666;
	font-size:1.4rem;
}
main .location ul li:nth-child(1):before {
	content: "\e62b";
	font-family: "iconfont" !important;
	font-size:1.5rem;
	margin: 0;
	margin-right: 5px;
}
main .location ul li:hover:nth-child(1):before {
	color: #95322c;
}
main .location ul li:before {
	content: "\e666";
	font-family: "iconfont" !important;
	margin: 0 5px;
	font-size: 1.3rem;
}
main .location ul li a {
	color: #666;
}
main .location ul li a:hover {
	color: #95322c;
}
main .prolist {
	padding:5rem 0;
	text-align:center;
}
main .prolist nav {
	margin-top: 3rem;
}
main .prolist nav ul li {
	display: inline-block;
	position: relative;
}
main .prolist nav ul li a {
	display: block;
	font-size: 1.4rem;
	padding: 5px 15px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-weight: 600;
}
main .prolist nav ul li a:hover {
	color: #95322c;
}
main .prolist nav ul li.on a {
	color: #FFF;
}
main .prolist nav ul li.on:before {
	background-color: #95322c;
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-ms-transform: skewX(-13deg);
	-webkit-transform: skewX(-13deg);
	transform: skewX(-13deg);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
main .prolist .types {
	margin-top: 1rem;
	padding: 1rem 0;
	text-align: center;
	border-top: dashed 2px rgba(0,0,0,0.6)
}
main .prolist .types ul li {
	display: inline-block;
	margin: 0 15px;
}
main .prolist .types ul li a {
	font-size: 1.4rem;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .prolist .types ul li.on a {
	color: #95322c;
	font-weight: 600;
}
main .prolist .toppro {
	padding-top:0;
}
main .prolist .toppro ul{
	padding-top:3rem;
}
main .prolist .toppro ul li .img:after {
	display:none;
}
main .prolist .tips {
	font-size:1.4rem;
	color: #000;
	text-align:left;
	font-weight:400;
}
main .prolist .tips:before {
	content: "\e643";
	font-family: "iconfont" !important;
	margin-right:5px;
}
main .proprocess {
	padding:5rem 0;
	text-align:center;
}
main .proprocess ul {
	text-align: left;
	padding-top:5rem;
	display: flex;
	align-items:stretch;
	flex-wrap:wrap;
}
main .proprocess ul li {
	display: inline-block;
	vertical-align: top;
	width: 31%;
	margin-right: 3.5%;
	margin-left: -3px;
	margin-bottom: 3.5%;
	background-color: #FFF;
	border: dashed 1px #95322c;
	padding:0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	box-shadow: 0 5px 10px -5px rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
	position:relative;
	z-index:1;
}
main .proprocess ul li:nth-child(3n+0) {
    margin-right: 0;
}
main .proprocess ul li:before {
	content: attr(data-step);
	transform: translateX(-50%) translateZ(5px); /* 3D层级 */
	width: 5rem;
	height: 5rem;
	background-color: #95322c;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	font-weight: bold;
	box-shadow: 0 4px 10px rgba(154,46,46,0.5);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .proprocess ul li:after {
	content: "\e63e";
	font-family: "iconfont" !important;
	position:absolute;
	top:5%;
	right:5%;
	font-size:8rem;
	color:rgba(255,255,255,0);
	z-index:-1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .proprocess ul li h3 {
	font-size:2rem;
	color:#000;
	margin-top:2rem;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .proprocess ul li article {
	margin:2rem 0;
	line-height:1.8;
	font-size:1.4rem;
}
main .proprocess ul li:hover {
	background-color: #95322c;
	color:#FFF;
	border: dashed 1px rgba(255,255,255,0.9);
}
main .proprocess ul li:hover:before {
	background-color: #FFF;
	color: #95322c;
	box-shadow: 0 4px 10px rgba(255,255,255,0.5);
}
main .proprocess ul li:hover:after {
	color:rgba(255,255,255,0.2);
}
main .proprocess ul li:hover h3 {
	color:#FFF;
}
main .profabric {
	padding:6rem 0;
	text-align:center;
	background-color:#ededed;	
}
main .profabric ul {
	text-align: left;
	padding-top:5rem;
	display: flex;
	align-items:stretch;
	flex-wrap:wrap;
}
main .profabric ul li {
	display: inline-block;
	vertical-align: top;
	width: 31%;
	margin-right: 3.5%;
	margin-left: -3px;
	margin-bottom: 3.5%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .profabric ul li:nth-child(3n+0) {
    margin-right: 0;
}
main .profabric ul li .img {
	width:100%;
	border: solid 1px rgba(0,0,0,0.05);
}
main .profabric ul li .img img {
	width: 100%;
	height: 100%;
	transition: transform 0.3s ease 0s;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;	
}
main .profabric ul li:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
main .profabric ul li h3 {
	text-align:left;
	font-size:1.8rem;
	margin:20px 0 10px 0;
}
main .profabric ul li p {
	font-size:1.3rem;
	text-align:justify;
	line-height:1.5;
}
main .proguide article {
	line-height:2;
	font-size:1.3rem;
	text-align:left;
}
main .proguide article p {
	margin-bottom:1.5rem;
}
main .proguide article img {
	max-width:100%;
}
main .showpro .movepic {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	position: relative;
}
main .showpro .movepic .gallery-top {
	border: dashed 2px rgba(0,0,0,0.8);
	overflow: hidden;
	background-color: #FFF;
}
main .showpro .movepic .gallery-top .swiper-slide {
	text-align: center;
}
main .showpro .movepic .gallery-top .swiper-slide:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	visibility: hidden;
	width: 1px;
}
main .showpro .movepic .gallery-top .swiper-slide img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	margin-left: -1px;
}
main .showpro .movepic .gallery-thumbs {
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
	position: relative;
}
main .showpro .movepic .gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: dashed 1px rgba(0,0,0,0.8);
	background-color: #FFF;
	text-align: center;
}
main .showpro .movepic .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	border-width:2px;
}
main .showpro .movepic .gallery-thumbs .swiper-slide:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	visibility: hidden;
	width: 1px;
}
main .showpro .movepic .gallery-thumbs .swiper-slide img {
	vertical-align: middle;
	margin-left: -1px;
	max-height: 100% !important;
	max-width: 100% !important;
}
main .showpro .movepic .move-left {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	margin-top: -75px;
	left: 10px;
	cursor: pointer;
	text-align: center;
	z-index: 1;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	background: #FFF;
	opacity: 0.6;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
main .showpro .movepic .move-left:after {
	content: "\e666";
	font-family: "iconfont" !important;
	font-size: 30px;
	line-height: 40px;
	color: #000;
}
main .showpro .movepic .move-right {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	margin-top: -75px;
	right: 10px;
	cursor: pointer;
	text-align: center;
	z-index: 1;
	background: #FFF;
	opacity: 0.6;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
main .showpro .movepic .move-right:after {
	content: "\e666";
	font-family: "iconfont" !important;
	font-size: 30px;
	line-height: 40px;
	color: #000;
}
main .showpro .protxt {
	display:inline-block;
	width:52%;
	float:right;
}
main .showpro .protxt article {
	font-size: 1.4rem;
	line-height:1.5;
	white-space: pre-wrap;
}
main .showpro .protxt h3 {
	font-size:1.5rem;
	padding-top:1.5rem;
}
main .showpro .protxt ul li {
	padding-top:1rem;
	font-size:1.2rem;
	display:flex;
}
main .showpro .protxt ul li span {
	font-weight:600;
	color:#000;
	margin-right:10px;
}
main .showpro .protxt  .btn {
	margin-top:3rem;
}
main .showpro .protxt .btn a {
	display:inline-block;
	position:relative;
	font-size:1.3rem;
	padding:15px 30px;
	background-color:#95322c;
	color:#FFF;	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .showpro .protxt .btn a:before {
	content:"";
	position:absolute;
	width:90%;
	height:80%;
	left:5%;
	top:10%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	box-sizing:border-box;
	border: dashed 2px rgba(255,255,255,0.8);
}
main .showpro .protxt .btn a:hover {
	background-color:#000;
}
main .showpro .protxt .share {
	margin-top:2rem;
	display:flex;
	align-items: center;
}
main .showpro .protxt .share dt {
	font-size:1.3rem;
	font-weight:600;
}
main .showpro .protxt .share dd {
	margin-left:10px;
}
main .showpro .protxt .share dd i {
	font-family: "iconfont" !important;
	font-style:normal;
	font-size:1.5rem;
}
main .showpro .procon {
	margin-top: 3rem;
}
main .showpro .procon .tmenu {
	display:flex;
	border-top: solid 1px rgba(0,0,0,0.2);
	border-bottom: solid 1px rgba(0,0,0,0.2);
	box-sizing:border-box;
}
main .showpro .procon .tmenu li {
	display: inline-block;
	line-height: 50px;
	font-size: 1.4rem;
	margin-right: 10px;
	margin-top:-1px;
	margin-bottom:-1px;
	padding: 0 30px;
	cursor: pointer;
	font-weight: 600;
	text-transform:uppercase;
}
main .showpro .procon .tmenu li.on {
	background-color:#95322c;
	color:#FFF;
}
main .showpro .procon .tmenu span {
	margin-left:auto;
	line-height: 47px;
	font-size:1.4rem;
	margin-right:30px;
}
main .showpro .procon .tmenu span a:before {
	content: "\e88f";
	font-family: "iconfont" !important;
	font-size:2rem;
	vertical-align:middle;
	margin-right:5px;
}
main .showpro .procon .con {
	margin: 2rem 0;
	line-height:1.8;
}
main .showpro .procon .con img {
	max-width: 100%;
}
main .showpro .procon .con.on {
	display: block;
}
main .review {
	padding:5rem 2rem;
	text-align:center;
}
main .review h1 {
	line-height:1;
}
main .review ul {
	padding-top: 5rem;
}
main .review ul li {
	width: 100%;
	margin-bottom:2%;
	text-align:left;
	position:relative;
}
main .review ul li em {
	font-size:1.4rem;
	font-weight:600;
	line-height:2;
	font-style:normal;
}
main .review ul li em span{
	color:#95322c;
}
main .review ul li .help-block {
	display:block;
	margin-top:10px;
	font-size:1.2rem;
	color:#C00;
}
main .review ul li input {
	width:100%;
	border: solid 1px rgba(0,0,0,0.3);
	padding: 10px;
	font-size: 1.3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
main .review ul li textarea {
	width: 100%;
	border: solid 1px rgba(0,0,0,0.3);
	padding: 10px;
	font-size: 1.3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
main .review ul li input.border-red,main .review ul li textarea.border-red {
	border: solid 1px #C00;
}
main .review ul li:last-child {
	text-align: center;
}
main .review ul li .sendmsg {
	display:inline-block;
	position:relative;
	font-size:1.3rem;
	padding:15px 30px;
	border:none;
	background-color:#95322c;
	color:#FFF;
	cursor:pointer;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .review ul li .sendmsg:before {
	content:"";
	position:absolute;
	width:90%;
	height:80%;
	left:5%;
	top:10%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	box-sizing:border-box;
	border: dashed 2px rgba(255,255,255,0.8);
}
main .review ul li .sendmsg:hover {
	background-color:#000;
}
main .review ul li .captcha-question {
	padding: 9px 10px;
	font-size: 1.6rem;
	font-weight: 600;
	background-color: #ededed;
	font-family: "Montserrat";
	margin-left: 20px;
	border: solid 1px rgba(0,0,0,0.3);
	vertical-align: middle;
	color: #000;
}
main .review ul li .captcha-Answer {
    display: inline-block;
	width:80px;
	font-size:1.3rem;
	vertical-align: middle;
}
main .review ul li .captcha-refresh {
	font-family: "iconfont" !important;
	font-size: 2.5rem;
	margin-left: 10px;
	vertical-align: middle;
	border:none;
	background:none;
}
main .review ul li .num {
	position:absolute;
	right:10px;
	bottom:10px;
}
main .review ul li .num em{
	font-size:1rem;
}
main .review ul li .star span:before {
	content: "\e6a4";
	font-family: "iconfont" !important;
	font-size:2.5rem;
	color:#ffb400;
}
main .review ul li .star span:hover:before {
	content: "\e6a5";
	opacity: 0.6;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .review ul li .star span.on:before {
	content: "\e6a5";
	opacity: 1;
}
main .review_list {
	text-align:center;
}
main .review_list h1 {
	line-height:1;
}
main .review_list .rating {
	margin-top:3rem;
}
main .review_list .rating div {
	display:inline-block;
	background-color:#ededed;
	padding:0px 15px;
	font-size:1.4rem;
	color:#000;
	border-radius: 10px;
	border: dashed 1px rgba(0,0,0,0.3);
}
main .review_list .rating div em {
	font-family: "iconfont" !important;
	font-size:1.6rem;
	color:rgba(0,0,0,0.8);
	font-style:normal;
}
main .review_list .rating div span {
	margin-left:10px;
}
main .review_list ul {
	text-align:left;
}
main .review_list ul li {
	border-bottom: dashed 1px rgba(0,0,0,0.3);
	padding:2rem 0;
	line-height:2;
}
main .review_list ul li .star span {
	font-family: "iconfont" !important;
	font-size:1.5rem;
	color:#ffb400;
}
main .review_list ul li .name {
	font-size:1.3rem;
	font-weight:600;
}
main .review_list ul li .name:before {
	content: "\e6a3";
	font-family: "iconfont" !important;
	margin-right:5px;
}
main .review_list ul li .content {
	font-size:1.3rem;
	line-height:1.5;
}
main .review_list ul li .reply {
	margin-top:1.5rem;
	padding:10px;
	font-size:1.3rem;
	line-height:1.5;
	background-color:#ededed;
}
main .review_list ul li .reply b {
	display:block;
}
main .review_list .more {
	padding:10px;
	font-size:1.3rem;
	font-weight:600;
	position:relative;
	cursor:pointer;
}
main .review_list .more:before {
	content: "\e7ab";
	font-family: "iconfont" !important;
	font-size:2rem;
	position:absolute;
	left:50%;
	bottom:-12px;
	margin-left:-1rem;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
main .review_list .more.on {
	font-size:0;
}
main .review_list .more.on:before {
	display:none;
}
main .review_list .more.on:after {
	content: "loading...";
	font-size:1.3rem;
}
main .showpro .procon .con .odlist {
	text-align:center;
	padding-top:5rem;
}
main .showpro .procon .con .odlist h1 {
	line-height:1;
}
main .showpro .procon .con .odlist ul {
	padding-top:5rem;
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;	
}
main .showpro .procon .con .odlist li {
	display: inline-block;
	vertical-align: top;
	width: 23.5%;
	margin-right: 2%;
	border: solid 1px rgba(0,0,0,0.15);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	background: #FFF;
	webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
main .showpro .procon .con .odlist li:nth-child(4n+0) {
	margin-right:0;
}
main .showpro .procon .con .odlist li:hover {
	border-bottom: solid 3px #DDD;
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.3);
	box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
main .showpro .procon .con .odlist li .img {
	width: 100%;
	overflow: hidden;
}
main .showpro .procon .con .odlist li .img:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	visibility: hidden;
	width: 1px;
}
main .showpro .procon .con .odlist li .img img {
	vertical-align: middle;
	margin-left: -1px;
	max-height: 100% !important;
	max-width: 100% !important;
	transition: transform 0.3s ease 0s;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}
main .showpro .procon .con .odlist li .img:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
main .showpro .procon .con .odlist li h3 {
	line-height: 1.3;
	text-align: left;
	font-size: 1.3rem;
	font-weight: 400;
	margin:10px;
}
main .factory {
	padding-bottom:5rem;
}
main .factory article {
	display: flex;
	align-items:stretch;
}
main .factory article .con {
	width:48%;
	padding:20px 0;
}
main .factory article .con h3 {
	text-align:left;
	font-size:2rem;
	margin-bottom:10px;
}
main .factory article .con p {
	font-size:1.4rem;
	text-align:justify;
	line-height:1.5;
	white-space: pre-wrap;
}
main .factory article .img {
	width:48%;
	margin-left: auto;
	text-align:center;
	position:relative;
	container-type: inline-size;
}
main .factory article .img img {
	max-width:100%;
	height:100%;
	object-fit: cover;
}
main .factory article .img:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.3);
	z-index:1;
}
main .factory article .img .video {
	position:absolute;
	width:15cqw;
	height:15cqw;
	left:50%;
	top:50%;
	z-index:2;
	margin-top:-7cqw;
	margin-left:-7cqw;
	text-align:center;
}
main .factory article .img .video:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color: rgba(255,255,255,0.7);
	border-radius: 50%;
}
main .factory article .img .video:after {
	content: "\e617";
	font-family: "iconfont" !important;
	position:absolute;
	left:0;
	top:0;
	font-size:15cqw;
	color:#95322c;
	opacity:0.9;
}
main .factory ul li {
	display: flex;
	justify-content:space-between;
	margin-top:4rem;
}
main .factory ul li .img {
	width:48%;
	text-align:center;
}
main .factory ul li .img img {
	width:100%;
	height:100%;
}
main .factory ul li .con {
	width:48%;
	padding:20px 0;
}
main .factory ul li .con h3 {
	text-align:left;
	font-size:2rem;
	margin-bottom:10px;
}
main .factory ul li .con p {
	font-size:1.4rem;
	line-height:1.5;
	white-space: pre-wrap;
}
main .factory ul li:nth-child(even) .img {
	order:1;
}
main .abpiclist {
	padding-bottom:5rem;
	text-align:center;
}
main .abpiclist ul {
	display: flex;
	align-items:stretch;
	flex-wrap:wrap;
}
main .abpiclist ul li {
	display: inline-block;
	vertical-align: top;
	width: 31%;
	margin-right: 3.5%;
	margin-left: -3px;
	margin-bottom:1rem;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .abpiclist ul li:nth-child(3n+0) {
    margin-right: 0;
}
main .abpiclist ul li .img {
	width:100%;
	border: solid 1px rgba(0,0,0,0.05);
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
main .abpiclist ul li .img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: transform 0.3s ease 0s;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;	
}
main .abpiclist ul li:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
main .abpiclist ul li h3 {
	font-size:1.4rem;
	font-weight:400;
	line-height:1.5;
	margin:20px 0 10px 0;
}
main .abpiclist ul.w4 li {
	width: 23.5%;
	margin-right: 2%;
}
main .abpiclist ul.w4 li:nth-child(3n+0) {
	margin-right: 2%;
}
main .abpiclist ul.w4 li:nth-child(4n+0) {
    margin-right: 0;
}
main .abpiclist ul.w4 li .img {
	overflow:hidden;
}
main .whycus {
	padding-bottom:5rem;
}
main .whycus article {
	font-size:1.4rem;
	text-align:justify;
	line-height:1.5;
}
main .whycus article img {
	max-width:100%;
}
main .process {
	padding-bottom:5rem;
	text-align:center;
}
main .process ul {
	display: flex;
	justify-content: center;
	align-items:stretch;
	flex-wrap:wrap;
	gap:5rem 4%;
}
main .process ul li{
	width: 22%;
	padding: 3rem 1.5rem 1.5rem 1.5rem;
	box-sizing:border-box;
	border-radius: 8px;
	text-align: center;
	background-color:#FFF;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	transform-style: preserve-3d;
	transition: all 0.6s ease;
	cursor: pointer;
	border:solid 3px #95322c;
	position:relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .process ul.w3 li {
	width: 30%;
}
main .process ul li:before {
	content: attr(data-step);
	position: absolute;
	top: -2.5rem;
	left: 50%;
	transform: translateX(-50%); /* 3D层级 */
	width: 5rem;
	height: 5rem;
	background-color: #95322c;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	font-weight: bold;
	box-shadow: 0 4px 10px rgba(154,46,46,0.5);
}
main .process ul li:after {
	content: "\e633";
	font-family: "iconfont" !important;
	position:absolute;
	bottom:0;
	right:0;
	font-size:8rem;
	color:rgba(255,255,255,0);
	z-index:-1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .process ul li h3 {
	color:#000;
	font-size:1.8rem;
	margin: 1rem 0;
}
main .process ul li article {
	font-size:1.3rem;
	line-height: 1.5;
	text-align:left;
	color:#666;
}
main .process ul li:hover {
	background-color: #95322c;
	color:#FFF;
	border: dashed 3px rgba(255,255,255,0.9);
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}
main .process ul li:hover h3,main .process ul li:hover article {
	color:#FFF;
}
main .process ul li:hover:after {
	color:rgba(255,255,255,0.2);
}
main .abpiclist .btn,main .process .btn,main .topfaq .btn  {
	margin-top:3rem;
}
main .abpiclist .btn a,main .process .btn a,main .topfaq .btn a {
	display:inline-block;
	position:relative;
	font-size:1.3rem;
	padding:15px 30px;
	background-color:#95322c;
	color:#FFF;	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .abpiclist .btn a:before,main .process .btn a:before,main .topfaq .btn a:before {
	content:"";
	position:absolute;
	width:94%;
	height:80%;
	left:3%;
	top:10%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	box-sizing:border-box;
	border: dashed 2px rgba(255,255,255,0.8);
}
main .abpiclist .btn a:hover,main .process .btn a:hover,main .topfaq .btn a:hover {
	background-color:#000;
}
main .newslist {
	padding:5rem 0;
	text-align:center;
}
main .newslist .left {
	display:inline-block;
	width:23%;
	margin-top:5rem;
	text-align:left;
}
main .newslist .left h3 {
	position:relative;
	z-index:1;
}
main .newslist .left h3:before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:1px;
	background-color:rgba(0,0,0,0.15);
	z-index:-1;
}
main .newslist .left h3 span {
	display:inline-block;
	background-color:#FFF;
	line-height:1.5;
	font-size:1.6rem;
	padding-right:20px;
}
main .newslist .left nav {
	margin:1.5rem 1rem;
}
main .newslist .left nav a {
	display:block;
	font-size:1.3rem;
	line-height:2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .newslist .left nav a:hover {
	margin-left:5px;
}
main .newslist .left nav a.on {
	color:#95322c;
}
main .newslist .left ul {
	margin:1.5rem 0.5rem;
}
main .newslist .left ul li {
	margin-bottom:1rem;
	line-height:1.5;
	font-size:1.3rem;
}
main .newslist .left ul li a {
	display:flex;
}
main .newslist .left ul li a:before {
	content: "\e61e";
	font-family: "iconfont" !important;
	font-size:1.5rem;
}
main .newslist .right {
	display:inline-block;
	width:72%;
	float:right;
	padding-left:5%;
	margin-top:5rem;
}
main .newslist .right ul li {
	border-bottom: dashed 1px rgba(0,0,0,0.3);
	text-align: left;
	padding:20px 10px;
}
main .newslist .right ul li h3 {
	font-size:1.5rem;
	font-weight:600;
}
main .newslist .right ul li article {
    font-size: 1.3rem;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top:10px;
	color:rgba(0,0,0,0.7);
}
main .newslist .right ul li article time {
	display:block;
	color:rgba(0,0,0,0.5);
	margin-bottom:10px;
}
main .shownews article {
	font-size:1.3rem;
	line-height:2;
}
main .shownews article p {
	margin-bottom:1rem;
}
main .shownews article img{
	max-width:100%;
}
main .shownews .share {
	margin:2rem 0;
	display:flex;
	align-items: center;
	font-size:1.2rem;
	font-weight:600;
}
main .shownews .share dt {
	font-size:1.3rem;
}
main .shownews .share dd {
	margin: 0 10px;
}
main .shownews .share dd i {
	font-family: "iconfont" !important;
	font-style:normal;
	font-size:1.5rem;
	margin-right:5px;
}
main .shownews .link {
	margin-top:1rem;
	font-size:1.2rem;
}
main .shownews .btn {
	margin:3rem 0;
	text-align:center;
}
main .shownews .btn a {
	display:inline-block;
	position:relative;
	font-size:1.3rem;
	padding:15px 30px;
	margin:10px 20px;
	background-color:#95322c;
	color:#FFF;	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .shownews .btn a:after {
	content:"";
	position:absolute;
	width:94%;
	height:80%;
	left:3%;
	top:10%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	box-sizing:border-box;
	border: dashed 2px rgba(255,255,255,0.8);
}
main .shownews .btn a:before {
	content: "\e6ed";
	font-family: "iconfont" !important;
	margin-right:5px;
}
main .shownews .btn a:hover {
	background-color:#000;
}
main .shownews .btn a:nth-child(2) {
	background-color:#000;
}
main .shownews .btn a:nth-child(2):before {
	content:normal;
}
main .shownews .btn a:nth-child(2):hover {
	background-color:#95322c;
}
main .bloglist {
	padding:5rem 0;
	text-align:center;
}
main .bloglist .left {
	display:inline-block;
	width:23%;
	margin-top:5rem;
	text-align:left;
}
main .bloglist .left h3 {
	position:relative;
	z-index:1;
}
main .bloglist .left h3:before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:1px;
	background-color:rgba(0,0,0,0.15);
	z-index:-1;
}
main .bloglist .left h3 span {
	display:inline-block;
	background-color:#FFF;
	line-height:1.5;
	font-size:1.6rem;
	padding-right:20px;
}
main .bloglist .left nav {
	margin:1.5rem 1rem;
}
main .bloglist .left nav a {
	display:block;
	font-size:1.3rem;
	line-height:2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .bloglist .left nav a:hover {
	margin-left:5px;
}
main .bloglist .left nav a.on {
	color:#95322c;
}
main .bloglist .left ul {
	margin:1.5rem 0.5rem;
}
main .bloglist .left ul li {
	margin-bottom:1rem;
}
main .bloglist .left ul li a {
	display:flex;
	align-items:center;
}
main .bloglist .left ul li a .img {
	width:28%;
}
main .bloglist .left ul li a .img img {
	width:100%;
	height:100%;
	object-fit: cover;
}
main .bloglist .left ul li a h4 {
	width:72%;
	font-size:1.1rem;
	font-weight:400;
	padding-left:10px;
}
main .bloglist .left ul li a h4 time {
	display:block;
	color:rgba(0,0,0,0.4);
}
main .bloglist .right {
	display:inline-block;
	width:72%;
	float:right;
	padding-left:5%;
	margin-top:5rem;
}
main .bloglist .right ul {
	display: flex;
	align-items:stretch;
	flex-wrap:wrap;
	justify-content:space-between;
}
main .bloglist .right ul li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:48%;
	margin-bottom: 4%;
	background-color: #FFF;
	border: solid 1px rgba(0,0,0,0.03);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.03);
	box-shadow: 0 5px 10px rgba(0,0,0,0.03);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}
main .bloglist .right ul li a {
	display: flex;
    flex-direction: column;
	justify-content:space-between;
	height:100%;
}
main .bloglist .right ul li .img {
	width: 100%;
	position:relative;
}
main .bloglist .right ul li .img img {
	width: 100%;
	height:100%;
}
main .bloglist .right ul li article {
	line-height:1.5;
	text-align:left;
	padding:20px;
}
main .bloglist .right ul li article h3 {
	font-size:1.5rem;
}
main .bloglist .right ul li article p {
    font-size: 1.3rem;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top:10px;
	color:rgba(0,0,0,0.7);
}
main .bloglist .right ul li .more {
	line-height:1.5;
	border-top:solid 1px rgba(0,0,0,0.1);
	text-align:left;
	padding:10px 20px;
	color:rgba(0,0,0,0.5);
	display: flex;
	justify-content: space-between;
}
main .bloglist .right ul li .more span {
	font-size:0.9rem;
	font-weight:600;
	color:#000;
	text-transform:uppercase;
}
main .bloglist .right ul li .img:before {
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: linear-gradient(transparent,rgba(0,0,0,0.3));
	z-index:1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .bloglist .right ul li:hover .img:before {
	background: linear-gradient(transparent,rgba(0,0,0,0.1));
}
main .bloglist .right ul li:hover {
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
main .videolist {
	padding:5rem 0;
	text-align:center;
}
main .videolist .left {
	display:inline-block;
	width:23%;
	margin-top:5rem;
	text-align:left;
}
main .videolist .left h3 {
	position:relative;
	z-index:1;
}
main .videolist .left h3:before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:1px;
	background-color:rgba(0,0,0,0.15);
	z-index:-1;
}
main .videolist .left h3 span {
	display:inline-block;
	background-color:#FFF;
	line-height:1.5;
	font-size:1.6rem;
	padding-right:20px;
}
main .videolist .left nav {
	margin:1.5rem 1rem;
}
main .videolist .left nav a {
	display:block;
	font-size:1.3rem;
	line-height:2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .videolist .left nav a:hover {
	margin-left:5px;
}
main .videolist .left nav a.on {
	color:#95322c;
}
main .videolist .left ul {
	margin:1.5rem 0.5rem;
}
main .videolist .left ul li {
	margin-bottom:1rem;
}
main .videolist .left ul li a {
	display:flex;
	align-items:center;
}
main .videolist .left ul li a .img {
	width:28%;
	position:relative;
	text-align:center;
	z-index:1;
}
main .videolist .left ul li a .img img {
	width:100%;
	height:100%;
	object-fit: cover;
}
main .videolist .left ul li a .img:before {
	content: "\e617";
	font-family: "iconfont" !important;
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	z-index:2;
	font-size:2rem;
	margin-top:-1rem;
	color:rgba(255,255,255,0.8);
}
main .videolist .left ul li a h4 {
	width:72%;
	font-size:1.1rem;
	font-weight:400;
	padding-left:10px;
}
main .videolist .left ul li a h4 span {
	display:block;
	color:rgba(0,0,0,0.4);
}
main .videolist .right {
	display:inline-block;
	width:72%;
	float:right;
	padding-left:5%;
	margin-top:5rem;
}
main .videolist .right ul {
	display: flex;
	align-items:stretch;
	flex-wrap:wrap;
	justify-content:space-between;
}
main .videolist .right ul li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:48%;
	margin-bottom: 4%;
	background-color: #FFF;
	border: solid 1px rgba(0,0,0,0.03);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.03);
	box-shadow: 0 5px 10px rgba(0,0,0,0.03);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}
main .videolist .right ul li a {
	display: flex;
    flex-direction: column;
	justify-content:space-between;
	height:100%;
}
main .videolist .right ul li .img {
	width: 100%;
	position:relative;
	z-index:1;
	overflow:hidden;
}
main .videolist .right ul li .img img {
	width: 100%;
	height:100%;
	object-fit: cover;
	transition: transform 0.3s ease 0s;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;	
}
main .videolist .right ul li article {
	line-height:1.5;
	text-align:left;
	padding:20px;
}
main .videolist .right ul li article h3 {
	font-size:1.5rem;
}
main .videolist .right ul li article .tips {
    font-size: 1.2rem;
	color:rgba(0,0,0,0.5);
	margin-top:5px;
}
main .videolist .right ul li article .tips span {
	margin-right:10px;
}
main .videolist .right ul li article p {
    font-size: 1.3rem;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top:10px;
	color:rgba(0,0,0,0.7);
}
main .videolist .right ul li .img:after {
	content: "\e617";
	font-family: "iconfont" !important;
	position:absolute;
	width:4vw;
	height:4vw;
	left:50%;
	top:50%;
	z-index:2;
	font-size:4vw;
	margin-top:-2vw;
	margin-left:-2vw;
	color:#95322c;
	opacity:0.9;
	background-color: rgba(255,255,255,0.6);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .videolist .right ul li .img:before {
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: linear-gradient(transparent,rgba(0,0,0,0.3));
	z-index:1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
main .videolist .right ul li:hover .img:before {
	background: linear-gradient(transparent,rgba(0,0,0,0.1));
}
main .videolist .right ul li:hover .img:after {
	background-color: rgba(255,255,255,1);
	opacity:1;
}
main .videolist .right ul li:hover {
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
main .videolist .right ul li:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
main .contact {
	margin-bottom:5rem;
}
main .contact .kk {
	display:flex;
	gap:2%;
	justify-content:space-between;
}
main .contact h3 {
	font-size:1.8rem;
	margin-bottom:1rem;
}
main .contact .items {
	font-size:1.3rem;
	line-height:2;
}
main .contact .items p {
	margin-bottom:1rem;
	display:flex;
	align-items: baseline;
}
main .contact .items p a{
	color:inherit;
}
main .contact .items img {
	max-width:100%;
	margin-top:5rem;
}
main .contact .items p em {
	font-weight:600;
	font-style:normal;
}
main .contact .items p em:before {
	font-family: "iconfont" !important;
	font-size:1.8rem;
	margin-right:5px;
	line-height:1;
	color:#95322c;
	vertical-align:middle;
}
main .contact .items p:nth-child(2) em:before {
	content:"\e649";
}
main .contact .items p:nth-child(3) em:before {
	content:"\e610";
}
main .contact .items p:nth-child(4) em:before {
	content:"\e69c";
}
main .contact .items p:nth-child(5) em:before {
	content:"\e62a";
}
main .contact .items p:nth-child(6) em:before {
	content:"\e739";
}
main .map {
	height: calc(100vw*3/7);
	margin-bottom:4rem;
}
main .map h3 {
	font-size:1.8rem;
	margin-bottom:1rem;
}

.nodata {
	font-size:1.5rem;
	color:#95322c;
	padding:5rem;
	font-weight:600;
	width: 100%;
	box-sizing:border-box;
	text-align:center;
}
#showyz {
	height: 100%;
	width: 100%;
	top: 0; 
	left: 0; 
	background:#000;
	-moz-opacity: 0.5; 
	opacity:.50;
	filter:alpha(opacity=50);
	position:fixed;
	display:none; 
	z-index:1003; 	
}
#showyz_div {
	background: #FFF;
	width: 50%;
	display:none;
	position:fixed;
	left:25%;
	top:50%;
	z-index:1004;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
#showyz_div_tit {
	padding:10px;
	font-size:1.5rem;
	background-color:#95322c;
	color:#FFF;
}
#showyz_div_tit div{
    float:right;
	cursor:pointer;
	margin-top:5px;
	font-family: "iconfont" !important;
	font-size:1.5rem;
}
#showyz_div_con {
	padding:10px 20px;
}
#showyz_div_con ul li {
	width: 100%;
	margin-bottom:2%;
	text-align:left;
	position:relative;
}
#showyz_div_con ul li em {
	font-size:1.4rem;
	font-weight:600;
	line-height:2;
	font-style:normal;
}
#showyz_div_con ul li em span{
	color:#95322c;
}
#showyz_div_con ul li .help-block {
	display:block;
	margin-top:10px;
	font-size:1.2rem;
	color:#C00;
}
#showyz_div_con ul li input {
	width:100%;
	border: solid 1px rgba(0,0,0,0.3);
	padding: 10px;
	font-size: 1.3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#showyz_div_con ul li textarea {
	width: 100%;
	border: solid 1px rgba(0,0,0,0.3);
	padding: 10px;
	font-size: 1.3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#showyz_div_con ul li input.border-red,#showyz_div_con ul li textarea.border-red {
	border: solid 1px #C00;
}
#showyz_div_con ul li:last-child {
	text-align: center;
}
#showyz_div_con ul li .sendmsg {
	display:inline-block;
	position:relative;
	font-size:1.3rem;
	padding:15px 30px;
	border:none;
	background-color:#95322c;
	color:#FFF;
	cursor:pointer;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#showyz_div_con ul li .sendmsg:before {
	content:"";
	position:absolute;
	width:90%;
	height:80%;
	left:5%;
	top:10%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	box-sizing:border-box;
	border: dashed 2px rgba(255,255,255,0.8);
}
#showyz_div_con ul li .sendmsg:hover {
	background-color:#000;
}
#showyz_div_con ul li .captcha-question {
	padding: 9px 10px;
	font-size: 1.6rem;
	font-weight: 600;
	background-color: #ededed;
	font-family: "Montserrat";
	margin-left: 20px;
	border: solid 1px rgba(0,0,0,0.3);
	vertical-align: middle;
	color: #000;
}
#showyz_div_con ul li .captcha-Answer {
    display: inline-block;
	width:80px;
	font-size:1.3rem;
	vertical-align: middle;
}
#showyz_div_con ul li .captcha-refresh {
	font-family: "iconfont" !important;
	font-size: 2.5rem;
	margin-left: 10px;
	vertical-align: middle;
	border:none;
	background:none;
}
#showyz_div_con ul li .num {
	position:absolute;
	right:10px;
	bottom:10px;
}
#showyz_div_con ul li .num em{
	font-size:1rem;
}
.odline {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background-color: #000;
	z-index: 2;
}
.odline ul {
	display: flex;
	justify-content: center;
	align-items:stretch;
}
.odline li {
	width: 29%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-right: solid 1px rgba(255, 255, 255, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	display: flex;
	justify-content: center;
	align-items:stretch;
}
.odline li:first-child {
	width: 22%;
}
.odline li:last-child {
	width: 49%;
	background-color: #95322c;
}
.odline li a {
	color: #FFF;
	font-size: 3.8vw;
	display: flex;
	justify-content: center;
	align-items:center;
}
.odline li span {
	font-family: "iconfont" !important;
	font-size: 5.5vw;
	padding: 0 3px;	
}
.odline li div {
	position:absolute;
	bottom:50px;
	left:50%;
	margin-left:-75px;
	display:none;
}
.odline li div img {
	width:150px;
}
.odline li:hover div {
	display:block;
}
.aside-nav {
	position: fixed;
	right: 7px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10000;
}
.aside-nav-one {
	position: relative;
	margin-top: 6px;
	margin-bottom: 6px;
	width: 54px;
	height: 54px;
	line-height: 52px;
	text-align: right;
}
.aside-nav-one-desc {
	position: absolute;
	right: 0;
	width: 54px;
	height: 54px;
	font-size: 14px;
	line-height: 52px;
	background: #000;
	color: #000;
	border-radius: 50px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: .3s, color .1s;
}
.aside-nav-one-img {
	position: absolute;
	left: 0;
	top: -1px;
	z-index: 10;
	width: 54px;
	height: 54px;
	text-align: center;
	transition: .3s;
	font-family: "iconfont" !important;
	color: #FFF;
	font-size: 28px;
	line-height: 54px;
	cursor: pointer;
}
.aside-nav-one a:hover .aside-nav-one-desc {
	padding: 0 20px 0 50px;
	color: #fff;
	transition: .3s;
	white-space: nowrap;
	word-break: break-all;
	width: auto;
}
.aside-nav-one-qrcode {
	position: absolute;
	right: -200px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	z-index: -1;
}
.aside-nav-one:hover .aside-nav-one-qrcode {
	right: 60px;
	opacity: 1;
	visibility: visible;
}
.aside-nav-one-qrcode img {
	width: 140px;
}
.aside-nav-one.tips:before {
	content:attr(data-tips);
	position:absolute;
	right:61px;
	top:50%;
	margin-top:-20px;
	color:#95322c;
	font-size: 13px;
	white-space:nowrap;
	background-color:#FFF;
	height:auto;
	line-height: 1;
	padding:9px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
	border: solid 1px rgba(0,0,0,0.1);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	z-index: -1;
}
.aside-nav-one.tips:after {
	content: '';
	position: absolute;
	right:55px;
	top:50%;
	margin-top:-13px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #FFF;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.12));
	z-index: -1;
}
.aside-nav-one.tips.is-scrolling:before,.aside-nav-one.tips.is-scrolling:after {
	opacity: 0.2;
}



@media screen and (max-width: 1440px) {
	header .kk {
		width:96%;
	}
}
@media screen and (max-width: 1280px) {
	header .ewm {
		display:none;
	}
}
@media screen and (max-width: 1080px) {
	.kk {
		width: 98%;
	}
	.btop{
		margin-top: 80px;	
	}
	header .logo {
		height: 80px;
	}
	header .logo img {
		max-height: 60px;
	}	
	header .menu{
		position:absolute;
		left:0;
		top:-100px;
		opacity:0;
		padding:0;
		z-index:-1;
	}	
	header .overlay {
		position: fixed;
		z-index: 3;
		background-color: #000;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	header .menubtn {
		position: absolute;
		cursor: pointer;
		text-align: center;
		right: 10px;
		top: 15px;
		z-index: 4;
	}
	header .menubtn:before {
		content: "\e639";
		font-family: "iconfont" !important;
		color: #000;
		font-size: 25px;
		padding: 10px 5px;
		display: inline-block;
	}
	header.wapopen .menubtn:before {
		color: #FFF;
		content: "\e654";
	}
	header.wapopen .overlay {
		height: 100%;
	}
	header.wapopen .kk {
		width: 100%;
	}
	header.wapopen .menu {
		top:0;
		width: 100%;
		opacity:1;
	    padding: 50px 0 0 0;
		z-index:4;
		overflow: hidden;
		-moz-transition: all 0.3s ease-in-out 0.1s;
		-o-transition: all 0.3s ease-in-out 0.1s;
		-ms-transition: all 0.3s ease-in-out 0.1s;
		transition: all 0.3s ease-in-out 0.1s;
	}
	header.wapopen .menu > ul {
		height:calc(100vh - 50px);
		overflow-y:auto;
	}
	header.wapopen .menu ul li {
		display: block;
		margin-right:0;
		border-bottom: solid 1px rgba(255,255,255,0.1);
	}
	header.wapopen .menu ul li a {
		height: auto;
		line-height: 1;
		color: #FFF;
		padding: 20px 40px;
		font-size: 1.4rem;
	}
	header.wapopen .menu > ul > li > a.on {
		background-color:#95322c;
	}
	header.wapopen .menu ul li ul {
		display:none;
		top: 0;
		padding:0 20px;
		position: relative;
		background-color:unset;
	}
	header.wapopen .menu li ul li a {
		font-size: 1.3rem;
	}
	footer .items {
		flex-wrap:wrap;
	    padding:3rem 2rem;
		box-sizing:border-box;
	}
	footer .items nav {
		width:30%;
		margin-bottom:3rem;
	}
    footer .items .contact {
		margin-bottom:3rem;
	}
}
@media screen and (max-width: 811px) {
	.aside-nav {
		display:none;
	}
	.odline {
		display: block;
	}	
	footer {
		margin-bottom:48px;
	}
	#banner {
		background-color: #ededed;
	}	
	#banner .img {
		background-position: center right;
	}
	#banner .wrapper {
		position: relative;
		height: auto;
		left:0;
		padding:40px 20px;
	}
	#banner .wrapper .headline {
		padding:10px;
		font-size:10vw;
	}
	#banner .wrapper .headline:before {
		top:-5.4vw;
		right:20px;
		font-size:10vw;
	}
	#banner .wrapper .description {
		margin-top:2rem;
	}
	#banner .wrapper .btn {
		margin-top:2rem;
		text-align:center;
	}	
	main .tit {
		font-size:8vw;
		padding:10px;
	}
	main .tit:before {
		right:4.5vw;
		top:-5vw;
		font-size:8vw;
	}
	main .topwcu article {
		padding-top: 4rem;
		flex-wrap:wrap;
	}
	main .topwcu article .con {
		width:100%;
		padding:20px;
		box-sizing:border-box;
	}
	main .topwcu article .img {
		margin-left: unset;
		width:100%;
		order:-1;
	}
	main .topabout article {
		padding-top: 4rem;
		flex-wrap:wrap;
	}
	main .topabout article .con {
		width:100%;
		padding:20px;
		box-sizing:border-box;
		margin-left: unset;
	}
	main .topabout article .img {
		width:100%;
	}
	main .topprocess {
		overflow:hidden;
	}
	main .topprocess .swiper-button-next {
		right:-40px;
	}
	main .topprocess .swiper-button-prev {
		left:-40px;
	}
	main .topprocess:hover .swiper-button-next {
		right:0;
	}
	main .topprocess:hover .swiper-button-prev {
		left:0;
	}
	main .top_tit h1 {
		padding:10px;
	}
	main .top_tit h1:before {
		right:4.5vw;
		top:-5vw;
		font-size:8vw;
	}
	main .top_tit h1 span {
		font-size:2rem;
	}
	main .top_tit h1 .auto-scale-text {
		font-size:8vw;
	}
	main .top_tit p {
		padding-top:2rem;
		font-size:1.3rem;
	}
	main .top_tit p em{
		font-size:1.3rem;
	}	
	main .banner div {
		width: 130%;
		height: auto;
		position: relative;
		left: -15%;
		margin-left:0;
		top: 0;
	}
	main .banner div img {
		width:100%;
	}
	main .factory ul li .img img {
		object-fit: cover;
	}
	main .newslist .left,main .bloglist .left,main .videolist .left {
		width:100%;
		margin-top:3rem;
	}
	main .newslist .right,main .bloglist .right,main .videolist .right {
		width:100%;
		float:unset;
		padding-left:0;
		margin-top:0;
		border-top: 1px solid rgba(0,0,0,0.15);
	}
	main .shownews article {
		padding:0 10px;
	}
	main .shownews .share {
	    margin:2rem 10px;
		flex-wrap:wrap;
		padding-left:4rem;
		position:relative;
	}
	main .shownews .share:before {
		content:"Share:";
		font-size:1.3rem;
		position:absolute;
		left:0;
		top:0;
	}
	main .shownews .share dt {
		display:none;
	}	
	main .shownews .share dd {
		margin: 0 10px 10px 10px;
	}		
	main .shownews .link {
		display:flex;
		padding:0 10px;
	}
	main .bloglist .left ul li a .img,main .videolist .left ul li a .img {
		width:20%;
	}
	main .bloglist .left ul li a h4,main .videolist .left ul li a h4 {
		width:80%;
	}	
	main .bloglist .right,main .videolist .right {
		margin-top:2rem;
	}
	main .bloglist .right ul li,main .videolist .right ul li {
		width:100%;
		margin-top: 3rem;
		margin-bottom:0;
	}
	main .videolist .right ul li .img:after {
		width:16vw;
		height:16vw;
		font-size:16vw;
		margin-top:-8vw;
		margin-left:-8vw;
	}		
}
@media screen and (max-width: 480px) {
	.btop{
		margin-top: 65px;	
	}
	header .logo {
		height: 65px;
	}
	header .logo img {
		max-height: 50px;
	}
	header .menubtn {
		top: 10px;
	}		
	#banner .wrapper .headline {
		font-size:8vw;
	}	
	main .step-card {
		padding: 4rem 20px;
	}
	main .step-card .line {
		display:none;
	}
	main .step-card ul {
		padding-top: 6rem;
		flex-wrap:wrap;
	}
	main .step-card ul li{
		width: 100%;
	}
	main .step-card ul li article {
		font-size:1.3rem;
	}
	main .toppic {
		padding: 2rem 20px;
	}
	main .toppic h1 {
		display:flex;
	}
	main .toppic ul {
		display: unset; 
	}
	main .toppic ul li {
		margin-top:20px;
	}
	main .toppro ul li {
		width: 49%;
	}
	main .toppro ul li:nth-child(2n+0) {
		margin-right: 0;
	}
	main .toppro,main .topprocess,main .topabout,main .topabout article,main .topwcu article,main .toppartner,main .toppro ul,main .topprocess .swiper-container, main .toppartner .swiper-container, main .topcqa .swiper-container,main .topblog ul,main .inquiry ul,main .proprocess ul,main .profabric ul,main .showpro .procon .con .odlist,main .showpro .procon .con .odlist ul,main .topvideo ul {
		padding-top: 3rem;
	}
	main .toppro ul li h3,main .topprocess .swiper-slide h3,main .toppartner .swiper-slide h3 {
		font-size: 1.2rem;
	}
	main .step-card ul li h3,main .toppic ul li h3,main .topabout article .con h3,main .topfaq dl dt,main .topnews dl dt,main .proprocess ul li h3,main .profabric ul li h3,main .factory article .con h3,main .factory ul li .con h3,main .process ul li h3,main .contact h3 {
		font-size:1.6rem;
	}
	main .topfaq article,main .topnews article,main .review ul {
		padding-top:2rem;
	}
	main .topwcu article .con,main .topabout article .con p,main .topfaq dl dd {
		text-align:left;
	}
	main .topfaq dl dt {
		display:flex;
		padding-right:20px;
	}
	main .topcqa,main .topfaq,main .topnews,main .topblog,main .inquiry,main .top_tit,main .prolist,main .proprocess,main .profabric,main .newslist,main .bloglist,main .review,main .videolist,main .topvideo {
		padding: 3rem 10px;
	}
	main .topblog ul li {
		width: 100%;
		margin-bottom: 20px;
	}
	main .inquiry ul li {
		width: 100%;
	}
	main .inquiry ul li,main .review ul li,#showyz_div_con ul li {
		margin-bottom:10px;
	}
	main .inquiry ul li em,main .review ul li em,#showyz_div_con ul li em {
		font-size:1.3rem;
	}
	footer .items nav {
		width:40%;
	}
	footer .items nav a {
		white-space: unset;
	}
	footer .items nav:nth-child(4) {
		display:none;
	}
    footer .items .contact {
		width:100%;
	}
	main .location ul {
		display:flex;
		flex-wrap:wrap;
	}
	main .location ul li {
		display:flex;
		font-size:1.2rem;
		align-items: baseline;
	}
	main .location ul li:nth-child(1):before {
		font-size:1.3rem;
	}
	main .location ul li:before {
		font-size: 1.1rem;
	}
	main .prolist .tips {
		font-size:1.2rem;
		display:flex;
	}
	main .proprocess {
		padding-top: 0;
	}
	main .proprocess ul li {
		width: 100%;
		margin-bottom: 4%;
		margin-right: 0;
		margin-left: 0;
	}
	main .proprocess ul li article {
		margin-top:1rem ;
		font-size:1.3rem;
	}
	main .profabric ul li {
		width: 48%;
		margin-right: 4%;
		margin-left: 0;
		margin-bottom: 4%;
	}
	main .profabric ul li:nth-child(3n+0) {
		margin-right: 4%
	}
	main .profabric ul li:nth-child(2n+0) {
		margin-right: 0;
	}
	main .profabric ul li p {
		text-align:left;
	}
	main .proguide article {
		padding:0 20px;
	}
	main .showpro .movepic {
		width: 100%;
	}
	main .showpro .protxt {
		width:100%;
		float:unset;
	    padding:10px;
		box-sizing:border-box;
	}
	main .showpro .protxt ul li span {
		white-space: nowrap;
	}
	main .showpro .protxt  .btn {
		text-align:center;
	}
	main .showpro .procon .tmenu {
		display:block;
	}	
	main .showpro .procon .tmenu ul {
		width:100%;
	}
	main .showpro .procon .tmenu li {
		display: block;
		margin-right: 0;
		width:100%;
		box-sizing:border-box;
		text-align:center;
	}
	main .showpro .procon .tmenu span {
		width:100%;
		margin-left:unset;
		margin-right:0;
		text-align:center;
	}
	main .showpro .procon .tmenu span {
		display:inline-block;
	}
	main .review ul li .sendmsg,#showyz_div_con ul li .sendmsg {
		margin-top:10px;
	}	
	main .review_list {
		padding:3rem 10px 0 10px;
	}
	main .review_list .rating div {
		font-size:1.2rem;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		line-height:1.5;
		padding:10px;
	}
	main .review_list .rating div em {
		font-size:1.4rem;
	}	
	main .showpro .procon .con .odlist li {
		width: 50%;
		margin-right: 0;
	}
	main .factory {
		padding-bottom:0;
	}
	main .factory article {
		flex-wrap:wrap;
	}
	main .factory article .con {
		width:100%;
		padding: 10px;
		box-sizing:border-box;
	}
    main .factory article .con p {
		font-size:1.3rem;
		text-align:left;
	}	
	main .factory article .img {
		width:100%;
		margin-left: 0;
		order:-1;
	}
	main .factory ul li {
		flex-wrap:wrap;
	}
	main .factory ul li .img {
		width:100%;
	}
	main .factory ul li .con {
		width:100%;
		padding: 10px;
		box-sizing:border-box;
	}
	main .factory ul li .con p {
		font-size:1.3rem;
	}
	main .factory ul li:nth-child(even) .img {
		order:-1;
	}
	main .abpiclist {
		padding-bottom:0;
	}
	main .abpiclist ul li,main .abpiclist ul.w4 li {
		width: 48%;
		margin-right: 4%;
		margin-left: 0;
	}
	main .abpiclist ul li:nth-child(3n+0),main .abpiclist ul.w4 li:nth-child(3n+0) {
		margin-right: 4%;
	}
	main .abpiclist ul li:nth-child(2n+0),main .abpiclist ul.w4 li:nth-child(2n+0) {
		margin-right: 0;
	}
	main .abpiclist ul li h3 {
		font-size:1.3rem;
	}
	main .whycus {
		padding-bottom:0;
	}
	main .whycus article {
		font-size:1.3rem;
		text-align:left;
		padding:0 10px;
	}
	main .process {
		padding-bottom:0;
	}
	main .process ul {
		padding:3rem 10px 0 10px;
	}
	main .process ul li{
		width: 100%;
	}
	main .process ul.w3 li {
		width: 100%;
	}
	main .topvideo ul li {
		width:100%;
	}
	main .topvideo ul li .img:after {
		width:16vw;
		height:16vw;
		font-size:16vw;
		margin-top:-8vw;
		margin-left:-8vw;
	}
	main .contact {
		padding:0 20px;
	}
	main .contact .kk {
		flex-wrap:wrap;
	}
	main .contact .items {
		width:100%;
	}
	main .contact .items:last-child {
		text-align:center;
	}
	main .contact .items img {
		max-width:50%;
		margin-top:2rem;
	}
	main .map {
		height: calc(100vw*0.6);
	}	
	#showyz_div {
		width: 100%;
		left:0;
	}
	main .topprocess .swiper-button-next,main .topprocess .swiper-button-prev {
		top: calc(50% - 30px);
	}
	
}
@media screen and (max-width: 380px) {
	.page .prev,.page .next,.page .disabled {
		display:none;
	}
	main .inquiry ul li em,main .review ul li em,#showyz_div_con ul li em {
		font-size:1.2rem;
	}	
}