@font-face {
	font-family: enfont-l;
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/Poppins-Light.ttf")
}

@font-face {
	font-family: enfont;
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/Poppins-Medium.ttf")
}

@font-face {
	font-family: enfont-b;
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/Poppins-Bold.ttf")
}

body {
	font-family: enfont, sans-serif
}

:root {
	--color1: #00C052;
	--color2: #86E00B;
	--color3: #3C3744;
	--color4: #00CCFA;
	--color5: #00C052;
	--container-width: min(157.5rem, calc(100vw - 8rem));
	--container-s-width: min(157.5rem, calc(100vw - 8rem));
	--bn-height: 90rem;
	--head-height: 8.4rem;
	--shrinkhead-height: 6.5rem;
	--bodypadding: 8rem;
	--sctpadding: 0;
	--smenuheight: 7rem
}

html {
	font-size: 62.5%
}

html {
	position: relative
}

body {
	margin: 0 auto;
	position: relative;
	padding-top: 8rem
}

html,
body {
	scroll-behavior: smooth
}

html {
	position: relative
}

body {
	max-width: 1920px;
	margin: 0 auto;
	position: relative
}

.container {
	width: var(--container-width);
	max-width: 100%
}

.container-s {
	width: var(--container-s-width);
	max-width: 100%
}

.mobileonly {
	display: none !important
}

video {
	object-fit: cover
}

.waponly {
	display: none
}

.flex {
	display: flex
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center
}

.flex-w {
	display: flex;
	flex-wrap: wrap
}

.flex-c {
	display: flex;
	flex-direction: column
}

.i_ttl {
	margin-bottom: 0;
	text-align: center;
	font-size: 5rem;
	line-height: 6rem;
	color: #333
}

.i_ttl>p:first-child {
	color: #666;
	font-size: 1.8rem;
	font-weight: 100;
	letter-spacing: 0.1rem;
	margin-bottom: 0.1rem;
	font-family: 'enfont' !important;
}

.i_ttl .l p {
	height: 4.6rem;
	font-size: 2.4rem;
	color: var(--color2);
	line-height: 4.2rem
}

.i_ttl .r>a {
	transition: all .3s;
	width: 5rem;
	height: 5rem;
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--color1);
	border-radius: 20rem;
	fill: var(--color1);
	margin-left: 2rem;
	background: #fff
}

.i_ttl .r>a:hover {
	background: var(--color5);
	fill: white;
	border-color: var(--color5)
}

.i_ttl .r svg {
	fill: inherit;
	width: 2.6rem
}

.i_ttl .r a:hover span {
	color: #fff
}

.i_ttl .r a i {
	display: inline-block;
	width: 2.7rem;
	height: 2.7rem;
	vertical-align: middle;
	transform: translateY(-0.2rem);
	margin-left: 0.6rem;
	margin-top: 0.2rem
}

.i_ttl .r a span {
	color: var(--color5);
	font-size: 1.6rem;
	font-weight: bold
}

.h2_sct_ttl {
	display: inline-block;
	font-size: 3.2rem;
	color: #333;
	padding: 0;
	margin: 0 auto;
	line-height: 1.1;
	font-weight: 400;
	position: relative;
	font-size: 4.8rem;
	color: #333;
	line-height: 1.2;
	font-family: 'enfont' !important;
}

.h2_sct_ttl+p {
	margin-top: 1.6rem;
	margin-bottom: 0;
	color: #7b7b7b;
	font-size: 1.6rem
}

.h2_sct_ttl:after {
	background-position: right 1.1rem
}

.h2_sct_ttl+.fbt {
	color: #c3c3c3;
	font-size: 2rem;
	font-weight: bold;
	line-height: 6rem;
	padding: 0 2.5rem;
	text-transform: uppercase
}

.white .h2_sct_ttl {
	color: #fff
}

.white .h2_sct_ttl:after {
	background-position: right -15.9rem
}

.white .fbt {
	color: #fff
}

.ban img {
	visibility: hidden;
	width: 100%;
	max-width: none
}

.line-clamp {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.lines-1 {
	white-space: nowrap;
	text-overflow: ellipsis
}

.lines-2 {
	-webkit-line-clamp: 2
}

.lines-3 {
	-webkit-line-clamp: 3
}

.lines-4 {
	-webkit-line-clamp: 4
}

.lines-5 {
	-webkit-line-clamp: 5
}

.lines-6 {
	-webkit-line-clamp: 6
}

.bggray3 {
	background: #F0F0F0
}

#location {
	padding: 0 3rem 0 2.3rem;
	background: url(../images/bg_lct.png) no-repeat left
}

#location * {
	font-size: 1.6rem;
	color: #666;
	font-weight: 400
}

#location a:hover {
	color: #b41017
}

#submenu {
	margin: 0 0;
	padding: 0
}

#submenu .box>a {
	display: none
}

#submenu ul {
	width: 100%;
	text-align: center;
	margin-top: 0
}

.submenu_search #submenu ul {
	text-align: left
}

.submenu_search #submenu {
	display: inline-block;
	margin: 0 auto;
	text-align: left
}

.submenu_search {
	text-align: center
}

.submenu_search #submenu li:first-child {
	margin-left: 0
}

.submenu_search #submenu li {
	text-align: center;
	padding: 0 1rem
}

#submenu.submenu_yx {
	border: none;
	top: 28.7rem;
	position: relative;
	background: transparent;
	z-index: 999
}

#submenu.submenu_yx ul {
	border-radius: 0.6rem;
	box-shadow: 0rem 0.2rem 1rem 0rem rgba(0, 0, 0, 0.06);
	background: #fff;
	justify-content: space-between;
	display: flex;
	overflow: hidden
}

#submenu.submenu_yx ul li {
	flex: 1 0 auto;
	margin: 0;
	transition: all 0.3s
}

#submenu.submenu_yx ul li.active,
#submenu.submenu_yx ul li:hover {
	background: #0052d9;
	border: none
}

#submenu.submenu_yx ul li.active a,
#submenu.submenu_yx ul li:hover a {
	color: #fff
}

#submenu ul li.active a,
#submenu ul li a:hover {
	color: #fff;
	background: var(--color1)
}

#submenu ul li.active a img,
#submenu ul a:hover img {
	filter: brightness(100)
}

#submenu ul li a {
	font-size: 1.6rem
}

#submenu ul li a i {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -0.2rem;
	margin-right: 1.8rem;
	height: 3.2rem
}

#submenu ul li a i img {
	height: 100%;
	width: auto
}

#submenu ul li a {
	padding: 0;
	transition: all 0.3s
}

#menu_left {
	width: 27rem;
	border: 0.1rem solid rgba(240, 240, 240, 1);
	padding: 0 2.5rem 4.5rem;
	margin-bottom: 6rem;
	position: relative
}

#menu_left .h2 {
	margin: 0 -2.5rem 1rem;
	line-height: 6.4rem;
	font-size: 1.8rem;
	color: #030303;
	position: relative;
	padding: 0 2.5rem;
	border-bottom: 0.1rem solid rgba(223, 229, 234, 1)
}

#menu_left .a_collapse {
	position: absolute;
	right: 2.5rem;
	top: 2.6rem;
	z-index: 99
}

#menu_left .a_collapse span {
	display: block;
	width: 1.6rem;
	height: 0.1rem;
	background: #999;
	margin-bottom: 0.4rem
}

#menu_left .menu_depth1 li {
	padding-left: 1.3rem
}

#menu_left .menu_depth1 li a {
	line-height: 3.6rem;
	position: relative;
	color: #535353;
	user-select: none
}

#menu_left .menu_depth1 li a:hover {
	color: #0052d9
}

#menu_left .menu_depth1 li {
	min-height: 3.6rem
}

#menu_left .menu_depth1>li ul {
	display: none
}

#menu_left .menu_depth1 li.open>ul {
	display: block
}

#menu_left .menu_depth1>li>a {
	font-size: 1.6rem
}

#menu_left li.haschild>a:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0rem;
	top: 0.5rem;
	left: -1.5rem;
	border: 0.5rem solid transparent;
	border-left-color: #848484
}

#menu_left li.haschild.open>a:before {
	border-left-color: transparent;
	border-top-color: #848484;
	top: 0.8rem;
	left: -1.7rem
}

#menu_left a:hover {
	color: #0052d9
}

#menu_left .haschild {
	position: relative
}

#menu_left .haschild>a {
	color: red
}

#menu_left .menu_depth2>li>a {
	font-size: 1.4rem
}

#menu_left .menu_depth2 {
	margin-bottom: 1.5rem
}

#menu_left .active>a {
	color: #0052d9 !important
}

#menu_pop {
	position: absolute;
	top: 0;
	left: calc(100% - 5rem);
	padding-left: 5rem;
	padding-bottom: 3rem;
	padding-right: 2rem;
	z-index: 88;
	display: none;
	background: #fff
}

#menu_pop .in {
	width: 84.4rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0.6rem 1.2rem 0.7rem 0rem rgba(71, 71, 71, 0.1);
	padding: 3.6rem 5.2rem;
	padding-right: 0;
	margin-left: 0.1rem;
	border: 0.1rem solid #d4d4d4
}

#menu_pop .items {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	height: 60rem;
	overflow-y: scroll;
	color: rgba(0, 0, 0, 0.051);
	transition: all 0.3s
}

#menu_pop .items::-webkit-scrollbar,
#menu_pop .items::-webkit-scrollbar-thumb {
	width: 2.6rem;
	border-radius: 1.3rem;
	background-clip: padding-box;
	border: 1rem solid transparent
}

#menu_pop .items::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 0 1rem
}

#menu_pop .items:hover {
	color: rgba(0, 0, 0, 0.1)
}

#menu_pop .item {
	flex: 0 0 calc(33%);
	padding-right: 5rem
}

#menu_pop .item .h3 {
	font-size: 1.6rem;
	color: #333;
	padding-bottom: 1.2rem;
	border-bottom: 0.1rem solid #dbdbdb;
	margin-bottom: 2rem
}

#menu_pop li {
	min-height: 2.8rem
}

#menu_pop a {
	color: #7b7b7b
}

#menu_pop a:hover {
	color: #0052d9
}

#pagelist {
	margin: 4rem auto 1rem
}

.pagination {
	margin: 0 auto;
	display: block;
	text-align: center
}

.body_news #pagelist {
	margin: 2rem auto 7rem;
	text-align: center
}

.body_soft #pagelist {
	margin-top: 3rem
}

#pagelist a:hover,
#pagelist .current {
	color: #fff;
	border-color: var(--color1);
	background: var(--color1)
}

#pagelist>span.pageinfo {
	display: none
}

#pagelist>span,
#pagelist a {
	line-height: 4.2rem;
	display: inline-block;
	height: 4.3rem;
	min-width: 1.2rem;
	margin: 0 0.5rem;
	padding: 0 1.6rem;
	transition: all 0.2s;
	color: #777;
	border: 0.1rem solid rgba(213, 213, 213, 1);
	background: #fff;
	text-align: center
}

#pagelist .page-num-current {
	background: var(--color1);
	COLOR: #fff;
	border-color: var(--color1)
}

#footer {
	background: #1b2a33;
	overflow: visible
}

#footer .in1 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 7rem 0 6.5rem
}

#footer .in1 .l {
	display: flex;
	justify-content: space-between
}

#footer .sitelogo img {
	height: 5rem;
	width: auto;
	filter: brightness(0) invert(1);
	margin-bottom: 7rem
}

#footer .in2 a {
	color: #777 !important
}

#footer a:hover,
#footer a:hover * {
	color: var(--color1) !important;
	opacity: 1 !important;
}

#footer .in2 * {
	color: #fff;
	font-family: 'enfont-l';
	opacity: 0.7;
	line-height: 1.7;
}

#footer .in2 a:hover {
	color: #fff
}

#footer .in2 .l {
	display: flex;
	column-gap: 5rem
}

#footer .ul_1 li {
	position: relative
}

#footer .ul_1 li:before {
	display: block;
	width: 4px;
	height: 4px;
	background: #7d7d7d;
	border-radius: 2px;
	position: absolute;
	left: 2.8rem;
	top: 0.9rem;
	opacity: 0
}

#footer .li_1>a {
	color: #7D7D7D;
	font-size: 1.8rem;
	white-space: nowrap;
	color: #fff !important;
	text-transform: uppercase
}

#footer .ul2 {
	display: block;
	margin-top: 1rem
}

#footer .foot_contactinfo {
	justify-content: space-between;
	padding: 0;
	text-align: right
}

#footer .foot_contactinfo>div {
	flex: 0 0 auto
}

#footer .foot_contactinfo .info1 {
	display: flex;
	margin-bottom: 2.4rem
}

#footer .foot_contactinfo * {
	font-size: 1.6rem;
	font-family: 'enfont-l';
	text-align: left
}

#footer .foot_contactinfo .dd {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap
}

#footer .foot_contactinfo .ss1 {
	color: #fff;
	flex: 0 0 100%
}

#footer .foot_contactinfo .ss2 {
	color: #fff
}

#footer .foot_contactinfo i {
	width: 5rem;
	height: 5rem;
	background: #2a4454;
	display: flex;
	margin-right: 2rem;
	align-items: center;
	justify-content: center;
	border-radius: 10rem
}

#footer .foot_contactinfo .li_0 {
	color: var(--color2);
	font-size: 4.3rem;
	font-family: arial;
	margin-bottom: 2rem
}

#footer .foot_contactinfo .li_0~li {
	margin-bottom: 1.2rem;
	display: flex;
	align-items: center;
	column-gap: 1rem
}

#footer .foot_contactinfo .li_0~li i {
	width: 3rem;
	display: inline-flex;
	justify-content: center;
	align-items: center
}

#footer .foot_contactinfo .l img {
	height: auto;
	max-width: 1.6rem
}

#footer .info2 {
	font-size: 4.8rem;
	font-weight: bold;
	color: #fff
}

#footer .info3 {
	margin: 7rem 0
}

#footer .info3>a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #5B5B5B;
	width: 4.1rem;
	height: 4.1rem;
	border-radius: 10rem;
	margin-left: 1.7rem
}

#footer .info4 {
	width: 8.3rem;
	text-align: right;
	margin-left: auto
}

#footer .info4 img {
	display: block;
	width: 100%;
	height: auto;
	margin-left: auto
}

#footer .info4 span {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-align: center;
	color: #b3b3b3;
	font-size: 1.6rem;
	margin: 1rem 0 0
}

.friendslinks .con>span {
	font-size: 1.4rem;
	color: #fff;
	margin-right: 1rem
}

.friendslinks .con>span~a {
	color: #717171;
	display: inline-block;
	margin: 0 0 1.2rem;
	margin-right: 3rem
}

.friendslinks .con>span~a:hover {
	color: #fff
}

.copyright {
	padding: 3rem 0;
	background: #1b2a33;
	border-top: 1px solid #ffffff1c;
}

.copyright a:hover {
	color: #fff
}

.copyright .pp {
	margin-top: 1.5rem
}

.copyright .pp * {
	font-size: 1.6rem
}

.copyright .pp span {
	color: #fff;
	margin-right: 1.4rem
}

.copyright .pp a {
	display: inline-block;
	margin-right: 3.5rem;
	color: #717171
}

.copyright .pp a:hover {
	color: #fff
}

.hdl_submenu ul {
	margin-top: 1.5rem;
	text-align: center
}

.hdl_submenu li {
	display: inline-block;
	font-size: 1.6rem;
	margin: 0 2.5rem -0.1rem;
	line-height: 6rem;
	color: #666666;
	cursor: pointer
}

.hdl_submenu .slick-active,
.hdl_submenu .active {
	color: #0052d9;
	border-bottom: 0.3rem solid #0052d9
}

#searchbar {
	height: 15rem;
	padding-top: 0;
	background: #454545;
	width: 100%;
	margin: 0 auto;
	padding-left: 3rem;
	padding-right: 3rem
}

#searchbar.searchbar3 {
	background: transparent;
	padding-left: 0;
	padding-top: 1rem
}

#searchbar.searchbar3 form {
	padding-left: 0
}

#searchbar.searchbar3 .reci,
#searchbar.searchbar3 .reci * {
	color: #666;
	line-height: 1.9
}

#searchbar.searchbar3 .reci a:hover {
	color: #0052d9
}

.resultlist .searchresult {
	padding: 1.5rem 0
}

.searchresult:last-child {
	border-bottom: 0.1rem solid rgba(229, 229, 229, 1)
}

.resultlist .searchresult>a {
	font-size: 1.8rem;
	line-height: 1.8
}

.resultlist .sinfo {
	margin-top: 1rem
}

.resultlist .kw {
	color: #ff0000
}

.resultlist .source1 {
	color: #999
}

.resultlist .source1 a {
	color: #999
}

.resultlist .pagelists {
	text-align: left
}

.ban #searchbar {
	height: auto;
	background: transparent;
	display: block;
	margin-top: 1.3rem
}

.reci {
	font-size: 1.3rem;
	color: #fff;
	margin-top: 2rem
}

.reci a {
	color: #fff;
	margin-right: 1.5rem
}

.ban #searchbar .form_search {
	padding: 0;
	width: 72rem;
	margin: 0 auto
}

#site-map {
	height: 40rem
}

