﻿/* pre css */
#c_grid-116273709439191 .p_gridbox::after {
content:'';
clear:left;
display:block
}
#c_grid-116273709439191>div>.p_gridbox {
	width:100%;
	overflow:hidden;
	position:static
}
#c_grid-116273709439191>div>.p_gridCell {
	float:left;
	position:static
}
#c_grid-116273709439191>.p_gridbox.signal {
	min-height:inherit
}
#c_grid-116273709439191>.p_gridbox.signal>.p_gridCell {
	min-height:inherit!important
}
#c_grid-116273709439191 {
	margin-left:auto;
	margin-right:auto;
	width:100%
}
@media screen and (max-width:768px) {
#c_grid-116273709439191>.p_gridbox>.p_gridCell:nth-child(1n+1) {
width:100%;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
clear:left
}
}
@media screen and (min-width:769px) {
#c_grid-116273709439191>.p_gridbox>.p_gridCell:nth-child(1n+1) {
width:100%;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
clear:left
}
}
@media screen and (max-width:1024px) and (min-width:769px) {
#c_grid-116273709439191>.p_gridbox>.p_gridCell:nth-child(1n+1) {
width:100%;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
clear:left
}
}
#c_grid-116273709439190 .p_gridbox::after {
content:'';
clear:left;
display:block
}
#c_grid-116273709439190>div>.p_gridbox {
	width:100%;
	overflow:hidden;
	position:static
}
#c_grid-116273709439190>div>.p_gridCell {
	float:left;
	position:static
}
#c_grid-116273709439190>.p_gridbox.signal {
	min-height:inherit
}
#c_grid-116273709439190>.p_gridbox.signal>.p_gridCell {
	min-height:inherit!important
}
#c_grid-116273709439190 {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	display-radio:1
}
#c_grid-116273709439190 .p_gridCell {
	display-radio:1
}
@media screen and (max-width:768px) {
#c_grid-116273709439190>.p_gridbox>.p_gridCell:nth-child(1n+1) {
width:100%;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
clear:left
}
}
@media screen and (min-width:769px) {
#c_grid-116273709439190>.p_gridbox>.p_gridCell:nth-child(1n+1) {
width:100%;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
clear:left
}
}
@media screen and (max-width:1024px) and (min-width:769px) {
#c_grid-116273709439190>.p_gridbox>.p_gridCell:nth-child(1n+1) {
width:100%;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
clear:left
}
}
@media screen and (max-width:768px) {
#c_static_001-1636703125092 .e_container-34 {
flex-direction:column
}
#c_static_001-1636703125092 .e_container-34 .p_item {
display:none
}
#c_static_001-1636703125092 .e_bottomNav-44 .p_menu1Item, #c_static_001-1636703125092 .e_bottomNav-44 .p_menu2Item {
display:flex;
justify-content:space-between
}
#c_static_001-1636703125092 .e_bottomNav-44 .p_level1Box ul {
display:none
}
#c_static_001-1636703125092 .e_bottomNav-44 .p_jtIcon {
width:auto;
height:auto;
max-width:20px;
font-size:inherit;
transition:.5s;
margin:0
}
#c_static_001-1636703125092 .e_bottomNav-44 .p_jtIcon.active {
transform:rotateZ(90deg)
}
#c_static_001-1636703125092 .e_bottomNav-44 a {
display:flex;
flex-direction:column;
justify-content:center
}
#c_static_001-1636703125092 .e_bottomNav-44 .p_level1Item {
padding:0
}
#c_static_001-1636703125092 .e_bottomNav-44 .p_menu2Item svg {
opacity:.5
}
}
@media screen and (max-width:768px) {
#c_static_001-1640607169403 .e_container-1 {
flex-direction:column
}
#c_static_001-1640607169403 .e_credible-7 {
background_radio:1;
display-radio:1;
max-width:70px;
min-width:0;
margin-left:auto;
margin-right:auto
}
}
@media screen and (max-width:768px) {
#c_static_001-16565065935680 .e_loop-4 .p_loopitem {
flex-grow:0;
flex-shrink:0;
flex-basis:calc(100% / 3)
}
#c_static_001-16565065935680 .e_container-1 .cbox-1-0 {
display:none
}
#c_static_001-16565065935680 .e_text-6 {
font-size:14px
}
#c_static_001-16565065935680 .e_container-5 {
display:flex;
flex-wrap:wrap;
flex-direction:column;
width:auto;
border-style:solid;
border-width:1px;
border-color:#e5e5e5;
padding-right:0;
padding-left:0;
margin-right:0;
margin-left:5px;
margin-top:10px;
margin-bottom:10px;
display-radio:flex
}
#c_static_001-16565065935680 .e_container-5:hover {
border-style:none
}
#c_static_001-16565065935680 .e_breadcrumb-2 {
display:none
}
#c_static_001-16565065935680 {
display-radio:1;
width:auto
}
}
#c_static_001-1645191063287 {
	min-height:0;
	display-radio:1;
	max-width:1600px;
	width:94%;
	margin-left:auto;
	margin-right:auto;
	margin-top:4%
}
#c_static_001-1645191063287 .e_text-1 {
	line-height:normal;
	display-radio:1;
	font_radio:2;
	font-size:36px;
	text-align:center
}
#c_static_001-1645191063287 .e_line-2 {
	display-radio:1;
	margin-top:30px
}
#c_grid-1645190966805 {
	margin-left:auto;
	margin-right:auto;
	width:94%;
	display-radio:1;
	max-width:1600px;
	margin-top:2%;
	margin-bottom:5%
}
#c_grid-1645190966805 .p_gridbox::after {
content:'';
clear:left;
display:block
}
#c_grid-1645190966805>div>.p_gridbox {
	width:100%;
	overflow:hidden;
	position:static
}
#c_grid-1645190966805>div>.p_gridCell {
	float:left;
	position:static
}
#c_grid-1645190966805>.p_gridbox.signal {
	min-height:inherit
}
#c_grid-1645190966805>.p_gridbox.signal>.p_gridCell {
	min-height:inherit!important
}
#c_grid-1645190966805 .p_gridbox {
	display-radio:1
}
#c_grid-1645190966805 .p_gridCell {
	display-radio:1
}
@media screen and (max-width:768px) {
#c_grid-1645190966805>.p_gridbox>.p_gridCell:nth-child(1n+1) {
width:99%;
margin-left:.5%;
margin-right:.5%;
margin-top:.5rem;
margin-bottom:.5rem;
clear:left
}
}
@media screen and (min-width:769px) {
#c_grid-1645190966805>.p_gridbox>.p_gridCell:nth-child(1n+1) {
width:100%;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
clear:left
}
}
@media screen and (max-width:1024px) and (min-width:769px) {
#c_grid-1645190966805>.p_gridbox>.p_gridCell:nth-child(1n+1) {
width:100%;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
clear:left
}
}
#c_static_001-1646634101483 {
	min-height:300px;
	display-radio:1
}
#c_static_001-1646634101483 .e_richText-2 {
	display-radio:1;
	font_radio:2;
	font-size:16px;
	color:#555;
	line-height:2
}


