.wap, .mobile {

	display: block

}

}

@font-face {

	font-family: sy_l;

	src: url(../fonts/SourceHanSansCN-Light.ttf)

}

@font-face {

	font-family: sy_r;

	src: url(../fonts/SourceHanSansCN-Regular.ttf)

}

@font-face {

	font-family: sy_m;

	src: url(../fonts/SourceHanSansCN-Medium.ttf)

}

.sy_l {

	font-family: sy_l

}

.sy_r {

	font-family: sy_r

}

.sy_m {

	font-family: sy_m

}

@font-face {

	font-family: hs_r;

	src: url(../fonts/HarmonyOS_Sans_SC_Regular.ttf)

}

.hs_r {

	font-family: hs_r

}

html, body {

	height: 100%;

	position: relative;

	scroll-behavior: smooth;

	font-family: sy_r;

	font-family: Arial

}

h2.h2 {

	font-size: 48px

}

@media (max-width:1680px) {

h2.h2 {

	font-size: 42px

}

}

@media (max-width:1440px) {

h2.h2 {

	font-size: 36px

}

}

@media (max-width:1280px) {

h2.h2 {

	font-size: 32px

}

}

@media (max-width:1024px) {

h2.h2 {

	font-size: 25.6px

}

}

@media (max-width:1680px) {

h2.h2 {

	font-size: 42px

}

}

@media (max-width:1440px) {

h2.h2 {

	font-size: 32px

}

}

@media (max-width:1280px) {

h2.h2 {

	font-size: 28px

}

}

@media (max-width:1024px) {

h2.h2 {

	font-size: 24px

}

}

h3.h3 {

	font-size: 44px

}

@media (max-width:1680px) {

h3.h3 {

	font-size: 38.5px

}

}

@media (max-width:1440px) {

h3.h3 {

	font-size: 33px

}

}

@media (max-width:1280px) {

h3.h3 {

	font-size: 29.33333333px

}

}

@media (max-width:1024px) {

h3.h3 {

	font-size: 23.46666667px

}

}

@media (max-width:1680px) {

h3.h3 {

	font-size: 38px

}

}

@media (max-width:1440px) {

h3.h3 {

	font-size: 28px

}

}

@media (max-width:1280px) {

h3.h3 {

	font-size: 24px

}

}

@media (max-width:1024px) {

h3.h3 {

	font-size: 22px

}

}

h4.h4 {

	font-size: 40px

}

@media (max-width:1680px) {

h4.h4 {

	font-size: 35px

}

}

@media (max-width:1440px) {

h4.h4 {

	font-size: 30px

}

}

@media (max-width:1280px) {

h4.h4 {

	font-size: 26.66666667px

}

}

@media (max-width:1024px) {

h4.h4 {

	font-size: 21.33333333px

}

}

@media (max-width:1680px) {

h4.h4 {

	font-size: 34px

}

}

@media (max-width:1440px) {

h4.h4 {

	font-size: 26px

}

}

@media (max-width:1280px) {

h4.h4 {

	font-size: 22px

}

}

@media (max-width:1024px) {

h4.h4 {

	font-size: 20px

}

}

h5.h5 {

	font-size: 30px

}

@media (max-width:1680px) {

h5.h5 {

	font-size: 26.25px

}

}

@media (max-width:1440px) {

h5.h5 {

	font-size: 22.5px

}

}

@media (max-width:1280px) {

h5.h5 {

	font-size: 20px

}

}

@media (max-width:1024px) {

h5.h5 {

	font-size: 16px

}

}

@media (max-width:1680px) {

h5.h5 {

	font-size: 24px

}

}

@media (max-width:1440px) {

h5.h5 {

	font-size: 22px

}

}

@media (max-width:1024px) {

h5.h5 {

	font-size: 18px

}

}

h6.h6 {

	font-size: 26px

}

@media (max-width:1680px) {

h6.h6 {

	font-size: 22.75px

}

}

@media (max-width:1440px) {

h6.h6 {

	font-size: 19.5px

}

}

@media (max-width:1280px) {

h6.h6 {

	font-size: 17.33333333px

}

}

@media (max-width:1024px) {

h6.h6 {

	font-size: 13.86666667px

}

}

@media (max-width:1680px) {

h6.h6 {

	font-size: 22px

}

}

@media (max-width:1440px) {

h6.h6 {

	font-size: 18px

}

}

@media (max-width:1024px) {

h6.h6 {

	font-size: 16px

}

}

@keyframes run {

0% {

transform:rotate(0deg)

}

100% {

transform:rotate(360deg)

}

}

@keyframes run2 {

0% {

transform:rotate(0deg)

}

100% {

transform:rotate(-360deg)

}

}

#progress {

	animation: circleProgress 20s infinite

}

@keyframes circleProgress {

0% {

stroke-dashoffset:314

}

100% {

stroke-dashoffset:0

}

}

@keyframes show {

0% {

transform:translateY(20px);

opacity:0

}

100% {

transform:translateY(0px);

opacity:1

}

}

@keyframes fd {

0% {

-webkit-transform:scale(1);

-ms-transform:scale(1);

-o-transform:scale(1);

transform:scale(1)

}

100% {

-webkit-transform:scale(1.05);

-ms-transform:scale(1.05);

-o-transform:scale(1.05);

transform:scale(1.05)

}

}

@keyframes ripple {

0% {

opacity:.8;

-webkit-transform:scale(1);

-ms-transform:scale(1);

-o-transform:scale(1);

transform:scale(1)

}

100% {

opacity:0;

-webkit-transform:scale(2);

-ms-transform:scale(2);

-o-transform:scale(2);

transform:scale(2)

}

}

.cle {

	clear: both;

	width: 0;

	height: 0;

	display: block;

	overflow: hidden;

	font-size: 0

}

.imgmid {

	display: inline-block;

*display:inline;

*zoom:1;

	height: 100%;

	width: 1px;

	margin-left: -1px;

	vertical-align: middle;

	font-size: 0

}

* {

	scrollbar-color: #e5e5e5 #f7f7f9;

	scrollbar-width: thin

}

::-webkit-scrollbar {

width:5px

}

.pendant_box .scroll_top i {

	font-size: 12px

}

}

@media (max-width:990px) {

.pendant_box {

	display: none

}

}

.w100 {

	width: 100%;

	height: auto;

	overflow: hidden

}