.pagelists {
	text-align: center;
	margin: 5rem auto
}

.pagelists .all {
	padding-left: 2rem
}

.pagelists .grp {
	display: inline-block
}

.pagelists .pagelink {
	transition: all 0.3s;
	color: #333;
	outline: 0rem;
	border: 0.1rem solid #d4d6dd;
	border-radius: 0.2rem;
	margin-right: 0.8rem;
	display: inline-block;
	padding: 0.6rem 1.2rem;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pagelists .pagelink.active,
.pagelists .pagelink:hover {
	background: #0052d9;
	color: #fff;
	border-color: #0052d9
}

#searchbar p.fl {
	margin: 0;
	margin-top: 0;
	color: #fff;
	background: #363636;
	display: flex;
	height: 15rem;
	width: 23rem;
	align-items: center;
	justify-content: center
}

#searchbar .t {
	width: 13rem;
	height: 3.9rem;
	background: rgba(0, 82, 217, 1);
	display: block;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	line-height: 3.9rem
}

#searchbar .inp02 {
	border: none;
	background: #0052d9;
	color: #fff;
	height: 5rem;
	margin-left: -0.5rem;
	width: 17rem;
	text-align: center;
	letter-spacing: 0.2rem;
	font-size: 1.6rem
}

#searchbar.searchbar3 .inp02 {
	width: 10rem
}

#searchbar .inp01 {
	line-height: 4.7rem;
	border: none;
	padding-left: 1.2rem;
	width: calc(100% - 17rem);
	font-size: 1.6rem
}

#searchbar.searchbar3 .inp01 {
	border: 0.1rem solid rgba(236, 236, 236, 1)
}

.ban #searchbar .inp01 {
	font-size: 1.4rem;
	width: calc(100% - 9.4rem)
}

.ban #searchbar .inp02 {
	width: 9.4rem;
	font-size: 1.4rem
}

#searchbar .form_search {
	width: calc(100% - 23rem);
	padding-top: 3rem;
	padding-left: 3.3rem
}

#searchbar .cover {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

#searchbar+.sct_num {
	padding-top: 0rem
}

.sitecrumbs {
	position: absolute;
	z-index: 33;
	width: 100%;
	top: 15rem
}

.sitecrumbs * {
	color: #555;
	font-size: 1.6rem
}

.body_products.body_detail .crumbs {
	display: block
}

.crumbs a {
	color: inherit;
	display: inline-block
}

.crumbs a:hover {
	color: var(--color1)
}

.crumbs span {
	display: inline-block;
	margin: 0.7rem
}

.crumbs a:first-child {
	/* padding-left: 2.3rem; */
	/* background: url(../images/home.png) left bottom/auto 1.6rem no-repeat; */
	width: 0;
	height: 2rem;
	overflow: hidden;
	/* text-indent: 2rem; */
	display: none;
}

.crumbs a:first-child+span {
	display: none
}

.body_index:before {
	content: "";
	height: calc((87 / 192) * min(100vw, 192rem));
	width: 100%;
	display: block;
	background: #e9dbcc;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.linkmore_3 {
	display: flex;
	width: 15.4rem;
	height: 5rem;
	color: #000;
	border: 0.1rem solid #000;
	justify-content: center;
	align-items: center;
	padding: 0 3rem;
	opacity: 0.8 !important;
	transition: all 0.3s;
	border-radius: 10rem
}

.blinks {
	display: flex;
	column-gap: 19px;
	margin-top: 30px
}

.linkmore_3 span {
	font-size: 1.8rem
}

.linkmore_3:hover {
	background: #000;
	color: #fff
}

.linkmore_3 i {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.6rem;
	height: 2.6rem;
	background: #fff;
	border-radius: 100%
}

.linkmore_3 i svg {
	height: 1.6rem;
	width: auto;
	fill: var(--color1)
}

.linkmore_3 i svg * {
	fill: inherit
}

#ban_index .a1:hover {
	background: #0052d9;
	color: #fff;
	border-color: #0052d9
}

#ban_index:hover .dots li.slick-active:after {
	animation-play-state: paused
}

#ban_index .txt {
	position: absolute;
	top: 50%;
	width: 120rem;
	left: 50%;
	min-height: 20rem;
	margin-left: -60rem;
	top: 50%;
	margin-top: -8.5rem
}

#ban_index .a1 {
	display: inline-block;
	width: 14.2rem;
	border: 0.1rem solid #fff;
	line-height: 4rem;
	margin: 2.5rem auto 0;
	font-size: 1.5rem;
	transition: all 0.3s;
	text-align: center
}

#ban_index {
	background: #181c28;
	position: relative;
	z-index: 66
}

#ban_index .con {
	position: relative
}

#ban_index .inner {
	position: relative;
	height: 50rem;
	width: 100%;
	overflow: hidden
}

#ban_index .img {
	display: inline-block;
	background: transparent no-repeat center;
	top: 1.5rem
}

#ban_index .img img {
	width: auto;
	height: auto
}

#ban_index .in {
	transform: translateY(-50rem);
	height: 100%
}

#ban_index .in * {
	color: #fff;
	border-color: #fff
}

#ban_index .con2 {
	height: 50rem;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start
}

#ban_index .con2>p {
	flex: auto;
	width: 100%
}

#ban_index .in .t {
	font-size: 4rem;
	line-height: 1.4;
	font-weight: bold
}

#ban_index .s {
	font-size: 2.6rem;
	line-height: 1.6
}

#ban_index .s2 {
	font-size: 1.8rem;
	display: inline-block;
	padding-top: 7.7rem;
	position: relative
}

#ban_index .s2:before {
	content: "";
	width: 7rem;
	height: 0.1rem;
	background: #fff;
	opacity: 0.4;
	display: block;
	position: absolute;
	left: 0;
	top: 3rem
}

#ban_index .linkmore {
	border-radius: 0;
	font-size: 1.5rem
}

#ban_index .linkmore:hover {
	border-color: #0052d9
}

#ban_index .dots {
	position: absolute;
	left: 50%;
	top: 39rem;
	transform: translateX(-50%)
}

#ban_index .dots li {
	width: 3.4rem;
	height: 0.3rem;
	background: #fff;
	display: inline-block;
	margin: 0;
	margin-right: 0.8rem;
	cursor: pointer;
	opacity: 0.5
}

#ban_index .dots li.slick-active {
	position: relative;
	opacity: 1
}

#ban_index .dots li.slick-active:after {
	animation: move 5s;
	content: "";
	display: block;
	position: absolute;
	width: 0rem;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff
}

#ban_index .p1 {
	font-size: 3.8rem;
	font-weight: 400
}

#ban_index .ban2 .p1 {
	text-align: center
}

#ban_index .p1 {
	font-size: 1.6rem;
	margin-top: 0
}

#ban_index .p2 {
	line-height: 3rem
}

#ban_index .ban2 .p2 {
	text-align: center
}

#ban_index .p2 .t a {
	color: #c6c9ce;
	font-size: 1.2rem;
	margin-right: 1rem
}

#ban_index .p2 .t a:hover {
	color: #fff
}

#ban_index .nav2 .p2 a:hover {
	color: #fff
}

#ban_index .ban {
	position: relative
}

#ban_index img {
	visibility: hidden;
	width: 100%;
	max-width: none
}

#ban_index h4 img {
	visibility: visible;
	width: auto;
	min-width: 0.1rem
}

#ban_index .sname {
	font-family: Microsoft YaHei UI;
	font-size: 4rem;
	font-weight: 400;
	line-height: 1;
	position: absolute;
	z-index: 4;
	top: 24%;
	right: 0;
	display: inline-block;
	width: fit-content;
	width: 100%;
	text-align: center;
	white-space: normal;
	letter-spacing: 0.7rem;
	text-transform: uppercase;
	word-break: break-word;
	color: #fff
}

#ban_index h2 {
	font-size: 4.8rem;
	font-weight: 400;
	font-weight: 400;
	position: absolute;
	top: 10rem;
	left: 50%;
	width: 120rem;
	margin-left: -60rem;
	text-align: center;
	letter-spacing: 0.4rem;
	color: #333
}

#ban_index h4 {
	font-size: 3rem;
	font-weight: 100;
	position: absolute;
	top: 20.2rem;
	left: 0;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	letter-spacing: 0.4rem
}

#ban_index h4 .dot {
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	margin: 0 1.1rem 0.2rem 1rem;
	vertical-align: middle;
	border-radius: 10rem;
	background: #b41017
}

#ban_index .txt {
	margin-top: -15rem
}

#ban_index .ban2 .p1 {
	margin: 3rem 0 0
}

#ban_index .ban {
	margin-top: -6.2rem
}

#ban_index .txt {
	margin-top: -11rem
}

#pageban .a1:hover {
	background: var(--color1);
	color: #fff;
	border-color: var(--color1);
	font-size: 1.6rem;
	line-height: 5rem
}

#pageban .txt {
	width: 100%;
	position: relative;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center
}

#pageban .ban_lesson .imgcover {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: right;
	padding: 0;
	background: transparent
}

#pageban .ban_lesson .imgcover img {
	height: 100%;
	width: auto
}

#pageban .ban_lesson .txt {
	width: 41%;
	top: -9rem
}

#pageban .ban_lesson .container {
	width: var(--container-width);
	justify-content: space-between
}

#pageban .ban_lesson .container>.row {
	min-width: 100%;
	position: relative;
	z-index: 333
}

#pageban .ban_lesson .txt .p1 {
	font-size: 4.6rem;
	font-weight: 400
}

#pageban .ban_lesson .txt .p2 {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.3;
	margin: 3rem 0
}

.masked::before {
	content: "";
	position: absolute;
	top: 0;
	right: -5px;
	width: 100%;
	height: 100%;
	background: url(../images/b/mask.png) no-repeat right -11rem center/cover, url(../images/b/mask.png) no-repeat right -11rem center/cover;
	z-index: 33
}

.fading-image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	-webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	mask-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	position: relative;
	-webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%);
	mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%)
}

#pageban .ban_lesson .a1 {
	line-height: 5rem;
	font-size: 1.6rem;
	width: 15rem
}

#pageban.ban3 .txt {
	left: 50%;
	width: 50vw;
	text-align: left;
	background: url(../images/frame1.png) no-repeat left center;
	padding-top: 6rem;
	padding-bottom: 6rem;
	left: 0
}

#pageban .ban2 .txt {
	padding-top: 4rem
}

#pageban .a1 {
	display: inline-block;
	width: 14.2rem;
	border: 0.1rem solid #fff;
	line-height: 4rem;
	margin: 2.5rem auto 0;
	font-size: 1.5rem;
	transition: all 0.3s;
	text-align: center
}

#pageban {
	position: relative;
	z-index: 2;
	min-height: 20rem;
	background: #ffffff
}

#pageban .con {
	position: relative
}

#pageban .inner {
	position: relative;
	height: 43rem
}

#pageban .img {
	display: inline-block;
	background: transparent no-repeat center;
	position: absolute;
	right: 0;
	top: 1.5rem
}

#pageban .img img {
	width: auto;
	height: auto;
	max-width: none;
	min-width: 0
}

#pageban .in {
	width: 44rem;
	position: absolute;
	top: 7rem;
	left: 29rem;
	text-align: left
}

#pageban .in * {
	color: #fff;
	border-color: #fff
}

#pageban .t {
	font-size: 4.2rem;
	color: #fff
}

#pageban .s {
	font-size: 2.6rem;
	color: #fff;
	line-height: 4.2rem;
	margin-bottom: 0
}

#pageban .linkmore {
	border-radius: 0;
	font-size: 1.5rem
}

#pageban .linkmore:hover {
	border-color: #0052d9
}

#pageban .dots {
	position: absolute;
	left: 29rem;
	top: 31rem
}

#pageban .dots li {
	width: 37rem;
	height: 0.4rem;
	background: #d3dae4;
	display: inline-block;
	margin: 0;
	margin-right: 0.8rem;
	cursor: pointer;
	transition: all .3s
}

#pageban .dots li.slick-active {
	position: relative;
	width: 37rem
}

#pageban .dots li.slick-active:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--color1)
}

#pageban .nav2 {
	position: absolute;
	top: 2.9rem;
	left: 0
}

#pageban .nav2 .p1 span {
	color: #fff
}

#pageban .nav2 li {
	width: 24rem;
	height: 8.6rem;
	margin-bottom: 1rem;
	padding: 1.8rem 1.8rem 0;
	background: #242a37 no-repeat right bottom
}

#pageban .nav2 li:nth-child(1) {
	background-image: url(../images/nva2bg_1.png)
}

#pageban .nav2 li:nth-child(2) {
	background-image: url(../images/nva2bg_2.png)
}

#pageban .nav2 li:nth-child(3) {
	background-image: url(../images/nva2bg_3.png)
}

#pageban .nav2 li:nth-child(4) {
	background-image: url(../images/nva2bg_4.png)
}

#pageban .p1 {
	font-size: 4.1rem;
	font-weight: 400;
	margin: 0 auto;
	margin-top: 2rem;
	margin-bottom: -2rem;
	color: #fff;
	text-transform: uppercase;
	font-family: 'enfont';
	font-weight: 100
}

.body_p_67 #pageban .p1 {
	font-size: 5rem;
	margin-bottom: 0.6rem
}

#pageban.ban3 .p1 {
	margin-bottom: 0.4rem;
	padding-top: 0;
	padding-bottom: 0
}

#pageban.ban3 .p2 {
	margin-bottom: 0;
	padding-top: 0
}

#pageban .ban2 .p1 {
	text-align: center
}

#pageban .p2 {
	font-size: 4rem;
	font-weight: bold
}

#pageban.new0822 .txt {
	margin-top: -2.5rem
}

#pageban .p2.lh40 {
	line-height: 4rem
}

#pageban .ban2 .p2 {
	text-align: center
}

#pageban .nav2 .p2 span {
	color: #c6c9ce;
	font-size: 1.2rem;
	margin-right: 1rem
}

#pageban .nav2 .p2 a:hover {
	color: #fff
}

#pageban .ban {
	position: relative;
	height: 18rem;
}

#pageban img {
	visibility: hidden;
	width: 100%;
	max-width: none
}

#pageban .container {
	position: absolute;
	top: 0;
	left: 0;
	transform: none;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start
}

#pageban h4 img {
	visibility: visible;
	width: auto;
	min-width: 0.1rem
}

#pageban .sname {
	font-family: Microsoft YaHei UI;
	font-size: 4rem;
	font-weight: 400;
	line-height: 1;
	position: absolute;
	z-index: 4;
	top: 24%;
	right: 0;
	display: inline-block;
	width: fit-content;
	width: 100%;
	text-align: center;
	white-space: normal;
	letter-spacing: 0.7rem;
	text-transform: uppercase;
	word-break: break-word;
	color: #fff
}

#pageban h2 {
	font-size: 4.8rem;
	font-weight: 400;
	font-weight: 400;
	position: absolute;
	top: 10rem;
	left: 50%;
	width: 120rem;
	margin-left: -60rem;
	text-align: center;
	letter-spacing: 0.4rem;
	color: #333
}

#pageban h4 {
	font-size: 3rem;
	font-weight: 100;
	position: absolute;
	top: 20.2rem;
	left: 0;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	letter-spacing: 0.4rem
}

#pageban h4 .dot {
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	margin: 0 1.1rem 0.2rem 1rem;
	vertical-align: middle;
	border-radius: 10rem;
	background: #b41017
}

.ban .crumbs {
	color: #fff;
}

.ban .crumbs * {
	color: inherit;
	font-size: 1.8rem;
	font-family: 'enfont-l'
}

#newsitems .item {
	padding-bottom: 2.5rem;
	padding-top: 2.5rem;
	border-bottom: 0.1rem solid #e7e7e7
}

#newsitems .item:first-child {
	margin-top: -2rem
}

#newsitems .item h3 {
	margin-top: 0
}

#newsitems .item h3 a {
	font-size: 2rem
}

#newsitems .item h3 a:hover {
	font-weight: bold;
	color: #0052d9
}

#newsitems .infotime {
	color: #7b7b7b;
	line-height: 2.6rem;
	font-size: 1.4rem
}

#newsitems .sinfo {
	line-height: 2.6rem
}

.sct_quyu_t {
	padding: 0;
	height: 10rem;
	border-bottom: 0.1rem solid #e9e9e9
}

.sct_quyu_t .h2 {
	line-height: 10rem;
	margin: 0
}

.sct_jieshao .h2 {
	margin-top: 1rem;
	margin-bottom: 2rem
}

.sct_jieshao .con {
	padding: 4rem;
	background: url(../images/quyu/bg1.jpg) no-repeat center/cover;
	color: #fff
}

.sct_jieshao .sinfo {
	color: #fff
}

#content_right h1 {
	margin: 0rem 0 1rem;
	line-height: 1.1;
	font-size: 2.4rem;
	color: #333
}

#content_right h1+.infotime {
	border-bottom: 0.1rem solid #e7e7e7;
	padding-bottom: 1rem;
	margin-bottom: 2rem
}

#content_right #detail {
	color: #7b7b7b;
	font-size: 1.4rem;
	line-height: 2.6rem;
	padding-bottom: 3rem;
	margin-bottom: 3rem
}