.support_service {
	padding-top:80px;
	padding-bottom:120px;
	display:flex;
	justify-content:space-between;
	align-items:center
}
@media (max-width: 1681px) {
.support_service {
padding-top:60px;
padding-bottom:60px
}
}
@media (max-width: 1180px) {
.support_service {
padding-top:20px;
padding-bottom:20px
}
}
@media (max-width: 968px) {
.support_service {
flex-wrap:wrap
}
}
.support_service-image {
	width:45%;
	position:relative
}
@media (max-width: 968px) {
.support_service-image {
width:100%
}
}
.support_service-image:before {
	content:'';
	display:block;
	width:245px;
	height:245px;
	background:url("../images/support_service-bg01.png") repeat;
	position:absolute;
	left:-20px;
	top:-20px;
	z-index:2
}
@media (max-width: 1180px) {
.support_service-image:before {
left:-10px;
top:-10px
}
}
@media (max-width: 668px) {
.support_service-image:before {
width:150px;
height:150px
}
}
.support_service-image:after {
	content:'';
	display:block;
	width:245px;
	height:245px;
	background:#0c5e47;
	position:absolute;
	right:-20px;
	bottom:-20px;
	z-index:2
}
@media (max-width: 1180px) {
.support_service-image:after {
right:-10px;
bottom:-10px
}
}
@media (max-width: 668px) {
.support_service-image:after {
width:150px;
height:150px
}
}
.support_service-image img {
	width:100%;
	position:relative;
	z-index:3
}
.support_service-side {
	order:-1;
	flex:1;
	padding-right:90px
}
@media (max-width: 1180px) {
.support_service-side {
padding-right:20px
}
}
@media (max-width: 968px) {
.support_service-side {
width:100%;
padding-right:0;
margin-bottom:30px
}
}
.support_service-side .des {
	margin-top:70px
}
@media (max-width: 1180px) {
.support_service-side .des {
margin-top:20px
}
}
.support_quality {
	padding-top:80px;
	padding-bottom:140px;
	background-color:#f5f5f5;
	display:flex;
	justify-content:space-between;
	align-items:center
}
@media (max-width: 1681px) {
.support_quality {
padding-top:60px;
padding-bottom:60px
}
}
@media (max-width: 1180px) {
.support_quality {
padding-top:20px;
padding-bottom:20px
}
}
@media (max-width: 968px) {
.support_quality {
flex-wrap:wrap
}
}
.support_quality-image {
	width: 45%;
    position: relative;
    float: left;
}
@media (max-width: 968px) {
.support_quality-image {
width:100%
}
}
.support_quality-image:after {
	content:'';
	display:block;
	width:124px;
	height:120%;
	border:10px solid #0c5e47;
	position:absolute;
	left:70px;
	top:50%;
	transform:translateY(-50%);
	z-index:2
}
@media (max-width: 968px) {
.support_quality-image:after {
width:80%;
height:200px;
left:auto;
top:auto;
right:-10px;
bottom:-10px;
transform:translateY(0%);
border-width:5px
}
}
.support_quality-image img {
	width:100%;
	position:relative;
	z-index:3
}
.support_quality-side {
	flex:1;
	padding-left:90px;
	width: 55%;
    float: left;
}
@media (max-width: 1180px) {
.support_quality-side {
padding-left:20px
}
}
@media (max-width: 968px) {
.support_quality-side {
width:100%;
padding-left:0;
margin-top:20px
}
}
.support_quality-side .title02 span {
	color:#e9edf3
}
.support_quality-side .des {
	margin-top:70px
}
@media (max-width: 1180px) {
.support_quality-side .des {
margin-top:20px
}
}
.support_produce {
	padding-top:80px;
	padding-bottom:80px
}
@media (max-width: 1681px) {
.support_produce {
padding-top:60px;
padding-bottom:60px
}
}
@media (max-width: 1180px) {
.support_produce {
padding-top:20px;
padding-bottom:20px
}
}
.support_produce-slide {
	margin-top:70px;
	position:relative;
	padding:0
}
@media (max-width: 1180px) {
.support_produce-slide {
margin-top:20px
}
}
.support_produce-slide .swiper-slide {
	width:1280px;
	height:600px;
	background:#fff
}
@media (max-width: 1681px) {
.support_produce-slide .swiper-slide {
width:960px;
height:450px
}
}
@media (max-width: 1180px) {
.support_produce-slide .swiper-slide {
width:640px;
height:300px
}
}
@media (max-width: 968px) {
.support_produce-slide .swiper-slide {
width:50%;
height:400px;
transform:scale(1) !important
}
}
@media (max-width: 668px) {
.support_produce-slide .swiper-slide {
height:250px
}
}
.support_produce-slide .swiper-slide .col {
	display:block;
	width:100%;
	height:100%;
	position:relative
}
.support_produce-slide .swiper-slide .col:after {
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	background-color:rgba(0, 0, 0, 0.5);
transition:all .5s
}
@media (max-width: 968px) {
.support_produce-slide .swiper-slide .col:after {
display:none
}
}
.support_produce-slide .swiper-slide .col b.t {
	display:block;
	width:100%;
	line-height:70px;
	text-align:center;
	font-size:20px;
	color:#fff;
	padding:0 10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	position:absolute;
	left:0;
	bottom:0;
	z-index:3;
	opacity:0;
transition:all .5s
}
@media (max-width: 1440px) {
.support_produce-slide .swiper-slide .col b.t {
font-size:16px
}
.support_quality-side .des {
    margin-top: 35px;
}
}
@media (max-width: 668px) {
.support_produce-slide .swiper-slide .col b.t {
font-size:14px;
line-height:40px
}
}
.support_produce-slide .swiper-slide .col .img {
	width:100%;
	height:600px
}
@media (max-width: 1681px) {
.support_produce-slide .swiper-slide .col .img {
height:450px
}
}
@media (max-width: 1180px) {
.support_produce-slide .swiper-slide .col .img {
height:300px
}
}
@media (max-width: 968px) {
.support_produce-slide .swiper-slide .col .img {
height:400px
}
}
@media (max-width: 668px) {
.support_produce-slide .swiper-slide .col .img {
height:250px
}
}
.support_produce-slide .swiper-slide .col .img span {
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.support_produce-slide .swiper-slide-active {
	box-shadow:0 8px 30px rgba(0, 0, 0, 0.2)
}
@media (max-width: 968px) {
.support_produce-slide .swiper-slide-active {
box-shadow:none
}
}
.support_produce-slide .swiper-slide-active .col:after {
	opacity:0
}
.support_produce-slide .swiper-slide-active .col b.t {
	opacity:1
}
.support_produce-slide-page {
	width:100%;
	text-align:center;
	margin-top:50px
}
@media (max-width: 1180px) {
.support_produce-slide-page {
margin-top:20px
}
}
.support_produce-slide-page .swiper-pagination-bullet {
	width:24px;
	height:24px;
	opacity:1;
	outline:0;
	background:none;
	margin:0 8px !important;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-image:url("../images/banner_page03.png")
}
@media (max-width: 968px) {
.support_produce-slide-page .swiper-pagination-bullet {
width:16px;
height:16px;
margin:0 4px !important
}
}
.support_produce-slide-page .swiper-pagination-bullet-active {
	background-image:url("../images/banner_page02.png")
}
.support_produce .arrow {
	width:56px;
	height:56px;
	line-height:54px;
	text-align:center;
	border:1px solid #fff;
	border-radius:100%;
	outline:0;
	user-select:none;
	transition:all .5s;
	position:absolute;
	top:50%;
	margin-top:-28px;
	z-index:3;
	color:#ffffff;
}
@media (max-width: 668px) {
.support_produce .arrow {
width:42px;
height:42px;
line-height:40px;
margin-top:-21px
}
}
.support_produce .arrow svg {
	vertical-align:top;
	margin-top:22px;
	width:10px;
	height:10px;
	color:#fff;
transition:all .5s
}
@media (max-width: 668px) {
.support_produce .arrow svg {
margin-top:16px
}
}
.support_produce .arrow.support_produce-prev {
	left:50px
}
@media (max-width: 1440px) {
.support_produce .arrow.support_produce-prev {
left:30px
}
}
@media (max-width: 1380px) {
.support_produce .arrow.support_produce-prev {
left:15px
}
}
.support_produce .arrow.support_produce-prev svg {
	transform:rotate(-180deg)
}
.support_produce .arrow.support_produce-next {
	right:50px
}
@media (max-width: 1440px) {
.support_produce .arrow.support_produce-next {
right:30px
}
}
@media (max-width: 1380px) {
.support_produce .arrow.support_produce-next {
right:15px
}
}
.support_produce .arrow:hover {
	border:1px solid #0c5e47;
	background-color:#0c5e47
}
.support_produce .arrow:hover {
	color:#fff
}
.support_faq {
	padding-top:80px;
	padding-bottom:80px;
	background-color:#f5f5f5
}
@media (max-width: 1681px) {
.support_faq {
padding-top:60px;
padding-bottom:60px
}
}
@media (max-width: 1180px) {
.support_faq {
padding-top:20px;
padding-bottom:20px
}
}
.support_faq .faq_list {
	margin-top:70px
}
@media (max-width: 1180px) {
.support_faq .faq_list {
margin-top:20px
}
}
.support_faq .more {
	display:block;
	text-align:center
}
.support_faq .more a {
	display:inline-block
}
.support_faq .more .more01 {
	margin:30px auto 0
}
@media (max-width: 1180px) {
.support_faq .more .more01 {
margin-top:0px
}
}
.title02:after {
	content:'';
	display:block;
	width:40px;
	height:2px;
	line-height:2px;
	background:#0c5e47;
	margin:20px 0 0
}
@media (max-width: 1180px) {
.title02:after {
margin-top:10px
}
}
.title02 h3 {
	margin:0;
	padding:0;
	position:relative
}
.title02 h3 span {
	display:block;
	font-size:60px;
	height:60px;
	line-height:60px;
	color:#f0f2f5;
	text-transform:uppercase;
	font-family:'Helvetica-Condensed-Bold'
}
@media (max-width: 1180px) {
.title02 h3 span {
font-size:44px;
height:44px;
line-height:44px
}
}
@media (max-width: 968px) {
.title02 h3 span {
font-size:36px;
height:36px;
line-height:36px
}
}
.title02 h3 b {
	display:block;
	width:100%;
	font-size:28px;
	color:#000;
	position:absolute;
	left:0;
	bottom:0;
	z-index:2
}
@media (max-width: 1440px) {
.title02 h3 b {
font-size:22px
}
}
.title02.center {
	text-align:center
}
.title02.center:after {
	margin:20px auto 0
}
@media (max-width: 1180px) {
.title02.center:after {
margin:10px auto 0
}
}
.title02_des {
	font-size:20px;
	line-height:25px;
	margin-top:25px;
	color:#333
}
@media (max-width: 1440px) {
.title02_des {
font-size:16px;
margin-top:10px
}
}
.title02_des.center {
	text-align:center
}