.h100 {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.p_box {

	width: 100%;

	height: auto;

	background: #fff;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.p_main {

	width: 100%;

	height: auto;

	margin: 4vw auto;

	position: relative;

	z-index: 3;

	overflow: hidden

}

@media (max-width:1024px) {

.p_main {

	margin: 50px 0

}

}

@media (max-width:768px) {

.p_main {

	margin: 40px 0

}

}

.p_info {

	width: 100%;

	height: auto;

	margin-top: 3vw;

	overflow: hidden

}

@media (max-width:1024px) {

.p_info {

	margin-top: 40px

}

}

@media (max-width:768px) {

.p_info {

	margin-top: 30px

}

}

.block_a {

	width: 100%;

	height: 100%;

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 5;

	overflow: hidden

}

.p_nav {

	width: 100%;

	height: auto;

	padding: 18px 0;

	background: #f5f5f5;

	overflow: hidden

}

.navigation {

	width: 100%;

	height: auto;

	font-size: 0;

	overflow: hidden

}

.navigation a, .navigation span, .navigation i {

	display: inline-block;

	line-height: 1;

	font-size: 14px;

	color: #999;

	vertical-align: middle;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.navigation span {

	color: #0860c1

}

.navigation i {

	font-size: 20px;

	margin: 0 10px

}

.navigation a:hover {

	color: #0860c1

}

@media (max-width:1440px) {

.navigation a, .navigation span, .navigation i {

	font-size: 15px

}

}

@media (max-width:1024px) {

.navigation a, .navigation span {

	font-size: 14px

}

.navigation i {

	font-size: 12px

}

}

@media (max-width:768px) {

.navigation a, .navigation span {

	font-size: 12px

}

.navigation i {

	margin: 0 5px

}

}

@media (max-width:480px) {

.navigation a, .navigation span {

	font-size: 10px

}

.navigation i {

	margin: 0 4px

}

}

.page_banner {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_banner .center {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	overflow: hidden

}

.page_banner .center .info {

	width: 100%;

	height: auto;

	color: #fff;

	text-align: center;

	padding: 0 20px

}

.page_banner .center .info .title {

	font-family: sy_m;

	font-size: 60px

}

@media (max-width:1680px) {

.page_banner .center .info .title {

	font-size: 52.5px

}

}

@media (max-width:1440px) {

.page_banner .center .info .title {

	font-size: 45px

}

}

@media (max-width:1280px) {

.page_banner .center .info .title {

	font-size: 40px

}

}

@media (max-width:1024px) {

.page_banner .center .info .title {

	font-size: 32px

}

}

.page_banner .center .info .subtitle {

	font-size: 30px;

	line-height: 1

}

@media (max-width:1680px) {

.page_banner .center .info .subtitle {

	font-size: 26.25px

}

}

@media (max-width:1440px) {

.page_banner .center .info .subtitle {

	font-size: 22.5px

}

}

@media (max-width:1280px) {

.page_banner .center .info .subtitle {

	font-size: 20px

}

}

@media (max-width:1024px) {

.page_banner .center .info .subtitle {

	font-size: 16px

}

}

@media (max-width:1680px) {

.page_banner .center .info .subtitle {

	font-size: 24px

}

}

@media (max-width:1440px) {

.page_banner .center .info .subtitle {

	font-size: 22px

}

}

@media (max-width:1024px) {

.page_banner .center .info .subtitle {

	font-size: 18px

}

}

.page_banner .images {

	width: 100%;

	height: auto;

	overflow: hidden

}

.page_banner .images .img {

	width: 100%;

	height: auto;

	font-size: 0;

	overflow: hidden

}

.page_banner .images .img img {

	width: 100%;

	min-height: 250px;

	max-height: 40vh;

	object-fit: cover

}

@media (max-width:990px) {

.page_banner .images .img img {

	min-height: 220px;

	object-fit: cover

}

}

@media (max-width:768px) {

.page_banner .center .info .title {

	font-size: 24px

}

.page_banner .center .info .subtitle {

	font-size: 14px

}

}

.page_banner_nbsp {

	width: 100%;

	height: auto;

	overflow: hidden

}

.sidebar_box {

	width: 100%;

	height: 100%;

	position: sticky;

	top: 130px

}

.sidebar_box .s_title {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1;

	background: #0860c1;

	padding: 20px 30px;

	color: #fff;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	overflow: hidden

}

.sidebar_box .s_title .icon {

	background: rgba(255,255,255,.1);

	padding: 10px 10px 6px;

	line-height: 1;

	border-radius: 5px;

	font-size: 0

}

.sidebar_box .s_title .icon i {

	font-size: 40px;

	color: #fff;

}

.sidebar_box .s_title .info {

	flex: 1;

	margin-left: 20px;

	color: #fff;

}

.sidebar_box .s_title .info .subtitle {

	font-size: 16px;

	line-height: 1;

	color: #fff;

}

.sidebar_box .s_title .info .title {

	margin-top: 10px;

	font-family: sy_m;

	font-size: 24px;

	line-height: 1;

	color: #fff;

}

.sidebar_box .sidebar_nav {

	width: 100%;

	height: auto;

	box-shadow: 0 0 15px rgba(0,0,0,.05);

}

.sidebar_box .sidebar_nav .menu {

	width: 100%;

	height: auto;

	background: #fff;

	overflow: hidden

}

.sidebar_box .sidebar_nav .menu ul li {

	width: 100%;

	height: auto;

	border-top: 1px solid #e5e5e5;

	overflow: hidden

}

.sidebar_box .sidebar_nav .menu ul li a {

	padding: 20px 30px;

	padding-right: 40px;

	display: block;

	font-size: 17px;

	color: #282f36;

	line-height: 1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	position: relative

}

.sidebar_box .sidebar_nav .menu ul li a .icon {

	width: 20px;

	height: 20px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	margin-top: -10px;

	position: absolute;

	right: 20px;

	top: 50%;

	font-size: 0;

	color: #282f36;

	text-indent: 0!important;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.sidebar_box .sidebar_nav .menu ul li a .icon i {

	font-size: 14px

}

.sidebar_box .sidebar_nav .menu ul li a .txt {

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.sidebar_box .sidebar_nav .menu ul li a.active {

	color: #0860c1

}

.sidebar_box .sidebar_nav .menu ul li a.active .icon {

	color: #0860c1

}

.sidebar_box .sidebar_nav .menu ul li a:hover {

	color: #0860c1

}

.sidebar_box .sidebar_nav .menu ul li a:hover .icon {

	color: #0860c1

}

.sidebar_box .sidebar_nav .menu ul li a.is_active.active .icon {

	transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-o-transform: rotate(90deg)

}

.sidebar_box .sidebar_nav .menu ul li ul {

	width: 100%;

	height: auto;

	padding: 10px 30px;

	border-top: 1px solid #0860c1;

	display: none;

	overflow: hidden

}

.sidebar_box .sidebar_nav .menu ul li ul li {

	border: 0

}

.sidebar_box .sidebar_nav .menu ul li ul li a {

	padding: 10px 15px;

	font-size: 16px;

	color: #666;

	position: relative;

	z-index: 1

}

.sidebar_box .sidebar_nav .menu ul li ul li a::after {

	content: '';

	width: 5px;

	height: 2px;

	position: absolute;

	top: 50%;

	left: 0;

	z-index: 1;

	background: #999;

	margin-top: -1px

}

.sidebar_box .sidebar_nav .menu ul li ul li a.active {

	color: #0860c1

}

.sidebar_box .sidebar_nav .menu ul li ul li a.active::after {

	background: #0860c1

}

.sidebar_box .sidebar_con {

	width: 100%;

	height: auto;

	margin-top: 1.2vw;

	background: #fff;

	box-shadow: 0 0 15px rgba(0,0,0,.05);

	overflow: hidden

}

.sidebar_box .sidebar_con .title {

	width: 100%;

	height: auto;

	padding: 20px 30px;

	font-family: sy_m;

	font-size: 24px;

	color: #111;

	overflow: hidden

}

.sidebar_box .sidebar_con .items {

	width: 100%;

	height: auto;

	padding: 0 1.5vw 30px;

	overflow: hidden

}

.sidebar_box .sidebar_con .items .img {

	width: 100%;

	height: auto;

	font-size: 0;

	overflow: hidden

}

.sidebar_box .sidebar_con .items .img img {

	width: 100%

}

.sidebar_box .sidebar_con .items .item {

	margin-top: 15px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center

}

.sidebar_box .sidebar_con .items .item .icon {

	margin-right: 10px;

	color: #0860c1

}

.sidebar_box .sidebar_con .items .item .icon i {

	color: #0860c1;

}

.sidebar_box .sidebar_con .items .item .txt {

	font-size: 16px;

	color: #000;

}

.sidebar_box .sidebar_con .items .item:first-child {

	margin: 0

}

.sidebar_box .sidebar_con .items .more {

	width: 100%;

	height: auto;

	text-align: center;

	margin-top: 20px;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.sidebar_box .sidebar_con .items .more::before, .sidebar_box .sidebar_con .items .more::after {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	background: #0860c1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.sidebar_box .sidebar_con .items .more::after {

	width: 0;

	border-radius: 0 50% 50% 0;

	z-index: 2;

	background: #fff;

	opacity: .1

}

.sidebar_box .sidebar_con .items .more a {

	width: 100%;

	height: auto;

	display: block;

	padding: 12px;

	line-height: 1;

	font-size: 16px;

	color: #fff;

	position: relative;

	z-index: 3;

	overflow: hidden

}

.sidebar_box .sidebar_con .items .more:hover::after {

	width: 100%;

	border-radius: 0

}

@media (max-width:1440px) {

.sidebar_box .sidebar_nav .menu ul li a {

	font-size: 14px

}

.sidebar_box .sidebar_nav .menu ul li a .icon i {

	font-size: 18px

}

.sidebar_box .sidebar_con {

	margin-top: 20px

}

.sidebar_box .sidebar_con .title {

	padding: 10px 30px;

	font-size: 20px

}

.sidebar_box .sidebar_con .items {

	padding: 0 30px 30px

}

.sidebar_box .sidebar_con .items .item .icon i {

	font-size: 14px

}

.sidebar_box .sidebar_con .items .item .txt {

	font-size: 14px

}

.sidebar_box .sidebar_con .items .icons .icon {

	max-width: 24px

}

}

@media (max-width:1280px) {

.sidebar_box .s_title {

	padding: 20px

}

.sidebar_box .s_title .icon i {

	font-size: 30px

}

.sidebar_box .s_title .info {

	margin-left: 15px

}

.sidebar_box .s_title .info .subtitle {

	font-size: 14px;

	color: #fff;

}

.sidebar_box .s_title .info .title {

	margin-top: 5px;

	font-size: 20px;

	color: #fff;

}

.sidebar_box .sidebar_nav .menu ul li a {

	padding: 20px;

	padding-right: 30px

}

.sidebar_box .sidebar_nav .menu ul li a .icon {

	right: 15px

}

.sidebar_box .sidebar_nav .menu ul li ul {

	padding: 10px 20px

}

.sidebar_box .sidebar_con .title {

	padding: 20px;

	font-size: 18px

}

.sidebar_box .sidebar_con .items {

	padding: 0 20px 20px

}

.sidebar_box .sidebar_con .items .more a {

	font-size: 14px

}

}

@media (max-width:1024px) {

.sidebar_box .s_title .info .title {

	font-size: 18px

}

.sidebar_box .sidebar_con .title {

	font-size: 16px

}

.sidebar_box .sidebar_con .items .item .txt {

	font-size: 12px

}

}

@media (max-width:990px) {

.sidebar_box {

	display: none

}

}

.page_box {

	width: 100%;

	height: auto

}

.page_title {

	text-align: center

}

.page_title .subtitle {

	width: 100%;

	height: auto;

	margin-bottom: 10px;

	font-size: 20px;

	color: #0860c1

}

.page_title .title {

	width: 100%;

	height: auto;

	line-height: 1;

	font-family: sy_m;

	font-size: 42px;

	color: #111

}

.page_title .title span {

	color: #0860c1

}

.page_title .details {

	width: 100%;

	height: auto;

	margin-top: 10px;

	font-size: 16px;

	color: #666

}

.page_title .line {

	width: 100%;

	height: 3px;

	margin-top: 30px;

	overflow: hidden

}

.page_title .line::after {

	content: '';

	width: 40px;

	height: 100%;

	display: block;

	margin: 0 auto;

	background: #0860c1

}

.page_title.active {

	text-align: left

}

.page_title.active .line::after {

	margin: 0

}

@media (max-width:1440px) {

.page_title .subtitle {

	font-size: 18px

}

.page_title .title {

	font-size: 36px

}

}

@media (max-width:1280px) {

.page_title .subtitle {

	font-size: 16px

}

.page_title .title {

	font-size: 34px

}

}

@media (max-width:1024px) {

.page_title .subtitle {

	font-size: 14px

}

.page_title .title {

	font-size: 30px

}

.page_title .details {

	font-size: 14px

}

.page_title .line {

	margin-top: 20px

}

}

@media (max-width:768px) {

.page_title .title {

	font-size: 28px

}

}

@media (max-width:640px) {

.page_title .title {

	font-size: 26px

}

}

@media (max-width:480px) {

.page_title .title {

	font-size: 24px

}

}

@media (max-width:360px) {

.page_title .title {

	font-size: 20px

}

.page_title .details {

	font-size: 12px

}

.page_title .line {

	height: 2px;

	margin-top: 15px

}

}

@media (max-width:1024px) {

.page_title.active {

	text-align: center

}

.page_title.active .line::after {

	margin: 0 auto

}

}

.page_case {

	width: 100%;

	height: auto;

	padding: 2.6vw 0;

	position: relative;

	z-index: 1;

	background: #f5f5f5

}

.page_case .center {

	width: 100%;

	height: auto;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between

}

.page_case .center .sidebar_box {

	width: 24%

}

.page_case .center .case_box {

	width: 76%;

	height: auto;

	padding-left: 3vw

}

.page_case .center .case_box .case_list {

	width: 100%;

	height: auto

}

.page_case .center .case_box .case_list ul {

	width: 100%;

	height: auto;

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 1.5vw

}

.page_case .center .case_box .case_list ul li {

	width: 100%;

	height: auto;

	background: #fff;

	position: relative;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column;

	box-shadow: 0 0 15px rgba(0,0,0,.05);

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	border-top: 5px solid #0860c1;

	overflow: hidden

}

.page_case .center .case_box .case_list ul li a {

	width: 100%;

	height: 100%;

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 5;

	overflow: hidden

}

.page_case .center .case_box .case_list ul li .img {

	width: 100%;

	height: auto;

	overflow: hidden

}

.page_case .center .case_box .case_list ul li .img .pb {

	padding-bottom: 70%

}

.page_case .center .case_box .case_list ul li .img img {

	vertical-align: middle

}

.page_case .center .case_box .case_list ul li .info {

	width: 100%;

	height: auto;

	flex: 1;

	padding: 20px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	overflow: hidden

}

.page_case .center .case_box .case_list ul li .info .title {

	font-family: sy_m;

	font-size: 18px;

	line-height: 1.8;

	color: #111;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_case .center .case_box .case_list ul li .info .details {

	width: 100%;

height:calc(2em * 1.8);

	margin-top: 5px;

	font-size: 14px;

	line-height: 1.8;

	color: #666;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden

}

.page_case .center .case_box .case_list ul li .info .more {

	width: 100%;

	height: 18px;

	margin-top: 30px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	color: #0860c1

}

.page_case .center .case_box .case_list ul li .info .more .icon {

	width: 20px;

	height: 20px;

	margin-right: 10px;

	border-radius: 50%;

	background: #0860c1;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_case .center .case_box .case_list ul li .info .more .icon::before, .page_case .center .case_box .case_list ul li .info .more .icon::after {

	content: '';

	width: 24%;

	height: 1px;

	background: #fff;

	position: absolute;

	top: 50%;

	left: 38%;

	margin-top: -.5px;

	transform-origin: right center;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_case .center .case_box .case_list ul li .info .more .icon::before {

	transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg)

}

.page_case .center .case_box .case_list ul li .info .more .icon::after {

	transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	-o-transform: rotate(-45deg)

}

.page_case .center .case_box .case_list ul li .info .more .word {

	width: auto;

	height: 20px;

	font-size: 14px;

	margin-left: 0;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_case .center .case_box .case_list ul li:hover {

	box-shadow: 0 0 15px rgba(0,0,0,.1)

}

.page_case .center .case_box .case_list ul li:hover .info .title {

	color: #0860c1

}

.page_case .center .case_box .case_list ul li:hover .info .more .word {

	text-indent: 10px

}

@media (max-width:1024px) {

.page_case .center .case_box {

	padding-left: 40px

}

.page_case .center .case_box .case_list ul {

	grid-gap: 20px

}

}

@media (max-width:990px) {

.page_case .center .case_box {

	width: 100%;

	padding: 0

}

}

@media (max-width:768px) {

.page_case .center .case_box .case_list ul {

	grid-template-columns: repeat(2, 1fr)

}

.page_case .center .case_box .case_list ul li .info .title {

	font-size: 16px

}

.page_case .center .case_box .case_list ul li .info .more {

	margin-top: 20px

}

.page_case .center .case_box .case_list ul li .info .more .icon {

	width: 18px;

	height: 18px

}

}

@media (max-width:480px) {

.page_case .center .case_box .case_list ul {

	grid-template-columns: auto

}

}

@media (max-width:1024px) {

.page_case {

	padding: 40px 0

}

}

.case_details {

	width: 100%;

	height: auto;

	overflow: hidden

}

.case_details .case_head {

	width: 100%;

	height: auto;

	background: #f5f5f5;

	overflow: hidden

}

.case_details .case_head .case_center {

	width: 100%;

	height: auto;

	margin: 30px auto 4vw;

	overflow: hidden

}

.case_details .case_head .case_center .center {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.case_details .case_head .case_center .center .images {

	width: 44.87%;

	height: auto;

	background: #fff;

	overflow: hidden

}

.case_details .case_head .case_center .center .images .pb {

	padding-bottom: 70%

}

.case_details .case_head .case_center .center .images .swiper_box {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.case_details .case_head .case_center .center .images .swiper_box ul {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.case_details .case_head .case_center .center .images .swiper_box ul li {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.case_details .case_head .case_center .center .images .swiper_box ul li img {

	vertical-align: middle

}

.case_details .case_head .case_center .center .images .swiper_box .pager {

	width: 100%;

	height: auto;

	position: absolute;

	bottom: 2vw;

	left: 0;

	z-index: 2;

	font-size: 0;

	text-align: center;

	overflow: hidden

}

.case_details .case_head .case_center .center .images .swiper_box .pager span {

	width: 12px;

	height: 12px;

	border-radius: 50%;

	background: #d7d7d7;

	opacity: 1;

	margin: 0 5px;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.case_details .case_head .case_center .center .images .swiper_box .pager span.active, .case_details .case_head .case_center .center .images .swiper_box .pager span:hover {

	background: #0860c1

}

.case_details .case_head .case_center .center .info {

	width: 55.13%;

	height: 100%;

	position: absolute;

	right: 0;

	top: 0;

	z-index: 1;

	padding-left: 7.2vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-direction: column;

	overflow: hidden

}

.case_details .case_head .case_center .center .info .title {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1;

	padding-bottom: 20px;

	font-family: sy_m;

	font-size: 36px;

	line-height: 1.6;

	color: #111;

	overflow: hidden

}

@media (max-width:1680px) {

.case_details .case_head .case_center .center .info .title {

	font-size: 31.5px

}

}

@media (max-width:1440px) {

.case_details .case_head .case_center .center .info .title {

	font-size: 27px

}

}

@media (max-width:1280px) {

.case_details .case_head .case_center .center .info .title {

	font-size: 24px

}

}

@media (max-width:1024px) {

.case_details .case_head .case_center .center .info .title {

	font-size: 19.2px

}

}

.case_details .case_head .case_center .center .info .title::before, .case_details .case_head .case_center .center .info .title::after {

	content: '';

	width: 100%;

	height: 2px;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 1;

	background: #e5e5e5

}

.case_details .case_head .case_center .center .info .title::after {

	width: 20%;

	background: #0860c1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.case_details .case_head .case_center .center .info .details {

	margin-top: 30px;

	padding-right: 10px;

	flex: 1;

	font-size: 16px;

	color: #666;

	line-height: 1.66;

	overflow: hidden;

	overflow-y: auto

}

.case_details .case_head .case_center .center .info .details p {

	margin-top: 10px;

	padding-left: 20px;

	position: relative;

	z-index: 1

}

.case_details .case_head .case_center .center .info .details p::after {

	content: '';

	width: 5px;

	height: 5px;

	position: absolute;

	top: 50%;

	left: 2px;

	z-index: 1;

	background: #0860c1;

	border-radius: 50%;

	margin-top: -2.5px

}

.case_details .case_head .case_center .center .info .details p:first-child {

	margin: 0

}

@media (max-width:1024px) {

.case_details .case_head .case_center {

	margin: 20px 0 50px

}

.case_details .case_head .case_center .center .images .swiper_box .pager {

	bottom: 20px

}

.case_details .case_head .case_center .center .images .swiper_box .pager span {

	width: 8px;

	height: 8px

}

.case_details .case_head .case_center .center .info .title {

	font-size: 24px

}

.case_details .case_head .case_center .center .info .details {

	font-size: 14px

}

}

@media (max-width:990px) {

.case_details .case_head .case_center .center .images {

	width: 100%

}

.case_details .case_head .case_center .center .info {

	width: 100%;

	height: auto;

	position: relative;

	margin: 30px 0 0;

	padding: 0

}

}

@media (max-width:768px) {

.case_details .case_head .case_center .center .info .title {

	font-size: 20px

}

}

.case_details .case_link {

	width: 100%;

	height: auto;

	background: #fff;

	position: sticky;

	top: 120px;

	z-index: 10;

	overflow: hidden

}

.case_details .case_link::after {

	content: '';

	width: 100%;

	height: 1px;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 1;

	background: #d3d3d3

}

.case_details .case_link .center {

	width: 100%;

	height: auto;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	position: relative;

	z-index: 2;

	overflow: hidden

}

.case_details .case_link .center .links {

	height: 80px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex

}

.case_details .case_link .center .links a {

	height: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	font-family: sy_m;

	font-size: 20px;

	color: #999;

	margin-right: 3vw;

	position: relative;

	z-index: 1

}

.case_details .case_link .center .links a::after {

	content: '';

	width: 0;

	height: 2px;

	position: absolute;

	bottom: 0;

	left: 50%;

	z-index: 1;

	transform: translateX(-50%);

	background: #0860c1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.case_details .case_link .center .links a.active, .case_details .case_link .center .links a:hover {

	color: #0860c1

}

.case_details .case_link .center .links a.active::after, .case_details .case_link .center .links a:hover::after {

	width: 100%

}

@media (max-width:1024px) {

.case_details .case_link .center .links {

	height: 60px

}

.case_details .case_link .center .links a {

	font-size: 18px;

	margin-right: 20px

}

.case_details .case_link .center .product_btn a {

	font-size: 14px

}

.case_details .case_link .center .product_btn a i {

	font-size: 14px;

	margin-right: 10px

}

}

@media (max-width:768px) {

.case_details .case_link .center .links {

	width: 100%;

	height: 50px

}

.case_details .case_link .center .links a {

	font-size: 16px;

	padding: 0

}

}

@media (max-width:1440px) {

.case_details .case_link {

	top: 100px

}

}

@media (max-width:1280px) {

.case_details .case_link {

	top: 80px

}

}

@media (max-width:990px) {

.case_details .case_link {

	top: 60px

}

}

@media (max-width:768px) {

.case_details .case_link .center .product_btn {

	width: 100%;

	height: auto;

	position: fixed;

	bottom: 0;

	left: 0;

	z-index: 20

}

.case_details .case_link .center .product_btn a {

	width: 50%;

	height: 50px;

	margin: 0;

	padding: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	font-size: 16px

}

.case_details .case_link .center .product_btn a i {

	font-size: 16px

}

}

.case_details .case_text {

	width: 100%;

	height: auto;

	overflow: hidden

}

.case_details .case_text .center {

	width: 100%;

	height: auto;

	margin: 3vw auto;

	overflow: hidden

}

.case_details .case_text .center .text_details {

	margin: 0;

	font-size: 16px;

	line-height: 1.5;

	color: #666;

	overflow: hidden

}

.case_details .case_text .center .text_details b {

	font-family: sy_m;

	font-weight: initial

}

.case_details .case_text .center .text_details p {

	margin: 15px 0 0

}

.case_details .case_text .center .text_details p:first-child {

	margin: 0

}

.case_details .case_text .center .text_details img {

	vertical-align: middle;

	max-width: 100%

}

.case_details .case_text .center .text_details table {

	font-size: 18px;

	width: 100%;

	color: #666;

	border-width: 1px;

	border-color: #d8dcdd;

	border-collapse: collapse

}

.case_details .case_text .center .text_details table th {

	border-width: 1px;

	padding: 15px 1.5vw;

	border-style: solid;

	border-color: #d8dcdd;

	text-align: left;

	vertical-align: middle;

	background: #f5f5f5;

	color: #111;

	font-weight: 400

}

.case_details .case_text .center .text_details table td {

	font-size: 16px;

	border-width: 1px;

	padding: 15px 1.5vw;

	border-style: solid;

	border-color: #d8dcdd;

	text-align: left;

	vertical-align: middle

}

@media (max-width:1024px) {

.case_details .case_text .center {

	margin: 30px 0 40px

}

.case_details .case_text .center .text_details {

	font-size: 14px

}

.case_details .case_text .center .text_details table {

	font-size: 16px

}

.case_details .case_text .center .text_details table td {

	font-size: 14px

}

}

@media (max-width:768px) {

.case_details .case_text .center .text_details table {

	font-size: 14px

}

.case_details .case_text .center .text_details table td {

	font-size: 12px

}

}

.page_product {

	width:91%; margin:7% auto 0;

	height: auto;

	position: relative;

	z-index: 1;

}

.page_product .center {

	width: 100%;

	height: auto;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between

}

.page_product .center .sidebar_box {

	width: 22%;

	z-index: 99

}

.page_product .center .product_box {

	width: 76%;

	height: auto;

}

.page_product .center .product_box .product_list {

	width: 100%;

	height: auto

}

.page_product .center .product_box .product_list ul { padding:0;

	width: 100%;

	height: auto;

	display: grid;

	grid-template-columns: repeat(2, 1fr);

	grid-gap: 1vw

}

.page_product .center .product_box .product_list ul li {

	width: 100%;

	height: auto;

	background: #fff;

	border: 1px solid #e5e5e5;

	position: relative;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column;

	overflow: hidden

}

.page_product .center .product_box .product_list ul li .img {

	width: 100%;

	height: auto;

	border-bottom: 1px solid #e5e5e5;

	overflow: hidden

}

/*.page_product .center .product_box .product_list ul li .img .pb{padding-bottom:70%}*/

.page_product .center .product_box .product_list ul li .img img {

	vertical-align: middle;

	transition: 0.5s;

}

.page_product .center .product_box .product_list ul li .img:hover img {

	transform: scale(1.1);

}

.page_product .center .product_box .product_list ul li .content {

	width: 100%;

	height: auto;

	flex: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	overflow: hidden

}

.page_product .center .product_box .product_list ul li .content .info {

/*	width: 100%;*/

	height: auto;

	padding: 7%;

	overflow: hidden

}

.page_product .center .product_box .product_list ul li .content .info .title_box {

	width: 100%;

	height: auto;


	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_product .center .product_box .product_list ul li .content .info .title_box .subtitle { 

	font-size: 16px;

	color: #000;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}

.page_product .center .product_box .product_list ul li .content .info .title_box .title { display:block;

	font-weight: bold;

	font-family: Arial;

	font-size:4vw;

	color: #c8161d;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_product .center .product_box .product_list ul li .content .info .title_box::before, .page_product .center .product_box .product_list ul li .content .info .title_box::after {



}

.page_product .center .product_box .product_list ul li .content .info .title_box::after {

	width: 0;

	background: #0860c1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_product .center .product_box .product_list ul li .content .info .details {

	width: 100%;

	height: auto;

	margin-top: 8%;

	overflow: hidden

}

.page_product .center .product_box .product_list ul li .content .info .details p {

	margin-top: 5px;

/*	padding-left: 14px;*/

	font-size: 14px;

	color: #666;

	position: relative;

	z-index: 1;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.page_product .center .product_box .product_list ul li .content .info .details p:first-child {

	margin: 0

}

.page_product .center .product_box .product_list ul li .content .info .details p::after {

/*	content: '';

	width: 5px;

	height: 5px;

	position: absolute;

	top: 50%;

	left: 2px;

	z-index: 1;

	background: #acacac;

	border-radius: 50%;

	margin-top: -2.5px*/

}

.page_product .center .product_box .product_list ul li .content .more_btn {

	width: 100%;

	height: auto;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	overflow: hidden

}

.page_product .center .product_box .product_list ul li .content .more_btn .more {

	width: 50%;

	height: auto;

	overflow: hidden

}

.page_product .center .product_box .product_list ul li .content .more_btn .more a {

	width: 100%;

	height: 100%;

	padding: 10px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	border: 1px solid #e5e5e5;

	border-bottom: 0;

	border-left: 0;

	line-height: 1;

	color: #999;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	overflow: hidden

}

.page_product .center .product_box .product_list ul li .content .more_btn .more a .words {

	font-size: 14px

}

.page_product .center .product_box .product_list ul li .content .more_btn .more a .icon {

	margin-left:5px;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_product .center .product_box .product_list ul li .content .more_btn .more a .icon i {

	font-size: 14px

}

.page_product .center .product_box .product_list ul li .content .more_btn .more:last-child a {

	border-right: 0

}

.page_product .center .product_box .product_list ul li .content .more_btn .more:hover a {

	border-color: #0860c1;

	background: #0860c1;

	color: #fff;

}

.page_product .center .product_box .product_list ul li .content .more_btn .more a:hover .words {

	color: #fff;

}

.page_product .center .product_box .product_list ul li .content .more_btn .more a:hover .icon i {

	color: #fff;

}

.page_product .center .product_box .product_list ul li:hover .content .info .title_box .title {

	color: #0860c1

}

.page_product .center .product_box .product_list ul li:hover .content .info .title_box::after {

	width: 100%

}

@media (max-width:1024px) {

.page_product .center .product_box {

	padding-left: 30px

}

.page_product .center .product_box .product_list ul {

	grid-gap:3.6vw

}

.page_product .center .product_box .product_list ul li .content .info .details p {

	font-size: 12px

}

}

@media (max-width:990px) {

.page_product .center .product_box {

	width: 100%;

	padding: 0

}

.page_product .center .product_box .product_list ul li .content .more_btn .more a {

	border: 0;

	background: #0860c1;

	color: #fff

}

.page_product .center .product_box .product_list ul li .content .more_btn .more:last-child a {

	background: #ccc

}

}

@media (max-width:768px) {

.page_product .center .product_box .product_list ul {

	grid-template-columns: repeat(2, 1fr)

}

}

@media (max-width:480px) {

.page_product .center .product_box .product_list ul {

	/*grid-template-columns: auto*/

}

.page_product .center .product_box .product_list ul li .content .info {

	padding: 5px  5px 0px  5px

}

.page_product .center .product_box .product_list ul li .content .info .title_box {

	padding-bottom: 5px

}

.page_product .center .product_box .product_list ul li .content .info .title_box .subtitle {

	font-size: 12px

}

.page_product .center .product_box .product_list ul li .content .info .title_box .title {

	font-size: 4vw

}

.page_product .center .product_box .product_list ul li .content .more_btn .more a {

	padding: 8px 0;

}

.page_product .center .product_box .product_list ul li .content .more_btn .more a .words {

	font-size: 12px

}

}

@media (max-width:990px) {

.page_product .center {

	display: block

}

}

@media (max-width:1024px) {

.page_product {}

}

.pro_details {

	width: 100%;

	height: auto;

	overflow: hidden

}

.pro_details .pro_head {

	width: 100%;

	height: auto;

	background: #f5f5f5;

	overflow: hidden

}

.pro_details .pro_head .pro_center {

	width: 100%;

	height: auto;

	margin: 30px auto 4vw;

	overflow: hidden

}

.pro_details .pro_head .pro_center .center {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.pro_details .pro_head .pro_center .center .images {

	width: 44.87%;

	height: auto;

	background: #fff;

	overflow: hidden

}

.pro_details .pro_head .pro_center .center .images .pb {

	padding-bottom: 70%

}

.pro_details .pro_head .pro_center .center .images .swiper_box {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.pro_details .pro_head .pro_center .center .images .swiper_box ul {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.pro_details .pro_head .pro_center .center .images .swiper_box ul li {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.pro_details .pro_head .pro_center .center .images .swiper_box ul li img {

	vertical-align: middle

}

.pro_details .pro_head .pro_center .center .images .swiper_box .pager {

	width: 100%;

	height: auto;

	position: absolute;

	bottom: 2vw;

	left: 0;

	z-index: 2;

	font-size: 0;

	text-align: center;

	overflow: hidden

}

.pro_details .pro_head .pro_center .center .images .swiper_box .pager span {

	width: 12px;

	height: 12px;

	border-radius: 50%;

	background: #d7d7d7;

	opacity: 1;

	margin: 0 5px;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.pro_details .pro_head .pro_center .center .images .swiper_box .pager span.active, .pro_details .pro_head .pro_center .center .images .swiper_box .pager span:hover {

	background: #0860c1

}

.pro_details .pro_head .pro_center .center .info {

	width: 55.13%;

	height: 100%;

	position: absolute;

	right: 0;

	top: 0;

	z-index: 1;

	padding-left: 7.2vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-direction: column;

	overflow: hidden

}

.pro_details .pro_head .pro_center .center .info .title_box {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1;

	padding-bottom: 20px;

	overflow: hidden

}

.pro_details .pro_head .pro_center .center .info .title_box .subtitle {

	font-size: 20px;

	color: #333

}

.pro_details .pro_head .pro_center .center .info .title_box .title {

	font-family: sy_m;

	font-size: 36px;

	line-height: 1.6;

	color: #111

}

@media (max-width:1680px) {

.pro_details .pro_head .pro_center .center .info .title_box .title {

	font-size: 31.5px

}

}

@media (max-width:1440px) {

.pro_details .pro_head .pro_center .center .info .title_box .title {

	font-size: 27px

}

}

@media (max-width:1280px) {

.pro_details .pro_head .pro_center .center .info .title_box .title {

	font-size: 24px

}

}

@media (max-width:1024px) {

.pro_details .pro_head .pro_center .center .info .title_box .title {

	font-size: 19.2px

}

}

.pro_details .pro_head .pro_center .center .info .title_box::before, .pro_details .pro_head .pro_center .center .info .title_box::after {

	content: '';

	width: 100%;

	height: 2px;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 1;

	background: #e5e5e5

}

.pro_details .pro_head .pro_center .center .info .title_box::after {

	width: 20%;

	background: #0860c1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.pro_details .pro_head .pro_center .center .info .details {

	margin-top: 30px;

	padding-right: 10px;

	flex: 1;

	font-size: 16px;

	color: #666;

	line-height: 1.66;

	overflow: hidden;

	overflow-y: auto

}

.pro_details .pro_head .pro_center .center .info .details p {

	margin-top: 10px;

	padding-left: 20px;

	position: relative;

	z-index: 1

}

.pro_details .pro_head .pro_center .center .info .details p::after {

	content: '';

	width: 5px;

	height: 5px;

	position: absolute;

	top: .6em;

	left: 2px;

	z-index: 1;

	background: #0860c1;

	border-radius: 50%

}

.pro_details .pro_head .pro_center .center .info .details p:first-child {

	margin: 0

}

.pro_details .pro_head .pro_center .center .info .more {

	width: 150px;

	height: auto;

	margin-top: 20px;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.pro_details .pro_head .pro_center .center .info .more a {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	padding: 10px;

	line-height: 1;

	color: #fff;

	position: relative;

	z-index: 3

}

.pro_details .pro_head .pro_center .center .info .more a .icon {

	margin-right: 15px

}

.pro_details .pro_head .pro_center .center .info .more a .icon i {

	font-size: 20px

}

.pro_details .pro_head .pro_center .center .info .more a .words {

	font-size: 14px

}

.pro_details .pro_head .pro_center .center .info .more::before, .pro_details .pro_head .pro_center .center .info .more::after {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	background: #0860c1

}

.pro_details .pro_head .pro_center .center .info .more::after {

	width: 0;

	border-radius: 0 50% 50% 0;

	z-index: 2;

	background: #fff;

	opacity: .1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.pro_details .pro_head .pro_center .center .info .more:hover::after {

	width: 100%;

	border-radius: 0

}

.pro_details .pro_head .pro_center .center .info .phone {

	width: auto;

	height: auto;

	margin-top: 20px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	overflow: hidden

}

.pro_details .pro_head .pro_center .center .info .phone .icon {

	width: 40px;

	height: 40px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	border-radius: 50%;

	background: #0860c1;

	margin-right: 15px;

	color: #fff

}

.pro_details .pro_head .pro_center .center .info .phone .icon i {

	font-size: 20px

}

.pro_details .pro_head .pro_center .center .info .phone .words {

	font-size: 14px;

	color: #333

}

.pro_details .pro_head .pro_center .center .info .phone .words span {

	font-size: 24px;

	color: #0860c1

}

@media (max-width:1280px) {

.pro_details .pro_head .pro_center .center .info .details {

	font-size: 14px

}

}

@media (max-width:1024px) {

.pro_details .pro_head .pro_center {

	margin: 20px 0 50px

}

.pro_details .pro_head .pro_center .center .images .swiper_box .pager {

	bottom: 20px

}

.pro_details .pro_head .pro_center .center .images .swiper_box .pager span {

	width: 8px;

	height: 8px

}

.pro_details .pro_head .pro_center .center .info {

	padding-left: 40px

}

.pro_details .pro_head .pro_center .center .info .title_box .subtitle {

	font-size: 16px

}

.pro_details .pro_head .pro_center .center .info .title_box .title {

	font-size: 24px

}

.pro_details .pro_head .pro_center .center .info .details {

	margin-top: 20px;

	font-size: 14px

}

}

@media (max-width:990px) {

.pro_details .pro_head .pro_center .center .images {

	width: 100%

}

.pro_details .pro_head .pro_center .center .info {

	width: 100%;

	height: auto;

	position: relative;

	margin: 30px 0 0;

	padding: 0

}

}

@media (max-width:768px) {

.pro_details .pro_head .pro_center .center .info .title_box .subtitle {

	font-size: 14px

}

.pro_details .pro_head .pro_center .center .info .title_box .title {

	font-size: 20px

}

.pro_details .pro_head .pro_center .center .info .details {

	font-size: 12px

}

.pro_details .pro_head .pro_center .center .info .more {

	width: 120px

}

.pro_details .pro_head .pro_center .center .info .more a .icon {

	margin-right: 10px

}

.pro_details .pro_head .pro_center .center .info .more a .icon i {

	font-size: 14px

}

.pro_details .pro_head .pro_center .center .info .more a .words {

	font-size: 12px

}

}

.pro_details .product_link {

	width: 100%;

	height: auto;

	background: #fff;

	position: sticky;

	top: 120px;

	z-index: 10;

	overflow: hidden

}

.pro_details .product_link::after {

	content: '';

	width: 100%;

	height: 1px;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 1;

	background: #d3d3d3

}

.pro_details .product_link .center {

	width: 100%;

	height: auto;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	position: relative;

	z-index: 2;

	overflow: hidden

}

.pro_details .product_link .center .links {

	height: 80px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex

}

.pro_details .product_link .center .links a {

	height: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	font-family: sy_m;

	font-size: 20px;

	color: #999;

	margin-right: 3vw;

	position: relative;

	z-index: 1

}

.pro_details .product_link .center .links a::after {

	content: '';

	width: 0;

	height: 2px;

	position: absolute;

	bottom: 0;

	left: 50%;

	z-index: 1;

	transform: translateX(-50%);

	background: #0860c1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.pro_details .product_link .center .links a.active, .pro_details .product_link .center .links a:hover {

	color: #0860c1

}

.pro_details .product_link .center .links a.active::after, .pro_details .product_link .center .links a:hover::after {

	width: 100%

}

.pro_details .product_link .center .product_btn {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	display: none

}

.pro_details .product_link .center .product_btn a {

	height: 40px;

	padding: 0 2vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	background: #666;

	margin-right: 20px;

	font-size: 16px;

	color: #fff;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.pro_details .product_link .center .product_btn a i {

	font-size: 20px;

	margin-right: 15px;

	vertical-align: middle

}

.pro_details .product_link .center .product_btn a.active {

	background: #0860c1

}

.pro_details .product_link .center .product_btn a:hover {

	background: #0860c1;

	border-radius: 25px

}

.pro_details .product_link .center .product_btn a:last-child {

	margin-right: 0

}

@media (max-width:1024px) {

.pro_details .product_link .center .links {

	height: 60px

}

.pro_details .product_link .center .links a {

	font-size: 18px;

	margin-right: 20px

}

.pro_details .product_link .center .product_btn a {

	font-size: 14px

}

.pro_details .product_link .center .product_btn a i {

	font-size: 14px;

	margin-right: 10px

}

}

@media (max-width:768px) {

.pro_details .product_link .center .links {

	width: 100%;

	height: 50px

}

.pro_details .product_link .center .links a {

	font-size: 16px;

	padding: 0

}

}

@media (max-width:1440px) {

.pro_details .product_link {

	top: 100px

}

}

@media (max-width:1280px) {

.pro_details .product_link {

	top: 80px

}

}

@media (max-width:990px) {

.pro_details .product_link {

	top: 60px

}

}

@media (max-width:768px) {

.pro_details .product_link .center .product_btn {

	width: 100%;

	height: auto;

	position: fixed;

	bottom: 0;

	left: 0;

	z-index: 20

}

.pro_details .product_link .center .product_btn a {

	width: 50%;

	height: 50px;

	margin: 0;

	padding: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	font-size: 16px

}

.pro_details .product_link .center .product_btn a i {

	font-size: 16px

}

}

.pro_details .product_text {

	width: 100%;

	height: auto;

	overflow: hidden

}

.pro_details .product_text .center {

	width: 100%;

	height: auto;

	margin: 3vw auto;

	overflow: hidden

}

.pro_details .product_text .center .text_details {

	margin: 0;

	font-size: 16px;

	line-height: 1.5;

	color: #666;

	overflow: hidden

}

.pro_details .product_text .center .text_details b {

	font-family: sy_m;

	font-weight: initial

}

.pro_details .product_text .center .text_details p {

	margin: 15px 0 0

}

.pro_details .product_text .center .text_details p:first-child {

	margin: 0

}

.pro_details .product_text .center .text_details img {

	vertical-align: middle;

	max-width: 100%

}

.pro_details .product_text .center .text_details table {

	font-size: 18px;

	width: 100%;

	color: #666;

	border-width: 1px;

	border-color: #d8dcdd;

	border-collapse: collapse

}

.pro_details .product_text .center .text_details table th {

	border-width: 1px;

	padding: 15px 1.5vw;

	border-style: solid;

	border-color: #d8dcdd;

	text-align: left;

	vertical-align: middle;

	background: #f5f5f5;

	color: #111;

	font-weight: 400

}

.pro_details .product_text .center .text_details table td {

	font-size: 16px;

	border-width: 1px;

	padding: 15px 1.5vw;

	border-style: solid;

	border-color: #d8dcdd;

	text-align: left;

	vertical-align: middle

}

@media (max-width:1024px) {

.pro_details .product_text .center {

	margin: 30px 0 40px

}

.pro_details .product_text .center .text_details {

	font-size: 14px

}

.pro_details .product_text .center .text_details table {

	font-size: 16px

}

.pro_details .product_text .center .text_details table td {

	font-size: 14px

}

}

@media (max-width:768px) {

.pro_details .product_text .center .text_details table {

	font-size: 14px

}

.pro_details .product_text .center .text_details table td {

	font-size: 12px

}

}

.product_good {

	width: 100%;

	height: auto;

	padding: 5.2vw 0;

	background: #fafafa;

	overflow: hidden

}

.product_good .good_box {

	width: 100%;

	height: auto;

	margin-top: 4vw;

	overflow: hidden

}

.product_good .good_box .good_list {

	width: 100%;

	height: auto;

	margin-top: 4vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	overflow: hidden

}

.product_good .good_box .good_list .img {

	width: 48%;

	height: auto;

	font-size: 0

}

.product_good .good_box .good_list .items {

	width: 48%;

	height: 100%;

	align-self: center

}

.product_good .good_box .good_list .items .item {

	margin-top: 3vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex

}

.product_good .good_box .good_list .items .item .number {

	width: 3vw;

	font-size: 0

}

.product_good .good_box .good_list .items .item .info {

	flex: 1;

	margin-left: 20px

}

.product_good .good_box .good_list .items .item .info .title {

	font-size: 24px;

	line-height: 1.5;

	color: #111

}

.product_good .good_box .good_list .items .item .info .title span {

	color: #0860c1

}

.product_good .good_box .good_list .items .item .info .details {

	margin-top: 15px;

	font-size: 16px;

	line-height: 1.8;

	color: #999

}

.product_good .good_box .good_list .items .item:first-child {

	margin: 0

}

@media (max-width:1440px) {

.product_good .good_box .good_list .items .item .info .title {

	font-size: 22px

}

.product_good .good_box .good_list .items .item .info .details {

	font-size: 15px

}

}

@media (max-width:1280px) {

.product_good .good_box .good_list .items .item .info .title {

	font-size: 20px

}

.product_good .good_box .good_list .items .item .info .details {

	font-size: 14px

}

}

@media (max-width:1024px) {

.product_good .good_box .good_list {

	margin-top: 30px

}

.product_good .good_box .good_list .items .item {

	margin-top: 20px

}

.product_good .good_box .good_list .items .item .number {

	width: 20px

}

.product_good .good_box .good_list .items .item .info .title {

	font-size: 18px

}

}

@media (max-width:768px) {

.product_good .good_box .good_list {

	display: block

}

.product_good .good_box .good_list .img {

	width: 100%

}

.product_good .good_box .good_list .items {

	width: 100%;

	margin-top: 30px

}

.product_good .good_box .good_list .items .item {

	margin-top: 30px

}

.product_good .good_box .good_list .items .item .number {

	width: 30px

}

}

@media (max-width:768px) {

.product_good .good_box .good_list .items .item .info .title {

	font-size: 16px

}

.product_good .good_box .good_list .items .item .info .details {

	font-size: 12px

}

}

.product_good .good_box .good_list:first-child {

	margin: 0

}

.product_good .good_box .good_list:nth-child(2n) {

	flex-direction: row-reverse

}

@media (max-width:1024px) {

.product_good {

	padding: 50px 0

}

.product_good .good_box {

	margin-top: 40px

}

}

@media (max-width:768px) {

.product_good {

	padding: 40px 0

}

.product_good .good_box {

	margin-top: 30px

}

}

.page_oem {

	width: 100%;

	height: auto;

	background: #f5f5f5;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_oem::after {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	background: url(../images/line_bg2.png) no-repeat bottom / cover;

	background-attachment: fixed;

	opacity: .05

}

.page_oem .center {

	width: 100%;

	height: auto;

	margin: 4vw auto;

	position: relative;

	z-index: 2;

	overflow: hidden

}

.page_oem .center .oem_box {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_oem .center .oem_box .img {

	width: 50%

}

.page_oem .center .oem_box .info {

	width: 50%;

	height: 100%;

	position: absolute;

	right: 0;

	top: 0;

	padding-left: 3vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-direction: column;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	overflow: hidden

}

.page_oem .center .oem_box .info .details {

	margin-top: 2vw;

	font-size: 18px;

	line-height: 1.8;

	color: #333;

	overflow: hidden

}

.page_oem .center .oem_box .info .details p {

	margin-top: 15px

}

.page_oem .center .oem_box .info .details p:first-child {

	margin-top: 0

}

@media (max-width:1280px) {

.page_oem .center .oem_box .info .details {

	font-size: 16px

}

}

@media (max-width:1024px) {

.page_oem .center .oem_box .info {

	width: 100%;

	height: auto;

	position: relative;

	padding: 0

}

.page_oem .center .oem_box .info .details {

	margin-top: 30px;

	font-size: 14px

}

.page_oem .center .oem_box .img {

	width: 100%;

	margin-top: 30px

}

}

@media (max-width:1024px) {

.page_oem .center {

	margin: 40px 0

}

}

.page_make {

	width: 100%;

	height: auto;

	overflow: hidden

}

.page_make .center {

	width: 100%;

	height: auto;

	margin: 4vw auto

}

.page_make .center .make_list {

	width: 100%;

	height: auto;

	margin-top: 2vw;

	overflow: hidden

}

.page_make .center .make_list .item {

	width: 30%;

	height: auto;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_make .center .make_list .item .details {

	width: 100%;

	height: auto;

	position: absolute;

	bottom: -20px;

	left: 0;

	z-index: 2;

	padding: 20px;

	font-size: 16px;

	background: rgba(0,0,0,.5);

	color: #fff;

	overflow: hidden;

	opacity: 0;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_make .center .make_list .item .img {

	width: 100%;

	height: auto;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	overflow: hidden

}

.page_make .center .make_list .item .img .pb {

	padding-bottom: 66.5%

}

.page_make .center .make_list .item .img img {

	width: 100%;

	height: 100%;

	object-fit: cover

}

.page_make .center .make_list .item:hover .details {

	bottom: 0;

	opacity: 1

}

@media (max-width:1024px) {

.page_make .center .make_list {

	margin-top: 30px

}

.page_make .center .make_list .item .details {

	padding: 10px;

	font-size: 14px

}

}

@media (max-width:990px) {

.page_make .center .make_list .item .details {

	position: relative;

	bottom: 0;

	background: 0 0;

	color: #666;

	margin-top: 10px;

	padding: 0;

	opacity: 1;

	text-align: center

}

}

@media (max-width:1024px) {

.page_make .center {

	margin: 40px 0

}

}

.page_process {

	width: 100%;

	height: auto;

	background: #f5f5f5;

	overflow: hidden

}

.page_process .center {

	width: 100%;

	height: auto;

	margin: 4vw auto

}

.page_process .center .page_title {

	text-align: center

}

.page_process .center .page_title .line::after {

	margin: 0 auto

}

.page_process .center .process_table {

	width: 100%;

	height: auto;

	margin-top: 3vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between

}

.page_process .center .process_table .table_item {

	width: calc(50% - 1.5vw)

}

.page_process .center .process_table .table_item table {

	width: 100%;

	height: 100%;

	background: #fff;

	text-align: center

}

.page_process .center .process_table .table_item table th {

	padding: 15px;

	background: #0860c1;

	font-size: 16px;

	color: #fff;

	vertical-align: middle

}

.page_process .center .process_table .table_item table td {

	padding: 15px;

	font-size: 16px;

	color: #999;

	vertical-align: middle

}

@media (max-width:1024px) {

.page_process .center .process_table {

	margin-top: 30px

}

}

@media (max-width:768px) {

.page_process .center .process_table {

	display: block

}

.page_process .center .process_table .table_item {

	width: 100%;

	margin-top: 20px

}

.page_process .center .process_table .table_item table th {

	width: 25%;

	font-size: 14px

}

.page_process .center .process_table .table_item table td {

	font-size: 14px

}

.page_process .center .process_table .table_item:first-child {

	margin: 0

}

}

@media (max-width:480px) {

.page_process .center .process_table .table_item table th {

	padding: 10px;

	font-size: 12px

}

.page_process .center .process_table .table_item table td {

	font-size: 12px;

	padding: 10px

}

}

@media (max-width:1024px) {

.page_process .center {

	margin: 40px 0

}

}

.page_quality {

	width: 100%;

	height: auto;

	overflow: hidden

}

.page_quality .center {

	width: 100%;

	height: auto;

	margin: 4vw auto;

	overflow: hidden

}

.page_quality .center .quality_box {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1;

	margin-top: 3vw;

	overflow: hidden

}

.page_quality .center .quality_box .quality_img {

	width: 50%;

	height: auto;

	position: relative;

	z-index: 2

}

.page_quality .center .quality_box .quality_img .pb {

	padding-bottom: 70%;

	z-index: 1

}

.page_quality .center .quality_box .quality_img .swiper_box {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.page_quality .center .quality_box .quality_img .swiper_box ul li {

	pointer-events: initial!important;

	font-size: 0

}

.page_quality .center .quality_box .quality_img .swiper_box ul li img {

	width: 100%;

	height: 100%;

	object-fit: cover

}

.page_quality .center .quality_box .quality_img .quality_btn {

	width: 3.6vw;

	height: 3vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	background: rgba(0,0,0,.5);

	position: absolute;

	right: 0;

	top: 50%;

	z-index: 2;

	margin-top: -1.5vw;

	color: #fff;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	cursor: pointer

}

.page_quality .center .quality_box .quality_img .quality_btn i {

	font-size: 24px

}

.page_quality .center .quality_box .quality_img .quality_btn.next {

	right: -3.6vw

}

.page_quality .center .quality_box .quality_img .quality_btn:hover {

	background: #0860c1

}

.page_quality .center .quality_box .quality_text {

	width: 50%;

	height: 100%;

	position: absolute;

	top: 0;

	right: 0;

	z-index: 1;

	padding-left: 3.6vw;

	background: #f5f5f5

}

.page_quality .center .quality_box .quality_text ul {

	width: 100%;

	height: 100%

}

.page_quality .center .quality_box .quality_text ul li {

	width: 100%;

	height: 100%;

	padding: 2vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-direction: column;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center

}

.page_quality .center .quality_box .quality_text ul li .title {

	font-family: sy_m;

	font-size: 30px

}

.page_quality .center .quality_box .quality_text ul li .details {

	margin-top: 1vw;

	padding-right: 10px;

	font-size: 16px;

	line-height: 1.6;

	color: #666;

	overflow: hidden;

	overflow-y: auto

}

.page_quality .center .quality_box .quality_text ul li .details p {

	margin-top: 10px

}

.page_quality .center .quality_box .quality_text ul li .details p:first-child {

	margin: 0

}

@media (max-width:1440px) {

.page_quality .center .quality_box .quality_img .quality_btn {

	width: 60px;

	height: 50px;

	margin-top: -30px

}

.page_quality .center .quality_box .quality_img .quality_btn i {

	font-size: 20px

}

.page_quality .center .quality_box .quality_img .quality_btn.next {

	right: -60px

}

.page_quality .center .quality_box .quality_text {

	padding-left: 60px

}

.page_quality .center .quality_box .quality_text ul li .title {

	font-size: 24px

}

}

@media (max-width:1280px) {

.page_quality .center .quality_box .quality_img .quality_btn {

	width: 50px;

	height: 50px;

	margin-top: -25px

}

.page_quality .center .quality_box .quality_img .quality_btn i {

	font-size: 16px

}

.page_quality .center .quality_box .quality_img .quality_btn.next {

	right: -50px

}

.page_quality .center .quality_box .quality_text {

	padding-left: 50px

}

.page_quality .center .quality_box .quality_text ul li .title {

	font-size: 20px

}

.page_quality .center .quality_box .quality_text ul li .details {

	font-size: 14px

}

}

@media (max-width:1024px) {

.page_quality .center .quality_box {

	margin-top: 30px

}

.page_quality .center .quality_box .quality_img .quality_btn {

	width: 40px;

	height: 40px;

	margin-top: -20px

}

.page_quality .center .quality_box .quality_img .quality_btn i {

	font-size: 14px

}

.page_quality .center .quality_box .quality_img .quality_btn.next {

	right: -40px

}

.page_quality .center .quality_box .quality_text {

	padding-left: 40px

}

.page_quality .center .quality_box .quality_text ul li {

	padding: 30px 20px;

	padding-right: 10px

}

}

@media (max-width:768px) {

.page_quality .center .quality_box .quality_img {

	width: 100%

}

.page_quality .center .quality_box .quality_img .quality_btn i {

	font-size: 14px

}

.page_quality .center .quality_box .quality_img .quality_btn.prev {

	right: auto;

	left: 0

}

.page_quality .center .quality_box .quality_img .quality_btn.next {

	right: 0

}

.page_quality .center .quality_box .quality_text {

	width: 100%;

	height: auto;

	position: initial;

	padding: 0

}

.page_quality .center .quality_box .quality_text ul {

	height: auto

}

.page_quality .center .quality_box .quality_text ul li {

	height: auto;

	max-height: 200px;

	padding: 20px

}

.page_quality .center .quality_box .quality_text ul li .title {

	font-size: 16px

}

.page_quality .center .quality_box .quality_text ul li .details {

	margin-top: 20px;

	font-size: 12px

}

}

@media (max-width:1024px) {

.page_quality .center {

	margin: 40px 0

}

}

.page_workshop {

	width: 100%;

	height: auto;

	background: #f5f5f5;

	overflow: hidden

}

.page_workshop .center {

	width: 100%;

	height: auto;

	margin: 4vw auto

}

.page_workshop .center .workshop_box {

	width: 100%;

	height: auto;

	margin-top: 3vw;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_workshop .center .workshop_box ul {

	width: 100%;

	height: auto

}

.page_workshop .center .workshop_box ul li {

	width: 0;

	height: auto;

	background: #fff;

	overflow: hidden

}

.page_workshop .center .workshop_box ul li .pb {

	padding-bottom: 70%

}

.page_workshop .center .workshop_box ul li img {

	vertical-align: middle

}

.page_workshop .center .workshop_box .workshop_btn {

	width: 40px;

	height: 60px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	background: rgba(0,0,0,.5);

	position: absolute;

	top: 50%;

	z-index: 2;

	margin-top: -30px;

	color: #fff;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	cursor: pointer

}

.page_workshop .center .workshop_box .workshop_btn i {

	font-size: 24px

}

.page_workshop .center .workshop_box .workshop_btn.prev {

	left: 0

}

.page_workshop .center .workshop_box .workshop_btn.next {

	right: 0

}

.page_workshop .center .workshop_box .workshop_btn:hover {

	background: #0860c1

}

@media (max-width:1024px) {

.page_workshop .center .workshop_box {

	margin-top: 30px

}

}

@media (max-width:768px) {

.page_workshop .center .workshop_box .workshop_btn {

	display: none

}

}

@media (max-width:1024px) {

.page_workshop .center {

	margin: 40px 0

}

}

.page_about {

	width: 100%;

	height: auto;

	overflow: hidden

}

.page_about .center {

	width: 100%;

	height: auto;

	margin: 4vw auto;

	overflow: hidden

}

.page_about .center .page_box {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_about .center .page_box .img {

	width: 50%;

	height: auto;

	font-size: 0;

	text-align: center;

	overflow: hidden

}

.page_about .center .page_box .info {

	width: 50%;

	height: 100%;

	position: absolute;

	right: 0;

	top: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	padding-left: 3vw;

	overflow: hidden

}

.page_about .center .page_box .info .details {

	width: 100%;

	height: auto;

	margin-top: 2vw;

	padding-right: 10px;

	font-size: 16px;

	color: #666;

	line-height: 1.6;

	overflow: hidden;

	overflow-y: auto

}

.page_about .center .page_box .info .details p {

	margin-top: 15px

}

.page_about .center .page_box .info .details p:first-child {

	margin: 0

}

.page_about .center .page_number {

	width: 100%;

	height: auto;

	margin-top: 2vw;

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 1.5vw;

	overflow: hidden

}

.page_about .center .page_number .item {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1;

	padding: 20px;

	text-align: center;

	border-radius: 0 50px;

	overflow: hidden

}

.page_about .center .page_number .item::after {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	background: #0860c1;

	opacity: .04

}

.page_about .center .page_number .item .icon i {

	font-size: 40px;

	color: #0860c1

}

.page_about .center .page_number .item .info {

	margin-top: 10px

}

.page_about .center .page_number .item .info .number {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	color: #111

}

.page_about .center .page_number .item .info .number .beat {

	font-size: 40px;

	line-height: 1;

	margin-right: 5px

}

.page_about .center .page_number .item .info .number .sup {

	font-size: 18px

}

.page_about .center .page_number .item .info .title {

	margin-top: 5px;

	font-size: 16px;

	color: #666

}

@media (max-width:1440px) {

.page_about .center .page_number .item .icon i {

	font-size: 36px

}

.page_about .center .page_number .item .info .number .beat {

	font-size: 36px

}

}

@media (max-width:1280px) {

.page_about .center .page_number .item {

	border-radius: 0 40px

}

.page_about .center .page_number .item .icon i {

	font-size: 30px

}

.page_about .center .page_number .item .info .number .beat {

	font-size: 30px

}

.page_about .center .page_number .item .info .number .sup {

	font-size: 16px

}

.page_about .center .page_number .item .info .title {

	font-size: 14px

}

}

@media (max-width:1024px) {

.page_about .center {

	margin: 40px 0

}

.page_about .center .page_box .img {

	width: 100%;

	margin-top: 30px

}

.page_about .center .page_box .info {

	width: 100%;

	position: initial;

	padding: 0

}

.page_about .center .page_box .info .details {

	font-size: 14px;

	margin-top: 30px;

	padding: 0

}

.page_about .center .page_number {

	margin-top: 30px;

	grid-gap: 1px

}

.page_about .center .page_number .item {

	border-radius: 0

}

.page_about .center .page_number .item .icon i {

	font-size: 26px

}

.page_about .center .page_number .item .info .number .beat {

	font-size: 26px

}

.page_about .center .page_number .item .info .number .sup {

	font-size: 14px

}

}

@media (max-width:480px) {

.page_about .center .page_box .info .details {

	font-size: 12px

}

.page_about .center .page_number {

	margin-top: 20px;

	grid-template-columns: repeat(2, 1fr)

}

.page_about .center .page_number .item:first-child {

	grid-column: span 2

}

.page_about .center .page_number .item .icon i {

	font-size: 24px

}

.page_about .center .page_number .item .info .number .beat {

	font-size: 20px

}

.page_about .center .page_number .item .info .number .sup {

	font-size: 12px

}

.page_about .center .page_number .item .info .title {

	font-size: 12px

}

}

.page_culture {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1;

	background: no-repeat center / cover;

	background-attachment: fixed;

	overflow: hidden

}

.page_culture .center {

	width: 100%;

	height: auto;

	margin: 4vw auto;

	position: relative;

	z-index: 3;

	overflow: hidden

}

@media (max-width:1024px) {

.page_culture .center {

	margin: 50px 0

}

}

@media (max-width:768px) {

.page_culture .center {

	margin: 40px 0

}

}

.page_culture .center .page_title .subtitle, .page_culture .center .page_title .title {

	color: #fff

}

.page_culture .center .page_title .line::after {

	background: #fff

}

.page_culture .center .culture_list {

	width: 100%;

	height: auto;

	margin-top: 3vw;

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 1.5vw;

	overflow: hidden

}

.page_culture .center .culture_list .item {

	width: 100%;

	height: auto;

	color: #fff;

	position: relative;

	z-index: 1;

	padding: 2vw;

	text-align: center;

	border-radius: 0 50px;

	overflow: hidden

}

.page_culture .center .culture_list .item .title {

	font-family: sy_m;

	padding-bottom: 15px;

	font-size: 20px

}

.page_culture .center .culture_list .item .details {

	font-size: 16px;

	line-height: 1.6;

	opacity: .6

}

.page_culture .center .culture_list .item::after {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	background: #fff;

	opacity: .1

}

@media (max-width:1024px) {

.page_culture .center .culture_list {

	margin-top: 40px;

	grid-gap: 1px

}

.page_culture .center .culture_list .item {

	border-radius: 0;

	padding: 30px 20px

}

.page_culture .center .culture_list .item .title {

	font-size: 18px

}

.page_culture .center .culture_list .item .details {

	font-size: 14px

}

}

@media (max-width:768px) {

.page_culture .center .culture_list {

	margin-top: 30px

}

}

@media (max-width:480px) {

.page_culture .center .culture_list {

	grid-template-columns: repeat(2, 1fr)

}

.page_culture .center .culture_list .item:first-child {

	grid-column: span 2

}

.page_culture .center .culture_list .item {

	padding: 20px 15px

}

.page_culture .center .culture_list .item .title {

	padding-bottom: 10px;

	font-size: 16px

}

.page_culture .center .culture_list .item .details {

	font-size: 12px

}

}

.page_history {

	width: 100%;

	height: auto;

	background: #fff;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_history .center {

	width: 100%;

	height: auto;

	margin: 4vw auto;

	position: relative;

	z-index: 3;

	overflow: hidden

}

@media (max-width:1024px) {

.page_history .center {

	margin: 50px 0

}

}

@media (max-width:768px) {

.page_history .center {

	margin: 40px 0

}

}

.page_history .center .history_title {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between

}

.page_history .center .history_title .history_info {

	width: 65%;

	max-width: 700px;

	height: auto

}

.page_history .center .history_title .history_info .title {

	font-family: sy_m;

	font-size: 24px;

	color: #0860c1

}

.page_history .center .history_title .history_info .details {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	font-size: 16px;

	color: #666;

	line-height: 1.66

}

.page_history .center .history_box {

	width: 100%;

	height: auto;

	margin-top: 3vw;

	overflow: hidden

}

@media (max-width:1024px) {

.page_history .center .history_box {

	margin-top: 40px

}

}

@media (max-width:768px) {

.page_history .center .history_box {

	margin-top: 30px

}

}

.page_history .center .history_box .year_box {

	width: 100%;

	height: auto;

	padding: 0 80px;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_history .center .history_box .year_box .year_main {

	width: 100%;

	height: auto;

	padding: 0 10px;

	overflow: hidden

}

.page_history .center .history_box .year_box .year_main ul {

	padding: 20px 0

}

.page_history .center .history_box .year_box .year_main ul li {

	width: 20%;

	position: relative;

	z-index: 1;

	cursor: pointer

}

.page_history .center .history_box .year_box .year_main ul li::before, .page_history .center .history_box .year_box .year_main ul li::after {

	content: '';

	width: 110%;

	height: 110%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	border-radius: 50%;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	box-sizing: border-box

}

.page_history .center .history_box .year_box .year_main ul li::before {

	z-index: -1

}

.page_history .center .history_box .year_box .year_main ul li::after {

	z-index: -2;

	border: 1px dashed #d9d9d9

}

.page_history .center .history_box .year_box .year_main ul li .ab {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	font-size: 24px;

	color: #111;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_history .center .history_box .year_box .year_main ul li:hover, .page_history .center .history_box .year_box .year_main ul li.active {

	z-index: 2

}

.page_history .center .history_box .year_box .year_main ul li:hover::before, .page_history .center .history_box .year_box .year_main ul li.active::before {

	background: #0860c1

}

.page_history .center .history_box .year_box .year_main ul li:hover::after, .page_history .center .history_box .year_box .year_main ul li.active::after {

	opacity: 0

}

.page_history .center .history_box .year_box .year_main ul li:hover .ab, .page_history .center .history_box .year_box .year_main ul li.active .ab {

	color: #fff

}

.page_history .center .history_box .year_box .year_btn {

	width: 50px;

	height: 50px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	border-radius: 50%;

	border: 1px dashed #d9d9d9;

	position: absolute;

	top: 50%;

	z-index: 2;

	margin-top: -30px;

	color: #d9d9d9;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	cursor: pointer

}

.page_history .center .history_box .year_box .year_btn i {

	font-size: 18px

}

.page_history .center .history_box .year_box .year_btn.prev {

	left: 0

}

.page_history .center .history_box .year_box .year_btn.next {

	right: 0

}

.page_history .center .history_box .year_box .year_btn:hover {

	background: #0860c1;

	border-color: #0860c1;

	border-style: solid;

	color: #fff

}

.page_history .center .history_box .swiper_box {

	width: 100%;

	height: auto;

	margin-top: 2vw;

	overflow: hidden

}

.page_history .center .history_box .swiper_box ul li {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex

}

.page_history .center .history_box .swiper_box ul li .year {

	font-size: 24px;

	color: #111;

	position: relative;

	z-index: 1;

	padding-left: 40px

}

.page_history .center .history_box .swiper_box ul li .year::after {

	content: '';

	width: 14px;

	height: 14px;

	position: absolute;

	top: calc(.5em - 2px);

	left: 0;

	z-index: 1;

	border-radius: 50%;

	border: 1px solid #d9d9d9

}

.page_history .center .history_box .swiper_box ul li .details {

	flex: 1;

	margin-left: 3vw;

	font-size: 24px;

	font-family: sy_m;

	color: #333

}

.page_history .center .history_box .swiper_box ul li .details p {

	margin-top: 10px;

	padding-left: 60px;

	position: relative;

	z-index: 1

}

.page_history .center .history_box .swiper_box ul li .details p::after {

	content: '';

	width: 40px;

	height: 2px;

	position: absolute;

	top: 50%;

	left: 0;

	z-index: 1;

	margin-top: 1px;

	background: #d9d9d9

}

.page_history .center .history_box .swiper_box ul li .details p:first-child {

	margin: 0

}

@media (max-width:1440px) {

.page_history .center .history_box .swiper_box ul li .details {

	font-size: 22px

}

}

@media (max-width:1280px) {

.page_history .center .history_box .swiper_box ul li .details {

	font-size: 20px

}

}

@media (max-width:1024px) {

.page_history .center .history_box .swiper_box {

	margin-top: 30px

}

.page_history .center .history_box .swiper_box ul li .year {

	font-size: 20px

}

.page_history .center .history_box .swiper_box ul li .year::after {

	width: 10px;

	height: 10px

}

.page_history .center .history_box .swiper_box ul li .details {

	font-size: 18px

}

}

@media (max-width:990px) {

.page_history .center .history_box .year_box {

	padding: 0 60px

}

.page_history .center .history_box .year_box .year_main {

	padding: 0

}

.page_history .center .history_box .year_box .year_main ul {

	padding: 0

}

.page_history .center .history_box .year_box .year_main ul li::before, .page_history .center .history_box .year_box .year_main ul li::after {

	width: 100%;

	height: 100%

}

.page_history .center .history_box .year_box .year_btn {

	width: 40px;

	height: 40px;

	margin-top: -20px;

	border: 0;

	background: #ccc;

	color: #fff

}

.page_history .center .history_box .year_box .year_btn i {

	font-size: 14px

}

}

@media (max-width:768px) {

.page_history .center .history_box .year_box {

	padding: 0 50px

}

.page_history .center .history_box .year_box .year_main ul li .ab {

	font-size: 16px

}

.page_history .center .history_box .year_box .year_btn {

	width: 30px;

	height: 30px;

	margin-top: -15px

}

.page_history .center .history_box .year_box .year_btn i {

	font-size: 12px

}

.page_history .center .history_box .swiper_box {

	margin-top: 30px

}

.page_history .center .history_box .swiper_box ul li {

	display: block

}

.page_history .center .history_box .swiper_box ul li .year {

	color: #0860c1;

	padding-left: 30px

}

.page_history .center .history_box .swiper_box ul li .details {

	margin: 10px 0 0;

	font-size: 14px

}

.page_history .center .history_box .swiper_box ul li .details p {

	margin-top: 5px;

	padding-left: 30px

}

.page_history .center .history_box .swiper_box ul li .details p::after {

	display: none

}

}

@media (max-width:480px) {

.page_history .center .history_box .swiper_box ul li .details {

	font-size: 14px

}

}

@media (max-width:1024px) {

.page_history .center .history_title .page_title {

	text-align: left

}

.page_history .center .history_title .page_title .line::after {

	margin: 0

}

.page_history .center .history_title .history_info .title {

	font-size: 20px

}

.page_history .center .history_title .history_info .details {

	font-size: 14px

}

}

@media (max-width:990px) {

.page_history .center .history_title {

	display: block

}

.page_history .center .history_title .history_info {

	width: 100%;

	max-width: 100%;

	margin-top: 30px

}

.page_history .center .history_title .history_info .title {

	font-size: 20px

}

.page_history .center .history_title .history_info .details {

	margin-top: 15px;

	font-size: 14px

}

}

@media (max-width:768px) {

.page_history .center .history_title .history_info {

	margin-top: 20px

}

.page_history .center .history_title .history_info .title {

	font-size: 16px

}

.page_history .center .history_title .history_info .details {

	margin-top: 10px

}

}

.page_honor {

	width: 100%;

	height: auto;

	background: #fff;

	overflow: hidden;

	background: #f5f5f5;

	position: relative;

	z-index: 1

}

.page_honor::after {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	background: url(../images/line_bg.png) no-repeat center / cover;

	background-attachment: fixed;

	opacity: .08

}

.page_honor .center {

	width: 100%;

	height: auto;

	margin: 4vw auto;

	z-index: 3;

	overflow: hidden;

	position: relative;

	z-index: 2

}

@media (max-width:1024px) {

.page_honor .center {

	margin: 50px 0

}

}

@media (max-width:768px) {

.page_honor .center {

	margin: 40px 0

}

}

.page_honor .center .honor_title {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between

}

.page_honor .center .honor_title .honor_tab {

	width: auto;

	height: auto;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	overflow: hidden

}

.page_honor .center .honor_title .honor_tab span {

	margin-right: 20px;

	padding: 15px 2vw;

	line-height: 1;

	border-radius: 0 20px;

	background: #999;

	font-size: 18px;

	color: #fff;

	cursor: pointer;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_honor .center .honor_title .honor_tab span:last-child {

	margin-right: 0

}

.page_honor .center .honor_title .honor_tab span.active, .page_honor .center .honor_title .honor_tab span:hover {

	background: #0860c1

}

.page_honor .center .honor_box {

	width: 100%;

	height: auto;

	margin-top: 3vw;

	overflow: hidden

}

@media (max-width:1024px) {

.page_honor .center .honor_box {

	margin-top: 40px

}

}

@media (max-width:768px) {

.page_honor .center .honor_box {

	margin-top: 30px

}

}

.page_honor .center .honor_box .honor_main {

	width: 100%;

	height: auto

}

.page_honor .center .honor_box .honor_main .honor_list {

	width: 100%;

	height: auto;

	overflow: hidden

}

.page_honor .center .honor_box .honor_main .honor_list ul {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex

}

.page_honor .center .honor_box .honor_main .honor_list ul li {

	width: 20%;

	height: auto;

	background: #fff;

	cursor: pointer;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_honor .center .honor_box .honor_main .honor_list ul li .img {

	width: 100%;

	height: auto;

	text-align: center;

	overflow: hidden

}

.page_honor .center .honor_box .honor_main .honor_list ul li .img .pb {

	padding-bottom: 141.5%

}

.page_honor .center .honor_box .honor_main .honor_list ul li .img .ab {

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_honor .center .honor_box .honor_main .honor_list ul li .img img {

	vertical-align: middle

}

.page_honor .center .honor_box .honor_main .honor_list ul li .title {

	width: 100%;

	height: auto;

	padding: 10px 20px;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 2;

	text-align: center;

	font-size: 16px;

	color: #fff;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_honor .center .honor_box .honor_main .honor_list ul li .title::after {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	background: #000;

	opacity: .5;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_honor .center .honor_box .honor_main .honor_list ul li:hover .img .ab {

	-webkit-transform: scale(1.05);

	-ms-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05)

}

.page_honor .center .honor_box .honor_main .honor_list ul li:hover .title::after {

	background: #0860c1

}

@media (max-width:1024px) {

.page_honor .center {

	margin: 50px 0

}

.page_honor .center .honor_title .page_title {

	text-align: left

}

.page_honor .center .honor_title .page_title .line::after {

	margin: 0

}

.page_honor .center .honor_title .honor_tab span {

	padding: 10px 15px;

	border-radius: 0 10px;

	font-size: 16px

}

.page_honor .center .honor_box .honor_main .honor_list ul li .title {

	padding: 8px 15px;

	font-size: 14px

}

}

@media (max-width:768px) {

.page_honor .center {

	margin: 40px 0

}

.page_honor .center .honor_title {

	display: block

}

.page_honor .center .honor_title .honor_tab {

	margin-top: 20px

}

.page_honor .center .honor_title .honor_tab span {

	margin-right: 10px;

	font-size: 14px;

	border-radius: 0

}

}

.page_team {

	width: 100%;

	height: auto;

	overflow: hidden

}

.page_team .center {

	width: 100%;

	height: auto;

	margin: 4vw auto;

	position: relative;

	z-index: 3;

	overflow: hidden

}

@media (max-width:1024px) {

.page_team .center {

	margin: 50px 0

}

}

@media (max-width:768px) {

.page_team .center {

	margin: 40px 0

}

}

.page_team .center .team_box {

	width: 100%;

	height: auto;

	margin-top: 3vw;

	overflow: hidden;

	position: relative;

	z-index: 1;

	background: #f5f5f5

}

@media (max-width:1024px) {

.page_team .center .team_box {

	margin-top: 40px

}

}

@media (max-width:768px) {

.page_team .center .team_box {

	margin-top: 30px

}

}

.page_team .center .team_box .team_images {

	width: 50%;

	height: auto;

	overflow: hidden

}

.page_team .center .team_box .team_images .pb {

	padding-bottom: 70%

}

.page_team .center .team_box .team_images .swiper_box {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.page_team .center .team_box .team_images .swiper_box ul {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.page_team .center .team_box .team_images .swiper_box ul li {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.page_team .center .team_box .team_images .swiper_box ul li img {

	vertical-align: middle

}

.page_team .center .team_box .team_main {

	width: 50%;

	height: 100%;

	padding: 2vw 2.6vw;

	padding-right: 2vw;

	position: absolute;

	right: 0;

	top: 0;

	overflow: hidden

}

.page_team .center .team_box .team_main .content {

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_team .center .team_box .team_main .team_text {

	width: 100%;

	height: 100%;

	padding-bottom: 60px;

	position: absolute;

	left: 0;

	top: 0;

	overflow: hidden

}

.page_team .center .team_box .team_main .team_text ul {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.page_team .center .team_box .team_main .team_text ul li {

	width: 100%;

	height: 100%;

	overflow: hidden;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-direction: column

}

.page_team .center .team_box .team_main .team_text ul li .title {

	font-family: sy_m;

	font-size: 24px;

	color: #0860c1

}

.page_team .center .team_box .team_main .team_text ul li .details {

	margin-top: 20px;

	padding-right: 10px;

	font-size: 16px;

	color: #666;

	line-height: 1.8;

	overflow: hidden;

	overflow-y: auto

}

.page_team .center .team_box .team_main .team_text ul li .details p {

	margin-top: 10px

}

.page_team .center .team_box .team_main .team_text ul li .details p:first-child {

	margin: 0

}

.page_team .center .team_box .team_main .pager {

	width: 100%;

	height: auto;

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 2;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	overflow: hidden

}

.page_team .center .team_box .team_main .team_btn {

	width: 50px;

	height: 40px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	background: rgba(0,0,0,.2);

	color: #fff;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	cursor: pointer

}

.page_team .center .team_box .team_main .team_btn i {

	font-size: 14px

}

.page_team .center .team_box .team_main .team_btn.next {

	margin-left: 1px;

	background: #0860c1

}

.page_team .center .team_box .team_main .team_btn:hover {

	background: #0860c1

}

@media (max-width:1024px) {

.page_team .center .team_box .team_main {

	padding: 20px;

	padding-right: 10px

}

.page_team .center .team_box .team_main .team_text ul li .title {

	font-size: 20px

}

.page_team .center .team_box .team_main .team_text ul li .details {

	margin-top: 10px;

	font-size: 14px

}

}

@media (max-width:990px) {

.page_team .center .team_box .team_images {

	width: 100%

}

.page_team .center .team_box .team_main {

	width: 100%;

	height: auto;

	position: relative

}

.page_team .center .team_box .team_main .content {

	height: auto

}

.page_team .center .team_box .team_main .team_text {

	height: auto;

	position: relative

}

.page_team .center .team_box .team_main .team_text ul {

	height: auto

}

.page_team .center .team_box .team_main .team_text ul li {

	height: auto

}

.page_team .center .team_box .team_main .team_text ul li .details {

	height: 180px

}

}

@media (max-width:768px) {

.page_team .center .team_box .team_main .team_text ul li .title {

	font-size: 18px

}

.page_team .center .team_box .team_main .team_btn {

	width: 36px;

	height: 30px

}

}

@media (max-width:480px) {

.page_team .center .team_box .team_main .team_text ul li .title {

	font-size: 16px

}

.page_team .center .team_box .team_main .team_text ul li .details {

	font-size: 12px

}

}

.page_process {

	width: 100%;

	height: auto;

	font-size: 0;

	text-align: center;

	overflow: hidden

}

.page_partner {

	width: 100%;

	height: auto;

	overflow: hidden

}

.page_partner .center {

	width: 100%;

	height: auto;

	margin: 4vw auto;

	position: relative;

	z-index: 3;

	overflow: hidden

}

@media (max-width:1024px) {

.page_partner .center {

	margin: 50px 0

}

}

@media (max-width:768px) {

.page_partner .center {

	margin: 40px 0

}

}

.page_partner .center .page_title {

	max-width: 1400px;

	text-align: center

}

.page_partner .center .partner_box {

	width: 100%;

	height: auto;

	margin-top: 3vw;

	overflow: hidden

}

@media (max-width:1024px) {

.page_partner .center .partner_box {

	margin-top: 40px

}

}

@media (max-width:768px) {

.page_partner .center .partner_box {

	margin-top: 30px

}

}

.page_partner .center .partner_box .partner_swiper {

	width: 100%;

	height: auto;

	overflow: hidden

}

.page_partner .center .partner_box .partner_swiper ul {

	width: 100%;

	height: auto;

	-webkit-transition-timing-function: linear;

	-moz-transition-timing-function: linear;

	-ms-transition-timing-function: linear;

	-o-transition-timing-function: linear;

	transition-timing-function: linear

}

.page_partner .center .partner_box .partner_swiper ul li {

	padding: 10px;

	text-align: center;

	cursor: pointer

}

.page_partner .center .partner_box .partner_swiper ul li .pb {

	border: 1px solid #d9d9d9;

	padding-bottom: 37.87%;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	background: #fff

}

.page_partner .center .partner_box .partner_swiper ul li .ab {

	filter: brightness(0) invert(0.8);

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_partner .center .partner_box .partner_swiper ul li img {

	max-width: 80%;

	max-height: 80%;

	vertical-align: middle

}

.page_partner .center .partner_box .partner_swiper ul li:hover .pb {

	box-shadow: 0 0 10px rgba(0,0,0,.2)

}

.page_partner .center .partner_box .partner_swiper ul li:hover .ab {

	filter: none

}

@media (max-width:1024px) {

.page_partner .center {

	margin: 40px 0

}

.page_partner .center .partner_box {

	margin-top: 30px

}

.page_partner .center .partner_box .partner_swiper ul li {

	padding: 5px

}

}

.page_partner.active {

	background: #f5f5f5

}

.page_down {

	width: 100%;

	height: auto;

	padding: 2.6vw 0;

	background: #f5f5f5

}

.page_down .center {

	width: 100%;

	height: auto;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between

}

.page_down .center .sidebar_box {

	width: 24%

}

.page_down .center .down_box {

	width: 72%;

	height: auto

}

.page_down .center .down_box .down_list {

	width: 100%;

	height: auto

}

.page_down .center .down_box .down_list ul {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 1.5vw

}

.page_down .center .down_box .down_list ul li {

	width: 100%;

	height: auto;

	background: #fff;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	overflow: hidden

}

.page_down .center .down_box .down_list ul li a {

	width: 100%;

	height: auto;

	display: block;

	overflow: hidden

}

.page_down .center .down_box .down_list ul li a .down_head {

	width: 100%;

	height: auto;

	padding: 20px 1vw 20px 1.5vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	overflow: hidden

}

.page_down .center .down_box .down_list ul li a .down_head .icon {

	width: 58px;

	height: auto;

	color: #0860c1;

	font-size: 0;

	filter: saturate(0);

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_down .center .down_box .down_list ul li a .down_head .title {

	flex: 1;

padding:0 .5vw 0 1.5vw;

	font-size: 24px;

	color: #333;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

@media (max-width:1680px) {

.page_down .center .down_box .down_list ul li a .down_head .title {

	font-size: 21px

}

}

@media (max-width:1440px) {

.page_down .center .down_box .down_list ul li a .down_head .title {

	font-size: 18px

}

}

@media (max-width:1280px) {

.page_down .center .down_box .down_list ul li a .down_head .title {

	font-size: 16px

}

}

@media (max-width:1024px) {

.page_down .center .down_box .down_list ul li a .down_head .title {

	font-size: 12.8px

}

}

@media (max-width:1680px) {

.page_down .center .down_box .down_list ul li a .down_head .title {

	font-size: 20px

}

}

@media (max-width:1440px) {

.page_down .center .down_box .down_list ul li a .down_head .title {

	font-size: 18px

}

}

@media (max-width:1280px) {

.page_down .center .down_box .down_list ul li a .down_head .title {

	font-size: 16px

}

}

.page_down .center .down_box .down_list ul li a .down_body {

	width: 100%;

	height: auto;

	border-top: 1px solid #e9e9e9;

	padding: 10px 1.5vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	overflow: hidden

}

.page_down .center .down_box .down_list ul li a .down_body .txt {

	font-size: 14px;

	color: #999

}

.page_down .center .down_box .down_list ul li a .down_body .icon {

	color: #999;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_down .center .down_box .down_list ul li a .down_body .icon i {

	font-size: 14px

}

.page_down .center .down_box .down_list ul li:hover {

	background: #fff;

	box-shadow: 0 0 20px rgba(0,0,0,.1)

}

.page_down .center .down_box .down_list ul li:hover a .down_head .icon {

	filter: none

}

.page_down .center .down_box .down_list ul li:hover a .down_head .title {

	padding: 0 0 0 2vw;

	color: #0860c1

}

.page_down .center .down_box .down_list ul li:hover a .down_body .icon {

	color: #0860c1

}

@media (max-width:1024px) {

.page_down .center .down_box .down_list ul {

	grid-template-columns: repeat(2, 1fr);

	grid-gap: 20px

}

.page_down .center .down_box .down_list ul li a .down_head {

	padding: 20px

}

.page_down .center .down_box .down_list ul li a .down_head .icon {

	filter: none

}

.page_down .center .down_box .down_list ul li a .down_head .title {

	padding: 0 10px 0 20px

}

.page_down .center .down_box .down_list ul li a .down_body {

	padding: 10px 20px

}

.page_down .center .down_box .down_list ul li:hover a .down_head .title {

	padding: 0 0 0 30px

}

}

@media (max-width:990px) {

.page_down .center .down_box {

	width: 100%

}

}

@media (max-width:768px) {

.page_down .center .down_main .down_list ul {

	display: block

}

.page_down .center .down_main .down_list ul li {

	margin-top: 20px

}

.page_down .center .down_main .down_list ul li a .down_head .icon {

	width: 50px

}

.page_down .center .down_main .down_list ul li:first-child {

	margin: 0

}

.page_down .center .down_main .layui-laypage {

	margin-top: 30px

}

}

@media (max-width:1024px) {

.page_down {

	padding: 40px 0

}

}

.page_faq {

	width: 100%;

	height: auto;

	background: #fff;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_faq .center {

	width: 100%;

	height: auto;

	margin: 4vw auto;

	position: relative;

	z-index: 3;

	overflow: hidden

}

@media (max-width:1024px) {

.page_faq .center {

	margin: 50px 0

}

}

@media (max-width:768px) {

.page_faq .center {

	margin: 40px 0

}

}

.page_faq .center .faq_box {

	width: 100%;

	height: auto;

	margin-top: 3vw;

	overflow: hidden

}

@media (max-width:1024px) {

.page_faq .center .faq_box {

	margin-top: 40px

}

}

@media (max-width:768px) {

.page_faq .center .faq_box {

	margin-top: 30px

}

}

.page_faq .center .faq_box .faq_list {

	width: 100%;

	height: auto;

	overflow: hidden

}

.page_faq .center .faq_box .faq_list .item {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 1.5vw

}

.page_faq .center .faq_box .faq_list .item .title_box {

	width: 100%;

	height: auto;

	padding: 30px;

	background: #f5f5f5;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	align-items: baseline;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	cursor: pointer;

	overflow: hidden

}

.page_faq .center .faq_box .faq_list .item .title_box .dot {

	font-family: sy_m;

	font-size: 20px;

	line-height: 1;

	color: #333;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_faq .center .faq_box .faq_list .item .title_box .title {

	flex: 1;

	padding: 0 20px;

	font-family: sy_m;

	font-size: 20px;

	color: #333;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	overflow: hidden

}

.page_faq .center .faq_box .faq_list .item .title_box .icon {

	width: 16px;

	height: 16px;

	position: relative;

	z-index: 1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_faq .center .faq_box .faq_list .item .title_box .icon::before, .page_faq .center .faq_box .faq_list .item .title_box .icon::after {

	content: '';

	position: absolute;

	z-index: 1;

	background: #999

}

.page_faq .center .faq_box .faq_list .item .title_box .icon::before {

	width: 100%;

	height: 2px;

	top: 50%;

	left: 50%;

	margin-top: -1px;

	transform: translateX(-50%);

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_faq .center .faq_box .faq_list .item .title_box .icon::after {

	width: 2px;

	height: 100%;

	left: 50%;

	top: 0;

	margin-left: -1px

}

.page_faq .center .faq_box .faq_list .item .content {

	width: 100%;

	height: auto;

	display: none;

	overflow: hidden

}

.page_faq .center .faq_box .faq_list .item .content .info {

	width: 100%;

	height: auto;

	padding: 20px 30px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	align-items: baseline;

	border: 1px solid #f5f5f5;

	border-top: 0;

	overflow: hidden

}

.page_faq .center .faq_box .faq_list .item .content .info .dot {

	font-family: sy_m;

	font-size: 20px;

	line-height: 1;

	color: #333

}

.page_faq .center .faq_box .faq_list .item .content .info .details {

	flex: 1;

	margin-left: 20px;

	font-size: 16px;

	line-height: 1.8;

	color: #666;

	overflow: hidden

}

.page_faq .center .faq_box .faq_list .item .content .info .details p {

	margin-top: 15px

}

.page_faq .center .faq_box .faq_list .item .content .info .details p:first-child {

	margin: 0

}

.page_faq .center .faq_box .faq_list .item:hover .title_box .dot, .page_faq .center .faq_box .faq_list .item:hover .title_box .title {

	color: #0860c1

}

.page_faq .center .faq_box .faq_list .item.active .title_box .dot, .page_faq .center .faq_box .faq_list .item.active .title_box .title {

	color: #0860c1

}

.page_faq .center .faq_box .faq_list .item.active .title_box .icon {

	transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-o-transform: rotate(90deg)

}

.page_faq .center .faq_box .faq_list .item.active .title_box .icon::before {

	width: 0

}

.page_faq .center .faq_box .faq_list .item.active .title_box .icon::after {

	background: #0860c1

}

.page_faq .center .faq_box .faq_list .item:first-child {

	margin: 0

}

@media (max-width:1024px) {

.page_faq .center .faq_box .faq_list .item .title_box .dot, .page_faq .center .faq_box .faq_list .item .title_box .title {

	font-size: 18px

}

.page_faq .center .faq_box .faq_list .item .title_box .icon {

	width: 14px;

	height: 14px

}

.page_faq .center .faq_box .faq_list .item .content .info .dot {

	font-size: 18px

}

.page_faq .center .faq_box .faq_list .item .content .info .details {

	font-size: 14px

}

}

@media (max-width:768px) {

.page_faq .center .faq_box .faq_list .item .title_box {

	padding: 20px

}

.page_faq .center .faq_box .faq_list .item .title_box .dot, .page_faq .center .faq_box .faq_list .item .title_box .title {

	font-size: 16px

}

.page_faq .center .faq_box .faq_list .item .title_box .title {

	padding: 0 10px

}

.page_faq .center .faq_box .faq_list .item .title_box .icon {

	width: 10px;

	height: 10px

}

.page_faq .center .faq_box .faq_list .item .content .info {

	padding: 20px

}

.page_faq .center .faq_box .faq_list .item .content .info .dot {

	font-size: 16px

}

.page_faq .center .faq_box .faq_list .item .content .info .details {

	margin-left: 10px

}

}

.page_rd {

	width: 100%;

	height: auto;

	overflow: hidden

}

.page_rd .center {

	width: 100%;

	height: auto;

	margin: 4vw auto;

	position: relative;

	z-index: 3;

	overflow: hidden;

	overflow: initial

}

@media (max-width:1024px) {

.page_rd .center {

	margin: 50px 0

}

}

@media (max-width:768px) {

.page_rd .center {

	margin: 40px 0

}

}

.page_rd .center .rd_title {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center

}

.page_rd .center .rd_title .rd_more a {

	display: block;

	padding: 14px 2vw;

	background: #0860c1;

	line-height: 1;

	font-size: 16px;

	color: #fff;

	position: relative;

	z-index: 1;

	border-radius: 0 10px;

	overflow: hidden

}

.page_rd .center .rd_title .rd_more a::after {

	content: '';

	width: 0;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	border-radius: 0 50% 50% 0;

	opacity: .1;

	background: #fff;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_rd .center .rd_title .rd_more a:hover::after {

	width: 100%;

	border-radius: 0

}

.page_rd .center .rd_menu {

	width: 100%;

	height: auto;

	margin-top: 3vw;

	overflow: hidden;

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 1vw;

	overflow: initial

}

@media (max-width:1024px) {

.page_rd .center .rd_menu {

	margin-top: 40px

}

}

@media (max-width:768px) {

.page_rd .center .rd_menu {

	margin-top: 30px

}

}

.page_rd .center .rd_menu .item {

	width: 100%;

	height: auto;

	background: #f5f5f5;

	border-radius: 5px;

	padding: 30px;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	color: #111;

	overflow: hidden

}

.page_rd .center .rd_menu .item .icon {

	color: #0860c1

}

.page_rd .center .rd_menu .item .icon i {

	font-size: 48px

}

.page_rd .center .rd_menu .item .title {

	margin-top: 20px;

	font-family: sy_m;

	font-size: 24px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}

.page_rd .center .rd_menu .item .details {

	width: 100%;

height:calc(3em * 1.8);

	margin-top: 15px;

	padding-right: 10px;

	font-size: 16px;

	line-height: 1.8;

	color: #666;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	overflow-y: auto

}

.page_rd .center .rd_menu .item .show {

	margin-top: 20px;

	padding-top: 20px;

	border-top: 1px dashed #d9d9d9;

	font-size: 16px;

	color: #666

}

.page_rd .center .rd_menu .item .info {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: end;

	-ms-flex-align: end;

	-webkit-align-items: flex-end;

	align-items: flex-end;

	margin-top: 10px;

	line-height: 1

}

.page_rd .center .rd_menu .item .info .beat {

	font-size: 40px;

	font-weight: 700

}

.page_rd .center .rd_menu .item .info .sup {

	margin: 0 0 8px 10px

}

@media (max-width:1440px) {

.page_rd .center .rd_menu .item .icon i {

	font-size: 40px

}

.page_rd .center .rd_menu .item .title {

	font-size: 22px

}

.page_rd .center .rd_menu .item .info .beat {

	font-size: 36px

}

}

@media (max-width:1280px) {

.page_rd .center .rd_menu .item .title {

	font-size: 20px

}

.page_rd .center .rd_menu .item .details {

	font-size: 14px

}

.page_rd .center .rd_menu .item .show {

	margin-top: 15px;

	padding-top: 15px;

	font-size: 14px

}

.page_rd .center .rd_menu .item .info .beat {

	font-size: 30px

}

.page_rd .center .rd_menu .item .info .sup {

	font-size: 14px;

	margin-bottom: 5px

}

}

@media (max-width:1024px) {

.page_rd .center .rd_menu {

	grid-gap: 20px

}

.page_rd .center .rd_menu .item {

	padding: 20px

}

.page_rd .center .rd_menu .item .title {

	font-size: 18px

}

.page_rd .center .rd_menu .item .info .beat {

	font-size: 26px

}

.page_rd .center .rd_menu .item .info .sup {

	margin-bottom: 3px

}

}

@media (max-width:768px) {

.page_rd .center .rd_menu {

	grid-template-columns: auto

}

.page_rd .center .rd_menu .item {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center

}

.page_rd .center .rd_menu .item .title {

	margin: 0;

	margin-left: 20px

}

.page_rd .center .rd_menu .item .details {

	height: auto;

max-height:calc(3em * 1.8)

}

.page_rd .center .rd_menu .item .show {

	width: 100%

}

}

@media (max-width:480px) {

.page_rd .center .rd_menu .item .icon i {

	font-size: 30px

}

.page_rd .center .rd_menu .item .details, .page_rd .center .rd_menu .item .show {

	font-size: 12px

}

}

@media (max-width:1024px) {

.page_rd .center .rd_title .page_title {

	text-align: left

}

.page_rd .center .rd_title .page_title .line::after {

	margin: 0

}

.page_rd .center .rd_title .rd_more a {

	padding: 12px 20px;

	font-size: 14px;

	border-radius: 0 5px

}

}

.page_good {

	width: 100%;

	height: auto;

	background: #fff;

	position: relative;

	z-index: 1;

	overflow: hidden;

	background: #f5f5f5

}

.page_good .page_title {

	margin: 4vw auto

}

.page_good .good_box {

	width: 100%;

	height: auto;

	background: #fff;

	overflow: hidden

}

.page_good .good_box .good_item {

	width: 100%;

	height: auto;

	margin: 4vw 0;

	position: relative;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	overflow: hidden

}

.page_good .good_box .good_item .img {

	width: 50%;

	font-size: 0;

	overflow: hidden

}

.page_good .good_box .good_item .img img {

	width: 100%;

	max-height: 60vh;

	object-fit: cover

}

.page_good .good_box .good_item .good_info {

	width: 50%;

	height: 100%;

	position: absolute;

	right: 0;

	top: 0;

	padding: 0 2.6vw;

	padding-right: calc((100% - 1400px) / 2);

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	overflow: hidden

}

.page_good .good_box .good_item .good_info .info {

	width: 100%;

	height: auto;

	max-height: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	overflow: hidden

}

.page_good .good_box .good_item .good_info .info .title_box {

	width: 100%;

	height: auto;

	padding-bottom: 20px;

	position: relative;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	border-bottom: 1px solid #e5e5e5;

	overflow: hidden

}

.page_good .good_box .good_item .good_info .info .title_box .icon {

	max-width: 60px;

	font-size: 0;

	margin-right: 20px

}

.page_good .good_box .good_item .good_info .info .title_box .txt {

	flex: 1;

	height: 100%;

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between

}

.page_good .good_box .good_item .good_info .info .title_box .txt .subtitle {

	font-size: 30px;

	opacity: .1;

	line-height: 1

}

.page_good .good_box .good_item .good_info .info .title_box .txt .title {

	margin-top: 5px;

	font-family: sy_m;

	font-size: 30px;

	line-height: 1

}

.page_good .good_box .good_item .good_info .info .title_box .number {

	font-size: 40px;

	color: #0860c1;

	opacity: .2

}

.page_good .good_box .good_item .good_info .info .details {

	margin-top: 20px;

	padding-right: 10px;

	font-size: 16px;

	color: #666;

	line-height: 1.8;

	overflow: hidden;

	overflow-y: auto

}

.page_good .good_box .good_item .good_info .info .details p {

	margin-top: 15px

}

.page_good .good_box .good_item .good_info .info .details p:first-child {

	margin: 0

}

.page_good .good_box .good_item .good_info .items {

	width: 100%;

	height: auto;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	margin-top: 2vw;

	overflow: hidden

}

.page_good .good_box .good_item .good_info .items .item {

	width: auto;

	height: auto;

	background: #eef1f7;

	margin-right: 20px;

	padding: 12px 1.5vw;

	border-radius: 0 10px 0 0

}

.page_good .good_box .good_item .good_info .items .item .title {

	font-size: 15px;

	color: #666

}

.page_good .good_box .good_item .good_info .items .item .number {

	margin-top: 10px;

	font-family: sy_m;

	font-size: 24px;

	line-height: 1;

	color: #333

}

.page_good .good_box .good_item .good_info .items .item:nth-child(2n) {

	background: #20293a

}

.page_good .good_box .good_item .good_info .items .item:nth-child(2n) .title, .page_good .good_box .good_item .good_info .items .item:nth-child(2n) .number {

	color: #fff

}

.page_good .good_box .good_item .good_info .items .item:last-child {

	margin: 0

}

.page_good .good_box .good_item:first-child {

	margin-top: 0

}

.page_good .good_box .good_item:first-child .good_info {

	padding-top: 2vw

}

.page_good .good_box .good_item:nth-child(2n) {

	flex-direction: row-reverse

}

.page_good .good_box .good_item:nth-child(2n) .good_info {

	right: auto;

	left: 0;

	padding: 0 2.6vw;

	padding-left: calc((100% - 1400px) / 2)

}

@media (max-width:1520px) {

.page_good .good_box .good_item .good_info {

	padding-right: 60px

}

.page_good .good_box .good_item:nth-child(2n) .good_info {

	padding-left: 60px

}

}

@media (max-width:1440px) {

.page_good .good_box .good_item .good_info .info .title_box .icon {

	max-width: 47px

}

.page_good .good_box .good_item .good_info .info .title_box .txt .title {

	font-size: 24px

}

.page_good .good_box .good_item .good_info .info .title_box .txt .subtitle {

	font-size: 20px

}

.page_good .good_box .good_item .good_info .info .title_box .number {

	font-size: 36px

}

.page_good .good_box .good_item .good_info .info .details {

	font-size: 14px

}

.page_good .good_box .good_item .good_info .info .details p {

	margin-top: 10px

}

.page_good .good_box .good_item .good_info .items .item .title {

	font-size: 14px

}

.page_good .good_box .good_item .good_info .items .item .number {

	margin-top: 5px;

	font-size: 20px

}

}

@media (max-width:1280px) {

.page_good .good_box .good_item .good_info .info .title_box .icon {

	max-width: 37px

}

.page_good .good_box .good_item .good_info .info .title_box .txt .title {

	font-size: 20px

}

.page_good .good_box .good_item .good_info .info .title_box .txt .subtitle {

	font-size: 16px

}

.page_good .good_box .good_item .good_info .info .title_box .number {

	font-size: 30px

}

.page_good .good_box .good_item .good_info .info .details {

	font-size: 14px

}

.page_good .good_box .good_item .good_info .info .details p {

	margin-top: 10px

}

.page_good .good_box .good_item .good_info .items .item .title {

	font-size: 12px

}

.page_good .good_box .good_item .good_info .items .item .number {

	margin-top: 5px;

	font-size: 18px

}

}

@media (max-width:1024px) {

.page_good .good_box .good_item {

	display: block;

	margin: 40px 0!important

}

.page_good .good_box .good_item .img {

	width: 100%

}

.page_good .good_box .good_item .good_info {

	width: 100%;

	margin-top: 30px;

	padding: 0!important;

	position: relative;

	display: block

}

.page_good .good_box .good_item .good_info .info .title_box .txt .title {

	font-size: 20px

}

.page_good .good_box .good_item .good_info .info .title_box .txt .subtitle {

	font-size: 14px

}

.page_good .good_box .good_item .good_info .info .title_box .number {

	font-size: 24px

}

.page_good .good_box .good_item .good_info .items {

	margin-top: 30px

}

.page_good .good_box .good_item .good_info .items .item .title {

	font-size: 12px

}

.page_good .good_box .good_item .good_info .items .item .number {

	margin-top: 5px;

	font-size: 18px

}

}

@media (max-width:768px) {

.page_good .good_box .good_item {

	margin: 30px 0!important

}

.page_good .good_box .good_item .good_info {

	margin-top: 20px

}

.page_good .good_box .good_item .good_info .info .title_box .icon {

	max-width: 30px

}

.page_good .good_box .good_item .good_info .info .title_box .txt .title {

	font-size: 18px

}

.page_good .good_box .good_item .good_info .info .title_box .txt .subtitle {

	font-size: 12px

}

.page_good .good_box .good_item .good_info .info .title_box .number {

	font-size: 20px

}

.page_good .good_box .good_item .good_info .info .details {

	font-size: 12px

}

.page_good .good_box .good_item .good_info .items {

	margin-top: 20px

}

.page_good .good_box .good_item .good_info .items .item {

	padding: 10px 12px;

	margin-right: 5px

}

.page_good .good_box .good_item .good_info .items .item .number {

	font-size: 14px

}

}

@media (max-width:1024px) {

.page_good .good_box {

	padding: 0 30px

}

}

@media (max-width:990px) {

.page_good .good_box {

	padding: 0 20px

}

}

@media (max-width:1024px) {

.page_good .page_title {

	margin: 50px 0

}

}

@media (max-width:768px) {

.page_good .page_title {

	margin: 40px 0

}

}

.page_path {

	width: 100%;

	height: auto;

	background: url(../images/bg3.jpg) no-repeat center / cover;

	overflow: hidden

}

.page_path .center {

	width: 100%;

	height: auto;

	margin: 4vw auto;

	z-index: 3;

	overflow: hidden;

	margin: 5.2vw auto;

	position: relative;

	z-index: 1;

	overflow: initial

}

@media (max-width:1024px) {

.page_path .center {

	margin: 50px 0

}

}

@media (max-width:768px) {

.page_path .center {

	margin: 40px 0

}

}

.page_path .center .path_box {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1

}

.page_path .center .path_box .path_main {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0

}

.page_path .center .path_box .path_main .path_info {

	width: 100%;

	height: 150px;

	position: absolute;

	top: 0;

	left: 0

}

.page_path .center .path_box .path_main .path_info .info_box {

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 1

}

.page_path .center .path_box .path_main .path_info .info_box .item {

	width: 150px;

	height: 100%;

	position: absolute

}

.page_path .center .path_box .path_main .path_info .info_box .item::after {

	content: '';

	width: 70%;

	height: 70%;

	position: absolute;

	top: 15%;

	left: 15%;

	z-index: -1;

	background: #fff;

	opacity: .5;

	border-radius: 50%;

	animation: ripple 1.5s linear infinite

}

.page_path .center .path_box .path_main .path_info .info_box .item .info {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	background: #fff;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center

}

.page_path .center .path_box .path_main .path_info .info_box .item .info .icon {

	color: #0860c1

}

.page_path .center .path_box .path_main .path_info .info_box .item .info .icon i {

	font-size: 40px

}

.page_path .center .path_box .path_main .path_info .info_box .item .info .title {

	margin: 5px 0;

	font-family: sy_m;

	font-size: 18px;

	line-height: 1.6

}

.page_path .center .path_box .path_main .path_info .info_box .item .info .number {

	font-size: 16px;

	color: #999

}

.page_path .center .path_box .path_main .path_info .info_box .item .more {

	width: 30px;

	height: 30px;

	position: absolute;

	left: 100%;

	top: 50%;

	margin-top: -10px;

	margin-left: 50px;

	border-radius: 50%;

	background: #c0c3cf;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	color: #fff;

	animation: slbsd 3s linear infinite

}

.page_path .center .path_box .path_main .path_info .info_box .item:first-child {

	left: 30%

}

.page_path .center .path_box .path_main .path_info .info_box .item:nth-child(2) {

	left: 50%

}

.page_path .center .path_box .path_main .path_info .info_box .item:nth-child(3) {

	left: 70%

}

.page_path .center .path_box .path_main .path_info .info_box .item:nth-child(4) {

	left: 90%

}

.page_path .center .path_box .path_main .path_info .info_box .item:nth-child(4) .more {

	left: 65%;

	margin-left: 0;

	top: 150%;

	animation-name: slbsdt

}

.page_path .center .path_box .path_main .path_info .info_box .item:nth-child(4) .more i {

	transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-o-transform: rotate(90deg)

}

@keyframes slbsd {

0%, 100% {

transform:translateX(-5px)

}

50% {

transform:translateX(5px)

}

}

@keyframes slbsdt {

0%, 100% {

transform:translateY(-5px)

}

50% {

transform:translateY(5px)

}

}

.page_path .center .path_box .path_main .path_info.active {

	top: auto;

	bottom: 0

}

.page_path .center .path_box .path_main .path_info.active .info_box .item .more {

	left: -100%;

	margin-left: 70px;

	margin-top: -20px

}

.page_path .center .path_box .path_main .path_info.active .info_box .item .more i {

	transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-o-transform: rotate(180deg)

}

.page_path .center .path_box .path_main .path_info.active .info_box .item:first-child {

	left: 70%

}

.page_path .center .path_box .path_main .path_info.active .info_box .item:nth-child(2) {

	left: 50%

}

.page_path .center .path_box .path_main .path_info.active .info_box .item:nth-child(3) {

	left: 30%

}

.page_path .center .path_box .path_main .path_info.active .info_box .item:nth-child(4) {

	left: 10%

}

.page_path .center .path_box .path_main .path_info.active .info_box .item:nth-child(4) .more {

	display: none

}

@media (max-width:1440px) {

.page_path .center .path_box .path_main .path_info {

	height: 140px

}

.page_path .center .path_box .path_main .path_info .info_box .item {

	width: 140px

}

.page_path .center .path_box .path_main .path_info .info_box .item .info .title {

	font-size: 16px

}

}

@media (max-width:1280px) {

.page_path .center .path_box .path_main .path_info {

	height: 120px

}

.page_path .center .path_box .path_main .path_info .info_box .item {

	width: 120px

}

.page_path .center .path_box .path_main .path_info .info_box .item .info .title {

	font-size: 14px

}

.page_path .center .path_box .path_main .path_info .info_box .item .info .number {

	font-size: 12px

}

.page_path .center .path_box .path_main .path_info .info_box .item .more {

	margin-left: 40px

}

.page_path .center .path_box .path_main .path_info.active .info_box .item .more {

	margin-left: 50px

}

}

@media (max-width:1200px) {

.page_path .center .path_box .path_main .path_info {

	height: 100px;

	top: 4%

}

.page_path .center .path_box .path_main .path_info .info_box .item {

	width: 100px

}

.page_path .center .path_box .path_main .path_info .info_box .item .info .title {

	font-size: 12px

}

.page_path .center .path_box .path_main .path_info .info_box .item .info .number {

	font-size: 12px

}

.page_path .center .path_box .path_main .path_info .info_box .item .more {

	width: 24px;

	height: 24px;

	margin-left: 40px

}

.page_path .center .path_box .path_main .path_info .info_box .item:nth-child(4) .more {

	left: 75%

}

.page_path .center .path_box .path_main .path_info.active {

	top: auto;

	bottom: 2%

}

.page_path .center .path_box .path_main .path_info.active .info_box .item .more {

	margin-left: 40%;

	margin-top: -10px

}

}

@media (max-width:1024px) {

.page_path .center .path_box .path_main {

	position: relative

}

.page_path .center .path_box .path_main .path_info {

	height: auto;

	position: initial;

	margin-top: 40px

}

.page_path .center .path_box .path_main .path_info .info_box {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	grid-gap: 1px

}

.page_path .center .path_box .path_main .path_info .info_box .item {

	width: 100%;

	position: relative;

	left: 0!important;

	top: 0;

	margin: 0 auto

}

.page_path .center .path_box .path_main .path_info .info_box .item::after {

	display: none

}

.page_path .center .path_box .path_main .path_info .info_box .item .info {

	border-radius: 0;

	padding: 20px

}

.page_path .center .path_box .path_main .path_info .info_box .item .info .title {

	font-size: 12px

}

.page_path .center .path_box .path_main .path_info .info_box .item .info .number {

	font-size: 12px

}

.page_path .center .path_box .path_main .path_info .info_box .item .more {

	display: none

}

.page_path .center .path_box .path_main .path_info.active {

	margin-top: 1px

}

.page_path .center .path_box .path_main .path_info.active .info_box .item .more {

	margin-left: 40%;

	margin-top: -10px

}

}

@media (max-width:768px) {

.page_path .center .path_box .path_main .path_info {

	margin-top: 30px

}

.page_path .center .path_box .path_main .path_info .info_box {

	grid-template-columns: repeat(2, 1fr);

	grid-gap: 1px

}

}

.page_path .center .path_box .path_bg {

	font-size: 0;

	text-align: center

}

@media (max-width:1024px) {

.page_path .center .path_box .path_bg {

	display: none

}

}

@media (max-width:1024px) {

.page_path .center {

	margin: 50px 0

}

}

@media (max-width:768px) {

.page_path .center {

	margin: 40px 0

}

}

.news_header {

	width: 100%;

	height: auto;

	padding: 5.2vw 0;

	position: relative;

	z-index: 2;

	background: #f5f5f5;

	overflow: hidden

}

.news_header::after {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	background: url(../images/icon_logo.png) no-repeat 95% center / auto 80%;

	opacity: .02

}

.news_header .news_swiper {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 2;

	overflow: hidden

}

.news_header .news_swiper .news_center {

	width: 100%;

	height: auto;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.news_header .news_swiper .news_center .news_img {

	width: 40%;

	height: auto;

	background: #fff;

	overflow: hidden

}

.news_header .news_swiper .news_center .news_img .pb {

	padding-bottom: 66.5%

}

.news_header .news_swiper .news_center .news_img .swiper_box {

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.news_header .news_swiper .news_center .news_img .swiper_box ul li {

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 1;

	text-align: center;

	font-size: 0;

	overflow: hidden

}

.news_header .news_swiper .news_center .news_img .swiper_box ul li img {

	width: 100%;

	height: 100%;

	object-fit: cover

}

.news_header .news_swiper .news_center .swiper_pager {

	width: auto;

	height: 10px;

	position: absolute;

	bottom: 0;

	right: 0;

	z-index: 10;

	font-size: 0;

	text-align: center;

	overflow: hidden

}

.news_header .news_swiper .news_center .swiper_pager span {

	width: 10px;

	height: 10px;

	display: inline-block;

	background: #0860c1;

	margin: 0 0 0 8px;

	opacity: .3;

	border-radius: 50%;

	position: relative;

	vertical-align: top;

	overflow: hidden;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.news_header .news_swiper .news_center .swiper_pager .active {

	opacity: 1;

	background: #0860c1

}

.news_header .news_swiper .news_center .news_info {

	width: 60%;

	height: 100%;

	position: absolute;

	top: 0;

	right: 0;

	padding-left: 4vw;

	overflow: hidden

}

.news_header .news_swiper .news_center .news_info .item {

	width: 100%;

	height: 100%;

	overflow: hidden

}

.news_header .news_swiper .news_center .news_info .item .info {

	width: 100%;

	height: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column;

	position: relative;

	z-index: 1;

	padding: 10px 0 40px;

	overflow: hidden

}

.news_header .news_swiper .news_center .news_info .item .title a {

	font-family: sy_m;

	font-size: 36px;

	line-height: 1.5;

	color: #111;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

@media (max-width:1680px) {

.news_header .news_swiper .news_center .news_info .item .title a {

	font-size: 31.5px

}

}

@media (max-width:1440px) {

.news_header .news_swiper .news_center .news_info .item .title a {

	font-size: 27px

}

}

@media (max-width:1280px) {

.news_header .news_swiper .news_center .news_info .item .title a {

	font-size: 24px

}

}

@media (max-width:1024px) {

.news_header .news_swiper .news_center .news_info .item .title a {

	font-size: 19.2px

}

}

.news_header .news_swiper .news_center .news_info .item .title a:hover {

	color: #0860c1

}

.news_header .news_swiper .news_center .news_info .item .time {

	width: 100%;

	height: auto;

	margin: 1vw 0 1.5vw;

	line-height: 1.5;

	position: relative;

	font-size: 16px;

	color: #999

}

.news_header .news_swiper .news_center .news_info .item .time i {

	font-size: 16px;

	vertical-align: middle;

	margin-right: 10px

}

.news_header .news_swiper .news_center .news_info .item .textarea {

	width: 100%;

	height: auto;

	padding-right: 10px;

	font-size: 18px;

	color: #666;

	line-height: 1.6;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	overflow: hidden

}

.news_header .news_swiper .news_center .news_info .item .more {

	display: inline-block;

	position: relative;

	z-index: 1;

	position: absolute;

	bottom: 0

}

.news_header .news_swiper .news_center .news_info .item .more a {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center

}

.news_header .news_swiper .news_center .news_info .item .more a .icon {

	height: 20px;

	padding-right: 1px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.news_header .news_swiper .news_center .news_info .item .more a .icon i {

	width: 3vw;

	min-width: 30px;

	height: 1px;

	display: block;

	background: #0860c1;

	border-radius: 2px;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.news_header .news_swiper .news_center .news_info .item .more a .icon::before, .news_header .news_swiper .news_center .news_info .item .more a .icon::after {

	content: '';

	width: 8px;

	height: 1px;

	position: absolute;

	right: 0;

	top: 50%;

	z-index: 1;

	background: #0860c1;

	transform-origin: right;

	border-radius: 2px

}

.news_header .news_swiper .news_center .news_info .item .more a .icon::before {

	transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	margin-top: -.5px

}

.news_header .news_swiper .news_center .news_info .item .more a .icon::after {

	transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	margin-top: -.5px

}

.news_header .news_swiper .news_center .news_info .item .more a .words {

	padding-left: 1vw;

	font-size: 16px;

	line-height: 1;

	color: #0860c1

}

.news_header .news_swiper .news_center .news_info .item .more a:hover .icon i {

	width: 4vw

}

@media (max-width:1440px) {

.news_header .news_swiper .news_center .news_img {

	width: 50%

}

.news_header .news_swiper .news_center .news_info {

	width: 50%

}

.news_header .news_swiper .news_center .news_info .item .time {

	font-size: 14px

}

.news_header .news_swiper .news_center .news_info .item .title {

	font-size: 28px

}

.news_header .news_swiper .news_center .news_info .item .textarea {

	font-size: 16px

}

.news_header .news_swiper .news_center .news_info .item .more {

	margin-top: 30px

}

}

@media (max-width:1024px) {

.news_header {

	padding: 50px 0

}

.news_header .news_swiper .news_center .news_info .item .time {

	font-size: 12px

}

.news_header .news_swiper .news_center .news_info .item .title {

	font-size: 24px

}

.news_header .news_swiper .news_center .news_info .item .textarea {

	font-size: 15px

}

.news_header .news_swiper .news_center .news_info .item .more a .words {

	font-size: 14px;

	padding-left: 10px

}

.news_header .news_swiper .news_center .news_info .item .more a .icon i {

	font-size: 9px

}

}

@media (max-width:990px) {

.news_header .news_swiper .news_center .news_img {

	width: 100%

}

.news_header .news_swiper .news_center .swiper_pager {

	height: 6px

}

.news_header .news_swiper .news_center .swiper_pager span {

	width: 6px;

	height: 6px

}

.news_header .news_swiper .news_center .news_info {

	width: 100%;

	height: auto;

	margin-top: 30px;

	position: relative;

	padding: 0

}

}

@media (max-width:768px) {

.news_header {

	padding: 40px 0

}

.news_header .news_swiper .news_center .news_info {

	margin-top: 20px

}

.news_header .news_swiper .news_center .news_info .item .info {

	padding-top: 0

}

.news_header .news_swiper .news_center .news_info .item .info .title a {

	font-size: 16px

}

.news_header .news_swiper .news_center .news_info .item .info .time {

	margin: 10px 0;

	font-size: 12px

}

.news_header .news_swiper .news_center .news_info .item .info .time i {

	font-size: 12px

}

.news_header .news_swiper .news_center .news_info .item .info .textarea {

	font-size: 12px

}

.news_header .news_swiper .news_center .news_info .item .info .more a .icon::before, .news_header .news_swiper .news_center .news_info .item .info .more a .icon::after {

	width: 6px;

	right: 1px

}

.news_header .news_swiper .news_center .news_info .item .info .more a .words {

	font-size: 12px

}

}

.page_news {

	width: 100%;

	height: auto;

	overflow: hidden

}

.page_news .new_box {

	width: 100%;

	height: auto;

	margin: 3.6vw auto 7.2vw

}

.page_news .new_box .news_list {

	width: 100%;

	height: auto

}

.page_news .new_box .news_list ul {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 30px 30px

}

.page_news .new_box .news_list ul li {

	width: 100%;

	height: auto;

	background: #fff;

	position: relative;

	z-index: 1;

	box-shadow: 0 0 30px rgba(0,0,0,.1);

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	overflow: hidden

}

.page_news .new_box .news_list ul li a .images {

	width: 100%;

	height: auto;

	overflow: hidden

}

.page_news .new_box .news_list ul li a .images .pb {

	padding-bottom: 66.66%

}

.page_news .new_box .news_list ul li a .images img {

	width: 100%;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_news .new_box .news_list ul li a .info {

	width: 100%;

	height: auto;

	padding: 1.5vw;

	overflow: hidden

}

.page_news .new_box .news_list ul li a .info .title {

	width: 100%;

	height: auto;

	font-size: 24px;

	line-height: 1.5;

	color: #111;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_news .new_box .news_list ul li a .info .time {

	margin-top: 15px;

	font-size: 14px;

	color: #999

}

.page_news .new_box .news_list ul li a .info .time i {

	font-size: 14px;

	vertical-align: middle;

	margin-right: 10px

}

.page_news .new_box .news_list ul li a .info .details {

	width: 100%;

height:calc(3em * 1.6);

	margin: 10px 0 20px;

	line-height: 1.6;

	font-size: 16px;

	color: #666;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden

}

.page_news .new_box .news_list ul li a .info .more {

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	color: #999

}

.page_news .new_box .news_list ul li a .info .more i {

	font-size: 20px

}

.page_news .new_box .news_list ul li::after {

	content: '';

	width: 0;

	height: 2px;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 1;

	background: #0860c1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_news .new_box .news_list ul li:hover {

	transform: translateY(-10px);

	z-index: 2

}

.page_news .new_box .news_list ul li:hover a .info .title {

	color: #0860c1

}

.page_news .new_box .news_list ul li:hover a .info .more {

	text-indent: 1em;

	color: #0860c1

}

.page_news .new_box .news_list ul li:hover::after {

	width: 100%

}

.page_news .new_box .layui-laypage {

	margin-top: 4vw

}

@media (max-width:1440px) {

.page_news .new_box .news_list ul li a .info .title {

	font-size: 20px

}

}

@media (max-width:1024px) {

.page_news .new_box {

	margin: 50px 0

}

.page_news .new_box .news_list ul {

	grid-gap: 20px 20px

}

.page_news .new_box .news_list ul li {

	box-shadow: 0 0 20px rgba(0,0,0,.1)

}

.page_news .new_box .news_list ul li a .info {

	padding: 15px 20px

}

.page_news .new_box .news_list ul li a .info .title {

	font-size: 18px

}

.page_news .new_box .news_list ul li a .info .time {

	margin-top: 15px;

	font-size: 12px

}

.page_news .new_box .news_list ul li a .info .details {

	font-size: 14px

}

.page_news .new_box .layui-laypage {

	margin-top: 40px

}

}

@media (max-width:990px) {

.page_news .new_box .news_list ul {

	grid-template-columns: repeat(2, 1fr)

}

.page_news .new_box .news_list ul li:hover {

	transform: translateY(0)

}

}

@media (max-width:768px) {

.page_news .new_box {

	margin: 40px 0

}

.page_news .new_box .news_list ul {

	grid-gap: 15px 15px

}

.page_news .new_box .news_list ul li a .info {

	padding: 20px 15px 15px

}

.page_news .new_box .news_list ul li a .info .title {

	font-size: 16px

}

.page_news .new_box .news_list ul li a .info .time {

	margin-top: 10px

}

.page_news .new_box .news_list ul li a .info .details {

	margin: 10px 0

}

.page_news .new_box .news_list ul li:hover {

	transform: translateY(0)

}

.page_news .new_box .layui-laypage {

	margin-top: 30px

}

}

@media (max-width:480px) {

.page_news .new_box .news_list ul {

	grid-template-columns: 1fr

}

.page_news .new_box .news_list ul li a .info .details {

	font-size: 12px

}

}

.page_news_details {

	width: 100%;

	height: auto

}

.page_news_details .news_box {

	width: 100%;

	height: auto;

	margin: 3.6vw auto;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between

}

.page_news_details .news_box .news_info {

	width: 68.57%;

	height: auto;

	overflow: hidden

}

.page_news_details .news_box .news_info .news_title {

	padding-bottom: 1vw;

	border-bottom: 1px solid #eeee

}

.page_news_details .news_box .news_info .news_title .title h1 {

	font-family: sy_m;

	font-size: 40px;

	color: #000

}

@media (max-width:1680px) {

.page_news_details .news_box .news_info .news_title .title h1 {

	font-size: 35px

}

}

@media (max-width:1440px) {

.page_news_details .news_box .news_info .news_title .title h1 {

	font-size: 30px

}

}

@media (max-width:1280px) {

.page_news_details .news_box .news_info .news_title .title h1 {

	font-size: 26.66666667px

}

}

@media (max-width:1024px) {

.page_news_details .news_box .news_info .news_title .title h1 {

	font-size: 21.33333333px

}

}

@media (max-width:1680px) {

.page_news_details .news_box .news_info .news_title .title h1 {

	font-size: 34px

}

}

@media (max-width:1440px) {

.page_news_details .news_box .news_info .news_title .title h1 {

	font-size: 26px

}

}

@media (max-width:1280px) {

.page_news_details .news_box .news_info .news_title .title h1 {

	font-size: 22px

}

}

@media (max-width:1024px) {

.page_news_details .news_box .news_info .news_title .title h1 {

	font-size: 20px

}

}

.page_news_details .news_box .news_info .news_title .time {

	width: 100%;

	height: auto;

	margin-top: 1.5vw;

	font-size: 16px;

	color: #999;

	overflow: hidden;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	-ms-flex-wrap: wrap

}

.page_news_details .news_box .news_info .news_title .time i {

	margin-right: 10px;

	font-size: 16px

}

.page_news_details .news_box .news_info .news_details {

	width: 100%;

	height: auto;

	margin: 20px 0 0;

	text-align: justify;

	overflow: hidden

}

.page_news_details .news_box .news_info .news_details * {

	font-size: 16px;

	color: #666;

	line-height: 1.8

}

.page_news_details .news_box .news_info .news_details p {

	margin: 1.5vw 0 0

}

.page_news_details .news_box .news_info .news_details p:first-child {

	margin: 0

}

.page_news_details .news_box .news_info .news_details img {

	max-width: 100%;

	font-size: 0;

	display: block

}

.page_news_details .news_box .news_info .pager_active {

	width: 100%;

	height: auto;

	margin-top: 3vw;

	padding-top: 30px;

	border-top: 1px solid #e9e9e9;

	position: relative;

	z-index: 1

}

.page_news_details .news_box .news_info .pager_active .prev, .page_news_details .news_box .news_info .pager_active .next {

	width: 100%;

	height: auto;

	line-height: 1

}

.page_news_details .news_box .news_info .pager_active .prev a, .page_news_details .news_box .news_info .pager_active .next a {

	max-width: 100%;

	display: inline-block;

	font-size: 16px;

	line-height: 1;

	color: #666;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}

.page_news_details .news_box .news_info .pager_active .prev a:hover, .page_news_details .news_box .news_info .pager_active .next a:hover {

	color: #0860c1

}

.page_news_details .news_box .news_info .pager_active .next {

	margin-top: 1.5vw

}

.page_news_details .news_box .news_info .pager_active .return {

	width: 140px;

	height: 46px;

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%)

}

.page_news_details .news_box .news_info .pager_active .return a {

	width: 100%;

	height: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	background: #0860c1;

	font-size: 16px;

	color: #fff;

	border-radius: 5px;

	overflow: hidden

}

.page_news_details .news_box .news_info .pager_active .return a:hover {

	border-radius: 23px

}

.page_news_details .news_box .sidebar_box {

	width: 24%

}

@media (max-width:1024px) {

.page_news_details .news_box {

	margin: 50px 0

}

.page_news_details .news_box .news_info .news_title {

	padding-bottom: 15px

}

.page_news_details .news_box .news_info .news_title .title h1 {

	font-size: 24px

}

.page_news_details .news_box .news_info .news_title .time {

	margin-top: 10px;

	font-size: 14px

}

.page_news_details .news_box .news_info .news_title .time i {

	font-size: 14px

}

.page_news_details .news_box .news_info .news_details * {

	font-size: 14px

}

.page_news_details .news_box .news_info .news_details p {

	margin-top: 15px

}

.page_news_details .news_box .news_info .pager_active {

	margin-top: 40px

}

.page_news_details .news_box .news_info .pager_active .prev a, .page_news_details .news_box .news_info .pager_active .next a {

	font-size: 14px

}

}

@media (max-width:990px) {

.page_news_details .news_box .sidebar_box {

	display: none

}

.page_news_details .news_box .news_info {

	width: 100%;

	float: initial

}

}

@media (max-width:768px) {

.page_news_details .news_box {

	margin: 40px 0

}

.page_news_details .news_box .news_info .news_title .title h1 {

	font-size: 20px

}

.page_news_details .news_box .news_info .news_title .time {

	font-size: 12px

}

.page_news_details .news_box .news_info .news_title .time i {

	font-size: 12px

}

}

@media (max-width:990px) {

.page_news_details {

	overflow: hidden

}

}

.page_contact {

	width: 100%;

	height: auto;

	overflow: hidden

}

.page_contact .center {

	width: 100%;

	height: auto;

	margin: 5.2vw auto;

	overflow: hidden

}

.page_contact .center .contact_box {

	width: 100%;

	height: auto;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	overflow: hidden

}

.page_contact .center .contact_box .info {

	flex: 1;

	margin-right: 4vw;

	position: relative;

	z-index: 1

}

.page_contact .center .contact_box .info::after {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	background: url(../images/map_c.png) no-repeat center / 100% auto;

	opacity: .03

}

.page_contact .center .contact_box .info .contact_info {

	width: 100%;

	height: auto;

	margin-top: 40px

}

.page_contact .center .contact_box .info .contact_info .title_box {

	width: 100%;

	height: auto

}

.page_contact .center .contact_box .info .contact_info .title_box .title {

	font-size: 24px;

	color: #111;

	letter-spacing: 1px

}

.page_contact .center .contact_box .info .contact_info .title_box .subtitle {

	font-size: 14px;

	color: #ababab

}

.page_contact .center .contact_box .info .contact_info .items {

	width: 100%;

	height: auto;

	margin-top: 30px

}

.page_contact .center .contact_box .info .contact_info .items .item {

	width: 100%;

	height: auto;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	align-items: baseline;

	margin: 15px 0 0;

	overflow: hidden

}

.page_contact .center .contact_box .info .contact_info .items .item .icon {

	width: 30px;

	height: 30px;

	border-radius: 50%;

	background: #0860c1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	font-size: 0;

	margin-right: 15px;

	color: #fff

}

.page_contact .center .contact_box .info .contact_info .items .item .icon i {

	font-size: 12px

}

.page_contact .center .contact_box .info .contact_info .items .item .title {

	flex: 1;

	font-size: 14px;

	color: #333

}

.page_contact .center .contact_box .info .contact_info .items .item:first-child {

	margin: 0

}

.page_contact .center .contact_box .map {

	width: 50%;

	height: 500px;

	font-size: 0;

	position: relative;

	z-index: 1;

	border: 1px solid #e5e5e5;

	overflow: hidden

}

.page_contact .center .contact_box .map img {

	min-width: 1040px;

	object-fit: cover;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

@media (max-width:1024px) {

.page_contact .center .contact_box {

	display: block

}

.page_contact .center .contact_box .info {

	width: 100%;

	margin: 0

}

.page_contact .center .contact_box .info .contact_info .title_box .title {

	font-size: 20px

}

.page_contact .center .contact_box .map {

	width: 100%;

	margin-top: 40px

}

}

@media (max-width:768px) {

.page_contact .center .contact_box .info .contact_info {

	margin-top: 30px

}

.page_contact .center .contact_box .info .contact_info .title_box .title {

	font-size: 18px

}

.page_contact .center .contact_box .info .contact_info .title_box .subtitle {

	font-size: 12px

}

.page_contact .center .contact_box .info .contact_info .items {

	margin-top: 20px

}

.page_contact .center .contact_box .info .contact_info .items .item .icon {

	width: 24px;

	height: 24px

}

.page_contact .center .contact_box .info .contact_info .items .item .icon i {

	font-size: 10px

}

.page_contact .center .contact_box .info .contact_info .items .item .title {

	font-size: 12px

}

.page_contact .center .contact_box .map {

	height: 350px;

	margin-top: 30px

}

}

@media (max-width:1024px) {

.page_contact .center {

	margin: 50px 0

}

}

@media (max-width:768px) {

.page_contact .center {

	margin: 40px 0

}

}

.page_welcome {

	width: 100%;

	height: auto;

	background: #f5f5f5;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_welcome::after {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	background: url(../images/line_bg.png) no-repeat center / cover;

	background-attachment: fixed;

	opacity: .08

}

.page_welcome .center {

	width: 100%;

	height: auto;

	margin: 5.2vw auto;

	position: relative;

	z-index: 2;

	overflow: hidden

}

.page_welcome .center .welcome_box {

	width: 100%;

	height: auto;

	display: grid;

	grid-template-columns: repeat(2, 1fr);

	grid-gap: 20px;

	overflow: hidden

}

.page_welcome .center .welcome_box .page_title {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center

}

.page_welcome .center .welcome_box .item {

	width: 100%;

	height: auto;

	background: #fff;

	border-radius: 5px;

	padding: 2vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_welcome .center .welcome_box .item::after {

	content: '';

	z-index: 1;

	width: 0;

	height: 2px;

	position: absolute;

	bottom: 0;

	left: 0;

	background: #0860c1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_welcome .center .welcome_box .item .icon {

	width: 60px;

	height: 60px;

	margin-right: 1.5vw;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	font-size: 0;

	color: #0860c1

}

.page_welcome .center .welcome_box .item .icon i {

	font-size: 48px

}

.page_welcome .center .welcome_box .item .info {

	flex: 1

}

.page_welcome .center .welcome_box .item .info .title {

	font-size: 24px;

	font-family: sy_m

}

.page_welcome .center .welcome_box .item .info .details {

	margin-top: 10px;

	font-size: 16px;

	line-height: 1.8;

	color: #666

}

.page_welcome .center .welcome_box .item:hover::after {

	width: 100%;

	border-radius: 0

}

@media (max-width:1024px) {

.page_welcome .center .welcome_box {

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 40px 20px

}

.page_welcome .center .welcome_box .page_title {

	grid-column: span 4

}

.page_welcome .center .welcome_box .item {

	display: block;

	padding: 20px

}

.page_welcome .center .welcome_box .item .info {

	margin-top: 20px

}

.page_welcome .center .welcome_box .item .info .title {

	font-size: 15px

}

.page_welcome .center .welcome_box .item .info .details {

	font-size: 14px;

	line-height: 1.6

}

}

@media (max-width:768px) {

.page_welcome .center .welcome_box {

	display: block

}

.page_welcome .center .welcome_box .page_title {

	margin-bottom: 30px

}

.page_welcome .center .welcome_box .item {

	margin-bottom: 15px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex

}

.page_welcome .center .welcome_box .item .icon {

	width: 40px;

	height: 40px

}

.page_welcome .center .welcome_box .item .icon i {

	font-size: 36px

}

.page_welcome .center .welcome_box .item .info {

	margin: 0 0 0 15px

}

.page_welcome .center .welcome_box .item:last-child {

	margin: 0

}

}

@media (max-width:480px) {

.page_welcome .center .welcome_box .item .icon {

	width: 30px;

	height: 30px

}

.page_welcome .center .welcome_box .item .icon i {

	font-size: 30px

}

.page_welcome .center .welcome_box .item .info .details {

	margin-top: 5px;

	font-size: 12px

}

}

@media (max-width:1024px) {

.page_welcome .center {

	margin: 50px 0

}

}

@media (max-width:768px) {

.page_welcome .center {

	margin: 40px 0

}

}

.page_feed {

	width: 100%;

	height: auto;

	background: #0860c1;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_feed .center {

	width: 100%;

	height: auto;

	margin: 5.2vw auto;

	position: relative;

	z-index: 2

}

.page_feed .center .feed_title {

	width: 100%;

	height: auto;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between

}

.page_feed .center .feed_title .page_title .title {

	color: #fff

}

.page_feed .center .feed_title .page_title .details {

	color: #fff

}

.page_feed .center .feed_title .page_title .line::after {

	background: #fff

}

.page_feed .center .feed_title .feed_tel {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	color: #fff

}

.page_feed .center .feed_title .feed_tel .icon {

	margin-right: 20px

}

.page_feed .center .feed_title .feed_tel .icon i {

	font-size: 48px

}

.page_feed .center .feed_title .feed_tel .info .title {

	font-size: 16px;

	line-height: 1

}

.page_feed .center .feed_title .feed_tel .info .phone {

	margin-top: 5px;

	font-family: sy_m;

	font-size: 24px

}

.page_feed .center .feed_list {

	width: 100%;

	height: auto;

	margin-top: 2.6vw

}

.page_feed .center .feed_list .layui-form .layui_item {

	width: 100%;

	height: auto;

	margin-top: 14px

}

.page_feed .center .feed_list .layui-form .layui_item:first-child {

	margin-top: 0

}

.page_feed .center .feed_list .layui-form .layui_item.active {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 14px

}

.page_feed .center .feed_list .layui-form .layui_item .layui_block {

	width: 100%;

	height: 64px;

	overflow: hidden

}

.page_feed .center .feed_list .layui-form .layui_item .layui-input {

	width: 100%;

	height: 100%;

	border: 0;

	border-radius: 0;

	padding: 0 20px;

	font-size: 16px;

	color: #111;

	overflow: hidden

}

.page_feed .center .feed_list .layui-form .layui_item .layui-textarea {

	width: 100%;

	height: auto;

	min-height: 200px;

	padding: 10px 20px;

	font-size: 16px;

	color: #111;

	line-height: 1.5;

	border: 0;

	border-radius: 0;

	overflow: hidden;

	overflow-y: auto

}

.page_feed .center .feed_list .layui-form .layui_item .layui-btn {

	width: 100%;

	height: 64px;

	background: 0 0;

	font-size: 16px;

	color: #666;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_feed .center .feed_list .layui-form .layui_item .layui-btn::before {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: -2;

	background: #fff

}

.page_feed .center .feed_list .layui-form .layui_item .layui-btn::after {

	content: '';

	width: 0;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	border-radius: 0 50% 50% 0;

	background: #0860c1;

	opacity: .1;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s

}

.page_feed .center .feed_list .layui-form .layui_item .layui-btn:hover {

	opacity: 1;

	color: #0860c1

}

.page_feed .center .feed_list .layui-form .layui_item .layui-btn:hover::after {

	width: 100%;

	border-radius: 0

}

@media (max-width:1024px) {

.page_feed .center {

	margin: 50px 0

}

.page_feed .center .feed_title {

	display: block

}

.page_feed .center .feed_title .feed_tel {

	display: none

}

.page_feed .center .feed_list {

	margin-top: 40px

}

.page_feed .center .feed_list .layui-form .layui_item {

	margin-top: 10px

}

.page_feed .center .feed_list .layui-form .layui_item .layui_block {

	height: 50px;

	grid-gap: 10px

}

.page_feed .center .feed_list .layui-form .layui_item .layui-input {

	font-size: 14px

}

.page_feed .center .feed_list .layui-form .layui_item .layui-textarea {

	min-height: 150px;

	font-size: 14px

}

.page_feed .center .feed_list .layui-form .layui_item .layui-btn {

	height: 50px;

	font-size: 14px

}

}

@media (max-width:768px) {

.page_feed .center {

	margin: 40px 0

}

}

@media (max-width:480px) {

.page_feed .center .feed_list {

	margin-top: 30px

}

.page_feed .center .feed_list .layui-form .layui_item.active {

	grid-template-columns: auto;

	grid-gap: 10px

}

.page_feed .center .feed_list .layui-form .layui_item .layui-input {

	padding: 0 15px

}

.page_feed .center .feed_list .layui-form .layui_item .layui-textarea {

	padding: 10px 15px

}

}

.page_feed .feed_bg {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	overflow: hidden

}

.page_feed .feed_bg .items {

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 1;

	overflow: hidden

}

.page_feed .feed_bg .items .itemblock {

	width: 4vw;

	height: 6vw;

	background: #fff;

	position: absolute;

	top: 50%;

	right: 50%;

	opacity: .04;

	border-radius: 2px;

	margin: -100px 0 0 -100px;

	box-shadow: 0 0 10px #000

}

/*分类*/

.three_text {

	width: 100%;

	background-color: #fff;

	padding: 0 30px 30px;/* border-radius:0 0 14px 14px;*/

}

.three_text .three {

	width: 100%;

	border-bottom: 1px dashed #dbdbdb;

}

.three_text .three .tup {

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 38px 0;

	cursor: pointer;

	position: relative;

}

.three_text .three .tup.act a {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 5;

}

.three_text .three .tup a {

	z-index: -1;

}

.three_text .three .tup .yuan_img {

	width: 24px;

	height: 24px;

	background: url(../images/r_3.png) center no-repeat;

}

.three_text .three.act .tup .yuan_img {

	background: url(../images/r_4.png) center no-repeat;

}

.three_text .three .tup .byjq_text {

	flex: 1;

	color: #444;

	font-weight: bold;

	padding-left: 20px;

}

.three_text .three.act .tup .byjq_text {

	color: #0759af;

}

.three_text .three .tup .jiant_img {

	width: 13px;

	height: 8px;

	background: url(../images/r_5.png) center no-repeat;

}

.three_text .three .tup.act .jiant_img {

	display: none;

}

.three_text .three.act .tup .jiant_img {

	background: url(../images/r_6.png) center no-repeat;

}

.three_text .three .tbp {

	width: 100%;

	padding: 0 0 38px 45px;

	display: none;

}

.three_text .three.act1 .tbp {

	display: block;

}

.three_text .three .tbp .ul1 {

	width: 100%;

}

.three_text .three .tbp .ul1 li {

	width: 100%;

	min-height: 20px;

	line-height: 20px;

	margin-bottom: 37px;

	padding: 1px 0 0 30px;

	background: url(../images/r_7.png) top left no-repeat;

	color: #68757e;

}

.three_text .three .tbp .ul1 li.act {

	background: url(../images/r_8.png) top left no-repeat;

	color: #0759af;

}

.three_text .three .tbp .ul1 li.act1 {

	background: url(../images/r_8.png) top left no-repeat;

	color: #0759af;

}

.three_text .three .tbp .ul1 li:last-child {

	margin-bottom: 0;

}

.alltime,  .alltime * {

	-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);

	-moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);

	transition: all .4s cubic-bezier(.4, 0, .2, 1);

}

.pagination {

	padding: 1.5rem 0 0.45rem !important;

}

.p103-fdh-16 {

	border-bottom: 0;

	margin-bottom: 20px;

	background: #fff;

	padding: 0 30px 70px;

}

.p103-fdh-6-nav-one {

	padding: 25px 20px 13px 27px;

	border-bottom: 1px dashed #dbdbdb;

}

.p103-fdh-6-nav-one h3 {

	height: 43px;

	position: relative;

}

.p103-fdh-6-nav-one h3 i {

	position: absolute;

	width: 20px;

	height: 20px;

	right: -21px;

	top: 7px;

	z-index: 1;

}

.p103-fdh-6-nav-one h3 i:before {

	content: '';

	position: absolute;

	width: 10px;

	height: 2px;

	background: #808080;

	left: 5px;

	top: 9px;

}

.p103-fdh-6-nav-one h3 i:after {

	content: '';

	position: absolute;

	width: 2px;

	height: 10px;

	background: #808080;

	left: 9px;

	top: 5px;

	z-index: 2;

}

.p103-fdh-6-nav-one h3 a {

	display: block;

	height: 34px;

	line-height: 34px;

	font-size: 19px;

	padding-left: 17px;

	color: #333333;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	position: relative;

}

.p103-fdh-6-nav-one dl {

	padding-bottom: 10px;

}

.p103-fdh-6-nav-one dt a {

	display: block;

	height: 36px;

	line-height: 36px;

	font-size: 16px;

	font-weight: lighter;

	color: #4c4c4c;

	padding-left: 38px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	background: url(../images/p103-fdh-nav-icon.png) no-repeat left 18px center;

}

.p103-fdh-6-nav-one h3.sidenavcur:before, .p103-fdh-6-nav-one h3:hover:before {

	content: '';

	position: absolute;

	width: 24px;

	height: 24px;

	background: url(../images/r_4.png) center no-repeat;

	left: -28px;

	top: 4px;

}

.p103-fdh-6-nav-one h3:before {

	content: '';

	position: absolute;

	width: 24px;

	height: 24px;

	background: url(../images/r_3.png) center no-repeat;

	left: -28px;

	top: 4px;

}

.p103-fdh-6-nav-one h3.sidenavcur i, .p103-fdh-6-nav-one h3:hover i {

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

}

.p103-fdh-6-nav-one h3.sidenavcur i:before, .p103-fdh-6-nav-one h3:hover i:before, .p103-fdh-6-nav-one h3.sidenavcur i:after, .p103-fdh-6-nav-one h3:hover i:after {

	background: #0860c1;

}

.p103-fdh-6-nav-one h3.sidenavcur a, .p103-fdh-6-nav-one h3:hover a {

	color: #0860c1;

}

.p103-fdh-6-nav-one dt.sidenavcur a, .p103-fdh-6-nav-one dt:hover a {

	color: #0860c1;

	font-weight: bold;

}

.p103-fdh-6-nav-one dt {

	position: relative;

}

.p103-fdh-6-nav-one dt .dropDown {

	display: none;

	margin-left: -40px;

	position: absolute;

	z-index: 9999;

	left: 100%;

	top: 0;

	padding: 0 12px;

	width: 170px;

	height: auto;

	overflow: hidden;

	background: #fff;

	border: #e5e5e5 solid 1px;

}

.p103-fdh-6-nav-one dt .dropDown a {

	display: block;

	height: 40px;

	line-height: 40px;

	color: #333;

	font-size: 15px;

	font-weight: normal;

	border-bottom: #e5e5e5 dashed 1px;

}

.p103-fdh-6-nav-one dt .dropDown a:last-child {

	border-bottom: none;

}

.p103-fdh-6-nav-one dt .dropDown a:hover {

	color: #0860c1;

}

.p103-fdh-6-nav-one dt:hover .dropDown {

	display: block;

}