#content_right .prev_next {
	padding-bottom: 3.5rem;
	border-bottom: 0.1rem solid #e7e7e7;
	margin-bottom: 4rem
}

#content_right .prev_next>div span {
	display: inline-block;
	color: #7b7b7b;
	font-size: 1.6rem;
	text-decoration: underline
}

#content_right .prev_next>div a {
	color: #7b7b7b;
	font-size: 1.6rem;
	display: inline-block;
	margin-top: 0.6rem;
	text-decoration: underline
}

#content_right .prev_next>div a:hover {
	color: #0052d9
}

#content_right .p3 a {
	color: #0052d9
}

#content_right .xiangguan li {
	width: 100%;
	float: none
}

#content_right .xiangguan .h4 {
	margin-bottom: 2rem
}

#content_right .xiangguan li {
	display: inline-block;
	width: 50%;
	float: left;
	padding-right: 3rem;
	padding-left: 1.8rem;
	position: relative
}

.sct_part_1 {
	/* background: url(../images/bg1.jpg) no-repeat center/cover; */
}

.sct_part_1 .row {}

.sct_part_1 .con {
	background: #fff;
	height: 33rem;
	padding: 5rem 3rem;
	display: flex;
	margin-bottom: 4.3rem;
	justify-content: space-between;
	align-items: flex-start;
	border-radius: 2rem;
	box-shadow: 0px 0px 5px 2px #0be0da42;
}

.sct_part_1 .con:hover {
	/* box-shadow: 0px 0px 14px 2px #0094c27d; */
}

.sct_part_1 .con .hred {
	transition: color 0.3s;
}

.sct_part_1 .con:hover .hred {
	color: var(--color1);
}

.con {}

.sct_part_1 .con:hover * {}

.sct_part_1 .con:hover * {}

.sct_part_1 .con a {
	line-height: 1.3;
	transition: all .3s;
	/* font-family: 'enfont-l'; */
}

.sct_part_1 .con .l {
	width: 68%;
	order: 8;
	padding-left: 3rem;
}

.sct_part_1 .con .h3 {}

.sct_part_1 .con .h3 span {
	display: block;
	font-weight: bold;
}

.sct_part_1 .con .sinfo {
	margin: 2.5rem 0 3rem;
	font-size: 1.8rem;
	font-family: 'enfont-l';
	color: #555;
	line-height: 1.5;
}

.sct_part_1 .con .sinfo+a {
	font-size: 1.6rem;
}

.sct_part_1 .con .sinfo+a:hover {
	color: var(--color1);
}

.sct_part_1 .con .h3 .span1 {
	font-size: 3.6rem;
}

.sct_part_1 .con .h3 .span2 {
	font-size: 2.8rem;
	margin-top: 0.7rem;
}

.sct_part_1 .con .r {
	padding-left: 0rem;
	margin-right: 0rem;
	flex: 1;
}

.sct_part_1 .con .img {
	display: flex;
	justify-content: center;
	align-items: center;
}

.sct_part_1 .con:hover img {
	transform: scale(1.2);
}

.sct_part_1 .con img {
	transition: all 0.43s;
}

.sct_part_1 .i_ttl {
	margin-bottom: 5rem;
}

.bluedot>li {
	position: relative;
	padding-left: 4rem
}

.bluedot>li:before {
	content: "";
	display: block;
	position: absolute;
	width: 0.5rem;
	height: 0.5rem;
	top: 1.7rem;
	left: 0.2rem;
	background: #0052d9
}

#content_right .xiangguan li a {
	font-size: 1.6rem;
	color: #666666;
	line-height: 4rem;
	display: inline-block;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

#content_right .xiangguan li a:hover {
	color: #0052d9
}

#top_lang {
	position: relative;
	transform: translateY(0.9rem)
}

.header .line {
	width: 0.1rem;
	height: 5.7rem;
	display: block;
	background: #DCBEBE;
	flex: 0 0 0.1rem;
	margin: 0 2rem;
	transform: translateY(-0.1rem);
	opacity: 0.3
}

#top_search {
	margin-left: 2rem;
	padding-left: 2rem;
	position: relative
}

#top_search:before {
	content: "";
	display: block;
	height: 2.1rem;
	width: 0.1rem;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0
}

#top_lang:before {
	content: "";
	display: block;
	width: 2.3rem;
	height: 2.3rem;
	background: url(../images/earth.png) no-repeat center/cover;
	position: absolute;
	left: 0;
	top: 0.75rem;
	transition: all 0.1s
}

#top_lang.open:before {
	opacity: 0
}

#top_lang.open {
	background: rgb(255 255 255 / 16%);
	border-radius: 1rem;
	position: relative
}

#top_lang.open:after {
	content: "";
	height: 0.1rem;
	width: 80%;
	background: #fff;
	display: block;
	position: absolute;
	left: 10%;
	top: 50%;
	opacity: 0.2
}

.language-select {
	display: inline-flex;
	flex-direction: column;
	height: 3.86rem;
	cursor: pointer;
	-moz-border-radius: 0.4rem;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	margin: 0 auto;
	font-size: 1.6rem;
	font-weight: 500;
	color: #ba914a;
	width: 10rem;
	line-height: 3.6rem;
	border: none;
	border-radius: 0.5rem !important;
	text-align: center;
	margin-left: 1rem;
	overflow: hidden;
	background: url(../images/caret-down.png) no-repeat right 1.3rem top 1.1rem/1.4rem auto;
	transform: translateY(-0.1rem)
}

.language-select li {
	vertical-align: middle;
	text-align: center;
	justify-content: left;
	order: 2;
	min-height: 3.6rem;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	border-radius: 0.4rem;
	text-indent: -0.8rem
}

.language-select li:hover {
	cursor: pointer
}

.language-select li span {
	vertical-align: middle;
	display: inline-block;
	color: #fff
}

.open .language-select {
	height: auto
}

.language-select li.active {
	order: 1;
	pointer-events: none
}

.searchicon {
	width: 3.7rem;
	height: 3.7rem;
	background: transparent url(../images/search-ic.png) no-repeat center/2.5rem auto;
	display: block;
	flex: 1;
	overflow: hidden;
	text-indent: -10rem;
	border: none;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1.5rem
}

.search_index {
	flex: auto;
	width: 3.5rem;
	height: 3.5rem;
	display: inline-block;
	position: relative
}

.search_index div {
	margin: 0
}

.search_index input {
	width: 28rem;
	margin: 0 auto;
	line-height: 3.6rem;
	border: none;
	background: rgb(255 255 255 / 45%);
	border-radius: 0;
	display: inline-block;
	padding-left: 1rem;
	padding-right: 1rem;
	height: 3.6rem;
	font-size: 1.4rem;
	color: #fff;
	line-height: 3rem;
	background: #04192c;
	border: 0.1rem solid #565656;
	box-shadow: none;
	vertical-align: middle;
	position: absolute;
	top: 0.3rem;
	right: 0;
	transition: 0.2s ease-in;
	opacity: 0;
	width: 0rem;
	padding-right: 6rem
}

.search_index input::placeholder {
	color: rgb(255 255 255 / 71%)
}

.search_index button:hover {
	background-color: transparent;
	border: none;
	cursor: pointer
}

@media screen and (min-width:770px) {
	.search_index:hover input {
		display: block;
		opacity: 1;
		width: 28rem;
		transform: scale(1)
	}

	.snav_float #submenu .con li:hover,
	.snav_float #submenu .con li.on {
		background: #f0f8f5f5;
		border-left: 0.1rem solid #ddf1e9;
		border-right: 0.1rem solid #ddf1e9
	}

	.snav_float #submenu .con li:hover a,
	.snav_float #submenu .con li.on a {
		color: var(--color1)
	}

	.snav_float #submenu .con li:hover a:after,
	.snav_float #submenu .con li.on a:after {
		opacity: 1
	}

	.snav_float #submenu .con li.on:hover a:after {
		opacity: 1
	}

	.search_index:hover input {
		display: block;
		opacity: 1;
		width: 28rem;
		transform: scale(1)
	}
}

.sct_intro1 {
	padding: 8.5rem 0 3.5rem !important
}

.sct_intro1 .con {
	display: flex;
	justify-content: space-between
}

.sct_intro1 .l .img {
	min-width: 76rem
}

.body_ab .sct_intro1 .l .img img {
	transform: translate(2rem, 2.3rem);
	border-radius: .5rem;
	overflow: hidden
}

.sct_intro1 .r .txt {
	text-align: left;
	padding-left: 8rem
}

.sct_intro1 .r .txt * {
	text-align: left;
	font-family: 'enfont-l';
}

.body_likoufu .sct_intro1 .r .txt * {
	margin-top: 1.2rem
}

.sct_intro1 .r .i_ttl {
	margin-top: 1rem
}

.sct_intro1 .h3 {
	font-size: 3rem;
	margin-bottom: 2rem;
	margin-top: 3rem;
	color: #222
}

.sct_intro1 .sinfo {
	font-size: 1.6rem;
	color: #555;
	line-height: 1.88;
	margin-bottom: 5rem;
	font-family: 'enfont-l';
}

.sct_intro1 .num4 {
	padding: 6rem 0 0rem !important;
}

.sct_intro1 .num4 ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	margin-left: 0.3rem;
	justify-content: space-between;
}

.sct_intro1 .num4 ul li {
	flex: 0 0 min-content;
	font-size: 1.8rem;
	color: #333;
	margin-bottom: 3rem;
	width: min-content;
}

.sct_intro1 .num4 .count {
	font-size: 5.3rem;
	color: var(--color5);
	font-weight: bold;
	font-family: 'enfont-l';
	margin-right: 1rem
}

.sct_intro1 .num4 p {
	font-size: 1.9rem;
	font-weight: bold;
	color: #222;
	white-space: nowrap;
}

.body_page .sct_intro1 .num4 ul li {
	flex: 0 0 22%
}

.body_page .sct_intro1 .num4 ul {
	justify-content: space-between;
	margin-bottom: 0
}

.body_page .sct_intro1 .l .img {
	border-radius: .5rem;
	overflow: visible;
	min-width: 63rem;
	width: 63rem;
	height: 46.9rem;
	position: relative
}

.body_likoufu.body_page .sct_intro1 .l .img {
	height: auto;
	width: 75.5rem
}

.body_ab .sct_intro1 .l .img:before {
	content: "";
	background: var(--color1);
	border-radius: .5rem;
	display: block;
	width: 86%;
	height: 88%;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0
}

.body_page .sct_intro1 .r .inner {
	padding-top: 1.5rem
}

.body_page .sct_intro1 .r .txt h2 {
	font-family: 'enfont-b';
	color: #111;
	margin-top: 3rem
}

.body_page .sct_intro1 .r .h3 {
	color: var(--color1);
	padding-bottom: 2.2rem;
	position: relative
}

.body_page .sct_intro1 .i_ttl:after {
	width: 100%;
	height: .4rem;
	background: var(--color1);
	opacity: 1;
	content: "";
	display: block;
	margin-top: 1.5rem;
	margin-bottom: 2rem;
}

.body_page .sct_intro1 .r .txt {
	padding-left: 11rem
}

.body_page.body_likoufu .sct_intro1 .r .txt {
	padding-left: 8rem
}

.sct_intro1_1 {
	padding: 7.6rem 0 10rem !important;
	position: relative;
	overflow: hidden;
	height: 100rem;
	margin-bottom: 0;
	/* background: url(../images/bg13.jpg) no-repeat center bottom/cover; */
}

.sct_intro1_1 .con {
	padding-right: 0;
	text-align: left
}

.sct_intro1_1 .con * {
	text-align: left
}

.sct_intro1_1 .con .s2 {
	font-family: 'enfont-l';
	color: var(--color1);
	font-size: 2rem;
	position: relative;
	top: -0.2rem;
	letter-spacing: 1px
}

.sct_intro1_1 .p1 {
	font-size: 3rem;
	font-family: Arial;
	color: #aaaaaa;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 3.2rem;
	display: block;
	margin-top: 4rem;
	display: block
}

.sct_intro1_1 .companyname {
	font-size: 1.8rem;
	color: #333333;
	display: inline-block;
	margin-top: 0.3rem;
	margin-bottom: 2.5rem;
	font-weight: bold
}

.sct_intro1_1 .sinfo {
	color: #555;
	line-height: 1.9;
	font-size: 1.8rem;
	padding-right: 1rem;
	font-size: 1.7rem;
	color: #222;
	line-height: 1.58;
	margin-bottom: 5rem;
	margin-top: 4rem;
	font-family: 'enfont-l';
}

.sct_intro1_1 .sinfo br {
	content: "";
	display: block;
	height: 13px
}

.sct_intro1_1 .i_ttl {
	margin-top: -4rem
}

.sct_intro1_1 .linkmore_3 {
	background: var(--color1)
}

.sct_intro1_1 .linkmore_3 svg {
	fill: #fff
}

.body_page .sct_intro1_1 {
	background: transparent;
	padding: 0 !important
}

.body_page .sct_intro1_1 [data-aos^=fade][data-aos^=fade].aos-animate {
	padding: 0 !important
}

.body_page .sct_intro1_1:before {
	display: none
}

.body_page .sct_intro1_1 .con {
	padding: 4rem 0 0;
	border: 1px solid #EDEDED;
	border-left: none;
	border-right: 0;
	margin-bottom: 7rem
}

.ab_part_new_1 {
	background: #F6F6F6;
	padding: 7rem 0px 6rem !important;
	margin-bottom: 8rem
}

.ab_part_new_1 .con {
	background: #fff;
	display: flex;
	margin-bottom: 3rem;
	padding: 0 !important
}

.ab_part_new_1 .txt {
	flex: 1;
	padding: 0 8.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-top: 0.4rem solid var(--color1)
}

.ab_part_new_1 .con2 .txt {
	order: 5
}

.ab_part_new_1 .t {
	display: flex;
	align-items: center;
	margin-bottom: 3rem;
	column-gap: 3rem
}

.ab_part_new_1 .h3 {
	font-size: 3.6rem
}

.ab_part_new_1 .c {
	font-size: 1.6rem;
	line-height: 1.88;
	color: #555
}

.ab_part_new_1 .img {
	flex: 0 0 78rem
}

.ab_part_new_1 .img img {
	width: 100%
}

.ab_part_new_1.ab_part_new_3 {
	background: #fff;
	padding: 8rem 0 0rem !important
}

.ab_part_new_1.ab_part_new_3 .txt {
	border: 0;
	justify-content: flex-start;
	padding-top: 3rem
}

.ab_part_new_1.ab_part_new_3 .con2 .txt {
	padding-right: 0;
	padding-top: 1rem
}

.ab_part_new_1.ab_part_new_3 .h3 {
	font-size: 4.8rem;
	font-family: 'enfont-b'
}

.ab_part_new_1.ab_part_new_3 .t {
	display: block
}

.ab_part_new_1.ab_part_new_3 h3 {
	width: 100%
}

.ab_part_new_1.ab_part_new_3 .line3 {
	width: 7rem;
	height: .4rem;
	background: #A12A2A;
	opacity: 1;
	margin-top: 3rem;
	margin-bottom: 1rem
}

.ab_part_new_1.ab_part_new_3 .con1 .txt {
	padding-left: 0
}

.ab_part_new_1.ab_part_new_3 .img {
	flex: 0 0 75rem
}

.ab_part_new_1.ab_part_new_3 .con1 {
	margin-bottom: 8rem
}

.ab_part_new_4 {
	padding: 7rem 0 1rem !important;
	background: #f9f9f9 url(../images/bg7.jpg) no-repeat center top /cover
}

.ab_part_new_4 .pics {
	padding: 6rem 0
}

.ab_part_new_4 .items {
	display: flex;
	justify-content: space-between;
	background: url(../images/bg10.png) no-repeat top 29.6rem center;
	padding-bottom: 4rem
}

.ab_part_new_4 .items:last-child {
	padding-bottom: 0
}

.ab_part_new_4 .item {
	flex: 1;
	text-align: center
}

.ab_part_new_4 .img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 28rem
}

.ab_part_new_4 .img img {
	max-width: 30rem;
	max-height: 28rem
}

.ab_part_new_4 .txt {
	height: 11rem;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 5rem 4rem 0;
	font-size: 1.6rem;
	line-height: 1.8;
	color: #333
}

.ab_part_new_4_2 {
	background: no-repeat
}

.ab_part_new_4_2 .i_ttl:after {
	width: 8rem;
	height: 0.3rem;
	background: #333;
	content: "";
	display: block;
	margin: 0 auto
}

.ab_part_new_4_2 .i_ttl h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 1rem;
	color: #000;
	font-family: 'enfont-b'
}

.ab_part_new_4_2 .i_ttl h2:after,
.ab_part_new_4_2 .i_ttl h2:before {
	content: "";
	display: block;
	width: 8rem;
	height: 8rem;
	background: url(../images/ll.png) no-repeat center
}

.ab_part_new_4_2 .i_ttl h2:after {
	background: url(../images/lr.png) no-repeat center
}

.ab_part_new_4_2 .txt {
	height: 12rem;
	line-height: 1.6
}

.ab_part_new_5 {
	padding: 7rem 0 9rem !important
}

.ab_part_new_5 .hdls ul {
	display: flex !important;
	justify-content: center;
	padding: 4rem 0;
	column-gap: 2rem
}

