/*Ã¥Ë†ÂÃ¥Â§â€¹Ã¥Å’â€“Ã¦Â Â·Ã¥Â¼Â*/
input {
	padding: 0;
	margin: 0;
	font-family: 'Microsoft YaHei';
}
img {
	border: none;
	background: none;
	vertical-align: middle;
}
ul, ol, li {
	list-style-type: none;
}
select, input, img, select {
	vertical-align: middle;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
table, th, td {
	vertical-align: middle
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.clearfix {
	zoom: 1
}
.clearboth {
	height: 0px;
	line-height: 0px;
	overflow: hidden;
	clear: both;
	font-size: 0px;
}
h1, h2 {
	font-size: 12px;
	font-weight: bold;
}
hr {
	border: 0;
	border-top: 1px solid #ccc;
	height: 0;
}
p {
	margin: 0;
}
/*----- Common css ------*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.di {
	_display: inline;
}
.fwn {
	font-weight: normal;
}
.dib {
*display:inline;
	_zoom: 1;
	_display: inline;
	_font-size: 0px;
}
.com-img {
	display: block;
	overflow: hidden;
}
.com-img img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.com-img:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}
.xypg-right-content {
	font-size: 16px;
}
.j-space-between {
	justify-content: space-between
}
.j-flex-start {
	justify-content: flex-start
}
.j-flex-end {
	justify-content: flex-end
}
.j-center {
	justify-content: center
}
.a-j-center {
	align-items: center;
	justify-content: center
}
.a-center {
	align-items: center
}
.a-flex-start {
	align-items: flex-start
}
.a-flex-end {
	align-items: flex-end
}
/*Ã¤Â¸Â»Ã¤Â½â€œÃ¦Â Â·Ã¥Â¼Â*/
.flex_a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.dth_wh {
	width: 96%;
	max-width: 1580px;
	display: block;
	margin: 0 auto;
}
.dth_wh.w1780 {
	width: 100%;
	max-width: 100%;
	padding: 0 2%;
}
.flex {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
.flex::before, .flex::after {
	display: none;
}
.fixed_ratio {
	position: relative;
	overflow: hidden;
 padding-top: calc(3 / 4 * 100%);
}
.fixed_ratio img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.enlarge .imgs {
	overflow: hidden;
	position: relative;
}
.enlarge .imgs img {
	transform: scale(1);
	transition: 0.5s ease;
}
.enlarge:hover .imgs img {
	transform: scale(1.1);
}
 @media (min-width: 1780px) {
.dth_wh.w1780 {
	padding: 0 3.65%;
}
}
@media (max-width: 1200px) {
.dth_wh {
	width: 100%;
	padding: 0 15px;
}
}
@media (max-width: 991px) {
body {
	padding-top: 50px;
}
}
@media (max-width: 767px) {
.fp-enabled body {
	padding-bottom: 0;
}
}
@media (max-width: 640px) {
.dth_wh {
	padding: 0 12px;
}
}
/* Ã¦Ââ€™Ã¤Â»Â¶Ã¦â€¢Â´Ã¤Â½â€œÃ¦Â Â·Ã¥Â¼ÂÃ¤Â¿Â®Ã¦â€Â¹ */
.slick-arrows {
	outline: none;
}
.swiper-button-prev, .swiper-button-next {
	outline: none;
	display: flex;
	width: 24px;
	height: 44px;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.swiper-button-prev::after, .swiper-button-next::after {
	content: "";
	background: none;
	display: block;
	width: 16px;
	height: 16px;
	border: 2px solid #ffffff;
	border-color: transparent transparent #4d4d4d #4d4d4d;
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	/* left: 12px;
  top: 50%; */
  /* margin-top: -20px; */
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
}
.swiper-button-prev:hover::after, .swiper-button-next:hover::after {
	border-color: transparent transparent #ffffff #ffffff;
}
.swiper-button-next {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.swiper-pagination {
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 5%;
	left: 0;
}
.swiper-pagination .swiper-pagination-bullet {
	outline: none;
	margin: 0 1em;
}
 @media (max-width: 992px) {
.swiper-button-prev, .swiper-button-next {
	display: none;
}
}
/* Ã¦â€¢Â´Ã¤Â½â€œÃ§Â¿Â»Ã¥Â±ÂÃ¨Â®Â¾Ã§Â½Â® */
.section {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
 @media (max-width: 1600px) {
}
@media (max-width: 1200px) {
.section, .fp-tableCell {
	height: auto!important;
}
}
@media (max-width: 1024px) {
}
@media (max-width: 990px) {
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}


/* Ã¥Â¤Â´Ã©Æ’Â¨ */
@media (min-width: 991px) {
body {
/* padding-top: 94px; */
}
}
header {
	position: fixed;
	z-index: 95;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	/* background-color: #ffffff; */
	transition: 0.5s all;
}
header.scroll {
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
}
header .dth_wh::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	transition: 0.5s all;
}
header .dth_wh:hover::before {
	opacity: 1;
	visibility: visible;
}
header:hover {
	background-color: #ffffff;
}
header .dth_wh {
	align-items: center;
	position: relative;
	z-index: 20;
}
.logo {
	display: block;
	position: relative;
}
.logo a {
	display: block;
	position: relative;
}
.logo a:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	visibility: hidden;
}
.logo img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
header.scroll .logo img {
	max-height: 72px;
}
.logo a:nth-child(2) {
	visibility: hidden;
	z-index: -1;
}
.scroll .logo a:first-child {
	visibility: hidden;
	z-index: -1;
}
.scroll .logo a:nth-child(2) {
	z-index: 1;
	visibility: visible;
}
.show .logo a:first-child {
	z-index: 1;
	visibility: visible;
}
.show .logo a:nth-child(2) {
	visibility: hidden;
	z-index: -1;
}
header .dth_wh:hover .logo a:first-child {
	visibility: hidden;
	z-index: -1;
}
header .dth_wh:hover .logo a:nth-child(2) {
	z-index: 1;
	visibility: visible;
}
/* Ã¥Â¤Â´Ã©Æ’Â¨Ã¨Â¯Â­Ã¨Â¨â‚¬ */

.lang-btn {
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    margin-right: 24px;
    position: relative; font-size:14px; color:#fff
}

.lang-btn.lang-btn-account .lang-btn-item:hover~.lang-btn-item:before {
    display: none
}

.lang-btn.lang-btn-account .lang-btn-item:last-child {
    position: relative
}

.lang-btn.lang-btn-account .lang-btn-item:last-child:before {
    background-color: #e7e9ed;
    content: "";
    height: 1px;
    left: 12px;
    position: absolute;
    right: 12px;
    top: 0
}

.lang-btn.lang-btn-account .lang-btn-item:last-child:hover:before {
    display: none
}

.lang-btn .earthV2-font {
    color: #131415
}

.lang-btn .lang-btn-text {
    align-items: center;
    display: inline-flex
}

.lang-btn .lang-btn-text path {
    fill: #fff!important
}



.lang-btn .typh-menu-icon {
    height: 30px;
    margin-right: 4px;
    width: 30px
}


.lang-btn .typh-menu-icon:hover .lang-btn-text path {
    fill: #333!important
}

.lang-btn .lang-btn-icon {
    height: 16px;
    margin-left: 4px;
    transition: all .3s;
    width: 16px
}

.lang-btn .lang-btn-box {
    left: -12px;
    max-height: 0;
    max-width: 0;
    min-width: calc(100% + 24px);
    opacity: 0;
    overflow: hidden;
    padding-top: 8px;
    position: absolute;
    top: 100%;
    transition: opacity .2s ease-in-out;
    z-index: 1002
}

.lang-btn .lang-btn-box>div {
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.15);
    padding: 4px 0
}

.lang-btn .lang-btn-box .lang-btn-item {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: start;
    padding: 0 12px
}

.lang-btn .lang-btn-box .lang-btn-item:hover {
    background-color: #f6f7f8
}

.lang-btn:hover .lang-btn-text .earthV2-font,header.scroll .lang-btn{
    color: #000
}

.lang-btn:hover .lang-btn-text path,header.scroll .lang-btn{
    fill: #000!important
}

.lang-btn:hover .lang-btn-box {
    max-height: none;
    max-width: none;
    opacity: 1;
    overflow: initial
}

.lang-btn:hover .lang-btn-icon {
    transform: rotate(-180deg)
}

@media screen and (max-width: 1279px) {
    .lang-btn .lang-btn-box {
        left:50%;
        transform: translateX(-50%)
    }

    .lang-btn .lang-btn-icon,.lang-btn .lang-btn-text .earthV2-font {
        display: none
    }
}


.show .lang-btn{
	color: #333;
}
.dth_wh:hover .lang-btn,.dth_wh:hover .lang-btn a{
	color: #666666;
}

.dth_wh:hover .lang-btn .lang-btn-text path,header.scroll .lang-btn .lang-btn-text path{
    fill: #333!important
}
.dth_wh:hover .lang a::before {
	background-color: #0186f5
}
.scroll .dth_wh .lang a {
	color: #666666;
}
.show .dth_wh .lang a {
	color: #ffffff;
}
.show .dth_wh:hover .lang a {
	color: #666666;
}
.show .dth_wh:hover .lang a::before {
	background-color: #666666;
}
/* Ã¥Â¤Â´Ã©Æ’Â¨Ã§â€ÂµÃ¨Â¯Â */
.head_phone {
	margin-left: 2.5%;
	position: relative;
}
.head_phone_btn {
	display: block;
	background-color: #fff;
	border-radius: 18px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.56;
	letter-spacing: 0px;
	color: #0186f5;
	width:200px;
	text-align: center;
}
.show .dth_wh:hover .head_phone_btn, header .dth_wh:hover .head_phone_btn,header.scroll .head_phone_btn{
	background-color: #0186f5;
	color: #fff
}
/* Ã¥Â¯Â¼Ã¨Ë†Âª */
nav {
	width: 61.2%;
	margin-left: auto;
}
.x-menu {
	justify-content: center;
	align-items: center;
}
.x-menu>li {
	margin-right: 5.5%;
	position: relative;
}
.x-menu>li.produtnav {
	position: static;
}
.x-menu>li:last-child {
	margin-right: 0;
}
.x-menu>li>a {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 60px;
	letter-spacing: 0px;
	color: #ffffff;
	transition: 0.5s all;
}
header:hover .x-menu>li>a {
	color: #333;
}
header:hover .x-menu>li>a:hover, .product_nav_li li a:hover p {
	color: #0186f5
}
header.scroll .x-menu>li>a {
	line-height: 60px;
	color: #333333;
}
header.show .x-menu>li>a {
	color: #ffffff;
}
header.show .dth_wh:hover .x-menu>li>a {
	color: #0186f5;
}
.x-menu > li:hover > a {
	color: #0186f5;
}
.x-menu > li.active > a {
}
.x-sub-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	background-color: #ffffff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);	
	transform: translateX(-50%);
	display: none;
	padding: 5px 0;
}
.x-sub-menu>li {
}
.x-sub-menu>li>a {
	display: block;
	font-size: 14px;
	line-height: 2.4;
	font-weight: normal;
	color: #333333;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0.2em 1em;
}
.x-sub-menu>li:hover>a {
	color: #0186f5;
}
.x-menu > li .x-sub-menux {
	display: none;
}
.product_nav_ul {
	position: fixed;
	left: 0;
	top: 60px;
	width: 100%;
	z-index: 10;
	pointer-events: none;
	transition: 0.5s all;
}
header.scroll .product_nav_ul {
	top: 60px;
}
li.produtnav .product_nav_ul.opna {
	pointer-events: visible;
}
.product_nav_ul.opna .product_menu_bg {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.product_menu_bg {
	position: fixed;
	left: 0;
	top: 94px;
	bottom: 0;
	width: 100%;
	height: -webkit-calc(-10vh);
	height: -moz-calc(-10vh);
	height: calc(100vh - 94px);
	z-index: -1;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	-moz-transition: 0.7s;
	transition: 0.7s;
	pointer-events: none;
}
header.scroll .product_menu_bg {
	top: 80px;
	height: calc(100vh - 80px);
}
.product_nav_li {
	position: relative;
	padding: 26px 30px 8px;
	background: #fff;
	text-align: center;
	-webkit-clip-path: inset(0 0 100% 0);
	clip-path: inset(0 0 100% 0);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
}
.product_nav_ul.opna .product_nav_li {
	opacity: 1;
	visibility: visible;
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
	pointer-events: visible;
}
.product_nav_li ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.product_nav_li li {
	margin-bottom: 25px;
	text-align: center;
	margin: 0 30px;
}
.product_nav_li li a {
	display: block;
	margin: 0 auto;/* width: 90px; *//* max-height: 100%; */
}
.product_nav_li li figure {
	display: block;
	position: relative;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	height: 80px;
}
.product_nav_li li figure img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.product_nav_li li figure img:nth-child(2) {
	mask-image: url("../img/35e3abac576448baa38689ff15b4c3319dc44db4.png");
	-webkit-mask-image: url("../img/35e3abac576448baa38689ff15b4c3319dc44db4.png");
	mask-position: 30% 30%;
	-webkit-mask-position: 30% 30%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	visibility: hidden;
	-webkit-transition: all 1s, opacity 0s;
	-o-transition: all 1s, opacity 0s;
	-moz-transition: all 1s, opacity 0s;
	transition: all 1s, opacity 0s;
}
.product_nav_li li a:hover figure img:nth-child(2) {
	opacity: 1;
	visibility: visible;
	mask-position: 50% 100%;
	-webkit-mask-position: 50% 100%;
}
.product_nav_li li p {
	margin-top: 14px;
	color: #666666;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.2;
	transition: 0.4s;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
 @media (max-width: 1800px) {
.x-menu>li {
	margin-right: 5.2%;
}
}
@media (max-width: 1650px) {
.x-menu>li {
	margin-right: 4.8%;
}
}
@media (max-width: 1440px) {
.x-menu>li>a {
	font-size: 14px;
}
}
@media (max-width: 1400px) {
.head_phone {
	display: none;
}
.logo {
	width: 15%;
}
nav {
	flex-grow: 1;
	margin-left: 2%;
}
.x-menu>li {
	margin-right: 4.5%;
}
.search {
	width: auto;
	flex-shrink: 0;
}
.search_btn {
	width: 30px;
	height: 30px;
	background-size: 15px auto;
}
.lang a {
	font-size: 13px;
}
}
@media (max-width: 1200px) {
.lang a {
	font-size: 12px;
}
header {
	display: none;
}
.xymob-head {
	display: block !important;
}
body {
/* padding-top: 60px; */
}
}
@media (max-width: 990px) {
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
/* Ã¥Â¤Â´Ã©Æ’Â¨ */
.mob_header {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 98;
	width: 100%;
	transition: 0.5s all;
}
.mob_header.scroll {
}
.mob_header .top_dth {
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.mob_header.scroll .top_dth {
	background-color: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}
.mob_logo {
	display: block;
	position: relative;
	height: 40px;
}
.mob_logo a {
	display: block;
	position: relative;
	height: 100%;
}
.mob_logo a:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	visibility: hidden;
}
.mob_logo img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	transition: 0.5s all;
}
.mob_logo a:nth-child(2) {
	visibility: hidden;
	z-index: -1;
}
.mob_header.scroll .mob_logo a:first-child, .mob_header.active .mob_logo a:first-child {
	visibility: hidden;
	z-index: -1;
}
.mob_header.scroll .mob_logo a:nth-child(2), .mob_header.active .mob_logo a:nth-child(2) {
	z-index: 1;
	visibility: visible;
}
.mob_nav_btn {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.mob_nav_btn p {
	color: #fff;
	margin-left: 10px;
	font-size: 16px;
	line-height: 40px;
	font-weight: normal;/* transition: 0.36s; */
}
.menubtn {
	width: 26px;
	height: 40px;
	position: relative;
	z-index: 20;
	cursor: pointer;
	transition: 0.4s;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.menubtn span {
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	position: relative;
	vertical-align: middle;
	-webkit-transition-duration: 0.3s, 0.3s;
	-moz-transition-duration: 0.3s, 0.3s;
	-ms-transition-duration: 0.3s, 0.3s;
	-o-transition-duration: 0.3s, 0.3s;
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0s;
	-moz-transition-delay: 0.3s, 0s;
	-ms-transition-delay: 0.3s, 0s;
	-o-transition-delay: 0.3s, 0s;
	transition-delay: 0.3s, 0s;
	transition: color 0.3s 0s;
}
.menubtn span:after, .menubtn span:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 26px;
	height: 2px;
	left: 0;
	background-color: #fff;
	-webkit-transition-duration: 0.3s, 0.3s;
	-moz-transition-duration: 0.3s, 0.3s;
	-ms-transition-duration: 0.3s, 0.3s;
	-o-transition-duration: 0.3s, 0.3s;
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0s;
	-moz-transition-delay: 0.3s, 0s;
	-ms-transition-delay: 0.3s, 0s;
	-o-transition-delay: 0.3s, 0s;
	transition-delay: 0.3s, 0s;
}
.menubtn span:before {
	top: -8px;
	-webkit-transition-property: top, transform;
	-moz-transition-property: top, transform;
	-ms-transition-property: top, transform;
	-o-transition-property: top, transform;
	transition-property: top, transform;
}
.menubtn span:after {
	bottom: -8px;
	-webkit-transition-property: bottom, transform;
	-moz-transition-property: bottom, transform;
	-ms-transition-property: bottom, transform;
	-o-transition-property: bottom, transform;
	transition-property: bottom, transform;
}
.mob_header.active .menubtn span {
	background-color: transparent;
	-webkit-transition-delay: 0s, 0s;
	-moz-transition-delay: 0s, 0s;
	-ms-transition-delay: 0s, 0s;
	-o-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;
}
.mob_header.active .menubtn span:after, .mob_header.active .menubtn span:before {
	-webkit-transition-delay: 0s, 0.3s;
	-moz-transition-delay: 0s, 0.3s;
	-ms-transition-delay: 0s, 0.3s;
	-o-transition-delay: 0s, 0.3s;
	transition-delay: 0s, 0.3s;
}
.mob_header.active .menubtn span:before {
	top: 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mob_header.active .menubtn span:after {
	bottom: 0px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.mob_header.active .mob_nav_btn .menubtn span, .mob_header.scroll.active .mob_nav_btn .menubtn span {
	background-color: transparent;
}
.mob_header.scroll .mob_nav_btn p, .mob_header.active .mob_nav_btn p {
	color: #0186f5;
}
.mob_header.scroll .mob_nav_btn .menubtn span {
	background: #0186f5;
}
.mob_header.scroll .mob_nav_btn .menubtn span:before, .mob_header.scroll .mob_nav_btn .menubtn span:after, .mob_header.active .mob_nav_btn .menubtn span:before, .mob_header.active .mob_nav_btn .menubtn span:after {
	background: #0186f5;
}
/* Ã¤Â¸â€¹Ã¦â€¹â€°Ã¥â€¡ÂºÃ§Å½Â° */
.mob_head_select {
	position: fixed;
	left: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	width: 100%;
	height: 100vh;
	padding: 80px 0;
	transition: 0.7s;
	z-index: -1;
}
.mob_head_select_cont {
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	width: 100%;
}
.mob_header.active .mob_head_select {
	left: 0;
}
.mob_head_select .dth_wh {
	min-height: calc(100vh - 160px);
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	justify-content: center;
}
.mob_nav {
	width: 100%;
}
.mob_nav_ul {
	width: 100%;
}
.mob_nav_ul>li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
}
.mob_nav_ul>li.opn>a {
	color: #0186f5;
}
.mob_nav_ul>li>a {
	display: block;
	font-size: 20px;
	font-weight: normal;
	line-height: 2;
	color: #222222;
	max-width: calc(100% - 40px);
}
.mob_nav_jt {
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
	background-image: url("../img/9f8982cecb112fbe1519b5c3a0eb495e0aecffa1.png");
	margin-left: 10px;
}
.mob_nav_ul li.opn>.mob_nav_jt {
	background-image: url("../img/190795f5c3bf31e8fa46d2bd398cadb8f093575c.png");
}
.mob_nav_sub {
	display: none;
	width: 100%;
	padding: 5px 0;
}
.mob_nav_sub>ul {
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	overflow: hidden;
	width: 100%;
}
.mob_nav_sub>ul>li {
	width: 100%;
	margin-right: 3.5%;
	margin-bottom: 5px;
}
.mob_nav_sub>ul>li:nth-child(3n) {
/* margin-right: 0; */
}
.mob_nav_sub>ul>li:nth-child(n+4) {
/* margin-top: 8px; */
}
.mob_nav_sub>ul>li>a {
	display: block;
	font-size: 15px;
	font-weight: normal;
	color: #222222;
	line-height: 1.5;
}
 @media (max-width: 1200px) {
body {
	padding-top: 0;
}
.mob_header {
	display: block;
}
}
/* banner */
.banr {
	position: relative;
	overflow: hidden
}
.banr img{ width:100%}
.banr .mySwiper2 {
}
.banr .mySwiper2 .swiper-slide img {
	width: 100%;
	display: block;
}
.banr .bbimg {
	position: absolute;
	right: 100px;
	top: 15%;
	max-height: 700px;
	animation: move .8s infinite alternate;
	z-index: 9;width:auto;
}
@-webkit-keyframes move {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
}
@keyframes move {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
}
.banr .aa {
	position: absolute;
	right: -6%;
	bottom: 0;
	width: 40%;
	z-index: 9999;
}
.banr .mySwiper {
}
.banr .mySwiper .swiper-slide img {
	width: 100%;
	display: block;
	cursor: pointer;
}
.banr .mySwiper .swiper-slide-thumb-active {
	border: 1px solid #2461ef;
}
.banr .bb {
	width: 100%;
	position: absolute;
	left: 0;
	top: 25%;
	z-index: 9;
}
.banr .bb .wz {
	width: 44.75%;
}
.banr .bb .wz h2 {
	font-size: 70px;
	color: #fff; line-height:80px;
}
.banr .bb .wz h3 {
	font-size: 18px;
	margin-top: 30px;
	color: #fff;
	line-height: 30px;
}
.banr .bb .wz .flip-box-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s; /* å¹³æ»‘è¿‡æ¸¡æ•ˆæžœ */
	transform-style: preserve-3d; /* ä¿æŒ3Dæ•ˆæžœ */
}
 @keyframes flow-1_spincube__16RvO {
 0%, to {
 transform: rotateX(0deg) rotateY(0deg) rotate(0deg)
}
 25%, 5% {
 transform: rotateX(90deg)
}
 30%, 50% {
 transform: rotateX(180deg)
}
 55%, 75% {
 transform: rotateX(270deg)
}
 80%, to {
 transform: rotateX(1turn)
}
}
.banr .bb .wz .flip-box-inner {
	animation-delay: 2s;
	animation-duration: 16s;
	animation-iteration-count: infinite;
	animation-name: flow-1_spincube__16RvO;
	animation-timing-function: ease-in-out;
	height: 120px;
	transform-origin: 0 60px;
	transform-style: preserve-3d;
}
.banr .bb .wz .flip-box-inner div {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: #4bffdd;
	position: absolute;
	font-size: 80px;
}
.banr .bb .wz .flip-box-front {
	color: #4bffdd;
	font-weight: bold;
	transform: translateZ(60px);
}
.banr .bb .wz .flip-box-back {
	color: #4bffdd;
	font-weight: bold;
	transform: rotateX(90deg) translateZ(60px);
}
.banr .bb .wz .flip-box-front1 {
	color: #4bffdd;
	font-weight: bold;
	transform: rotateX(180deg) translateZ(60px);
}
.banr .bb .wz .flip-box-back1 {
	color: #4bffdd;
	font-weight: bold;
	transform: rotateX(270deg) translateZ(60px);
}
.more1 {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 16px;
	width: 160px;
	line-height: 45px;
	height: 50px;
	border-radius: 30px;
	border: 2px solid #fff;
	margin-top: 30px;
	overflow: hidden;
	position: relative
}
.more1:before, .more1:after {
	content: "";
	height: 100%;
	width: 0;
	position: absolute;
	z-index: 0;
	background-color: #ffb700;
	top: 0;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	display: block;
}
.more1 span {
	position: relative;
	z-index: 1
}
.more1:before {
	left: 0;
}
.more1:after {
	right: 0;
}
.more1:hover {
	color: #fff;
	border: 2px solid #ffb700;
}
.more1:hover:before, .more1:hover:after {
	width: 50%;
}
.banr .cc {
	width: 100%;
	position: absolute;
	left: 0;
	top: 86%;
	z-index: 99;
}
@media (max-width: 1680px) {
.banr .bb .wz h2 {
	font-size: 75px;
}
.banr .bb .wz {
	width: 50%
}
.banr .bbimg {
	max-height: 600px;
}
}
@media (max-width: 1440px) {
.banr .bb .wz h2 {
	font-size: 70px;
}
.banr .bb {
	top: 22%
}
.banr .bbimg {
	max-height: 550px;
}
}
@media (max-width: 1200px) {
.banr .bb .wz h2 {
	font-size: 60px;
}
.banr .bb .wz {
	width: 50%
}
.banr .bbimg {
	max-height: 500px;
}
}
 @media (max-width: 768px) {
.banr .bb .wz {
	width: 100%
}
.banr .bb .wz .flip-box-inner{ height:72px;transform-origin: 0 36px;}
.banr .bb .wz h2, .banr .bb .wz .flip-box-inner div {
	font-size: 40px; line-height:50px;
}
.banr .bbimg {
	display: none
}
}
canvas {
	overflow-clip-margin: content-box;
	overflow: clip;
	position: absolute;
	z-index: 8;
	top: 0;
	left: 0
}
/* é¦–é¡µæ ¸å¿ƒä¼˜åŠ¿ */


.bb1x {
	padding: 5vw 0;
	background: #F6F8FA
}
.bb1bt {
	font-size: 42px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 42px;
	letter-spacing: 0px;
	color: #222222;
	text-align: center;
}
.bb1bt1 {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	text-align: center;
	padding: 30px 0;
}
.bb1fl {
	margin-top: 3vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bb1fl li {
	width: 23.25%;
	background: #fff;
	text-align: center;
	padding: 50px 35px;
	box-shadow: 2px 4px 12px rgba(0,0,0,.08);
	transition: all 0.5s;
}
.bb1fl li:hover {
	box-shadow: 0 15px 30px 0 rgba(101,105,167,.27);
}
.bb1fl li .img {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}
.bb1fl li .img img {
	max-width: 100px;
	transition: all ease-in-out 0.3s;
}
.bb1fl li h2 {
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 19px;
	letter-spacing: 0px;
	color: #333333;
	margin-top: 20px;
}
.bb1fl li h3 {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #666;
	margin-top: 19px;
}
.bb1gd {
	width: 258px;
	height: 65px;
	background-color: #f6f6f6;
	margin: 4.2vw auto;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 65px;
	letter-spacing: 0px;
	color: #333333;
	text-align: center;
}
 @media (max-width: 1350px) {
}
@media (max-width: 1200px) {
.bb1bt {
	font-size: 32px;
}
}
 @media (max-width: 992px) {
.bb1x {
	padding-top: 40px;
}
.bb1bt {
	font-size: 22px;
}
.bb1fl li {
	width: 100%;
	margin-bottom: 25px;
	padding: 20px;
}
.bb1fl {
	margin-top: 30px;
}
.bb1fl li h3 {
	margin-top: 10px;
}
.bb1gd {
	width: 60%;
	height: 45px;
	line-height: 45px;
}
}
/*å†…é¡µå…³äºŽæˆ‘ä»¬æ ¸å¿ƒæŠ€æœ¯*/
.bb2fl {
	margin-top: 3vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bb2fl li {
	width: 19%;
	background: #fff;
	text-align: center;
	padding: 50px 35px;
	box-shadow: 2px 4px 12px rgba(0,0,0,.08);
	transition: all 0.5s;
}
.bb2fl li:hover {
	box-shadow: 0 15px 30px 0 rgba(101,105,167,.27);
}
.bb2fl li .img {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}
.bb2fl li .img img {
	max-width: 100px;
	transition: all ease-in-out 0.3s;
}
.bb2fl li h2 {
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #333333;
	margin-top: 20px;
}
.bb2fl li h3 {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #666;
	margin-top: 19px;
}
 @media (max-width: 992px) {
.bb2fl li {
	width:100%;
	margin-bottom: 25px;
	padding: 20px;
}
.bb2fl {
	margin-top: 30px;
}
.bb2fl li h3 {
	margin-top: 10px;
}
}
/*é¦–é¡µæ–¹æ¡ˆ */
.solution {
	padding-top: 6.6%;	
}
.box44 {
	padding: 2% 0 3.6%;
}
.fsort {
	border-bottom: 1px solid #E5E5E5
}
.fsort li {
	text-align: center;
	color: #333;
	font-size: 14px;
	padding-bottom: 10px;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	margin: 10px 20px 0 20px;
}
.fsort li p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.fsort li.cur {
	border-color: #0186f5;
}
.fsort li.cur p {
	color: #0186f5
}
.fang {
	background-color: #ffffff;
	padding: 2.7vw 3.5vw 3.2vw 2.7vw;
}
.fbox .img {
	display: block;
	width: 50%;
	overflow: hidden;
}
.fbox .img img {
	width: 100%;
	transition: all 0.5s;
	border-radius: 8px;
}
.fright {
	width: 50%;
	padding: 0 64px;
}
.fright h3 {
	color: #222;
	font-size: 28px;
	font-weight: bold
}
.fright p {
	color: #222;
	font-size: 16px;
	line-height: 26px;
	margin: 15px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee
}
.fright ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.fright ul li {
	width: 50%;
	margin-bottom: 15px
}
.fright svg {
	float: left;
	margin-right: 10px;
}
.fright ul li p {
	font-size: 16px;
	line-height: 26px;
	color: #222;
	border: none;
	padding: 0;
	margin: 0
}

.fright .anlib{color: #222;	font-size: 18px;font-weight:bold; margin:10px 0;}
.fright .anlip{font-size: 16px;
	line-height: 26px;
	color: #222;
	border: none;
	padding: 0;
	margin-left:30px;}


.xq a {
	display: block;
	width: 130px;
	height: 48px;
	background-color: #FFB700;
	border-radius: 30px;
	line-height: 48px;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-top: 24px
}
.xq1 a {
	display: block;
	width: 130px;
	line-height: 48px;
	color: #1B69CD;
	font-size: 15px;
	margin-top: 24px
}
.xq1 a:hover {
	font-weight: bold;
}
.fbox {
	align-items: center;
}
.fbox .img img:hover {
	transform: scale(1.1);
}
 @media(max-width:768px) {
	 .fright ul li{ width:100%;}
.solution {
	padding: 60px 0;
}
.psort {
	margin: 30px 0;
}
.yleft, .ysimg {
	width: 100%;
	float: none;
}
.ysimg {
	margin-top: 30px;
}
.fsort li {
	font-size: 14px;
}
.fbox .img, .fright {
	width: 100%;
	padding: 0
}
.fbox .img {
	margin-bottom: 20px;
}
.fright h3 {
	font-size: 20px;
}
.fang {
	padding: 20px;
	margin: 20px 0 35px;
}
}
 @media(max-width: 640px) {
.solution {
	padding: 30px 0;
}
.psort li {
	margin-bottom: 15px;
}
.psort {
	margin: 20px 0 5px 0;
}
.psort li a {
	padding-bottom: 15px;
}
.plist li {
	width: 49.7%;
	margin-bottom: 5px;
	padding-bottom: 20px;
}
.plist {
	margin-bottom: 20px;
}
.bj1 h3 {
	font-size: 16px;
}
.bj1 p {
	font-size: 12px;
	line-height: 20px;
}
.pmore a {
	width: 220px;
	height: 50px;
	line-height: 50px;
}
.ybt dd {
	font-size: 20px;
}
.ybt dt {
	font-size: 30px;
}
.yul {
	margin-top: 0;
}
.yul li {
	padding: 20px 15px 20px 30px;
}
.yul li p br {
	display: none;
}
.fsort li {
	font-size: 14px;
}
.fbox .img, .fright {
	width: 100%;
	padding: 0
}
.fbox .img {
	margin-bottom: 20px;
}
.fright h3 {
	font-size: 20px;
}
.fang {
	padding: 20px;
	margin: 20px 0 35px;
}
}
/*åˆä½œä¼™ä¼´ */

.partner {
	padding: 3.5vw 0;
	background: #2a3f6f
}
.partner .bb1bt {
	color: #fff
}
.partner .bb1bt1 {
	color: rgba(255,255,255,.8)
}
.sj2 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	margin: 2.175vw 0 2.5vw;
}
.sj2 li {
	text-align: center;
	margin: 0 29px;
}
.sj2 li .wz {
	font-weight: bold;
	color: #ce9c44;
	font-size: 20px;
}
.sj2 li .wz strong {
	font-size: 40px;
}
.sj2 li .wz span {
	font-size: 24px;
}
.sj2 li .wz2 {
	color: #ce9c44;
	font-size: 16px;
	margin-top: 0.4vw;
}
.picMarquee-left {
	overflow: hidden;
}
.picMarquee-left .bd ul {
	overflow: hidden;
	zoom: 1;
}
.picMarquee-left .bd ul li {
	margin: 0 6px;
	float: left;
	_display: inline;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}
.picMarquee-left .bd ul li .img {
	overflow: hidden;
}
.picMarquee-left .bd ul li .img img {
	width: 328px;
	display: block;
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	border-radius: 10px;
}
.picMarquee-left .bd ul li:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.picMarquee-left2 {
	margin: 12px 0;
}
.picMarquee-left3 {
	margin-bottom: 3vw;
}
.picMarquee-left .bd ul li.cate .img img {
	width: 260px;
}
.picMarquee-left .bd ul li.cate {
	width: 260px!important;
}
.picMarquee-left .bd ul li.cate:hover .img img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}
.picMarquee-left .bd ul li.cate .mask2 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.picMarquee-left .bd ul li.cate .nr2 {
	margin-left: 15px;
	margin-top: 20px;
}
.picMarquee-left .bd ul li.cate .wzs {
	color: #fff;
	font-size: 18px;
}
.picMarquee-left .bd ul li.cate .mo {
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.picMarquee-left .bd ul li.cate .mo img {
	margin-left: 11px;
}
 @media(max-width:768px) {
.picMarquee-left .bd ul li.cate .img img {
	width: 150px;
}
.picMarquee-left .bd ul li.cate {
	width: 150px!important;
}
}
.flexf {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flexs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.flexd {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}
/*èŽ·å–ä¸“å±žæœåŠ¡ */

.zixun {
	background: url(../img/a93e3b6e88f6fc84c39c19e75d82d8bf55cde429.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 4vw 0 2vw;
}
.b7cont {
	padding: 4.11vw 0 2.6vw;
}
.lyzb {
	width: calc(100% - 526px);
}
.lywz {
	color: #222;
	font-size: 18px;
}
.dhwz .wz {
	color: #222;
	font-size: 18px;
	line-height: 26px;
}
.dhwz .wz2 {
	color: #222;
	font-size: 48px;
}
.syewm {
	margin-top: 4.5vw;
}
.syewm .wz {
	font-size: 18px;
	line-height: 26px;
	color: #222;
}
.syewm .img {
	width: 148px;
	margin-top: 8px;
}
.syewm .img img {
	width: 100%;
	display: block;
}
.cnwz {
	color: #333;
	font-size: 14px;
	text-align: center;
}
/*  */
.x-message {
	margin-top: 23px;
}
.x-message .cont {
	margin-bottom: 28px;
}
.x-message .aa {
	width: 49%;
	border-radius: 5px;
	height: 51px;
	background-color: rgb(255, 255, 255, .7);
}
.x-message .aa .wz {
	width: 86px;
	padding-left: 16px;
	line-height: 51px;
	color: #333333;
	font-size: 14px;
}
.x-message .aa .ms {
	width: calc(100% - 86px);
}
.x-message .aa2 .wz {
	width: 160px;
}
.x-message .aa2 .ms {
	width: calc(100% - 160px);
}
.x-message .cont2 {
	height: 117px;
	overflow: hidden;
}
.x-message .aa3 {
	width: 100%;
	height: 117px;
}
.x-message .aa3 .wz {
	width: 124px;
}
.x-message .aa3 .ms {
	width: calc(100% - 124px);
}
.x-message-wrap input[type='text'], .x-message-wrap textarea {
	width: 100%;
	height: 51px;
	border: none;
	font-size: 14px;
	color: #999999;
	background: none;
	outline: none;
}
 .x-message-wrap input[type='text']::-webkit-input-placeholder, .x-message-wrap textarea::-webkit-input-placeholder {
 color:#999999;
}
 .x-message-wrap input[type='text']::-moz-placeholder, .x-message-wrap textarea::-moz-placeholder {
 color:#999999;
}
 .x-message-wrap input[type='text']::-ms-input-placeholder, .x-message-wrap textarea::-ms-input-placeholder {
 color:#999999;
}
 .x-message-wrap input[type='text']::placeholder, .x-message-wrap textarea::placeholder {
 color:#999999;
}
.x-message-wrap textarea {
	padding-top: 5px;
	height: 95px;
	resize: none;
}
.x-message .code-group {
	margin: 33px 0;
}
.x-message-wrap #checkcode {
	float: left;
	width: 36.68%;
	border-radius: 5px;
	background-color: rgb(255, 255, 255, .7);
	height: 46px;
	padding-left: 21px;
}
.x-message-wrap .checkCodeImg {
	float: left;
	margin-left: 16px;
	display: block;
	text-align: center;
	height: 46px;
	font-size: 0;
}
.x-message-wrap .checkCodeImg img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.x-message-wrap .checkCodeImg:after {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.x-message-wrap .checkCodeImg img {
	cursor: pointer;
}
.x-message-wrap .x-submit {
	width: 143px;
	height: 50px;
	background: url(../img/a4df7ddedf442fdd93ef0e2f25ac1f16ed772435.png) no-repeat 103px center #1B69CD;
	color: #fff;
	font-size: 14px;
	border: none;
	outline: none;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	border-radius: 25px;
	padding-left: 22px;
	text-align: left;
}
 @media(max-width:1440px) {
.lywz {
	font-size: 16px;
}
.dhwz .wz {
	font-size: 16px;
}
.dhwz .wz2 {
	font-size: 42px;
}
.syewm .wz {
	font-size: 16px;
}
}
@media(max-width:768px) {
.lyzb {
	width: 100%;
}
.lyyb {
	width: 100%;
	margin-top: 25px;
}
.x-message .aa {
	width: 100%;
	margin-bottom: 12px;
}
.x-message .cont {
	margin-bottom: 0;
}
.x-message .code-group {
	margin: 12px 0;
}
.x-message-wrap #checkcode {
	width: 60%;
}
.x-message-wrap .x-submit {
	height: 42px;
}
.dhwz .wz {
	font-size: 15px;
}
.dhwz .wz2 {
	font-size: 28px;
}
.syewm .wz {
	font-size: 15px;
}
.syewm .img {
	width: 100px;
	margin-top: 15px;
}
.x-message-wrap input[type='text'], .x-message-wrap textarea{ font-size:12px;}
}
/*åº•éƒ¨*/

.footer {
	background: #131415;
	padding: 3vw 0 0 0;
}
.footer {
}
.footer .footera {
	width: 58%;
	padding-top: 10px;
}
.foot_nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 5.6%;
}
.foot_nav .fli {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	position: relative;
	width: 33%
}
.foot_nav .fli::before {
	content: "";
	width: 22px;
	height: 2px;
	background: #FFB700;
	position: absolute;
	left: -30px;
	top: 5%;
}
.foot_nav .fli .x-nav-menu {
	margin-top: 1.4vw;
}
.foot_nav .fli dd {
	font-size: 14px;
	line-height: 30px;
}
.foot_nav .fli dd a {
	color: #C7CBD0; font-weight:200
}
.footerb {
}
.footerb dd {
	font-size: 14px;
	color: #C7CBD0;
	line-height: 24px;
}
.footerb dd p:nth-child(2) {
	margin-top: 20px;
	margin-bottom: 10px;
}
.footerb dt {
	text-align: left;
}
.footerb dt img {
	margin-top: 1.4vw; max-width: 100px;
}
.footerb dt img .img {
	max-width: 100%;
}
.footerb dt p {
	font-size: 14px;
	color: #C7CBD0;
	line-height: 24px;	
	margin-top: 8px;
}
.ylink {
	background: #131415;
}
.ylink .con {
	font-size: 14px;
	color: #fff;
	line-height: 28px;
	padding: 30px 0;
}
.ylink .con a {
	margin: 0 5px;
	color: #fff;
}
.ylink .con {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.ylink span {
	cursor: pointer;
	display: block;
}
.ylink dd {
	width: calc(100% - 70px)
}
.ylink .sec {	
		min-width: 120px; margin-right:10px;
}
.ylink a {
	color: rgba(255,255,255,.3);
	padding: 0 4px;
	font-size: 14px;
	line-height: 24px;
}
.copyright {
	font-size: 14px;
	line-height: 45px;
	color: #fff;
	background: #212121;
	padding: 15px 0;
}
.copyright a {
	color: #ffffff;
}
.copyright .w1380 {
	align-items: center;
}
.yuyan {
	align-items: center;
	border: 1px solid #606266;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	width: 120px
}
.yuyan span.button {
	cursor: pointer;
	display: block;
	line-height: 45px;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
}
.yuyan dd {
	display: none;
	position: absolute;
	bottom: 100%;
	left: -232px;
	background: rgba(0, 0, 0, .6);
	padding: 10px;
	min-width: 120px;
	width: 232px;
}
.yuyan .sec {
	display: none;
	position: absolute;
	bottom: 100%;
	left: 0;
	background-color: #303133;
	border-radius: 4px;
	width: 100%;
}
.yuyan a {
	display: block;
	color: #fff;
	padding: 0 4px;
	font-size: 14px;
	line-height: 24px;
}
.yuyan i {
	color: #fff;
	margin-right: 10px;
}
.yuyan .sec {
	text-align: center;
	padding: 5px 0
}
.yuyan .sec a {
	line-height: 40px;
}
.yuyan .sec a:hover {
	background: #404144
}
 @media(max-width:992px) {
.footer .footera, .ylink, .copyrightb {
	display: none;
}
}
.daohang_one {
	background: #f9f9f9;
	height: 60px;
	width: 100%;
	box-shadow: 2px 2px 2px #f0f0f0;
}
/* nei_cate */
.nei_cate .xypg-left-nav {
	display: flex;
}
.nei_cate .xypg-left-nav>li {
	text-align: center;
	transition: all 0.5s ease-out;background: #f9f9f9;
}
.nei_cate .xypg-left-nav>li>a {
	transition: all 0.2s linear;
	padding: 0 20px;
	color: #333;
	font-size: 14px;
	line-height: 60px;
	font-weight: 400;
	position: relative;
}
.nei_cate .xypg-left-nav .on{ border-bottom:2px solid #ff0000!important}
.nei_cate .xypg-left-nav>li>a:after {
	content: ' ';
	position: absolute;
	z-index: 2;
	left: 50%;
	display: block;
	width: 80%;
	height: 1px;
	transform: translate(-50%);
}
.nei_cate .xypg-left-nav>li>a:hover:after{
	height: 2px;
	animation: ad_width .5s linear forwards;
	background: #ff0000;
}
 @keyframes ad_width {
 from {
 width: 0
}
to {
	width: 80%
}
}
.nei_cate .xypg-left-nav>li .first-nav-btn {
	display: none;
}
/*å†…é¡µå…³äºŽæˆ‘ä»¬*/
.ty-bt {
	text-align: center;
}
.ty-bt h3 {
	font-size: 42px;
	color: #222222;
	font-weight: bold
}
.box1-nr {
	background: #fff;
	margin-top: 50px;
	box-shadow: 0px 5px 10px 2px #e9f5fa;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
	padding: 50px;
}
.jj-bt h3 {
	text-align: center;
	font-size: 18px;
	color: #333333;
	margin-top: 40px;
}
.jj-nr {
	margin: 0 auto;
	margin-top: 50px;
	text-align: left
}
.jj-nr p {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.c2-con {
	margin-top: 50px;
}
.c2-con ul li {
	width: 25%;
	text-align: center;
	position: relative;
	border-right: 1px solid #e9ecef;
}
#count-number {
	font-size: 48px;
	color: #0076da;
	font-weight: normal;
	display: inline-block;
}
.c2-con ul li span {
	font-size: 16px;
	color: #666666;
	padding-left: 15px;
}
.c2-con ul li p {
	font-size: 16px;
	color: #666666;
	margin-top: 2px;
}
 @media screen and (max-width:992px) {
.jj-nr {
	width: 100%;
}
.box1-nr {
	padding: 20px;
}
.jj-bt h3 {
	font-size: 14px;
}
.jj-nr p {
	font-size: 13px;
}
#count-number {
	font-size: 30px;
}
.c2-con ul li {
	width: 33%;
	margin-bottom: 20px;
}

.nei_cate .xypg-left-nav{width: 100%; overflow-x: auto;   white-space: nowrap;}
	.nei_cate .xypg-left-nav>li{display: inline-block;}
}
/*å…¬å¸å®šä½*/
.gsdw {
	margin-top: 100px;
	padding: 80px 0 0;
	overflow: hidden;
	background-color: #fafbff;
}
 @media screen and (max-width:992px) {
.gsdw__img img {
	width: 100%;
	margin-bottom: 150px
}
}
@media screen and (min-width:992px) {
.gsdw__img {
	direction: rtl
}
.gsdw__img img {
	width: 985px;
	height: 759px;
	margin-right: -85px
}
}
.gsdw__card {
	background: #fff;
	box-shadow: 0 6px 36px 0 rgba(0,0,0,.04);
	margin-bottom: 40px;
	margin-left: 16px;
	padding: 32px 20px;
	font-weight: 400
}
.gsdw__card p {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 16px;
	color: #333;
	line-height: 30px;
	font-weight: 300;
}
.gsdw__card:hover {
	box-shadow: 0 15px 30px 0 rgba(101,105,167,.27)
}
@media screen and (max-width:992px) {
.gsdw__card {
	padding: 20px;
	margin: 0 20px 10px
}
.gsdw__card--icon {
	width: 48px;
	height: 48px;
	vertical-align: middle
}
.gsdw__card--title {
	font-size: 18px;
	color: #2e2f38;
	vertical-align: middle
}
.gsdw__card:first-child {
	margin-top: -200px
}
}
@media screen and (min-width:992px) {
.gsdw__card {
	max-width: 459px
}
.gsdw__card--icon {
	width: 60px;
	height: 60px
}
.gsdw__card--title {
	font-size: 22px;
	color: #2e2f38;
	line-height: 30px;
	margin-left: 8px
}
.gsdw__card:first-child {
	margin-top: 100px
}
}
.gsdw__list {
	font-size: 0;
	margin-left: 73px;
	font-weight: 400
}
@media screen and (max-width:992px) {
.gsdw__list {
	margin-left: 13px
}
}
.gsdw__list li {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 16px;
	color: #333;
	line-height: 22px;
	font-weight: 300
}
@media screen and (max-width:992px) {
.gsdw__list li {
	font-size: 14px
}
}
.gsdw__list li a {
	position: relative;
	color: #333;
	text-decoration: none!important;
	cursor: pointer
}
.gsdw__list li.link:hover {
	color: #2e2f38
}
.gsdw__list li.link:hover a:after {
	content: "";
	display: block;
	border: 4px solid #73a7ff;
	width: 7px;
	height: 7px;
	background-color: #0064fd;
	border-radius: 50%;
	position: absolute;
	left: -25px;
	top: 3px;
	box-sizing: content-box
}
.gsdw__list li:first-child:nth-last-child(3), .gsdw__list li:first-child:nth-last-child(3)~li {
	width: 100%;
	margin: 8px 0
}
.gsdw__list li:first-child:nth-last-child(3):first-child, .gsdw__list li:first-child:nth-last-child(3)~li:first-child {
	margin-top: 25px
}
.gsdw__list li:first-child:nth-last-child(5), .gsdw__list li:first-child:nth-last-child(5)~li {
	width:100%;
	margin: 8px 0
}
/*ä¼ä¸šæ–‡åŒ–*/


.p1 {
	height: 100vh;
	min-height: 940px;
	max-height: 1000px;
	padding: 50px 0;
	background: url(../img/110515978645d59d2ca24e9a40c0a42a07e804bb.png) #1B69CD no-repeat center left;
}
.p1 .page-title h2:before {
	display: none;
}
.p1-nav {
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative;
}
.p1-nav-border {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	border-bottom: 1px solid rgb(255 255 255 / 24%);
}
.p1-nav ul {
	width: 100%;
	max-width: 1430px;
	margin: auto;
	padding: 0 15px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.p1-nav ul li {
	color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: 140px;
	cursor: pointer;
	opacity: 0.7;
	transition: ease opacity .5s;
}
.p1-nav ul li .img {
	display: block;
}
.p1-nav ul li .img2 {
	display: none;
}
.p1-nav ul li span {
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	border-radius: 50%;
	border: 5px solid #5eB3E4;
}
.p1-nav ul li p {
	font-size: 20px;
	margin-bottom: 20px;
	text-align: center;
	color: #ffffff;
}
.p1-nav ul li:hover, .p1-nav ul li.on {
	opacity: 1;
}
.p1-nav ul li:hover .img, .p1-nav ul li.on .img {
	display: none;
}
.p1-nav ul li:hover .img2, .p1-nav ul li.on .img2 {
	display: block;
}
.p1-nav ul li .tu {
	width: 49px;
	height: 51px;
	fill: #fff;
	transition: ease all .5s;
}
.p1-nav ul li:hover .tu {
/* filter: drop-shadow(0px 0px 6px #fff); */
}
.p1-nav ul li.on .tu {
/* -webkit-animation-name: pulseInOut;
    -moz-animation-name: pulseInOut;
    -o-animation-name: pulseInOut;
    animation-name: pulseInOut;
    animation-duration: 5s;
    animation-direction:alternate;
    -webkit-animation-direction: alternate;
    animation-iteration-count: infinite; */

}
@-webkit-keyframes pulseInOut {
 0% {
 filter: drop-shadow(0px 0px 0px #fff);
}
 50% {
 filter: drop-shadow(0px 0px 18px #fff);
}
 100% {
 filter: drop-shadow(0px 0px 0px #fff);
}
}
@keyframes pulseInOut {
 0% {
 filter: drop-shadow(0px 0px 0px #fff);
}
 50% {
 filter: drop-shadow(0px 0px 18px #fff);
}
 100% {
 filter: drop-shadow(0px 0px 0px #fff);
}
}
.p1-main {
	width: 100%;
	max-width: 1030px;
	margin: 110px auto 0 auto;
	padding: 0 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.p1-main-01 {
	width: 272px;
}
.p1-main-01 .row01 {
	cursor: pointer;
	width: 100%;
	height: 57px;
	font-size: 18px;
	color: #ffffff;
	padding: 10px 0 10px 40px;
	line-height: 2;
	background-size: 20px 8px;
	background-color: transparent;
	border-radius: 10px;
	margin-bottom: 50px;
	display: flex;
	align-items: center;
}
.p1-main-01 .row01  .p1-main-01 .row01 span {
	line-height: 1
}
.p1-main-01 .row01.actived {
	color: #64B8E4;
	background: no-repeat 85% center #fff url(../img/d73e6c91db0187c7f70f472e4cc182c58529f9ca.png);
}
.p1-main-01 .row01 .tu {
	width: 35px;
	height: 31px;
	margin-right: 10px;
}
.p1-main-01 .row01 .tu img {
	vertical-align: top;
}
.p1-main-01 .row01 .img {
	display: block;
}
.p1-main-01 .row01 .img2 {
	display: none;
}
.p1-main-01 .row01.actived .img {
	display: none;
}
.p1-main-01 .row01.actived .img2 {
	display: block;
}
.p1-main-02 {
	width: 615px;
	line-height: 2;
	color: #ffffff;
	font-size: 16px;
}
.p1-main-02 h2 {
	padding-top: 20px;
 font-size: calc(20px + 10 * (100vw - 300px)/ 1400);
	line-height: 1;
	margin-bottom: 30px;
	position: relative;
}
.p1-main-02 h2:before {
	content: attr(en);
	position: absolute;
	bottom: 0;
	left: 0;
	font-weight: 500;
	line-height: 0.8;
 font-size: calc(22px + 35 * (100vw - 300px)/ 1400);
	font-family: "DINNeuzeitGroteskStd-Light";
	z-index: 0;
	opacity: 0.1;
	color: #fff;
	text-transform: uppercase;
}
.ac-swiper {
	max-height: 350px;
	overflow: hidden;
}
 @media (max-width: 1366px) {
.navbar ul>li {
	margin-right: 40px;
	font-size: 15px;
}
}
 @media (max-width: 1100px) {
.navbar ul>li {
	margin-right: 20px;
	font-size: 14px;
}
.p1-main {
	margin-top: 50px
}
.p1-main-01 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.p1-main-01 .row01 {
	width: 45%;
	padding: 10px;
	justify-content: center
}
.p1-main-01 .row01 .tu {
	margin-right: 0;
	display: none;
}
.p1-main-01 .row01.actived {
	background: #fff;
}
}
/* è”ç³»æˆ‘ä»¬ */
.h23_box1 {
	margin-top: 50px;
}
.lx_23 {
	width:50%;
}
.lx_23 h2 {
	font-size: 30px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: 0px;
	color: #333333;
}
.lx_23 h3 {
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: 0px;
	color: #666666;
	margin-top: 10px;
}
.tel_23 {
	background: url(../img/a9309786b40ae8fd95d14fbae20bd93cfbd19644.png) no-repeat center left;
	padding: 5px 0;
	padding-left: 55px;
	margin-top: 38px;
}
.tel_23 p:nth-child(1) {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #333333;
}
.tel_23 p:nth-child(2) {
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #333333;
}
.dh_23 {
	margin-top: 38px;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 44px;
	letter-spacing: 0px;
	color: #333333;
}
.dh_23 p {
	padding-left: 30px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333; margin-bottom:20px;
}
.dh_23 p:nth-child(1) {
	background: url(../img/326788035691db58f93df07881fc6e499d119f20.png) no-repeat left top;
}
.dh_23 p:nth-child(2) {
	background: url(../img/7ab2e96ccdbe6be683ec25fbc89691b7e8e8f38e.png) no-repeat left top;
}
.dh_23 p:nth-child(3) {
	background: url(../img/ecfe77f123cf9ace29a6fa17f9c667c858ec39a0.png) no-repeat left top;
}
.wm23 {
	margin-top: 2.5vw;
}
.wm23 img {
	max-width: 100px;
}
.mess_23 {
	width: 44%;
	box-shadow: 0 0 10px #999;
	border-bottom: 6px solid #16599c;
	padding: 30px;
}
.mess_23 h2 {
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #333333;
}
.mess_23 h3 {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #666666;
}
.x-message2 {
	margin-top: 20px;
}
.x-message2-wrap .row {
	margin-left: -5px;
	font-size: 0;
	margin-right: -5px;
}
.x-message2-wrap div[class^='col-'] {
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
}
.x-message2-wrap input[type='text'], .x-message2-wrap textarea {
	width: 100%;
	height: 62px;
	padding: 0 10px;
	font-size: 14px;
	color: #999999;
	background: none;
	outline: none;
	margin-bottom: 10px;
	border: none;
	border-bottom: 1px solid #dee0e2;
}
 .x-message2-wrap input[type='text']::-webkit-input-placeholder, .x-message2-wrap textarea::-webkit-input-placeholder {
 color:#999999
}
 .x-message2-wrap input[type='text']::-moz-placeholder, .x-message2-wrap textarea::-moz-placeholder {
 color:#999999
}
 .x-message2-wrap input[type='text']::-ms-input-placeholder, .x-message2-wrap textarea::-ms-input-placeholder {
 color:#999999
}
 .x-message2-wrap input[type='text']::placeholder, .x-message2-wrap textarea::placeholder {
 color:#999999
}
.x-message2-wrap textarea {
	padding-top: 5px;
	height: 62px;
	resize: none;
}
.x-message2-wrap #checkcode {
	float: left;
	width: 32.29813665%;
	margin-bottom: 0;
}
.x-message2-wrap .checkCodeImg {
	float: left;
	display: block;
	text-align: center;
	width: 17.39130435%;
	height: 62px;
	font-size: 0;
	background: #e7e4e4;
	padding: 0px;
}
.x-message2-wrap .checkCodeImg img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.x-message2-wrap .checkCodeImg:after {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.x-message2-wrap .checkCodeImg img {
	cursor: pointer;
}
.x-message2-wrap .x-submit {
	float: right;
	width: 49.68944099%;
	height: 62px;
	background: #16599c;
	color: #fff;
	font-size: 14px;
	border: none;
	outline: none;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.x-message2-wrap .x-submit:hover {
	background: #16599c;
}
.x-message2-wrap .form-control {
	border-radius: 0px;
	border-top: none!important;
	box-shadow: inset 0 1px 1px rgba(255,255,255,1);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.x-message2-wrap #checkcode {
	border-top: none
}
.shengm {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #666666;
	margin-top: 20px;
}
.shengm span {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #666666;
}
.ming {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #999999;
	margin-top: 8px;
}
.map23 {
	width: 100%;
	margin: 0 auto;
	margin-top: 80px;
}
.map23 img {
	width: 100%;
}



/* Ã¦â€°â€¹Ã¦Å“ÂºÃ¦Â Â·Ã¥Â¼Â */
@media (max-width: 990px) {
	.p1-nav ul li p{ font-size:14px;}
.x-message2-wrap {
	margin-left: 0;
	margin-right: 0;
}
.x-message2-wrap #checkcode {
	width: 65%;
}
.x-message2-wrap .checkCodeImg {
	width: 35%;
}
.x-message2-wrap .x-submit {
	float: none;
	margin-top: 10px;
	width: 100%;
}
}



/* Ã¥Âªâ€™Ã¤Â½â€œÃ¦Å¸Â¥Ã¨Â¯Â¢ */

@media (max-width: 1280px) {
.lx_23 h2 {
	font-size: 25px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: 0px;
	color: #333333;
}
.lx_23 h3 {
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0px;
	color: #666666;
	margin-top: 10px;
}
.mess_23 {
	width: 56%;
	box-shadow: 0 0 10px #999;
	border-bottom: 6px solid #16599c;
	padding: 30px;
}
}
 @media(max-width: 768px) {
.d_n2 {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 20px;
	text-align: center;
}
}
 @media(max-width: 768px) {
.h23_box1 {
	margin-top: 30px;
}
.lx_23 {
	width: 100%;
}
.mess_23 {
	width: 100%;
	box-shadow: 0 0 10px #999;
	border-bottom: 6px solid #16599c;
	padding: 15px;
	margin-top: 40px;
}
.dh_23 {
	margin-top: 38px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #333333;
}
.dh_23 p {
	padding-left: 30px;
	line-height: 34px;
	letter-spacing: 0px;
	color: #333333;
}
.mess_23 h2 {
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;
}
.mess_23 h3 {
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #666666;
	margin-top: 8px;
}
.x-message2-wrap input[type='text'], .x-message2-wrap textarea {
	width: 100%;
	height: 42px;
	padding: 0 10px;
	font-size: 14px;
	color: #999999;
	background: none;
	outline: none;
	margin-bottom: 10px;
	border: none;
	border-bottom: 1px solid #dee0e2;
}
.x-message2-wrap .checkCodeImg {
	float: left;
	display: block;
	text-align: center;
	height: 42px;
	font-size: 0;
	background: #e7e4e4;
	padding: 0px;
}
.x-message2-wrap .x-submit {
	height: 42px;
	background: #16599c;
	color: #fff;
	font-size: 14px;
	border: none;
	outline: none;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
}
/*æ–°é—»è¯¦æƒ…*/
.n_news_detail {
	padding: 0;
}
.n_news_detail .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.n_news_detail .left {
	width: calc(100% - 340px);
	padding: 40px 30px 50px 0;
}
.n_news_detail .left > video {
	margin-bottom: 20px
}
.n_news_detail .ar_title {
	margin-bottom: 20px;
	border-bottom: #e7eaed 1px solid;
	padding-bottom: 20px;
}
.n_news_detail .ar_title h3 {
	font-size: 30px;
	color: #3d3d3d;
	line-height: 1.5;
	margin-bottom: 15px;
}
.n_news_detail .ar_title h6 span {
	position: relative;
	font-size: 14px;
	color: #717171;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	margin-right: 15px;
	vertical-align: top;
}
.n_news_detail .ar_title h6 span img {
	margin: -2px 20px 0 0;
}
.n_news_detail .ar_title h6 span font {
}
.n_news_detail .ar_title h6 {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.n_news_detail .ar_title h6:before {
	content: "";
	position: absolute;
	bottom: -3px;
	width: 6.25rem;
	height: 3px;
	background: #ff9637;
	display: none;
}
.n_news_detail .ar_title h6 span svg {
	width: 18px;
	height: 18px;
	fill: #808080;
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
}
.n_news_detail .ar_title h6 span.shart_box svg {
	width: 26px;
	height: 26px;
	fill: #808080
}
.n_news_detail .ar_article p {
	color: #757575
}
.n_news00 .right {
	width: 340px;
	border-left: #e2e3e7 1px solid;
}
.n_news00 .right .sticky {
	position: sticky;
	top: 120px;
}
.n_news00 .right .right_box {
	background: #fff;
	padding: 80px 0 40px 40px;
}
.n_news00 .right h3 {
	font-size: 20px;
	color: #393939;
	margin-bottom: 30px;
	font-weight: 600;
}
.n_news00 .right .fl01 {
	margin-bottom: 0;
}
.n_news00 .right .fl01 form {
	border: #e1e3e6 2px solid;
	height: 60px;
	line-height: 60px;
	background: none;
}
.n_news00 .right .fl01 form .txt {
	width: calc(100% - 60px);
	height: 100%;
	border: none;
	float: left;
	padding: 0 20px;
	font-size: 15px;
	color: #777a7d;
	border-radius: 4px 0 0 4px;
	background: none;
}
.n_news00 .right .fl01 form .txt input::-webkit-input-placeholder {
color:#777a7d;
}
.n_news00 .right .fl01 form .txt input::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#777a7d;
}
.n_news00 .right .fl01 form .txt input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#777a7d;
}
.n_news00 .right .fl01 form .txt input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#777a7d;
}
.n_news00 .right .fl01 form .btn {
	width: 60px;
	float: right;
	border: 0;
	background: none;
	color: #fff;
	height: 100%;
	font-size: 15px;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
	transition: .3s;
}
.n_erji ul li {
	border-bottom: #eeeeee 1px solid;
	height: 60px;
	line-height: 60px;
}
.n_erji ul li a {
	font-size: 18px;
	color: #777a7d;
	display: block;
	position: relative;
	padding-left: 16px;
	transition: 0.6s
}
.n_erji ul li a:before {
	content: "";
	width: 4px;
	height: 4px;
	background: #d7d8d9;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	transition: 0.6s
}
.n_news00 .right .n_erji h3 {
	margin-bottom: 1rem
}
.n_erji ul li.on a {
	color: #242930;
}
.n_erji ul li.on a:before {
	background: #242930
}
.n_news00 .right .fl03 {
	margin-top: 40px;
}
.n_news00 .right .fl03 ul {
	margin-top: -10px
}
.n_news00 .right .fl03 ul li {
	border-bottom: #e7e7e7 1px solid;
	padding: 1.125rem 0;
}
.n_news00 .right .fl03 ul li:last-child {
	border: none;
	margin-bottom: 0;
}
.n_news00 .right .fl03 ul li a {
	display: block;
	overflow: hidden
}
.n_news00 .right .fl03 ul li a .img, .n_news00 .right .fl03 ul li a .img img {
	width: 120px;
	height: 78px;
	overflow: hidden;
	float: left;
	object-fit: cover;
	border-radius: 5px;
}
.n_news00 .right .fl03 ul li a .con {
	width: calc(100% - 120px);
	overflow: hidden;
	float: right;
	padding-left: 1rem;
	padding-top: 20px;
}
.n_news00 .right .fl03 ul li a .con .time img {
	display: inline-block;
	fill: #adadad;
	vertical-align: middle;
	margin: -1px 5px 0 0;
}
.n_news00 .right .fl03 ul li a .con .time {
	font-size: 12px;
	color: #858789;
margin-bottom: .625rem;
}
.n_news00 .right .fl03 ul li a .con h4 {
	font-size: 15px;
	color: #252525;
	height: 44px;
	line-height: 22px;
	overflow: hidden;
	transition: 0.6s;
}
.n_news00 .right .fl04 ul li a .img, .n_news00 .right .fl04 ul li a .img img {
	width: 144px;
	height: 95px;
	overflow: hidden;
	float: left;
	object-fit: cover;
}
.n_news00 .right .fl04 ul li a h5 {
	font-size: 15px;
	color: #3a3a3a;
	font-weight: bold;
	line-height: 1.25;
	margin: 20px 0;
	transition: .5s
}
.n_news00 .right .fl04 ul li a .con h4 {
	font-size: 15px;
	color: #8f8f8f;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	font-family: PingFang;
	transition: 0.6s;
}
.news_botom ul {
	display: flex;
	margin: 5rem 0 0
}
.news_botom ul li {
	width: 50%;
}
.news_botom ul li a {
	display: flex;
	width: 100%;
	height: 7.1875rem;
	background: #fff;
	align-items: center;
	justify-content: center;
	font-size: 1.125rem;
	color: #616364;
	transition: .5s
}
.news_botom ul li a svg {
	width: 114px;
	height: 114px;
	fill: #888;
	transition: .5s;
	margin: 0 1rem;
}
.news_botom ul li a:hover {
	background: #001f86;
	color: #fff
}
.news_botom ul li a:hover svg {
	fill: #fff
}
.n_news00 .right .fl03 ul li a:hover .con h4 {
	color: #001f86
}
 @media(max-width: 1200px) {
.n_news_detail .left {
	width: 100%;
	padding: 3rem 0;
}
.n_news_detail .right {
	width: 100%;
	display: none
}
.fenxiang_box1 {
	display: none
}
.n_news_detail .ar_title h3 {
	font-size: 1.75rem
}
.n_news_detail .ar_title h6 span img {
	height: 10px
}
}
/*æŠ€æœ¯ä¼˜åŠ¿â€”â€”è½¯ä»¶ä¼˜åŠ¿*/


.rjys {
	padding-top: 100px;
	background: #F6F8FA;
}
.c1_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.c1_list li {
	position: relative;
	width: 48.5%;
	margin-bottom: 2.0833vw;
	border-radius: 24px;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.08) 2px 4px 12px;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	align-items: center;
}
.c1_list li .aco {
	position: relative;
	width: 50%;
	padding: 20px;
}
.c1_list li .aco h3 {
	font-weight: bold;
	font-size: 24px;
	color: #000;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
.c1_list li .aco .sms {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	padding: 15px 0;
}
.c1_list li .aimg {
	position: relative;
	width: 50%;
}
.c1_list li .aimg img {
	width: 100%;
	display: inline-block;
	max-width: 100%;
	object-position: left top;
	height: 100%;
}
 @media(max-width: 990px) {
.c1_list li .aco {
	padding: 30px 20px 20px 20px;  width:100%;
}

.c1_list li {
	width: 100%;flex-wrap:wrap;margin-bottom: 30px
}
.c1_list li .aco h3 {
	font-size: 20px;
}
.c1_list li .aimg{  width:100%;}
}
.hmi {
	position: relative;
	padding: 4.125% 0;
}
.pro_listaa {
	position: relative;
	font-size: 0;
	margin: 0 -1%;
	margin-top: 4.125%
}
.pro_listaa li {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	width: 30%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	margin: 0 1%;
}
.pro_listaa .slick-slide {
	margin: 0 15px
}
.pro_listaa li img {
	width: 100%;
	border-radius: 8px;
}
.pro_listaa li h3 {
	text-align: center;
	font-size:20px;
	color: #333;
	line-height: 1.7;
	padding: 1.2em 0;
	font-weight:bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.pro_listaa li p {
	color: #606266;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	height: 90px; text-align:center; padding:0 20px
}


 @media(max-width: 990px) {
	 .pro_listaa li{ width:100%; margin-bottom:50px}
 }

.case {
	padding: 100px 0;
	background: #F6F8FA;
}




.shiyong{
	background: url(../img/shiyong.png);
    border-radius: 24px;
    padding: 60px;
    text-align: center;
    color: rgb(255, 255, 255);
    background-size: cover;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;margin-top:50px
	
	}
	
.shiyong .cc-text{font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    color: inherit;
    padding: 12px 0px 0px;
    max-width: 746px;
    text-align: center;
    margin: 0px auto;}
	
.shiyong .cc-text1{font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgb(255, 255, 255);
    padding: 8px 0px 36px;
    max-width: 746px;
    margin: 0px auto;}
	
.more2 {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 16px;
	width: 160px;
	line-height: 45px;
	height: 50px;
	border-radius: 30px;
	border: 2px solid #fff;
	margin: auto;
	overflow: hidden;
	position: relative
}
.more2:before, .more2:after {
	content: "";
	height: 100%;
	width: 0;
	position: absolute;
	z-index: 0;
	background-color: #fff;
	top: 0;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	display: block;
}
.more2 span {
	position: relative;
	z-index: 1
}
.more2:before {
	left: 0;
}
.more2:after {
	right: 0;
}
.more2:hover {
	color: #1B69CD;
	border: 2px solid #fff; font-weight:bold;
}
.more2:hover:before, .more2:hover:after {
	width: 50%;
}



.more3 {
	display: block;
	color: #0186F5;
	text-align: center;
	font-size: 16px;
	width: 160px;
	line-height: 45px;
	height: 50px;
	border-radius: 30px;
	border: 2px solid #0186F5;
	margin: auto;
	overflow: hidden;
	position: relative; margin-top:30px
}
.more3:before, .more3:after {
	content: "";
	height: 100%;
	width: 0;
	position: absolute;
	z-index: 0;
	background-color: #0186F5;
	top: 0;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	display: block;
}
.more3 span {
	position: relative;
	z-index: 1
}
.more3:before {
	left: 0;
}
.more3:after {
	right: 0;
}
.more3:hover {
	color: #fff;
	border: 2px solid #0186F5; font-weight:bold;
}
.more3:hover:before, .more3:hover:after {
	width: 50%;
}







.zhzz_box1{padding: 50px 300px;}
.pul li .img{width: 50%;display: block;text-align: center;}
.pul li .img img{max-width: 100%;}
.pcon{width: 47.5%;}
.pul li{align-items: center;}
.pcon h3{display: block;color: #222;font-size: 36px; font-weight:bold}
.pcon p{color: #333;font-size: 16px;line-height: 34px;margin: 30px 0 37px;}

.pul li img{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;max-width:100%;}
.pul li img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}


/*  */
.zhzz_box2{padding: 50px 300px;}
.zhzz_box2 .pul li .img{width: 48%;}




@media(max-width: 1024px){
	.zhzz_box1,.zhzz_box2{ padding:20px;}
	
    .pul li .img img{max-width: 70%;}
    .pcon h3 a{font-size: 30px;}
    .pcon p{line-height: 30px;margin: 20px 0 27px;}
    .abox a{width: 180px;height: 42px;line-height: 42px;}
    

}




@media(max-width:768px){
	.zhzz_box2 .pul li .img{width:100%}
    .pul li .img img{max-width: 70%;}
    .pcon h3 a,.bt1{font-size: 24px;}
    .pcon p{line-height: 26px;margin:10px 0 17px;font-size: 14px;}
    .pmore a{width: 200px;height: 42px;line-height: 40px;}
   
.shiyong .cc-text{ font-size:24px; line-height:30px;}
}


@media(max-width:640px){
    .pul li .img,.pcon,.box2 .pul li .img{width: 100%;}
    .bt1,.xbt h3{font-size: 24px}
    .pul li .img{margin-bottom: 20px;}
    .pul li .img img{max-width:100%;}
    .box1{padding: 30px 0;}
    .pcon h3 a{font-size: 20px;}
   
}


/* æµç¨‹*/
.liucheng{padding:0 0 5vw 0; margin-top:50px;}
a.zx{display: flex;justify-content: center;flex-wrap:wrap;align-items: center; width: 175px;height: 49px;color:#fff;font-size:14px;border-radius:25px;
  background-image: -moz-linear-gradient( -101deg, rgb(226,196,139) 0%, rgb(210,174,125) 100%, rgba(252,205,32,0.99608) 100%);
  background-image: -webkit-linear-gradient( -101deg, rgb(226,196,139) 0%, rgb(210,174,125) 100%, rgba(252,205,32,0.99608) 100%);
  background-image: -ms-linear-gradient( -101deg, rgb(226,196,139) 0%, rgb(210,174,125) 100%, rgba(252,205,32,0.99608) 100%);
  }
a.zx img{margin-right:13px;}
.fwadd{margin-top:3.11vw;}
.fwadd li{width:18%;border-radius: 15px;background-color: rgb(245, 245, 250);padding:26px 10px 30px;text-align:center;position: relative;cursor: pointer;}
.fwadd li .wz{color:#333333;font-size:14px;margin:28px 0 15px;}
.fwadd li .aaa{background-color: rgba(245,245,250,0); /* Ã¤Â¸ÂÃ¦â€Â¯Ã¦Å’ÂÃ§ÂºÂ¿Ã¦â‚¬Â§Ã§Å¡â€žÃ¦â€”Â¶Ã¥â‚¬â„¢Ã¦ËœÂ¾Ã§Â¤Âº */
 background-image: linear-gradient(to bottom, rgba(245,245,250,0), rgba(245,245,250,5)); background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(245,245,250,0)), to(rgba(245,245,250,5)));background:-moz-linear-gradient(top, rgba(245,245,250,0),rgba(245,245,250,5));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(245,245,250,0),endColorstr=rgba(245,245,250,5),grandientType=0);
position:absolute;left:15px;bottom:40px;right:15px;height:40px;}
.fwadd li .wz2 .wz22{font-size:30px;font-weight:bold;color:#333333;opacity:.15;}

.fwadd li .img{-moz-transition: all .8s ease 0s;
     -ms-transition: all .8s ease 0s;
     -o-transition: all .8s ease 0s;
     -webkit-transition: all .8s ease 0s;
     transition: all .8s ease 0s;}
.fwadd li:hover .img{
     -moz-transform: rotateY(180deg);
     -ms-transform: rotateY(180deg);
     -o-transform: rotateY(180deg);
     -webkit-transform: rotateY(180deg);
     transform: rotateY(180deg);
 }



@media (max-width:1280px) {
 .fwadd li{width:24%;margin:10px 0;} 
 .fwadd li .aaa{bottom:38px;}
}




@media (max-width: 768px) { 
 .fwadd li{padding:20px 10px;}
 .fwadd li .wz{margin:15px 0;}
 .fwadd li .aaa{bottom:26px;}
}


@media (max-width:640px) {

  a.zx{display:none;}
  .fwadd li{width:48%;}
  .fwadd{margin-top:25px;}
 
}