.ab_part_new_5 .hdls ul li {
	color: #222;
	background: #F0F0F0;
	border-radius: .5rem;
	padding: 1.2rem 2.4rem;
	cursor: pointer;
	font-size: 1.6rem
}

.ab_part_new_5 .hdls ul .slick-active,
.ab_part_new_5 .hdls ul li:hover {
	background: var(--color1);
	color: #fff
}

.ab_part_new_5 .pics {
	display: flex;
	column-gap: 3rem;
	justify-content: space-between
}

.ab_part_new_5 .img img {
	border-radius: 0;
}

.ab_part_new_5 .txt {
    border-radius: 0;
    overflow: hidden;
    text-align: center;
    padding: 2rem 0;
    font-size: 1.6rem;
}
.ab_part_new_5 .slick-list{
	margin-left:-4rem;
}
.ab_part_new_5 .slick-slide{
	margin-left:4rem;

}
.ab_part_new_5 .site_slick_hdl{
    position: relative;
    top: 22rem;
    /* display: flex; */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    z-index: 101;
}
.ab_part_new_5 .site_slick_hdl .pn{position: relative;left: -7rem;background: transparent;}

.ab_part_new_5 .site_slick_hdl .pn:hover {
    fill: var(--color1);
    border-color: var(--color1);
}
.ab_part_new_5 .site_slick_hdl .next{
    left: auto;
    right: -10rem;
}

.ab_part_new_6{
    background: transparent;
}
.ab_part_new_6 .img{
    margin-top: 4rem;
}
.ab_part_new_6 img{}
.ab_part_new_6 .txt{
	text-align: center;
    padding: 2rem 0;
    font-size: 1.6rem;
}
.sct_i_1.ab_part_new_2 {
	padding: 7rem 7.5rem !important;
	background: #c69d72 url(../images/p2.jpg) no-repeat bottom center/100% auto;
	height: 86rem;
	margin-bottom: 9rem
}

.ab_part_new_2 .i_ttl {
	text-align: left
}

.ab_part_new_2 .i_ttl h2 span {
	font-size: 3.6rem;
	font-family: 'enfont-l';
	font-weight: bold
}

.ab_part_new_2 .i_ttl h2 i {
	margin-right: 2rem
}

.ab_part_new_2.sct_i_1 .i_ttl p {
	font-size: 1.6rem;
	line-height: 1.78;
	margin-top: 4rem
}

.ab_part_new_21 {
	padding: 7rem 0 !important;
	background: url(../images/bg6.jpg) no-repeat center/cover;
	text-align: center
}

.body_likoufu .i_ttl h2 {
	font-family: 'enfont-b'
}

.ab_part_new_21 .i_ttl {
	text-align: center
}

.ab_part_new_21 .i_ttl .h2_sct_ttl {
	font-weight: 400
}

.ab_part_new_21 .develop_slick {
	margin-left: -0.5rem;
	margin-top: -4rem;
	overflow: hidden;
	padding: 0 1rem
}

.ab_part_new_21 .develop_slick .slick-slider {
	z-index: 33
}

.ab_part_new_21 .develop_slick .slick-slide {
	margin-left: 4rem;
	padding: 1rem .5rem
}

.ab_part_new_21 .develop_slick .slick-list {
	margin-left: -4rem
}

.ab_part_new_21 #slick_cj_hdl {
	position: relative;
	top: 21rem;
	display: flex;
	justify-content: space-between;
	z-index: 2
}

.ab_part_new_21 #slick_cj_hdl a {
	position: relative;
	left: -4rem;
	border-color: #ccc;
	fill: #ccc;
	background: transparent
}

.ab_part_new_21 #slick_cj_hdl a:hover {
	fill: var(--color1);
	border-color: var(--color1)
}

.ab_part_new_21 #slick_cj_hdl a.next {
	left: auto;
	right: -11rem
}

.ab_part_new_21 .in {
	box-shadow: 0px 0px 8px 0px #4d4d4d40;
	border-radius: 1rem;
	overflow: hidden
}

.ab_part_new_21 .img img {
	width: 36rem;
	height: 25rem
}

.ab_part_new_21 .txt {
	background: #fff;
	padding: 4rem 3rem;
	height: 17rem;
	line-height: 1.7;
	font-size: 1.6rem
}

#slick_cj {
	margin-left: -6rem;
	overflow: hidden
}

#slick_cj_wrap {
	position: absolute;
	top: calc(50% - -0.5rem);
	left: 59%;
	transform: translateY(-50%);
	width: 117rem;
	z-index: 5
}

div#slick_cj_wrap .site_slick_hdl>a {
	background: transparent
}

div#slick_cj_wrap .site_slick_hdl>a:hover {
	background: var(--color5);
}

#slick_cj .slick-list {
	margin-left: -4rem
}

#slick_cj .slick-slide {
	margin-left: 4rem;
	padding: 2rem
}

#slick_cj .slick-slide img {
	border: 1.8rem solid #fff;
	box-shadow: 0px 0px 9px 1px #85858542;
}

#slick_cj .slick-slide .txt {
	padding: 2rem 0;
	font-size: 2.3rem;
	color: #444;
}

#slick_cj .img2 {
	border: 2rem solid #fff;
	box-shadow: 1px 1px 5px 0px #68748e7d;
	transition: all .3s
}

#slick_cj .slick-current .img2 {
	border: 2rem solid #fff;
	box-shadow: 1px 1px 5px 0px #68748e7d;
	background: #fff
}

#slick_cj .img2 img {
	width: 54rem;
	height: 66rem;
	max-width: 54rem;
	max-height: 66rem;
	position: relative;
	z-index: 3
}

#slick_cj .slick-current+div img {
	/* filter: brightness(70%); */
}

#slick_cj .slick-current .img2 img {
	filter: none
}

.site_slick_hdl {
	margin-top: -1rem;
	margin-left: -4rem
}

.site_slick_hdl>a {
	transition: all .3s;
	width: 4.8rem;
	height: 4.8rem;
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	border: 1px solid #999;
	border-radius: 20rem;
	fill: #999;
	margin-right: 3rem;
	background: #fff
}

.site_slick_hdl>a svg {
	fill: inherit;
	width: 1.9rem
}

.site_slick_hdl>a:hover {
	background: var(--color5);
	fill: white;
	border-color: var(--color5);
}

.sct_adv {
	text-align: center;
	background: url(../images/bg3.jpg);
	padding: 5.4rem 0 9.5rem !important
}

.sct_adv .i_ttl {
	margin-bottom: 6rem;
	margin-top: 1rem
}

.sct_adv .con {
	box-shadow: 0px 0px 2rem 0px #c4c4c48a;
	background: #fff;
	padding: 4.8rem;
	border-radius: 0.5rem;
	overflow: hidden;
	text-align: left
}

.sct_adv .con>i {
	display: flex;
	height: 8rem;
	align-items: flex-start;
	justify-content: flex-start
}

.sct_adv .con img {
	max-height: 100%
}

.sct_adv .con .h3 {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.25;
	color: #222;
	font-family: enfont-b;
	margin: 4rem 0 4rem;
	padding-bottom: 3rem;
	/* padding-right: 9rem; */
	height: 10.2rem;
	position: relative
}

.sct_adv .con .h3:after {
	border-top: .2rem solid #C4C4C4;
	display: block;
	content: "";
	width: 200%;
	margin-top: 3rem
}

.sct_adv .con .sinfo {
	font-size: 1.6rem;
	font-family: 'enfont-l';
	line-height: 1.4;
	margin-bottom: 4rem;
	height: 19.5rem;
}

.linkmore5 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: 1.5rem;
	fill: var(--color1);
	transition: all .3s
}

.linkmore5:hover span {
	color: var(--color1)
}

.linkmore5 span {
	font-size: 1.8rem;
	font-family: 'enfont';
	color: #222
}

.linkmore5 i {
	width: 3.2rem;
	height: 3.2rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.linkmore5 svg {
	fill: inherit
}

.sct_i_1 {
	min-height: 54rem;
	background: #c69d72 url(../images/p1.jpg) no-repeat bottom center/100% auto;
	color: #fff
}

.sct_i_1 .i_ttl p {
	font-size: 3rem;
	font-family: 'enfont-l';
	margin: 0
}

.sct_i_1 .i_ttl h2 {
	font-family: 'enfont';
	font-weight: bold;
	margin: 0.4rem 0 0rem
}

.sct_i_1 * {
	color: #fff !important
}

.sct_i_2 {
	/* background: url(../images/bg4.jpg) no-repeat center/cover; */
	padding: 12rem 0 !important;
	position: relative;
}

.section:before {
	content: "";
	display: block;
	width: 50000rem;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/city.png) repeat-x left bottom/auto 35rem;
	opacity: 0.15;


	animation: moveBackground 20s linear infinite;
	/* 应用动画 */
}

@keyframes moveBackground {
	0% {
		transform: translateX(0);
		/* 初始位置 */
	}

	100% {
		transform: translateX(-15rem);
		/* 向左移动一个元素的宽度 */
	}
}


.sct_i_2 .i_ttl h2 {
	font-family: 'enfont-b'
}

.sct_i_2 .i_ttl {
	text-align: left
}

.sct_i_2 form {
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 3rem
}

.sct_i_2 input.ipt1 {
	width: 55.7rem;
	height: 6rem;
	background: #ffffff80;
	opacity: 1;
	border: 1px solid #DBDBDB;
	font-size: 1.6rem;
	padding: 0 6rem 0 1rem
}

.sct_i_2 input.ipt2 {
	border: none;
	background: transparent url(../images/arrowright.png) no-repeat center/2.6rem auto;
	width: 6rem;
	height: 6rem;
	position: relative;
	margin-left: -6rem
}

.sct_news1 {
	padding: 3rem 0 4rem !important;
	background: #fff;
}

.sct_news1 .i_ttl .r {
	width: 20rem
}

.sct_news1 .row2 {
	padding-top: 1.5rem
}

.hdl_1.hdl_2 {
	padding-top: 1rem
}

.hdl_1.hdl_2 ul {
	display: flex !important;
	column-gap: 5rem
}

.hdl_1.hdl_2 li span {
	font-size: 3.1rem;
	cursor: pointer;
	transition: all 0.2s;
	border-bottom: 2px solid transparent;
	padding-bottom: 1rem
}

.hdl_1.hdl_2 li.slick-active span {
	color: inherit
}

.hdl_1.hdl_2 li span:hover {
	color: var(--color1)
}

.sct_news1 .con {
	margin-top: -5rem;
	margin-bottom: 3rem
}

.sct_news1 .inner {
	border-color: var(--color1);
	padding-top: 0;
	padding-bottom: 0;
	border: 1px solid #dddddd;
	border-bottom: 0;
	margin-left: -1px;
	transition: all .3s;
	height: 20rem
}

.sct_news1 .item_0 {
	display: none
}

.sct_news1 .inner.tt_inner {
	height: auto;
	border: none;
	border-radius: 2rem;
	overflow: hidden;
	background: #fff
}

.sct_news1 .inner.tt_inner img {
	width: 100%
}

.sct_news1 .d2 {
	padding: 4rem;
	background: #efefef;
}

.sct_news1 .t {
	font-size: 2.4rem;
	color: #000;
	font-weight: bold
}

.sct_news1 .dft {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 4rem
}

.sct_news1 .dft .date {
	font-size: 1.4rem
}

.sct_news1 .dft .thedetails {
	width: 13.4rem;
	height: 4.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #333;
	color: #fff;
	border-radius: 30rem;
	transition: all .3s
}

.sct_news1 .dft .thedetails:hover {
	color: #fff !important;
	background: var(--color1)
}

.sct_news1 .inner_4 {
	border-bottom: 1px solid #dddddd;
	border-radius: 0 0 3rem 0;
	overflow: hidden
}

.sct_news1 .inner.tt_inner .bd {
	padding: 5rem
}

.sct_news1 .inner:hover .bd {
	transition: all 0.3s
}

.sct_news1 .row_in {
	padding: 0 0.2rem
}

.sct_news1 .inner_2 {
	border-radius: 0 3rem 0 0;
	overflow: hidden
}

.sct_news1 .row_in .a_img {
	flex: 0 0 50%;
	overflow: hidden;
	border-radius: 0 3rem 3rem 0
}

.sct_news1 .row_in .img {
	margin: 0
}

.sct_news1 .row_in .img img {
	width: 100%
}

.sct_news1 .row_in .bd {
	padding: 3rem 4.5rem 1rem;
	padding-top: 0;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.8;
	transition: all 0.3s;
	border-top: none
}

.sct_news1 .row_in .date {
	display: block;
	color: #888;
	margin-bottom: 1.5rem;
	font-family: arial;
	font-size: 1.6rem
}

.sct_news1 .row_in .date .d {
	font-size: 4rem;
	line-height: 1;
	color: #999
}

.sct_news1 .row_in .date .ym {
	font-size: 1.4rem;
	font-weight: bold;
	display: block;
	color: #999;
	line-height: 1.1
}

.sct_news1 .row_in .h3 {
	font-size: 2.4rem;
	overflow: hidden;
	max-width: 100%;
	display: inline-block;
	transition: all 0.3s;
	margin: 3.5rem 0 0.3rem;
	line-height: 1.5;
	height: auto;
	overflow: hidden;
	font-weight: 400
}

.sct_news1 .row_in .tt_inner .h3 {
	font-size: 3.2rem;
	line-height: 4.8rem;
	height: auto;
	margin-bottom: 2rem;
	margin-top: 1rem
}

.sct_news1 .row_in .h3:hover {
	color: var(--color1)
}

.sct_news1 .row_in .sinfo {
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 2rem;
	color: #666
}

.sct_news1 .row_in .thedetails {
	color: var(--color1);
	font-size: 1.6rem;
	display: inline-block;
	margin-top: 14rem
}

.sct_news1 .row_in .ft {
	display: flex;
	justify-content: space-between
}

.sct_news1 .row_in .ft a {
	font-size: 1.6rem;
	color: #666;
	display: inline-flex;
	align-items: center;
	column-gap: 1rem
}

.sct_news1 a:hover {
	color: var(--color1) !important
}

.sct_news1 .row_in .ft a i {
	border: 1px solid #d9d9d9;
	fill: #d9d9d991;
	margin-right: 0.8rem
}

.sct_news1 .row_in .inner a:hover {
	color: var(--color1)
}

.sct_news1 .row_in .inner:hover {
	background: #fff
}

.sct_news1 .row_in .inner:hover a i {
	fill: var(--color1);
	border-color: var(--color1);
	transform: rotate(-45deg)
}

.sct_news1 .i_ttl .r .morenews {
	width: 20rem;
	height: 5.2rem;
	border-radius: 10rem;
	opacity: 1;
	border: 2px solid var(--color5);
	display: flex;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	margin-top: 6rem;
	font-size: 2rem;
	column-gap: 0.9rem;
	transition: all 0.3s
}

.sct_news1 .morenews span {
	color: #333
}

.sct_news1 .morenews i svg {
	width: 1.8rem;
	height: 1.8rem;
	opacity: 1;
	fill: var(--color5);
	position: relative;
	top: 0.1rem
}

.sct_news1 .morenews:hover {
	border-color: var(--color1);
	background: var(--color1);
	color: #fff
}

.sct_news1 .morenews:hover span {
	color: #fff
}

.sct_news1 .morenews:hover i svg {
	fill: #fff
}

.ftlink .items {
	flex: 1 1;
	display: flex;
	justify-content: space-between;
	column-gap: 4rem;
	padding-left: 2rem
}

.ftlink .item {
	flex: 1 1;
	height: 4rem;
	background: transparent;
	border-radius: 0;
	margin-right: 0;
	line-height: 4rem
}

.ftlink .ul_1 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end
}

.ftlink .btn {
	width: 100%;
	text-align: left;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #666;
	font-size: 1.4rem;
	background: transparent;
	color: #fff;
	border: 1px solid rgb(255 255 255 / 10%);
	height: 4.1rem;
	border-radius: 0
}

.ftlink .dropdown-menu {
	width: 100%;
	box-shadow: none;
	border-radius: 0;
	margin-top: 0rem;
	background: #013779;
	contain: content;
	border-color: rgb(255 255 255 / 10%)
}

.ftlink .dropdown-menu a:hover {
	background: transparent
}

.ftlink .dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent
}

.ftlink .dropdown-item {
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #fff;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0
}

.ftlink .dropdown-item:hover {
	background: transparent
}

#submenuwrap {
	background: #f7f7fb;
	border-bottom: 1px solid #ededed
}

#submenuwrap .box>a {
	display: none
}

#submenuwrap .box ul {
	display: flex;
	width: 100% !important;
	align-items: center;
	justify-content: flex-start;
	height: 8rem
}

#submenuwrap .box ul li {
	flex: 0 0 auto;
	text-align: center;
	border-right: 1px solid #ededed;
	height: 100%
}

#submenuwrap .box ul li:last-child {
	border: none
}

#submenuwrap .box ul li a {
	font-size: 2rem;
	display: block;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 7rem;
	transition: all 0.3s
}

#submenuwrap .box ul li.on {
	border: none
}

#submenuwrap .box ul li.on a {
	font-weight: bold;
	background: #df201d;
	color: #fff
}

#toplessons {
	margin-top: -29rem;
	position: relative;
	z-index: 3;
	margin-bottom: 13rem
}

#toplessons .h3 {
	color: #fff;
	margin-bottom: 3rem
}

#toplessons .slider_hdl_1 {
	fill: #fff;
	border-color: #fff;
	position: absolute;
	top: -18rem;
	left: -9rem
}

#toplessons .slider_hdl_1.next {
	left: auto;
	right: -9rem
}

#lessonslider .slick-list {
	margin-left: -2.4rem
}

#lessonslider .slick-slide {
	margin-left: 2.4rem
}

#lessonslider .img_b a {
	display: block;
	position: relative
}

#lessonslider .img_b a:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border: .3rem solid transparent
}

#lessonslider .img_b img {
	width: 100%;
	height: auto
}

#lessonslider .slick-current .img_b a:after {
	border-color: #fff
}

.h2_ttl_3 {
	font-size: 4.6rem;
	font-weight: 400;
	position: relative;
	padding-bottom: 5rem;
	top: 2rem;
	color: #333333
}

.h2_ttl_3:after {
	content: "";
	display: block;
	width: 1.4em;
	height: 0.3rem;
	background: var(--color1);
	position: absolute;
	bottom: 3.6rem;
	display: none
}

.h2_ttl_3 .s2 {
	font-size: 1.8rem;
	margin-left: 2rem;
	color: #888;
	letter-spacing: 0.3rem;
	display: block;
	margin-top: 2rem
}

body .sct_guanyu1 {
	padding-top: 4rem;
	padding-bottom: 8rem;
	background: url(../images/bg6.jpg) no-repeat center bottom/cover
}

.sct_guanyu1 .remark {
	padding-right: 1rem;
	line-height: 2.2;
	margin-top: 2rem;
	color: #535353
}

.sct_guanyu1 .remark * {
	font-size: 1.8rem;
	color: inherit
}

.sct_guanyu1 .img {
	margin-top: 5rem
}

.remark {
	font-size: 1.6rem;
	line-height: 1.98
}

.remark * {
	white-space: normal !important
}

.articletitle_page+.remark {
	padding: 0 0 5rem
}

.remark * {
	font: inherit;
	color: inherit
}

.imgcenter img {
    margin: 0 auto;
    display: block;
}

.sct_guanyu1 .img {
	margin-bottom: 2rem;
	text-align: right;
	overflow: hidden;
	margin-left: auto
}

.sct_guanyu1 .row2 {
	margin-top: 6rem
}

.sct_guanyu1 .row2 * {
	text-align: center
}

.sct_guanyu1 .row2 .d1 {
	font-size: 6.2rem;
	font-weight: bold;
	color: #333
}

.sct_guanyu1 .row2 .d1:first-letter {
	color: #17A79E
}

.sct_guanyu1 .img img {
	display: inline
}

.sct_guanyu1 .num4 ul {
	display: flex;
	justify-content: space-between;
	padding: 1.4rem 0;
	margin-top: 2rem
}

.sct_guanyu1 .num4 li {
	align-items: center;
	justify-content: center;
	column-gap: 2rem;
	flex: 0 0 32.4%;
	background: transparent !important;
	color: #fff;
	padding: 4.7rem 0;
	border-radius: 1.5rem
}

.sct_guanyu1 .num4 li:nth-child(2) {
	background: #01aeec url(../images/logosy.png) no-repeat center right
}

.sct_guanyu1 .num4 li:nth-child(3) {
	background: #f79532 url(../images/logosy.png) no-repeat center right
}

.sct_guanyu1 .num4 .count,
.sct_guanyu1 .num4 .dw {
	font-size: 5.7rem;
	font-weight: 400
}

.sct_guanyu1 .num4 .dw {
	font-size: 4.4rem;
	position: relative;
	top: -0.4rem
}

.sct_guanyu1 .num4 .d1+div {
	font-size: 2.4rem;
	position: relative;
	top: 1.3rem;
	color: #535353
}

#pageban .inventorintro .flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	height: 100%
}

#pageban .inventorintro .l {
	flex: 0 0 84rem;
	width: 84rem;
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	padding-right: 8rem
}

#pageban .inventorintro * {
	white-space: normal;
	word-break: break-all
}

#pageban .inventorintro img {
	visibility: visible
}

#pageban .inventorintro .row {
	height: 100%
}

#pageban .inventorintro .row>div {
	height: 100%
}

#pageban .inventorintro .l>div {
	max-width: 100%
}

#pageban .inventorintro .l .p1 {
	font-size: 2.4rem;
	color: #F08519;
	margin-top: 15rem
}

#pageban .inventorintro .l h1 {
	margin: 2rem 0 4rem
}

#pageban .inventorintro .l .name {
	font-size: 6.8rem;
	font-weight: 400;
	color: #222
}

#pageban .inventorintro .l .s2 {
	font-size: 2.4rem;
	margin-left: 2rem;
	font-weight: bold;
	color: #222;
	position: relative;
	top: 0.3rem
}

#pageban .inventorintro .l .info {
	font-size: 1.6rem;
	line-height: 3.9rem;
	color: #666
}

#pageban .inventorintro .l .imgs {
	padding-top: 4rem
}

#pageban .inventorintro .l .a_img {
	width: 17.8rem;
	height: 24.5rem;
	background: #FFFFFF;
	border-radius: .5rem;
	opacity: 1;
	padding: 1rem
}

#pageban .inventorintro .l .dots {
	left: 0;
	top: auto;
	bottom: 5rem
}

#pageban .inventorintro .r {
	flex: 1 1 auto
}

#pageban #pageban .inventorintro .r img {
	visibility: visible
}

.picslist {
	padding: 7rem 0
}

.picslist .in {
	background: url(../images/bg7.jpg) no-repeat center top/cover;
	display: block;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 41.8rem;
	margin-bottom: 2rem;
	position: relative;
	padding: 1rem;
	text-align: center
}

.picslist .img {
	height: 35rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0rem
}

.picslist .txt {
	margin-top: 6.4rem;
	font-size: 1.6rem;
	position: relative;
	padding-top: .2rem
}

.picslist .in:before {
	content: "";
	display: block;
	width: 80%;
	height: 0.1rem;
	background: #ddd;
	position: absolute;
	margin: 0 auto;
	left: 10%;
	top: -10rem;
	opacity: 0
}

#leftbar .box_list {
	display: block
}

#leftbar .box_list .item {
	display: none
}

#leftbar .wrap0 {
	padding-right: 3rem
}

#leftbar .box4 .ttl {
	background: none;
	border: 1px solid #ededed;
	border-bottom: none;
	color: var(--color1);
	font-weight: bold
}

#leftbar .box_cp .img {
	margin-bottom: 2.2rem;
	background: #fff
}

#leftbar .box_cp .img a {
	display: block;
	width: 100%
}

#leftbar .box_cp .img a img {
	width: 100%
}

#leftbar .box_list .a_1 {
	position: relative
}

#leftbar .box_list .a_1:hover,
#leftbar .box_list .a_1.on {
	color: var(--color1);
	font-weight: bold
}

#leftbar .box_list .a_1.on:before,
#leftbar .box_list .a_1:hover:before {
	content: "";
	display: block;
	position: absolute;
	width: 0.5rem;
	height: 4rem;
	top: 50%;
	left: 0;
	background: var(--color1);
	margin-top: -2rem
}

#leftbar .box_list .a_2 {
	position: relative
}

#leftbar .box_list .a_2:hover,
#leftbar .box_list .a_2.on {
	color: var(--color1);
	font-weight: bold;
	padding-left: 1.5rem
}

#leftbar .box_list .a_2.on:before,
#leftbar .box_list .a_2:hover:before {
	content: "";
	display: block;
	position: absolute;
	width: 0.3rem;
	height: 2.4rem;
	top: 50%;
	left: 0;
	background: var(--color1);
	margin-top: -1.3rem
}

#leftbar .box_list .ttl a {
	color: #fff
}

#leftbar .box_list .ttl {
	font-size: 2.6rem;
	line-height: 8rem;
	padding: 0 3.5rem;
	background: #0053a3;
	display: flex;
	justify-content: space-between;
	align-items: center
}

#leftbar .box_list .ttl i {
	display: block;
	width: 5rem;
	height: 5rem;
	background: url(../images/bg8.png) no-repeat center;
	border: 1px solid rgb(255 255 255 / 20%);
	border-radius: 10rem
}

#leftbar .box_list ul a:hover {
	color: var(--color1) !important
}

#leftbar .box_list .ul1 {
	border: none;
	margin-bottom: 4rem
}

#leftbar .box_list .cat1:last-child a.a_1 {
	border-bottom: none
}

#leftbar .box_list ul {
	border: 1px solid #eee
}

#leftbar .box_list ul.lv2 {
	border: none;
	border-bottom: 1px solid #eee
}

#leftbar .box_list ul.lv2 li {
	padding: 0rem;
	padding-right: 1rem;
	padding-left: 2rem
}

#leftbar .box_list ul.lv2 li.active2 a {
	color: #5b63c1
}

#leftbar .box_list ul.lv2 li a {
	color: #333;
	display: block;
	padding: 10px 0;
	padding-left: 1.3rem
}

#leftbar .box_list ul.lv2 li:last-child a {
	border: none
}

#leftbar .box_list ul.lv2 li a:hover {
	color: var(--color1)
}

#leftbar .box_list.box1 .cat1:last-child a.a_1 {
	border-bottom: 1px solid #eee
}

#leftbar .box_list .cat1 {
	position: relative;
	left: -0.1rem
}

#leftbar .box_list .cat1 i:after {
	content: "+"
}

#leftbar .box_list .cat1 i.plus:after {
	content: "-"
}

#leftbar .box_list .cat1 i {
	font-size: 2rem;
	font-style: normal;
	position: absolute;
	right: 1rem;
	top: 0.7rem;
	color: var(--color1);
	display: block;
	width: 4rem;
	height: 4.2rem;
	text-align: center;
	cursor: pointer
}

#leftbar .box_list .cat1 a {
	font-size: 1.6rem;
	line-height: 1.8;
	display: block;
	color: #333;
	padding-left: 3.5rem;
	transition: all 0.3s
}

#leftbar .box_list .cat1 .a_1 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	font-size: 1.8rem
}

#leftbar .box_list .cat1 a.a_ly {
	font-size: 1.4rem;
	line-height: 2;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 1rem;
	padding-left: 1.5rem
}

#leftbar .box_list .ul2 {
	display: none;
	border: none;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 1rem;
	padding-top: 1rem
}

#leftbar .box_list .ul2 li {
	border: none;
	padding-left: 0
}

#leftbar .box_list .ul2 li a {
	font-size: 1.4rem;
	line-height: 3.6rem;
	border: none
}

#leftbar .box .c {
	border: 1px solid #ededed;
	border-top: none;
	padding-bottom: 1rem
}

#leftbar .box4 .c p {
	border-top: none
}

#leftbar .box.box4 .c .p1 {
	border-top: none
}

#leftbar .box .p1 {
	margin-top: 0
}

#leftbar .box .p1 img {
	width: 100%;
	margin-bottom: 0.7rem
}

#leftbar .box .c span {
	display: block;
	text-align: center;
	margin: 0px 1rem
}

#leftbar .box .c p {
	border-top: 1px solid #ededed
}

#leftbar .box .span1 {
	color: #000
}

#leftbar .box .span2 {
	font-size: 1.2rem;
	color: #666
}

#leftbar .p1 .span2 {
	font-size: 1.2rem;
	color: var(--color1);
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: -4px !important
}
#products_list {
	padding: 4rem 0 4rem;
	}
  #products_list .ul {
  }
  #products_list li {
  }
  #products_list li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #f1f7fc;
	margin-bottom: 3rem;
	padding: 0;
	border: 1px solid #ddd;
	}
  #products_list .p_ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 37rem;
	height: 37rem;
	padding: 4rem;
	margin: 0;
	}
  #products_list .p_ico img {
  }
  #products_list .txt {
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 2rem 2rem;
	width: 100%;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.6;
	}
  
  #products_list .txt i {
	transition: all 0.3s;
  }
  
  #products_list a:hover * {
	color: var(--color1);
	/* fill: var(--color1); */
  }
  #products_list .txt span {
	/* font-size: 1.8rem; */
	/* height: 4.2rem; */
	/* display: inline-flex; */
	/* align-items: center; */
	}
  
  #products_list .txt i {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.4rem;
	height: 2.4rem;
	background: #fff;
	border-radius: 100rem;
	padding: 0.5rem;
	fill: #7b7b7b;
	transition: all 0.3s;
  }
  
  #products_list a:hover i {
	background: var(--color1);
	fill: white;
  }
  
  #products_list .txt span i {
  }
.sitettl2 {
	text-align: center;
	margin-bottom: 4rem
}

.sitettl2 span {
	font-size: 4.2rem;
	font-weight: bold;
	color: #000
}

.sitettl2 span+span {
	font-size: 2.2rem;
	color: #888;
	display: block
}

.toutiaochanpin {
	text-align: center;
	justify-content: center;
	padding-top: 6rem
}

.toutiaochanpin .productname a {
	font-size: 4.2rem;
	color: #000;
	font-weight: bold
}

.toutiaochanpin .sinfo1 {
	font-size: 1.8rem;
	color: #888;
	padding: 3rem 0 0
}

.toutiaochanpin .sinfo2 {
	font-size: 1.8rem;
	color: #666;
	padding: 1rem 0 4rem
}

.toutiaochanpin .btn_buy {
	justify-content: center
}

.btn_buy {
	display: flex;
	align-items: center
}

.btn_buy a {
	display: inline-block;
	margin: 0 0.7rem;
	width: 10rem;
	line-height: 4.2rem;
	background: #fff;
	border-radius: 32rem;
	opacity: 1;
	border: 1px solid #666666;
	font-size: 1.4rem;
	color: #333;
	transition: all .3s
}

.btn_buy_top a {
	width: 8.1rem;
	height: 3.1rem;
	background: #000000;
	border-radius: 1.5rem;
	opacity: 1;
	border: 1px solid #000000;
	background: #fff;
	text-align: center;
	line-height: 3.1rem;
	margin: 0 0.5rem;
	display: inline-flex;
	justify-content: center;
	align-items: center
}

#header .btn_buy_top a:hover {
	border-color: #333;
	color: #fff;
	background: #333
}

.btn_buy_top {
	margin-left: 2rem
}

.body_xx .btn_buy a {
	width: 12rem
}

.btn_buy a:hover {
	background: var(--color1);
	color: #fff;
	border-color: var(--color1)
}

.toutiaochanpin .img {
	margin-top: 3rem
}

.toutiaochanpin .img>a {
	display: flex;
	width: 52rem;
	height: 48rem;
	margin: 0 auto 0;
	overflow: hidden;
	position: relative
}

.toutiaochanpin .img2 {
	width: 52rem;
	display: block;
	margin: 0 auto;
	position: relative;
	bottom: -4rem
}

.ppart1 {
	background: #f0f0f0;
	padding: 8rem 0 10rem
}

.ppart1 .outer {
	justify-content: center;
	column-gap: 2.2rem;
	margin: 3rem auto 0
}

.ppart1 .outer>a {
	background: #fff;
	padding: 3rem 1rem 1rem;
	border-radius: 1rem;
	display: block;
	flex: 1;
	max-width: 17%
}

.ppart1 .pname {
	font-size: 2rem;
	color: #333;
	margin-bottom: 0.8rem
}

.ppart1 .sinfo {
	font-size: 1.5rem;
	color: #888;
	display: block;
	width: 100%;
	line-height: 2rem;
	height: 2rem;
	margin-bottom: 2rem
}

.ppart1 .img {
	width: 100%;
	padding-top: 100%;
	position: relative;
	border-radius: 0 0 1rem 1rem;
	background: rgb(184, 186, 193);
	background: linear-gradient(180deg, rgba(184, 186, 193, 1) 0%, rgba(213, 212, 219, 1) 100%)
}

.ppart1 .img img {
	max-width: 68%;
	max-height: 68%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.ppart1 .down {
	width: 3.6rem;
	height: 3.6rem;
	background: #303030 url(../images/down.png) no-repeat center/1.7rem auto;
	opacity: 1;
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	border-radius: 10rem;
	transition: all .3s
}

.ppart1 .down:hover {
	background: var(--color1) url(../images/down.png) no-repeat center/1.7rem auto
}

.ppart1 .card_2 .img {
	background: rgb(174, 194, 220);
	background: linear-gradient(180deg, rgba(174, 194, 220, 1) 0%, rgba(211, 223, 236, 1) 100%)
}

.ppart1 .card_3 .img {
	background: rgb(233, 223, 220);
	background: linear-gradient(180deg, rgba(233, 223, 220, 1) 0%, rgba(244, 238, 237, 1) 100%)
}

.ppart1 .card_4 .img {
	background: rgb(232, 229, 228);
	background: linear-gradient(180deg, rgba(232, 229, 228, 1) 0%, rgba(240, 240, 240, 1) 100%)
}

.ppart1 .card_5 .img {
	background: rgb(228, 232, 228);
	background: linear-gradient(180deg, rgba(228, 232, 228, 1) 0%, rgba(239, 246, 245, 1) 100%)
}

.ppart1 .card_6 .img {
	background: rgb(231, 228, 232);
	background: linear-gradient(180deg, rgba(231, 228, 232, 1) 0%, rgba(244, 239, 246, 1) 100%)
}

.ppart2 {
	background: #f0f0f0;
	padding: 0rem 0 0rem;
	text-align: center
}

.ppart2 .moreproducts {
	display: flex;
	column-gap: 1.5rem;
	margin-top: 1.5rem;
	flex-wrap: wrap;
	justify-content: space-between
}

.ppart2 .moreproducts .item {
	flex: 1;
	background: #fff;
	padding: 1.6rem 1.6rem 3rem;
	border-radius: 1rem;
	margin-bottom: 1.5rem;
	display: flex;
	flex-wrap: wrap
}

.ppart2 .moreproducts.col-3 .item {
	min-width: 30%
}

.ppart2 .moreproducts.col-3 .item .img {
	order: -1;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5rem
}

.ppart2 .p_s_first .t1 {
	text-align: left
}

.ppart2 .p_s_first .text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2.5rem 0
}

.ppart2 .p_s_first .imgs {
	display: block;
	position: relative;
	height: 54rem
}

.ppart2 .thelist1 {
	background: #fff;
	padding: 1.6rem;
	border-radius: 1rem
}

.btn_buy2 {
	margin: 2rem auto 0.5rem;
	display: flex;
	justify-content: center;
	column-gap: 3rem;
	font-size: 1.5rem;
	font-weight: bold
}

.ppart2 .moreproducts.col-2 .item {
	flex-wrap: nowrap;
	padding: 4rem 3rem 5rem
}

.ppart2 .moreproducts.col-2 .txt {
	min-width: 0;
	flex: 0 0 60%;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	row-gap: 1rem;
	padding-left: 2rem
}

.ppart2 .moreproducts.col-2 .txt>div {
	margin: 0
}

.ppart2 .moreproducts.col-2 .pname {
	font-size: 2.4rem
}

.ppart2 .moreproducts.col-2 .sinfo1 {
	order: -1
}

.ppart2 .moreproducts.col-2 .sinfo2 {
	padding: 0
}

.ppart2 .moreproducts.col-2 .btn_buy2 {
	justify-content: flex-start
}

.ppart2 .moreproducts.col-2 .img {
	order: -1;
	min-width: 0;
	flex: 0 0 40%;
	height: 24rem
}

.ppart2 .moreproducts.col-2 .img img {
	max-width: 20rem;
	max-height: 20rem
}

.ppart2 .moreproducts.col-other .item {
	flex-wrap: nowrap;
	padding: 7rem 3rem 9rem
}

.ppart2 .moreproducts.col-other .txt {
	min-width: 0;
	flex: 0 0 60%;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	row-gap: 1rem;
	padding-left: 13rem;
	padding-top: 0
}

.ppart2 .moreproducts.col-other .txt>div {
	margin: 0
}

.ppart2 .moreproducts.col-other .pname {
	font-size: 2.4rem
}

.ppart2 .moreproducts.col-other .sinfo1 {
	order: -1
}

.ppart2 .moreproducts.col-other .sinfo2 {
	padding: 0
}

.ppart2 .moreproducts.col-other .btn_buy2 {
	justify-content: flex-start
}

.ppart2 .moreproducts.col-other .img {
	order: -1;
	min-width: 0;
	flex: 0 0 40%;
	height: 24rem
}

.ppart2 .moreproducts.col-other .img img {
	max-width: 25rem;
	max-height: 26rem
}

.ppart2 .moreproducts.col-3 .img img {
	max-width: 17rem;
	max-height: 18rem
}

.ppart2 .moreproducts.col-5 .item {
	max-width: 20%
}

.ppart2 .moreproducts .txt {
	padding-top: 3.5rem
}

.ppart2 .moreproducts .sinfo1 {
	font-weight: bold;
	color: #666;
	margin: 1rem auto;
	height: 2.6rem
}

.ppart2 .moreproducts .sinfo2 {
	padding: 0 3rem;
	height: 4.6rem
}

.ppart2 .moreproducts .img {
	height: 23rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.ppart2 .moreproducts .img img {
	max-width: 18rem;
	max-height: 18rem
}

.ppart2 .sinfo1 {
	font-size: 1.8rem;
	color: #888
}

.ppart2 .sinfo2 {
	font-size: 1.6rem;
	color: #888
}

.ppart2 .pname {
	font-size: 2.6rem;
	color: #000;
	margin-bottom: .8rem;
	font-weight: bold
}

.ppart2 .p_s_first .img {
	overflow: hidden;
	position: absolute
}

.ppart2 .img_1 {
	width: 72rem;
	height: 52rem;
	left: 0rem;
	top: 0rem
}

.ppart2 .img_2 {
	left: 73rem;
	top: 0rem;
	width: 49.7rem;
	height: 52rem
}

.ppart2 .img_3,
.ppart2 .img_4 {
	width: 45.1rem;
	height: 25.5rem;
	right: 0rem;
	top: 0rem
}

.ppart2 .img_4 {
	top: 26.6rem
}

.ppart2 .p_s_first .img img {
	width: auto;
	min-height: 100%;
	max-width: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.ppart2 .ct2 {
	padding-bottom: 9rem
}

.ppart2 .item .txt {
	min-width: 100%
}

.ppart2 .item .pname {
	font-size: 2rem
}

.ppart2 .item .img {
	min-width: 100%
}

.ppart3 {
	padding: 9rem 0
}

.ppart3 .items {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	column-gap: 11rem;
	margin-top: 3rem
}

.ppart3 img {
	max-width: 20rem;
	max-height: 23rem
}

.ppart3 .pname {
	font-size: 2.6rem;
	font-weight: bold;
	margin: 6rem auto 3rem
}

.ppart3 .txt ul {
	padding-top: 2rem
}

.ppart3 .txt ul li span {
	font-size: 2.4rem;
	color: #333;
	font-weight: 400
}

.ppart3 .txt ul li span:nth-child(2) {
	color: #666;
	font-size: 1.4rem;
	display: block;
	margin: 0.8rem auto 3rem
}

.body_xx .ppart1 .wrap1 {
	background: #E7E7E7;
	border-radius: 2rem;
	padding: 7rem;
	margin-top: 2rem
}

.body_xx .ppart1 .dots ul {
	display: flex !important;
	justify-content: center;
	background: #CDCFD1;
	width: min-content;
	margin: 0 auto 6rem;
	padding: 0;
	border-radius: 100px;
	overflow: hidden
}

.body_xx .ppart1 .dots li {
	height: 6rem;
	padding: 0 4rem;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative
}

.body_xx .ppart1 .dots li div {
	position: relative
}

.body_xx .ppart1 .dots li span {
	white-space: nowrap;
	font-size: 1.8rem;
	color: #fff
}

.body_xx .ppart1 .dots li span+span {
	font-size: 1.4rem
}

.body_xx .ppart1 .dots li.slick-active span {
	color: #333
}

.body_xx .ppart1 .dots li.slick-active span+span {
	color: #666
}

.body_xx .ppart1 .dots li.slick-active:before {
	content: "";
	background: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	border-radius: 10rem
}

#shop_cat_slick .in {
	padding: 1rem 0 4rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	max-width: 100%
}

#shop_cat_slick .lll {
	flex: 1
}

#shop_cat_slick .lll .img {
	width: 47rem;
	height: 47rem;
	position: static;
	padding: 0;
	background: transparent;
	margin: 0 auto;
	display: block;
	display: flex;
	align-items: flex-end
}

#shop_cat_slick .lll .img img {
	position: static;
	max-width: 100%;
	max-height: 100%;
	transform: none
}

#shop_cat_slick .rrr {
	flex: 0 0 51.5rem;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-wrap: wrap
}

#shop_cat_slick .item {
	flex: 0 0 100%;
	display: flex;
	justify-content: flex-start;
	padding-left: 40rem;
	background: #fff;
	padding: 3rem 4rem 2rem;
	border-radius: 2rem;
	margin-bottom: 2rem
}

#shop_cat_slick .img2 img {
	max-width: 10rem;
	max-height: 10rem
}

#shop_cat_slick .t2 {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 4rem
}

#shop_cat_slick .t2>div {
	text-align: left
}

#shop_cat_slick .pname {
	margin-bottom: 0.3rem
}

#shop_cat_slick .sinfo1 {
	color: #999;
	font-size: 1.4rem;
	margin: .2rem 0 1.5rem
}

#shop_cat_slick .sinfo1+a {
	font-size: 1.6rem;
	color: #666
}

#products_detail table.fea {
	margin: 4rem 0 6rem
}

#products_detail table.fea .t {
	font-size: 2rem
}

#products_detail table.fea td,
#products_detail table.fea th {
	padding: 1.3rem 2rem;
	font-size: 1.6rem;
	color: #666
}

#products_detail .mainpic {
	background: #fff;
	height: 60.6rem;
	width: 60.6rem;
	padding: 0.5rem;
	border: 1px solid #E9E9E9
}

#products_detail .mainpic img {
    max-width: 55rem;
    max-height: 55rem;
}

#products_detail .infos {
	padding-left: 3.1rem
}

#products_detail .infos h1 {
	margin: 1rem 0 2.4rem;
	font-weight: 400;
	font-size: 3.5rem;
	color: #222;
	line-height: 1.5;
}

#products_detail .infos .sinfo3 {
	font-size: 1.6rem;
	line-height: 1.8;
	color: #555;
	padding-bottom: 4rem
}

#products_detail .infos .sinfo2 {
	border-top: 0.2rem solid var(--color1);
	margin-bottom: 6rem
}

#products_detail .infos .sinfo2 table {
	width: 100%
}

#products_detail .infos .sinfo2 td,
#products_detail .infos .sinfo2 th {
	padding: 2.2rem 0;
	font-size: 1.8rem;
	border-bottom: #CDCDCD solid 1px
}

#products_detail .infos .sinfo2 td:first-child {
	padding-right: 5rem;
	white-space: nowrap;
	color: #666;
	font-size: 1.8rem;
	max-width: 8rem
}

#products_detail #products_list {
	padding: 3rem 0 4rem;
}

#products_detail #products_list {
	margin-top: 4rem;
	margin-bottom: 3rem
}

#products_detail #products_list .t {
	display: flex;
	align-items: center
}

#products_detail #products_list .t i {
	display: inline-block;
	margin-right: 1rem;
	background: url(../images/link.png) center/auto 2.4rem no-repeat;
	width: 4rem;
	border: 0.2rem solid #333;
	height: 4rem;
	border-radius: 50rem
}

#products_detail #products_list .t .h2 {
	display: inline-block;
	margin: 0;
	font-weight: 400
}

#products_detail #products_list .item {
	background: #f1f7fb;
	padding: 3rem 2rem
}

#products_detail #products_list .item .p_ico {
	margin: 0 auto;
	width: 100%;
	height: 26rem
}

#products_detail #products_list .txt {
	margin: -2rem 0 0;
	padding: 1rem 3.5rem 0.4rem
}

#product_content {
	margin-top: 6rem
}

#product_content>.h3 {
	height: 7rem;
	display: flex;
	align-items: center;
	background: #00c0521f;
	border-radius: .5rem;
	overflow: hidden
}

#product_content .h3 span {
	display: block;
	height: 100%;
	background: var(--color1);
	color: #fff;
	display: flex;
	align-items: center;
	padding: 0 3.3rem;
	border-radius: .5rem;
	font-family: 'enfont-l';
	font-size: 2rem
}

#product_content .remark {
	padding-bottom: 8rem
}

#products_detail .rela_products.mainproductslist {
	background: url(../images/bg9.jpg) no-repeat center/cover;
	padding: 1rem 0 2rem
}

#products_detail .rela_products.mainproductslist #products_list .t {
	font-size: 2.9rem;
	font-family: 'enfont-b';
	margin-bottom: 6rem;
	padding-bottom: 0;
	border-bottom: .4rem solid var(--color1);
	width: min-content;
	white-space: nowrap
}

#products_detail .rela_products.mainproductslist #products_list .col a:hover {
	color: var(--color1)
}

#products_detail .rela_products.mainproductslist #products_list .col .item {
	padding: 0 !important
}

#products_detail .rela_products.mainproductslist #products_list .col .txt {
	background: #fff;
	margin: 0 auto;
	padding: 4rem 0
}

#products_detail .rela_products.mainproductslist #products_list .col .bg {
	background: transparent
}

.table-curved {
	border-collapse: separate
}

.table-curved {
	border: solid #ccc 1px;
	border-radius: 6px;
	border-left: 0px
}

.table-curved td,
.table-curved th {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc
}

.table-curved th {
	border-top: none
}

.table-curved th:first-child {
	border-radius: 6px 0 0 0
}

.table-curved th:last-child {
	border-radius: 0 6px 0 0
}

.table-curved th:only-child {
	border-radius: 6px 6px 0 0
}

.table-curved tr:last-child td:first-child {
	border-radius: 0 0 0 6px
}

.table-curved tr:last-child td:last-child {
	border-radius: 0 0 6px 0
}

#slt_list .w_a .txt .info {
	line-height: 2;
	height: 12rem
}

.article_list1 .item .txt {
	padding-left: 5rem;
	padding-top: 1rem;
	padding-right: 0
}

.article_list1 .item {
	padding: 0rem 0 4rem;
	margin-bottom: 4rem;
	background: #F8FBFF;
	border-radius: 1rem;
	opacity: 1;
	padding: 4.4rem;
	transition: all .3s;
	overflow: hidden
}

.article_list1 .item:hover {
	border-color: var(--color1)
}

.article_list1 .row>div:last-child .item {
	margin-bottom: 0
}

.article_list1 .item h3 {
	margin-top: 0;
	margin-bottom: 1.5rem;
	font-size: 3.2rem;
	font-weight: 400;
	color: #333
}

.article_list1 .item h3+div {
	line-height: 2;
	margin-bottom: 2.6rem
}

.article_list1 .item .sinfo {
	font-size: 1.6rem;
	line-height: 2;
	margin-top: 1.5rem;
	margin-bottom: 4rem
}

.article_list1 .btn_more {
	margin-top: 3rem;
	background: transparent;
	color: #333;
	padding: 0
}

.article_list1 .btn_more span {
	font-size: 2rem;
	color: #555
}

.article_list1 a:hover .btn_more span {
	color: var(--color1)
}

.article_list1 .item .time {
	font-size: 1.6rem;
	color: #aaa;
	display: block;
	margin-bottom: 2rem;
	padding-left: 2.5rem;
	background: url(../images/time.png) no-repeat left center/auto 1em
}

.article_list1 .item>a {
	display: flex;
	position: relative;
	padding: 0
}

.article_list1 .item>a * {
	position: relative
}

.article_list1 .item h3:hover {
	color: var(--color1)
}

.article_list1 .img {
	max-height: 45rem
}

.article_list1 .img {
	overflow: hidden
}

.article_list1 .item .more {
	color: #fff;
	font-size: 1.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: var(--color1);
	width: 19rem;
	padding: 0.6rem 3rem;
	transition: all 0.3s
}

.article_list1 .item .more:hover {
	color: #fff;
	background: var(--color1);
	fill: #fff
}

.article_list1 .item .more i {
	top: 0.2rem
}

.article_list1 .item .more i svg {
	height: 3rem;
	fill: #fff;
	top: .2rem
}

.article_list1 .item .img {
	flex: 0 0 45rem;
	margin: 0;
	border-radius: 0
}

.article_detail {
	padding-bottom: 7rem
}

.article_detail2 {
	padding: 0
}

.article_content {
	text-align: center;
	margin-bottom: 1.4rem;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3rem
}

.article_content .remark {
	font-size: 1.6rem
}

.articlenav {
	margin-top: 7rem;
	padding-top: 7rem;
	border-top: 0.1rem solid #D3E4FA;
	text-align: left
}

.newspn {
	justify-content: space-between
}

.newspn * {
	font-size: 1.8rem;
	color: #333;
}

.newspn a {
    font-family: 'enfont-l';
    color: #666;
    margin-left: 0.8rem;
}

.newspn a:hover {
	color: var(--color1)
}

.article_content .remark * {
	font-size: inherit;
	text-align: left
}

.article_content h1 {
	margin: 0 auto;
	font-size: 3.2rem;
	line-height: 1.5;
	font-weight: 400;
	margin-bottom: 2rem
}

.articletitle_page {
	padding: 50px 0;
	text-align: center
}

.article_content.topgap1 {
	padding-top: 0rem
}

.article_content.topgap1:before {
	height: 0.2rem
}

.articleinfo {
	padding-bottom: 3rem;
	margin-bottom: 4rem;
	border-bottom: 0.1rem solid #D3E4FA;
	text-align: center
}

.articleinfo * {
	color: #888;
	font-size: 1.6rem
}

.articleinfo span {
	display: inline-block;
	margin: 0 1rem
}

.articleinfo .fl * {
	color: #777
}

.articleinfo .fl a:hover {
	color: var(--color4)
}

.articleinfo .fl span {
	display: inline-block;
	margin-right: 2rem
}

.articleinfo .fl span i {
	display: inline-block;
	height: 1.3em;
	width: 1em;
	background: url(../images/i-clock.png) no-repeat center/auto 70%;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 7px
}

.articleinfo .fl span.category i {
	background-image: url(../images/i-view.png);
	background-size: 100% auto
}

.articleinfo .fl span.source i {
	background-image: url(../images/newspaper.png);
	background-size: 100% auto
}

.articlenav .fl {
	font-size: 1.6rem
}

.articlenav .return1 i {
	vertical-align: middle;
	display: inline-block;
	width: 2.3rem;
	height: 1.4rem;
	background: url(../images/return.png) no-repeat center/auto 100%;
	position: relative;
	top: -0.2rem
}

.articlenav .return1 {
	display: block;
	width: 16rem;
	border: 0.1rem solid var(--color1);
	border-radius: 10rem;
	line-height: 5rem;
	text-align: center;
	font-size: 1.6rem;
	vertical-align: middle
}

.articlenav .return1 span {
	color: var(--color1)
}

.hotarticles {
	background: #fff;
	padding: 0;
	margin-top: 0;
	margin-bottom: 6.5rem;
	box-shadow: 1rem 0px 5.7rem 0px #1b62c12e;
	padding: 4.5rem;
	margin-bottom: 1.4rem;
	margin-right: 5rem;
	border-radius: 0.5rem
}

.hotarticles .h4 {
	font-size: 2.2rem;
	margin: 1em 0 2em;
	font-weight: bold;
	border-bottom: 1px solid #eccc;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	margin-top: 0;
	border-bottom: 0.1rem solid #D3E4FA
}

.hotarticles h3 {
	margin: 0 0 1.5rem;
	padding: 1.5rem;
	font-size: 1.8rem;
	background: rgb(244, 241, 238)
}

.hotarticles a {
	line-height: 1.6;
	font-size: 1.8rem;
	font-weight: 400
}

.hotarticles .sinfo {
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 2rem 0 1rem
}

.hotarticles li {
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	padding-left: 0;
	border-bottom: 0.1rem solid #f3f1ee
}

.hotarticles li span {
	display: inline-block;
	margin-top: 0.8rem;
	color: #999;
	font-size: 1.6rem
}

.hotarticles li span i {
	display: inline-block;
	height: 1.3em;
	width: 1.4em;
	background: url(../images/time.png) no-repeat center/auto 80%;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 7px
}

.hotarticles a+span {
	display: block;
	color: #666
}

.hotarticles a:hover {
	color: var(--color4)
}

.body_news .ban .p2 {
	display: none;
}

.body_news #pageban .p1 {
    margin-top: 0;
}

.sct_news1_submenu {
	padding-top: 3rem;
	margin-bottom: 5rem;
	background: transparent
}

.body_news .sct_news1_submenu {
	margin-bottom: 7.3rem;
	background: #fff;
	text-align: center;
	padding: 6rem 0 0 !important
}

.sct_news1.sct_news1_submenu .h2_sct_ttl {
	font-size: 4.6rem;
	font-weight: bold;
	margin: 2rem auto 3rem
}

.body_detail .sct_news1_submenu {
	display: none
}

.sct_news1 .i_ttl .r.hdl_3 {
	width: 100%
}

.sct_news1 .i_ttl .r.hdl_3 ul {
	justify-content: center;
	column-gap: 5rem
}

.sct_news1 .hdl_3 ul {
	display: flex !important;
	column-gap: 5rem
}

.sct_news1 .hdl_3 li a {
	background: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 5.5rem;
	padding: 0 0 2rem;
	border-radius: 0;
	color: #333;
	font-size: 1.6rem;
	border-bottom: 2px solid transparent
}

.sct_news1 .hdl_3 li.active a {
	background: transparent;
	color: #000;
	font-weight: bold;
	border-color: #000
}

.sct_news1 .hdl_3 li span {
	font-size: 1.8rem;
	cursor: pointer;
	transition: all 0.2s;
	border-bottom: 2px solid transparent;
	padding-bottom: 1rem;
	color: #555;
	font-weight: 400;
	margin: 0 auto;
	padding: 0
}

.sct_news1 .hdl_3 .on span {
	font-weight: bold;
	color: #222
}

.sct_news1 .hdl_3 li.on span {
	background-color: var(--color1)
}

.sct_news1 .hdl_3 li span:hover {
	color: var(--color1)
}

.body_ptn #submenuwrap,
.body_ptn .crumbs {
	display: none
}

.ttl_5 .h2 {
	font-weight: 400;
	margin-top: 5rem;
	padding-bottom: 3rem;
	margin-bottom: 3rem;
	border-bottom: 1px solid #e9f3fb;
	position: relative
}

.ttl_5 .h2:after {
	content: "";
	display: block;
	height: 3px;
	background: var(--color1);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2em
}

.ourclients .ttl_5 .h2:after {
	display: none
}

.body_ptn .content {
	padding-bottom: 3rem
}

.sec_contact_1 {
	padding: 7rem 0 9rem !important
}

.sec_contact_1 [data-aos^=fade][data-aos^=fade].aos-animate {
	padding: 0
}

.sec_contact_1 .in1 {
	background: url(../images/bg5.jpg) no-repeat left bottom;
	height: 56.5rem;
	text-align: left;
	padding: 4rem 5rem 0
}

.sec_contact_1 .in1 * {
	text-align: left
}

.sec_contact_1 h2 {
	font-size: 4rem;
	margin-top: 2rem
}

.sec_contact_1 .in2 h2 {
	margin-top: 0;
	margin-bottom: 3rem
}

.sec_contact_1 .in1 .i_ttl p {
	line-height: 1.78;
	color: #666;
	margin-top: 1rem;
	padding-right: 2rem;
	padding-left: .2rem
}

.sec_contact_1 .msg_form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	column-gap: 1.4rem
}

.sec_contact_1 .in2 {
	text-align: left;
	padding-left: 3rem
}

.sec_contact_1 .i_ttl {
	text-align: left
}

.sec_contact_1 .msg_form .frm_ipt,
.sec_contact_1 .msg_form .frm_ipt {
	border: none;
	border: 1px solid #DCDCDC;
	line-height: 5rem;
	flex: 1;
	min-width: 50%;
	margin-bottom: 2.5rem;
	font-size: 1.6rem;
	padding: 0 1rem
}

.sec_contact_1 .msg_form .ipt_content {
	padding: 1rem
}

.sec_contact_1 .msg_form .ipt_submit {
	width: 17.8rem;
	height: 5.4rem;
	background: var(--color1);
	border-radius: .2rem;
	border: none;
	color: #fff;
	margin-top: 1rem;
	margin-right: auto;
	font-size: 1.8rem;
	letter-spacing: 1px;
	font-family: 'enfont-l';
	display: flex;
	align-items: center;
	justify-content: center
}

.sec_contact_1 .msg_form textarea {
	min-width: 90% !important;
	line-height: 1.6 !IMPORTANT
}

.ctinfo1 {
	margin: 3rem 0
}

.ctinfo1 .itm {
	display: flex;
	column-gap: 1rem;
	margin-top: 1.4rem;
	padding-left: .2rem
}

.ctinfo1 .itm i {
	width: 2rem;
	height: 2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center
}

.ctinfo1 .itm>div {
	font-size: 1.6rem
}

#footer .social {
	width: 19rem;
	flex: 0 0 100% !important;
	background: #fff;
	padding: 1.5rem;
	border-radius: 1rem;
	box-shadow: 0px 0px 14px 0px rgb(158 162 169 / 18%)
}

#footer .social img {
	width: 16rem;
	margin: 0 auto 0.6rem
}

#footer .social span {
	font-size: 1.4rem;
	display: block;
	text-align: center
}

.sct_lingyu1 .hdls a:before {
	display: none
}

.mainproductslist .item {
	margin-bottom: 3.5rem;
	box-shadow: 0px 0px 0.6rem 0px #c3c3c340;
	border-radius: 1rem;
	overflow: hidden
}

.slider_hdl_1 svg {
	fill: inherit;
	width: 48%
}

.slider_hdl_1 {
	fill: var(--color1);
	width: 4.5rem;
	height: 4.5rem;
	opacity: 1;
	border: 1px solid var(--color1);
	border-radius: 10rem;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .3s;
	cursor: pointer
}

.slider_hdl_1:hover {
	border-color: var(--color1);
	background: var(--color1);
	fill: #fff
}

.mainproductslist {
	padding: 2rem 0 7rem
}

.mainproductslist .img {
	max-width: 28rem;
	max-height: 19rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.mainproductslist .bg {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #F9F9F9;
	height: 31rem
}

.mainproductslist .txt {
	text-align: center;
	padding: 3rem 1.5rem 2.3rem
}

.mainproductslist .txt a:hover {
	color: #019dda
}

.mainproductslist .txt .h3 {
	line-height: 1.6;
	font-size: 2rem;
	margin-top: 0;
	height: 6.5rem
}

.mainproductslist.rela_products .txt .h3 {
    font-size: 1.4rem;
    height: 3rem;
    padding: 0 2rem;
}

.mainproductslist .txt .sinfo {
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: .2rem solid #C4C4C4;
	color: #999
}

.mainproductslist .txt .linkmore5 {
	justify-content: center;
	margin: 3rem auto 0
}

.mainproductslist .txt .linkmore5:hover {
	color: #019dda
}

.mainproductslist .txt .linkmore5 span {
	color: #666;
	font-size: 1.6rem
}

.mainproductslist .txt .linkmore5 i {
	width: 2.8rem;
	height: 2.8rem;
	fill: inherit
}

.arrow_1 {
	height: 5rem;
	display: flex;
	border-radius: 100%;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
	fill: #eee
}

.arrow_1 svg {
	fill: inherit;
	width: 67%
}

a:hover .arrow_1 {
	transform: rotate(-45deg)
}

#siteimg {
	margin: 1rem auto 0;
	font-size: 1.8rem;
	font-weight: bold
}

#siteimg img {
	margin-bottom: 10px
}

.sct_guanyu4 {
	background: #F0F0F0
}

.sct_guanyu4 .img {
	padding: 2rem 0 6rem
}

.sct_form1 {
	background: url(../images/bg4.jpg) no-repeat center/cover;
	padding: 11rem 0 !important
}

.sct_form1 .i_ttl p {
	flex: 0 0 100%;
	margin-top: 2rem;
	order: 5;
	font-size: 1.6rem
}

.sct_form1 .i_ttl {
	flex-wrap: wrap
}

.sct_form1 .i_ttl * {
	color: #ffffff;
	text-align: left;
	flex: 0 0 min-content;
	white-space: nowrap;
	margin: 0
}

.sct_form1 .d2 {
	padding: 4rem 0 0
}

.sct_form1 .d1 input {
	height: 5.5rem;
	display: inline-flex;
	align-items: center;
	padding: 0 2.4rem;
	font-size: 1.6rem;
	border: 0;
	border-radius: 0.7rem;
	margin-right: 1.4rem;
	width: 30rem
}

.sct_form1 .d2 input {
	height: 5.5rem;
	display: block;
	align-items: center;
	padding: 0 2.4rem;
	font-size: 1.8rem;
	letter-spacing: .2rem;
	border: 0;
	border-radius: 0.7rem;
	margin-right: 1.4rem;
	width: 30rem;
	background: transparent;
	border: 1px solid #fff;
	text-align: center;
	color: #fff;
	font-weight: bold;
	transition: all .3s
}

.sct_form1 .d2 input:hover {
	background: #fff;
	color: var(--color1)
}

.product_category {
	box-shadow: 0 0 2rem 0px #6c6c6c24;
	margin-bottom: 4rem
}

.product_category ul {
	display: flex;
	align-items: center;
	height: 10rem
}

.product_category li {
	padding: 0;
	font-size: 2rem;
	font-family: 'enfont-l';
	letter-spacing: 0.6px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.product_category li.active,
.product_category li:hover {
	background: #019dda;
	color: #fff;
	transition: all .3s
}

.product_category li:nth-child(1).active,
.product_category li:nth-child(1):hover {
	background: #019dda
}

.product_category li:nth-child(2).active,
.product_category li:nth-child(2):hover {
	background: #ed680d
}

.product_category li:nth-child(3).active,
.product_category li:nth-child(3):hover {
	background: #75a538
}

.product_category li:nth-child(4).active,
.product_category li:nth-child(4):hover {
	background: #d72b1f
}

.product_category li:nth-child(5).active,
.product_category li:nth-child(5):hover {
	background: #ab1e2e
}

.body_pro_c_0 .linkmore5 {
	fill: #019dda
}

.body_pro_c_0 .linkmore5:hover,
.body_pro_c_0 .linkmore5:hover span,
.body_pro_c_0 .txt .h3 a:hover {
	color: #019dda
}

.body_pro_c_1 .linkmore5 {
	fill: #ed680d
}

.body_pro_c_1 .linkmore5:hover,
.body_pro_c_1 .linkmore5:hover span,
.body_pro_c_1 .txt .h3 a:hover {
	color: #ed680d
}

.body_pro_c_2 .linkmore5 {
	fill: #75a538
}

.body_pro_c_2 .linkmore5:hover,
.body_pro_c_2 .linkmore5:hover span,
.body_pro_c_2 .txt .h3 a:hover {
	color: #75a538
}

.body_pro_c_3 .linkmore5 {
	fill: #d72b1f
}

.body_pro_c_3 .linkmore5:hover,
.body_pro_c_3 .linkmore5:hover span,
.body_pro_c_3 .txt .h3 a:hover {
	color: #d72b1f
}

.body_pro_c_4 .linkmore5 {
	fill: #ab1e2e
}

.body_pro_c_4 .linkmore5:hover,
.body_pro_c_4 .linkmore5:hover span,
.body_pro_c_4 .txt .h3 a:hover {
	color: #ab1e2e
}

.product_category li a {
	color: inherit;
	padding: 0 2.8rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.product_category li a span {
	color: inherit;
	font-size: inherit
}

.thelist1 {
	padding-bottom: 6rem
}

.thelist1 table {
	width: 100%;
	border-collapse: collapse
}

.thelist1 th {
	vertical-align: middle;
	text-align: center;
	height: 8rem;
	background: var(--color1);
	color: #fff;
	font-size: 2rem;
	border: 2px solid #fff;
	font-weight: 400
}

.thelist1 td {
	background: #fbf2f2;
	border: 2px solid #fff;
	padding: 1rem;
	font-size: 1.6rem;
	color: #484747;
	vertical-align: middle;
	text-align: center;
	height: 9.2rem
}

.thelist1 .img img {
	max-height: 8.6rem;
	margin: 0 auto
}

.thelist1 a>img {
	margin: 0 auto
}

.thelist1 td a {
	word-break: break-all
}

.thelist1 td a:hover {
	color: var(--color1)
}

.thelist1 tr:nth-child(odd) td {
	background: #e9f4ff
}

.thelist1 td:nth-child(1),
.thelist1 th:nth-child(1) {
	min-width: 20rem
}

.thelist1 td:nth-child(2),
.thelist1 th:nth-child(2) {
	width: 20rem
}

.productdetail .bor {
	border: 1px #f5f5f5 solid;
	padding: 2rem;
	width: 42rem
}

.productdetail .left .item {
	background: #f5f5f5;
	margin: 0 2rem 4rem;
	padding: 3rem;
	text-align: center;
	position: relative;
	border: 2px solid transparent;
	transition: all 0.3s;
	color: #444
}

.productdetail .left .item:hover {
	color: var(--color1);
	border-color: var(--color1)
}

.productdetail .left .img {
	position: relative;
	z-index: 2
}

.productdetail .left i {
	font-style: normal;
	position: absolute;
	top: 50%;
	transform: translateY(-57%) translateX(-50%);
	z-index: 1;
	font-size: 20rem;
	font-family: "Swiss";
	left: 50%
}

.productdetail .left .txt {
	font-size: 1.8rem;
	color: inherit;
	font-weight: bold;
	margin: 2rem auto 0;
	position: relative;
	z-index: 3
}

.productdetail .rightcontent {
	padding-top: 2rem
}

.productdetail .rightcontent .flex2 {
	margin-bottom: 4rem
}

.productdetail .rightcontent .pic {
	background: #e6e7e9
}

.productdetail .rightcontent .fea {
	padding-left: 6rem;
	font-size: 1.4rem;
	line-height: 2.6rem;
	color: #727272
}

.btn_2 {
	width: 23rem;
	max-width: 100%;
	height: 5.4rem;
	background: #e4223c;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	margin: auto;
	margin-top: 5rem;
	column-gap: 2rem;
	border: 0
}

.btn_2:hover {
	color: #fff
}

.productdetail .h3.t {
	width: 14.2rem;
	line-height: 4.8rem;
	background: #e4223c;
	color: #fff;
	text-align: center;
	font-size: 1.8rem
}

.productdetail .remark {
	border-top: 1px solid #ddd;
	margin-top: 2.4rem;
	padding-top: 2.5rem
}

.sitettl2>div {
	font-size: 2.4rem;
	color: #222;
	padding-bottom: 2rem;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	position: relative;
	margin-bottom: 3.5rem
}

.site_ttl_4 {
	text-align: center
}

.site_ttl_4 .h2 {
	font-size: 4rem;
	font-weight: bold
}

.site_ttl_4 .h2+.sinfo {
	font-size: 1.8rem;
	color: #666666;
	line-height: 1.8;
	margin: 2rem 0 5rem
}

#applicationslist {
	padding: 7rem 0
}

#applicationslist .w_a {
	position: relative;
	display: block;
	border-radius: 1rem;
	overflow: hidden;
	margin-bottom: 3rem
}

#applicationslist .p_ico {
	margin: 0
}

#applicationslist .name {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	font-size: 3.3rem;
	font-weight: bold;
	color: #fff;
	padding: 2rem;
	background: rgb(0, 0, 0);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46124387254901966) 100%);
	opacity: 1;
	transition: all 0.3s;
	text-align: center;
	z-index: 33
}

#applicationslist a:hover .name {
	opacity: 0
}

#applicationslist .txt {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
	left: 0;
	top: 0;
	padding: 5rem;
	text-align: center;
	background: #d91811c4;
	color: #fff;
	opacity: 0;
	transition: all 0.3s
}

#applicationslist a:hover .txt {
	opacity: 1;
	top: 0
}

#applicationslist .t {
	font-size: 3.2rem;
	font-weight: bold;
	display: block;
	margin-bottom: 1rem
}

#applicationslist .info ul {
	width: min-content;
	margin: 0 auto;
	text-align: left
}

#applicationslist .info li {
	white-space: nowrap;
	list-style: disc;
	margin: 1rem 0;
	font-size: 1.8rem
}

.bggray3 {
	background: #F0F0F0
}

.article_list1 .item .txt {
	padding-left: 5rem;
	padding-top: 1rem;
	padding-right: 0
}

.article_list1 .item_0 .txt {
	padding: 21rem 8rem 4rem;
	background: #fff;
	flex: 0 0 50%;
	font-size: 3.2rem
}

.article_list1 .item_0 .txt .t {
	line-height: 1.5;
	font-weight: bold
}

.article_list1 div .item_0 .img {
	flex: 0 0 50%;
	border-radius: 0
}

.article_list1 .item {
	padding: 0;
	border-bottom: 0
}

.article_list1 {
    padding: 6rem 0 0;
}

.article_list1 .row>div:last-child .item {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0
}

.article_list1 .item h3 {
	margin-top: 0;
	margin-bottom: 3.5rem;
	font-size: 3.2rem;
	font-weight: 400
}

.article_list1 .item_b .t {
	font-size: 2rem;
	line-height: 1.3;
	font-weight: bold;
}

.article_list1 .item h3+div {
	line-height: 1.5;
	margin: -1rem 0 2rem;
	font-family: 'enfont-l';
}

.article_list1 .item .sinfo {
	font-size: 1.6rem;
	line-height: 2;
	margin-top: 1.5rem;
	margin-bottom: 2rem;
	display: none
}

.article_list1 .item_b .sinfo {
	display: none
}

.article_list1 .btn_more {
	margin-top: 3rem;
	background: transparent;
	color: #333;
	padding: 0
}

.article_list1 .btn_more span {
	font-size: 2rem;
	color: #555
}

.article_list1 a:hover .btn_more span {
	color: var(--color1)
}

.article_list1 .item .time {
	font-size: 1.6rem;
	color: #aaa;
	display: block;
	margin-bottom: 2rem;
	padding-left: 0;
	background: none
}

.article_list1 .item>a {
	display: flex;
	position: relative;
	padding: 0;
	overflow: hidden
}

.article_list1 .item_b>a {
	display: block
}

.article_list1 .item_b>a:hover * {
    color: var(--color1);
}

.article_list1 .item_b .txt {
	background: #eee;
	padding: 4.5rem 3rem;
	/* display: flex; */
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	height: 28rem;
}

.article_list1 .item>a * {
	position: relative
}

.article_list1 .item img {
	width: 100%
}

.article_list1 .img {
	max-height: none
}

.article_list1 .img {
	overflow: hidden
}

.article_list1 .item .more {
	color: #333;
	font-size: 1.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #eee;
	width: 19rem;
	padding: 0.6rem 3rem;
	transition: all 0.3s;
	margin-top: 5rem
}

.article_list1 .item .more:hover {
	color: #fff;
	background: var(--color1);
	fill: #fff
}

.article_list1 .item .more i {
	top: 0.2rem
}

.article_list1 .item .more i svg {
	height: 3rem
}

.article_list1 .item .img {
	flex: 0 0 45rem;
	margin: 0
}

.article_detail2 {
	padding: 0
}

.article_content .remark {
	font-size: 1.4rem
}

.body_14 .article_content .remark {
	padding-bottom: 1rem
}

.article_content h1 {
	margin: 0 auto;
	font-size: 3.2rem;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 2rem
}

.body_14 .article_content h1 {
	display: none
}

.articletitle_page {
	padding: 50px 0;
	text-align: center
}

.article_content.topgap1 {
	padding-top: 0rem
}

.article_content.topgap1:before {
	height: 0.2rem
}

.articleinfo {
	padding-bottom: 4rem;
	margin-bottom: 6rem;
	border-bottom: 0.1rem solid #e2e2e2
}

.articleinfo * {
	color: #888;
	font-size: 1.6rem
}

.articleinfo .fl * {
	color: #777
}

.articleinfo .fl a:hover {
	color: var(--color4)
}

.articleinfo .fl span {
	display: inline-block;
	margin-right: 2rem
}

.articleinfo .fl span i {
	display: inline-block;
	height: 1.3em;
	width: 1em;
	background: url(../images/i-clock.png) no-repeat center/auto 70%;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 7px
}

.articleinfo .fl span.category i {
	background-image: url(../images/i-view.png);
	background-size: 100% auto
}

.articleinfo .fl span.source i {
	background-image: url(../images/newspaper.png);
	background-size: 100% auto
}

.articlenav .fl {
	font-size: 1.6rem
}

.articlenav .return1 i {
	vertical-align: middle;
	display: inline-block;
	width: 2.3rem;
	height: 1.4rem;
	background: url(../images/return.png) no-repeat center/auto 100%;
	position: relative;
	top: -0.2rem
}

.articlenav .return1 {
	display: block;
	width: 16rem;
	border: 0.1rem solid var(--color1);
	border-radius: 10rem;
	line-height: 5rem;
	text-align: center;
	font-size: 1.6rem;
	vertical-align: middle
}

.articlenav .return1 span {
	color: var(--color1)
}

@media (max-width:1023px) {
	.siteform1 .input1 {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		font-size: 1.2rem
	}
}

@media (max-width:1023px) {
	.siteform1 .input1 {
		font-size: 12px
	}
}

.siteform1 .flex00 {
	align-items: flex-end;
	gap: 1rem
}

.grid {
	display: grid
}

.gap-4 {
	gap: 1rem
}

.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

.mb-6 {
	margin-bottom: 1.5rem
}

.slt_page_part2 {
	background: #f7f7f7;
	margin-top: 6rem;
	padding: 5rem 0 7rem
}

.slt_page_part2 .h3 {
	margin-bottom: 1.6rem
}

#products_detail {
	padding-bottom: 0;
	padding-top: 7rem
}

#products_detail .t .h2 {
	font-size: 3.6rem;
	font-weight: 400;
	color: #333;
	margin: 6rem 0 4rem
}

#products_detail .bor {
	box-shadow: 1rem 0px 5.7rem 0px #1b62c12e;
	padding: 3.2rem 2.5rem;
	text-align: center;
	margin-bottom: 1.4rem;
	border-radius: 0.5rem
}

#productdetail_part1 h1 {
	padding: 5rem 0;
	font-size: 4rem
}

#productdetail_part1 .bor {
	display: flex;
	align-items: center;
	column-gap: 3rem;
	justify-content: space-between
}

#productdetail_part1 .bor .pn {
	flex: 0 0 4.5rem
}

#productdetail_part1 .slickwp {
	flex: auto;
	max-width: calc(100% - 15rem)
}

#productdetail_part1 .img {
	width: 26.8rem;
	height: 26.8rem;
	background: #FFFFFF;
	border-radius: .6rem .6rem .6rem .6rem;
	opacity: 1;
	border: .1rem solid #D7E6F7;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto
}

#productdetail_part2 table {
	width: 100%;
	border: none
}

#productdetail_part2 th,
#productdetail_part2 td {
	font-size: 1.6rem;
	padding: 2rem
}

#productdetail_part2 th {
	background: var(--color1);
	color: #fff;
	border-color: #209ee9;
	border-bottom: 0;
	text-align: center;
	border-left: 0
}

#productdetail_part2 td {
	border-top: 0;
	border-left-width: 0
}

#productdetail_part2 td:first-child {
	border-left-width: 1px
}

#productdetail_part4 .flex {
	column-gap: 1.5rem
}

#productdetail_part4 .flex .img {
	flex: 1 33%;
	text-align: center
}

.ourclients {
	padding-bottom: 6rem
}

.ourclients .ttl_5 .h2:after {
	display: none
}

.ourclients .ttl_5 .h2 {
	text-align: center;
	font-weight: bold;
	border: 0
}

.ourclients .bor {
	height: 17rem;
	border: 1px solid #d4d4d4;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2.2rem
}

.sec_contact_new_1 {
	padding: 7rem 0 5rem
}

.sec_contact_new_1 .bor {
	height: 27.7rem;
	border: 1px solid #eee;
	text-align: center;
	margin-bottom: 3rem;
	padding: 2.5rem
}

.sec_contact_new_1 .img {
	text-align: center;
	margin-top: 2rem
}

.sec_contact_new_1 .img img {
	height: 5.2rem
}

.sec_contact_new_1 .info {
	font-size: 1.6rem;
	color: #666;
	white-space: nowrap;
	margin: 1.5rem auto 2.6rem
}

.sec_contact_new_1 .info+p {
	font-weight: bold;
	font-size: 1.6rem
}

.sec_contact_new_1 .info+p a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 1rem
}

.sec_contact_new_1 .info+p a i {
	display: block;
	width: 6rem;
	height: 2.4rem;
	background: url(../images/icon6/8.png) no-repeat center/cover
}

.sec_contact_new_2 {
	padding: 0 0 6rem;
	margin: 0 auto
}

.sec_contact_new_2 .inner {
	background: #f2f7fc;
	padding: 5.1rem 5rem
}

.text-color1 {
	color: var(--color1)
}

.py-4 {
	padding-top: 1rem
}

.py-4 {
	padding-bottom: 1rem
}

@media screen and (max-width:1681px) {
	#pageban .inventorintro .slick-slider {
		margin-right: .5rem
	}

	#pageban .inventorintro .l .p1 {
		margin-top: 10rem
	}

	#pageban .inventorintro .l .name {
		font-size: 5rem
	}

	#pageban .inventorintro .l .info {
		line-height: 2
	}

	#pageban .inventorintro .l h1 {
		margin: 2rem 0
	}

	#pageban .inventorintro .flex {
		padding: 0 4rem
	}

	.product_category .img+span {
		font-size: 1.6rem
	}

	.product_category .img {
		margin-top: 0.3rem
	}

	.mainproductslist .spart h2 {
		font-size: 3.2rem;
		margin: 0 auto 0
	}

	#pageban.ban3 .p2 {
		font-size: 5rem
	}

	#pageban.ban3 .txt {
		left: 0
	}

	#pageban .container {
		left: 0;
		transform: none;
		width: 100vw;
		max-width: 100vw
	}

	.sct_form1 {
		padding: 8rem 0 !important
	}

	.sct_news1 {
		padding: 5rem 0 0 !important
	}

	.sct_news1 .row_in .h3 {
		font-size: 2.2rem;
		margin-top: 3rem
	}

	.sct_news1 .inner {
		height: 17rem
	}

	.sct_news1 .inner.tt_inner {
		height: 51rem
	}

	.sct_news1 .row>.item {
		padding-bottom: 4rem !important
	}

	.sct_news1 .row_in .thedetails {
		margin-top: 3rem
	}

	.sct_news1 .row_in .tt_inner .h3 {
		font-size: 2.6rem;
		line-height: 1.5
	}

	.hdl_1.hdl_2 li span {
		font-size: 2.4rem
	}

	.slider_hdl_1 {
		width: 4rem;
		height: 4rem
	}

	body .i_ttl .r>a {
		width: 4rem;
		height: 4rem
	}

	.h2_sct_ttl {
		font-size: 3.2rem;
		line-height: 1.4
	}

	#header .dropdown-menu .sub li.first {
		width: 22rem
	}

	html body .jsbn>div:nth-child(2) {
		transform: translateY(1rem) translateX(0) scale(0.9)
	}

	.jscap {
		margin-left: -55vw;
		margin-top: -5vw
	}

	.article_list1 .item h3 {
		font-size: 2.7rem
	}

	.article_list1 .item .txt {
		padding: 2rem 4rem
	}

	.article_list1 .item {
		padding: 0
	}

	.hdl_1.hdl_2 li span {
		font-size: 2rem
	}

	.sct_news1 .hdl_3 li a {
		height: 5rem;
		padding: 0 3rem
	}

	#pageban .p2 {
		font-size: 5rem
	}

	.body_news #pageban .txt {
		padding-left: 4rem
	}

	#pageban .ban_lesson .a1 {
		font-size: 1.4rem;
		line-height: 4rem;
		width: 11rem
	}

	#pageban .ban_lesson .txt .p2 {
		line-height: 1.9;
		margin: 1rem 0
	}

	#pageban .ban_lesson .txt .p1 {
		font-size: 4rem;
		margin-bottom: 0
	}

	#pageban .ban_lesson .txt {
		padding-left: 3.4rem
	}

	#pageban .inventorintro .r img {
		width: 54%;
		height: auto;
		display: block;
		position: relative;
		right: -3%
	}

	#productdetail_part1 .slickwp {
		margin-right: .5rem;
		padding-right: .5rem
	}

	.sct_honor .picslist .slider_in .slick-slide {
		padding-bottom: 1rem
	}

	#productdetail_part1 .slick-slider {
		margin-right: .5rem
	}

	.sec_contact_1 .ttl_5 .h2 {
		margin-bottom: 2rem
	}

	.sec_contact_1 .in1 {
		padding: 5rem 0 0 5rem
	}

	.company_map {
		height: 60rem
	}

	.sct_guanyu1 .remark {
		padding-right: 3rem
	}

	#pageban .txt {
		padding-left: 5rem
	}

	.article_content {
		margin-right: 1.8rem
	}

	.article_content h1 {
		font-size: 3.3rem
	}

	.article_list1 .item .more {
		width: 15rem;
		padding: .5rem 2rem
	}

	.article_list1 .item .sinfo {
		font-size: 1.4rem;
		line-height: 1.8;
		margin: 1.5rem 0 2rem
	}

	.ab_part_new_1.ab_part_new_3 .h3 {
		font-size: 3.5rem
	}

	.mainproductslist .txt .sinfo {
		max-width: 80%;
		margin: 0 auto
	}

	#products_detail .rela_products.mainproductslist #products_list .t {
		margin-bottom: 4rem;
		font-size: 3.2rem
	}

	#products_detail .infos h1 {
		font-size: 3.2rem
	}

	#products_detail {
		padding-top: 3rem
	}

	.product_category ul {
		height: 8rem
	}

	.ab_part_new_21 .txt {
		padding: 3rem 2rem 2rem
	}

	.sct_intro1 {
		padding: 5rem 0 8rem !important
	}

	.body_page .sct_intro1 .r .txt {
		padding-left: 8rem
	}

	#pageban .p1 {
		font-size: 4rem;
		margin-top: 2rem;
		margin-bottom: -2rem
	}

	.sct_i_2 {
		padding: 8rem 0 !important
	}

	.sct_adv .con .h3 {
		margin: 2rem 0 2rem;
		padding-bottom: 0rem
	}

	.sct_adv .con>i {
		height: 8rem
	}

	.sct_adv .con {
		padding: 3rem 4rem
	}

	.sct_intro1 .h3 {
		font-size: 2.4rem;
		margin-top: 1.1rem
	}

	.linkmore {
		line-height: 5rem
	}

	.sct_intro1 .num4 .count {
		font-size: 4rem
	}

	.sct_intro1 .num4 ul li {
		margin-bottom: 1rem
	}

	.sct_intro1 .num4 {
		padding: 3rem 0 0 !important
	}

	.sct_intro1_1 .sinfo {
		padding-right: 0;
		margin-top: 2rem
	}

	#slick_cj_wrap {
		width: 102rem
	}

	#slick_cj .img2 img {
		width: 44rem;
		height: 46rem;
		max-width: 44rem;
		max-height: 46rem
	}

	.sct_intro1_1:before {
		width: min(30vw, 122rem);
		background: url(../images/bg2.png) no-repeat center left
	}

	.sct_intro1 .r .txt {
		padding-left: 4rem
	}
}

@media screen and (max-width:1441px) {
	.sct_honor {
		padding: 3rem 0 4rem !important
	}

	#pageban .p1 {
		font-size: 4rem
	}

	#footer .in1 {
		padding: 5rem 0 4rem !important
	}
}

@media screen and (max-width:1367px) {}

@media screen and (max-width:1281px) {}

@media screen and (max-width:1201px) {
	.sct_news1 .row2 {
		margin-top: 5rem
	}
}

@media screen and (max-width:979px) {}