@charset "utf-8";
@font-face {
	font-family: "Roboto-Regular";
	src: url("../fonts/Roboto-Regular.woff2") format("woff2"),  url("../fonts/Roboto-Regular.woff") format("woff"),  url("../fonts/Roboto-Regular.ttf") format("truetype"),  url("../fonts/Roboto-Regular.eot") format("embedded-opentype"),  url("../fonts/Roboto-Regular.svg") format("svg"),  url("../fonts/Roboto-Regular.otf") format("opentype");
}
html {
	font-size: 62.5%;
}
body {
	margin: 0px;
	font-size: 12px;
	color: #333333;
	font-family: Roboto-Regular, Helvetica, sans-serif, Microsoft YaHei;
	cursor: default;
	background: url(../images/wurenji.jpg) no-repeat center / cover;
}
* {
	padding: 0px;
	margin: 0px;
}
body,  ul,  ol,  dl,  dd,  h1,  h2,  h3,  h4,  h5,  h6,  p,  i,  b,  em,  span,  form,  fieldset,  legend,  input,  textarea,  select,  button,  th,  td {
	margin: 0;
	padding: 0;
	font-family: Roboto-Regular, Helvetica, sans-serif, Microsoft YaHei;
}
h1,  h2,  h3,  h4,  h5,  h6 {
	list-style: none;
	font-weight: normal;
	color: #555;
}
input,  select,  button {
	font-size: 12px;
	font-family: Roboto-Regular, Helvetica, sans-serif, Microsoft YaHei;
	border: 0;
	background: none;
	outline: none;
	vertical-align: middle;
}
button {
	overflow: visible
}
img {
	border: none;
}
li {
	list-style: none;
}
a {
	color: #333;
	text-decoration: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
a:hover {
	color: #3a5799;
}
.clear {
	overflow: hidden;
	clear: both;
	height: 0px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.con {
	width: 1620px;
	margin: 0 auto;
	max-width: 90%;
}
.container {
	width: 1620px;
	margin: 0 auto;
	max-width: 90%;
}
.header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	background: #fff;
}
.header.on {
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	backdrop-filter: blur(7px);
}
.header .con {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: space-around;
	align-items: center;
}
.header .logo {
	float: left;
	margin: 20px 0 20px;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.header .logo img {
	width: auto;
	height: 40px;
	display: block;
}
.header .an {
	position: absolute;
	top: 50%;
	right: 15px;
	height: 18px;
	width: 30px;
	display: none;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}
.header .an span {
	width: 30px;
	height: 2px;
	background-color: #555;
	display: block;
	position: absolute;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.header .an span.a1 {
	top: 0;
	left: 0;
}
.header .an span.a2 {
	top: 8px;
	left: 0;
}
.header .an span.a3 {
	top: 16px;
	left: 0;
}
.header .an.n span.a2 {
	display: none;
}
.header .an.n span.a1 {
	top: 8px;
	width: 30px;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.header .an.n span.a3 {
	top: 8px;
	width: 30px;
	transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.header .right {
	float: right;
}
.header .right .ss {
	float: left;
	line-height: 42px;
	text-align: center;
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: 400 !important;
	position: relative;
}
.header .right .ss i {
	font-size: 20px;
	margin-right: 5px;
}
.header .right .yy {
	line-height: 42px;
	float: left;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
	text-align: center;
	position: relative;
}
.header .right .yy i {
	font-size: 20px;
	margin-right: 5px;
	font-weight: normal;
	vertical-align: middle;
}
.header.ny .right a {
	color: #333;
}
.header.ny .right .yy {
	color: #333;
}
.header .right .e_j {
	width: 120px;
	position: absolute;
	padding: 10px;
	background: #fff;
	top: 42px;
	left: 0;
	display: none;
	z-index: 999;
}
.header .right .e_j a {
	line-height: 30px;
	font-size: 14px;
	color: #333;
}
.hbj {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	background: rgba(0, 0, 0, 0.7);
	z-index: 88888;
	width: 100%;
	height: 100%;
}
.searchbj {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	background: rgba(0, 0, 0, 0.7);
	z-index: 88888;
	width: 100%;
	height: 100%;
}
.search {
	width: 100%;
	background-color: #fff;
	position: relative;
	top: 0;
	left: 0;
	z-index: 9999;
	box-sizing: border-box;
}
.search .kj {
	max-width: 1472px;
	margin: 0 auto;
	position: relative;
	padding: 80px 0 75px;
}
.search .bor {
	border-bottom: 1px solid #ccc;
	width: 61%;
	margin: 0 auto;
	height: 50px;
}
.baibg {
	position: relative;
	background: #fff;
	z-index: 99;
}
.baibg .kj {
	display: block;
	max-width: 1472px;
	margin: 0 auto;
	position: relative;
	padding: 80px 0 72px;
}
.baibg .nr {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 48px;
}
.baibg .titB {
	font-size: 18px;
	color: rgb(0, 0, 0);
	font-weight: 400;
	margin-right: 36px;
}
.baibg .titB i {
	font-size: 32px;
	display: block;
	color: #3a5799;
	margin-right: 16px;
}
.baibg .an_sj {
	width: 30px;
	line-height: 50px;
	color: #333;
	position: absolute;
	right: 0;
	top: 32px;
	font-size: 32px;
	cursor: pointer;
}
.baibg .an_sj i {
	font-size: 32px;
	color: #333;
	font-weight: bold;
}
.baibg .showB {
	border-width: 1px;
	font-size: 16px;
	border-color: rgb(209, 209, 209);
	border-style: solid;
	background-color: rgb(255, 255, 255);
	width: 480px;
	line-height: 46px;
	padding: 0 36px;
	cursor: pointer;
	position: relative;
}
.baibg .pre {
	position: relative;
}
.flexb {
	display: flex;
	align-items: center;
	justify-content: center;
}
.baibg .x_l {
	position: absolute;
	left: 0;
	top: 46px;
	width: 100%;
	height: auto;
	background: #ffffff;
	border-width: 1px;
	border-color: rgb(209, 209, 209);
	border-style: solid;
	padding: 4px 0;
	display: none;
	font-size: 16px;
}
.baibg .x_l a {
	color: #222;
	display: block;
	font-size: 16px;
	width: 100%;
	line-height: 35px;
	border-radius: 0;
	margin-left: 0;
	font-weight: normal;
	padding: 0 36px;
	box-sizing: border-box;
	text-align: left;
}
.baibg .x_l a:hover {
	color: #3a5799;
}
.flexb2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.search .an_sj {
	width: 30px;
	line-height: 50px;
	color: #333;
	position: absolute;
	right: 0;
	top: 32px;
	font-size: 32px;
	cursor: pointer;
}
.search .an_sj i {
	font-size: 32px;
	color: #333;
	font-weight: bold;
}
.search input.w_z {
	width: 90%;
	height: 50px;
	border-radius: 0;
	font-size: 18px;
	line-height: 50px;
	color: #333;
	float: left;
	-webkit-appearance: none;
}
.search button.s_c {
	width: 6%;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	float: right;
	-webkit-appearance: none;
	font-weight: bold;
}
.search i {
	font-size: 20px;
	color: #3a5799;
}
.header .nav {
	text-align: center;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.header .nav i {
	font-size: 18px;
	color: #aaa;
	line-height: 54px;
	text-align: right;
	position: absolute;
	width: 50%;
	height: 54px;
	right: 0px;
	top: 50%;
	display: none;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}
.header .nav ul li {
	margin: 0 2px;
	line-height: 80px;
	display: inline-block;
	padding: 0 12px;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.header .nav ul li a {
	display: block;
	font-size: 16px;
	color: #000;
	text-transform: capitalize;
}
.header.ny .nav ul li a {
	color: #333;
}
.header .nav ul li span {
	width: 0;
	height: 2px;
	background-color: #3a5799;
	position: absolute;
	left: 50%;
	bottom: 0;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
}
.header .nav ul li:hover span {
	width: 100%;
}
.header .nav ul li.on span {
	width: 100%;
}
.nav .y_j {
	position: relative;
}
.nav .e_j {
	width: 100%;
	position: absolute;
	top: 80px;
	left: 0;
	display: none;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(7px);
}
.nav .e_j.pp {
}
.nav .e_j .box {
	padding: 35px 0;
	overflow: hidden;
	margin-top: 20px;
}
.nav .e_j.pp .container-fluid {
	display: flex;
	justify-content: center;
}
.nav .e_j.pp .tw {
	width: 280px;
	margin: 0 10px;
}
.nav .e_j.pp .tw img {
	width: 100%;
	display: block;
	opacity: 1
}
.nav .e_j.pp .tw:hover img {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	opacity: 0.7;
}
.nav .e_j.pp .tw p {
	font-size: 16px;
	color: #fff;
	text-align: center;
	font-weight: normal;
}
.nav .e_j.pp .tw img+p {
	margin-top: 15px;
}
.nav .e_j.cp {
}
.nav .e_j.cp .lm {
	width: 230px;
	float: left;
}
.header .nav ul li .e_j a {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 40px;
	text-align: center;
	text-transform: capitalize;
}
.nav .e_j .ejy {
	position: relative
}
.nav .e_j .s_j {
	width: 150px;
	background-color: rgba(255, 255, 255, .5);
	position: absolute;
	top: 0px;
	left: 150px;
	display: none;
	z-index: 9999;
}
.header .nav .e_j a:hover {
	color: #666;
}
.header .langB {
	margin-left: 80px;
	position: relative;
}
.header .langB::before {
	content: "";
	background-color: #000;
	display: block;
	width: 1px;
	height: 20px;
	position: absolute;
	left: -30px;
	top: calc(50% - 10px);
}
.header .langB .aB {
	font-size: 16px;
	color: #000;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 42px;
	cursor: pointer;
	position: relative;
}
.header .langB .aB i {
	font-size: 20px;
}
.header .langB .aB span {
	margin: 0 10px;
	display: block;
	font-size: 14px
}
.header .langB .aB .find {
	font-size: 25px;
	display: block;
}
.header .langB .aB .jiantou {
	font-size: 8px;
	display: block;
}
.header .langB .bB {
	position: absolute;
	left: 0;
	top: 40px;
	background: #ffffff;
	width: 100%;
	opacity: 0;
	height: 0;
	visibility: hidden;
	transform: translateY(-20px);
	transition: all 0.3s;
}
.header .langB:hover .bB {
	opacity: 1;
	height: auto;
	visibility: visible;
	transform: translateY(0);
}
.header .langB .bB a {
	font-size: 14px;
	color: #333333;
	transition: all 0.3s;
	width: 100%;
	position: relative;
	display: block;
	padding: 6px 16px;
	text-align: center;
	background: #fff
}
.header .langB .bB a.on {
	background: #E8EAE9;
	pointer-events: none;
}
.header .langB .bB a:hover {
	background: #2e7ab5;
	color: #ffffff;
}
 @media (min-width:1024px) {
.header .nav .e_j {
	display: none !important;
}
.header .nav ul li:hover .e_j {
	display: block !important;
}
.head_h {
	height: 68px;
	display: none
}
.head_hny {
	height: 120px;
}
}
 @media only screen and (max-width:1024px) {
}
.tanchu {
	width: 100%;
	height: 100vh;
	background: url(../images/hb.png) repeat;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999
}
.tanchu .gb {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
.tanchu .gb img {
	width: 100%;
	height: auto;
}
.tanchu .wz {
	width: 660px;
	height: 323px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -161px;
	margin-left: -330px;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	overflow: hidden;
}
.tanchu .wz .left {
	width: 300px;
	float: left;
}
.tanchu .wz .left img {
	width: 100%;
	display: block;
}
.tanchu .wz .right {
	width: 360px;
	align-items: center;
	display: flex;
	height: 323px;
}
.tanchu .wz .right h3 {
	font-size: 20px;
	color: #333;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
	width: 100%;
}
.tanchu .wz .right p {
	font-size: 14px;
	line-height: 1.8;
	color: #333;
	margin-bottom: 30px;
	padding: 0 20px;
}
.tanchu .wz .right .more {
	width: 140px;
	height: 35px;
	line-height: 35px;
	background: #000;
	text-align: center;
	font-size: 16px;
	margin: 0 auto;
}
.tanchu .wz .right .more a {
	color: #fff;
}
.tanchu .wz .gbc {
	position: relative;
	width: 100%
}
.ban {
	width: 100%;
	position: relative;
}
.ban .swiper-slide {
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.ban .imgBg {
	/* opacity: .4; */

	transform: scale(1);
	/* -webkit-transition: all 6s;

	-o-transition: all 6s;

	transition: all 6s; */



	transition: transform 10s ease, -webkit-transform 10s ease;
	z-index: 5;
}
.ban .swiper-slide-active .imgBg {
	/* opacity: 1; */

	transform: scale(1.1);
	transition: transform 10s ease, -webkit-transform 10s ease;
}
.ban .imgBg {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	padding-top: 0;
	height: 100%;
	z-index: 1;
}
.imgB .pic {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.ban .mb {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 8% 0;
	box-sizing: border-box;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-webkit-transform: translate3d(0, 300px, 0) translateY(-50%);
	-ms-transform: translate3d(0, 300px, 0) translateY(-50%);
	transform: translate3d(0, 300px, 0) translateY(-50%);  
	z-index: 100
}
.ban .mb h1 {
	font-size: 45px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}
.ban h4 {
	font-size: 40px;
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 300;
	/* background: rgba(0,0,0,0.3); */
	margin: 0 auto 20px;
	padding: 8px 0px;
	box-sizing: border-box;
	text-align: left;
}
.ban .mb h2 {
	font-size: 66px;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 18%;
	text-align: right;
	text-transform: uppercase;
	padding-right: 60%;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-webkit-transform: translate3d(0, 300px, 0);
	-ms-transform: translate3d(0, 300px, 0);
	transform: translate3d(0, 300px, 0);
}
.ban h5 {
	font-size: 14px;
	color: #fff;
	text-align: right;
	padding-right: 60%;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-webkit-transform: translate3d(0, 300px, 0);
	-ms-transform: translate3d(0, 300px, 0);
	transform: translate3d(0, 300px, 0);
}
.ban .mb span {
	font-size: 16px;
	width: 132px;
	line-height: 50px;
	color: #fff;
	border: rgba(255,255,255,0.5) 1px solid;
	padding: 0 0 0 26px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	margin: 15px 0 0;
	display: inline-block;
}
.ban .mb span i {
	margin-left: 20px;
	font-size: 20px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.ban .mb span:hover i {
	margin-left: 35px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.ban .swiper-slide-active .mb {
	-webkit-transform: translate3d(0, 0, 0) translateY(-50%);
	-ms-transform: translate3d(0, 0, 0) translateY(-50%);
	transform: translate3d(0, 0, 0) translateY(-50%);
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
.ban .swiper-pagination {
	bottom: 20px !important;
}
.ban .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 0;
	opacity: 1;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #fff;
}
.ban .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #3a5799
}
.ban .swiper-button-prev {
	position: absolute;
	top: 50%;
	border: #fff 1px solid;
	border-radius: 21px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	left: 10px;
	color: #fff;
}
.ban .swiper-button-prev i {
	font-size: 30px;
}
.ban .swiper-button-prev:hover {
	color: #3a5799;
	border: #3a5799 1px solid;
}
.ban .swiper-button-next:hover {
	color: #3a5799;
	border: #3a5799 1px solid;
}
.ban .swiper-button-next {
	position: absolute;
	top: 50%;
	border: #fff 1px solid;
	border-radius: 21px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	right: 10px;
	color: #fff;
}
.ban .swiper-button-next i {
	font-size: 30px;
}
.banK {
	position: relative;
}
.banK .ban {
	position: relative;
	z-index: 1;
}
.banK .loyB {
	background: rgba(0, 0, 0, 0.3);
	font-size: 24px;
	color: #ffffff;
	padding: 0 20px;
	line-height: 1.6;
	font-weight: 400;
	padding: 8px 20px;
	line-height: 1.6;
	position: absolute;
	left: 0;
	bottom: 48px;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	z-index: 9;
}
.pc_ban {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.pc_ban .mb {
	width: 100%;
	height: 50px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center
}
.pc_ban .mb h1 {
	font-size: 46px;
	color: #fff;
	margin-bottom: 20px;
	text-align: center;
	margin-top: 30%;
}
.pc_ban a h4 {
	font-size: 16px;
	color: #eee;
	text-align: center;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-webkit-transform: translate3d(0, 300px, 0);
	-ms-transform: translate3d(0, 300px, 0);
	transform: translate3d(0, 300px, 0);
}
.pc_ban .swiper-slide-active h1 {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
.pc_ban .swiper-slide-active h4 {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
.pc_ban .swiper-button-prev {
	background: url(../images/banner-l.png) no-repeat;
	width: 30px;
	height: 50px;
	margin-top: 0;
	left: 1%;
	background-size: 30px 50px;
	-webkit-background-size: 30px 50px;
	-moz-background-size: 30px 50px;
	-ms-background-size: 30px 50px;
	-o-background-size: 30px 50px;
}
.pc_ban .swiper-button-next {
	background: url(../images/banner-r.png) no-repeat;
	width: 30px;
	height: 50px;
	margin-top: 0;
	right: 1%;
	background-size: 30px 50px;
	-webkit-background-size: 30px 50px;
	-moz-background-size: 30px 50px;
	-ms-background-size: 30px 50px;
	-o-background-size: 30px 50px;
}
.main-spacing {
	margin-top: 80px;
	margin-bottom: 80px;
}
.sy_fl {
	padding: 200px 0 200px;
	background: rgba(255,255,255,.1);
	clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
}
.sy_fl ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
}
.sy_fl ul li {
	width: 49%;
	position: relative;
	overflow: hidden;
	margin-bottom: 2%;
}
.sy_fl ul li img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_fl ul li .wz {
	position: absolute;
	left: 0px;
	bottom: 20px;
	padding: 80px 20px 20px;
	z-index: 3
}
.sy_fl ul li .wz h1 {
	font-size: 35px;
	color: #fff;
	margin-bottom: 10px;
}
.sy_fl ul li h3 {
	font-size: 16px;
	color: #fff;
	line-height: 1.8;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 10px;
	text-align: center;
}
.sy_fl ul li:hover .mb {
	background-image: linear-gradient(to top, #222, transparent);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_fl ul li:hover img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_fl ul li .mb {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.sy_p3 {
	padding: 200px 0 200px;
	background: rgba(255,255,255,.1);
	clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
}
.sy_p3 .tit {
	text-align: center;
}
.sy_p3 ul {
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.sy_p3 ul li {
	width: 32%;
	float: left;
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.2);
	;
	box-sizing: border-box;
	margin-right: 2%
}
.sy_p3 ul li .tpian {
	width: 100%;
	margin-bottom: 10px
}
.sy_p3 ul li .tpian img {
	width: 100%
}
.sy_p3 ul li:nth-child(3n) {
	margin-right: 0;
}
.sy_p3 ul li .tb {
	margin-bottom: 35px;
}
.sy_p3 ul li .tb i {
	font-size: 60px;
	color: #3a5799;
}
.sy_p3 ul li h3 {
	font-size: 14px;
	color: #ccc;
	line-height: 24px;
	position: relative;
}
.sy_p3 ul li h3 .jt {
	width: 70px;
	height: 24px;
	line-height: 24px;
	border: #2e7ab5 1px solid;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #2e7ab5;
	color: #fff
}
.sy_p3 ul li h3 .jt:hover {
	border: #2e7ab5 1px solid;
	color: #2e7ab5;
	background: none
}
.sy_p3 ul li p {
	font-size: 16px;
	color: #fff;
	line-height: 1.8;
	margin-bottom: 10px;
	padding-top: 15px
}
.sy_p3 ul li p a {
	color: #fff;
}
.sy_p3 ul li span {
	font-size: 14px;
	color: #ccc;
	padding-bottom: 10px;
	display: block
}
.sy_p3 ul li:hover {
	box-shadow: 0px 5px 20px 0px rgba(169, 180, 190, 0.3);
	transform: translateY(-5px);
	-wbkit-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
/* Zoom In #1 */

.sy_cpfl {
	padding: 60px 0 60px;
}
.sy_cpfl ul li {
	width: 48%;
}
.sy_cpfl ul li img {
	width: 100%;
	display: block;
}
.sy_cpfl ul li .wenz {
	top: 0px;
	width: 100%;
	position: absolute;
	height: 100%;
	box-sizing: border-box;
	padding: 20px;
	left: 0;
	z-index: 99;
}
.sy_cpfl ul li .wenz h3 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 20px;
}
.sy_cpfl ul li .wenz .more {
	position: relative;
	font-size: 16px;
	color: #fff;
	float: left;
	font-weight: 200;
}
.sy_cpfl ul li .wenz .more::after {
	position: absolute;
	width: 0%;
	height: 1px;
	background: #fff;
	left: 0;
	bottom: -8px;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	content: ""
}
.sy_cpfl ul li:hover .wenz .more::after {
	width: 100%;
}
.hover01 a img {
	-webkit-transform: scale(1);
	cursor: pointer;
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .8s ease-in-out;
}
.hover01 a:hover img {
	-webkit-transform: scale(1.07);
	transform: scale(1.07);
}
.card-img-overlay a:hover img {
	cursor: pointer;
	-webkit-transform: scale(1.07);
	transform: scale(1.07);
}
.banner a {
	display: block;
	position: relative;
	overflow: hidden;
}
.banner:hover a::before {
	right: 50%;
	left: 50%;
	width: 0;
	background: rgba(255, 255, 255, .2);
}
.banner a::before,  .banner a::after {
	position: absolute;
	display: none;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(255, 255, 255, 0);
	transition: all 0.7s ease-in-out;
}
.banner:hover a::after {
	height: 0;
	top: 50%;
	bottom: 50%;
	background: rgba(255, 255, 255, .2);
}
.sy_zxcp {
	padding: 60px 0;
	position: relative;
	overflow: hidden;
}
.current {
	background-color: #22a7f0;
}
.sy_zxcp .swiper-container {
	width: 90%;
	margin: 20px auto;
	overflow: visible;
}
.sy_zxcp .swiper-slide {
	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;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.sy_zxcp .swiper-slide .tp {
	overflow: hidden;
	position: relative;
	height: 16vw;
}
.sy_zxcp .swiper-slide .tp img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_zxcp .swiper-slide:hover .tp img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_zxcp .swiper-slide .tp .mb {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_zxcp .swiper-slide:hover .tp .mb {
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_zxcp .swiper-slide .wenz {
	padding: 10px;
}
.sy_zxcp .swiper-slide .wenz h3 {
	font-size: 16px;
	color: #333;
	font-weight: 300;
	text-align: left;
}
.sy_zxcp .swiper-slide .wenz h4 {
	font-size: 14px;
	color: #666;
	line-height: 1.8;
	height: 28px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sy_zxcp .swiper-slide .wenz h4 span {
	font-size: 14px;
	color: #cc0a0a;
}
.sy_zxcp .swiper-button-prev {
	font-size: 20px;
	color: #333;
	width: 44px;
	line-height: 44px;
	border-radius: 50%;
	text-align: center;
	background: rgba(255, 255, 255, 0.8);
	height: 44px;
}
.sy_zxcp .swiper-button-prev i {
	font-size: 24px;
	line-height: 44px;
}
.sy_zxcp .swiper-button-next {
	font-size: 20px;
	color: #333;
	width: 44px;
	line-height: 44px;
	border-radius: 50%;
	text-align: center;
	background: rgba(255, 255, 255, 0.8);
	height: 44px;
}
.sy_zxcp .swiper-button-next i {
	font-size: 24px;
	line-height: 44px;
}
.sy_zxcp .swiper-pagination {
	bottom: 30px;
	width: 100%;
	text-align: center;
}
.sy_zxcp .swiper-pagination-bullet {
	background: #ccc;
	display: inline-block;
	border-radius: 0;
	opacity: 1;
	margin: 0 5px;
}
.sy_zxcp .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #3a5799
}
.sy_jj {
	padding: 100px 0;
	overflow: hidden;
}
.sy_jj .con {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.sy_jj .more {
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}
.sy_jj .more a {
	width: 132px;
	color: #fff;
	line-height: 40px;
	padding-left: 26px;
	border: rgba(255,255,255,0.5) 1px solid;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	margin-top: 25px;
	display: inline-block;
	font-size: 14px;
	float: right;
	text-transform: capitalize;
}
.sy_jj .more a:hover i {
	margin-left: 35px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.sy_jj .more a i {
	font-size: 24px;
	margin-left: 20px;
	vertical-align: middle;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.sy_jj .w_z {
	width: 55%;
	float: left;
}
.sy_jj .w_z h3 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 25px;
	font-weight: bold
}
.sy_jj .w_z .nr {
	font-size: 16px;
	color: #fff;
	line-height: 36px;
}
.sy_jj .t_p {
	width: 43%;
	float: right;
}
.sy_jj .t_p img {
	width: 100%;
	display: block;
}
.nban {
	height: 100vh;
}
.nban h1 {
	font-size: 6vw;
	line-height: 6vw;
	color: #fff;
}
.nban .mb {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.3)
}
.video1 {
	width: 100%;
	height: 100vh;
	object-fit: cover !important;
	object-fit: fill;
	display: block;
	z-index: 1
}
.sy_gybj {
	background: #fbf7f4;
}
.sy_wz .tit {
	text-align: center;
	line-height: 1;
}
.sy_wz {
	width: 900px;
	margin: 0 auto;
	padding: 80px 0 80px;
	font-size: 20px;
	color: #444;
	line-height: 1.8;
}
.sy_ys {
	padding: 100px 0;
}
.sy_ys .tit {
	text-align: center;
}
.sy_ys ul {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom: 25px;
	flex-wrap: wrap;
}
.sy_ys ul li {
	width: 23.5%;
	background: #fff;
	border-radius: 10px;
	padding: 35px;
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	box-sizing: border-box;
	background: #040a2c;
	text-align: center
}
.sy_ys ul li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	box-sizing: border-box;
	z-index: 3;
}
.sy_ys ul li::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	box-sizing: border-box;
	z-index: 3;
}
.sy_ys ul li:hover {
	transform: scale(1.03);
}
.sy_ys ul li:hover::before {
	width: 100%;
	height: 100%;
	border-top-color: #2e7ab5;
	border-right-color: #2e7ab5;
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.sy_ys ul li:hover::after {
	width: 100%;
	height: 100%;
	border-bottom-color: #2e7ab5;
	border-left-color: #2e7ab5;
	-webkit-transition: border-color 0s ease-out 0.5s, width 10s ease-out 0.5s, height 0.25s ease-out 0.75s;
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
.sy_ys ul li .tb {
	width: 100px;
	margin: 0 auto 25px;
	height: 100px;
	background: rgba(255,255,255,.2);
	border-radius: 50%;
	padding: 10px;
}
.sy_ys ul li .tb img {
	max-width: 100%
}
.sy_ys ul li:hover .tb {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_ys ul li h3 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
	font-weight: bold;
	padding-bottom: 15px;
}
.sy_ys ul li h3::before {
	width: 50px;
	background: #2e7ab5;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -25px;
	height: 4px;
	bottom: 0;
	border-radius: 3px;
}
.sy_ys ul li .p {
	font-size: 15px;
	line-height: 1.8;
	text-align: center;
	color: #ddd;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}
.sy_cphs {
	padding: 100px 0;
}
.sy_cphs .con {
	position: relative;
	z-index: 9;
	margin-bottom: 0px;
}
.sy_cphs .more {
	overflow: hidden;
}
.sy_cphs .more a {
	font-size: 16px;
	width: 162px;
	line-height: 50px;
	color: #fff;
	border-top: rgba(255,255,255,0.5) 1px solid;
	border-bottom: rgba(255,255,255,0.5) 1px solid;
	padding: 0 0 0 16px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	margin-top: 25px;
	display: inline-block;
	font-size: 16px;
	float: right;
	text-transform: capitalize;
}
.sy_cphs .more a:hover i {
	margin-left: 35px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.sy_cphs .more a i {
	font-size: 20px;
	margin-left: 20px;
	vertical-align: middle;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.sy_cphs .swiper-button-prev {
	position: absolute;
	top: 0px;
	border: #fff 1px solid;
	border-radius: 21px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
	margin-top: 0;
	right: 60px;
	color: #fff;
	left: auto;
}
.sy_cphs .swiper-button-prev i {
	font-size: 30px;
}
.sy_cphs .swiper-button-prev:hover {
	color: #3a5799;
	border: #3a5799 1px solid;
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_cphs .swiper-button-next:hover {
	color: #3a5799;
	border: #3a5799 1px solid;
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_cphs .swiper-button-next {
	position: absolute;
	top: 0px;
	border: #fff 1px solid;
	border-radius: 21px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
	margin-top: 0;
	right: 0;
	color: #fff;
}
.sy_cphs .swiper-button-next i {
	font-size: 30px;
}
.swiper-cp {
	margin: 0 auto;
}
.swiper-cp .swiper-slide {
	position: relative;
}
.swiper-cp .swiper-slide .tips {
	background: linear-gradient(224deg, #40478b, #2d8ec3 31%, #3abedb);
	position: absolute;
	right: 0;
	top: 0;
	min-width: 80px;
	line-height: 32px;
	font-size: 20px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-align: center;
	border-radius: 0 0 0 10px;
	max-width: 100%;
	width: max-content;
	padding: 0 16px;
	z-index: 99
}
.swiper-cp .swiper-slide .t_p {
	overflow: hidden;
	position: relative;
	height: auto;
}
.swiper-cp .swiper-slide .t_p .mb {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	background: rgba(0, 0, 0, 0);
}
.swiper-cp .swiper-slide:hover .t_p .mb {
	background: rgba(0, 0, 0, 0.6) url(../images/jh.png) center / 30px no-repeat;
}
.swiper-cp .swiper-slide .t_p .hr {
	position: absolute;
	width: 100px;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
}
.swiper-cp .swiper-slide .t_p .hr img {
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transform: all 0.5s ease;
}
.swiper-cp .swiper-slide:hover .hr img {
	opacity: 1;
}
.swiper-cp .swiper-slide:hover .hr img {
	-webkit-transform: rotate(360deg);
	animation: rotation 10s linear infinite;
	-moz-animation: rotation 10s linear infinite;
	-webkit-animation: rotation 10s linear infinite;
	-o-animation: rotation 10s linear infinite;
}
 @-webkit-keyframes rotation {
 from {
 -webkit-transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
}
}
.swiper-cp .swiper-slide img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 1;
	object-fit: cover;
	height: 100%;
}
.swiper-cp .swiper-slide:hover img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.swiper-cp .swiper-slide .t_p .mb {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 9;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.swiper-cp .swiper-slide:hover .t_p .mb {
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.swiper-cp .swiper-slide .w_z {
	padding: 20px 0;
	position: relative;
}
.swiper-cp .swiper-slide .w_z .jt {
	width: 25px;
	height: 25px;
	line-height: 25px;
	border: #fff 1px solid;
	text-align: center;
	position: absolute;
	top: 20px;
	right: 10px;
	border-radius: 13px;
	color: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.swiper-cp .swiper-slide:hover .w_z .jt {
	border: #3a5799 1px solid;
	color: #3a5799;
	right: 0;
}
.swiper-cp .swiper-slide h3 {
	font-size: 18px;
	color: #fff;
	line-height: 1.8;
	margin-bottom: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 80%
}
.swiper-cp .swiper-slide p {
	font-size: 14px;
	color: #fff;
	line-height: 1.6;
}
.main-spacing {
	margin-top: 80px;
	margin-bottom: 80px;
	padding-bottom: 60px;
}
.sy_jj {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.sy_jj .left {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}
.sy_jj .right {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}
.cms-banner {
	position: relative;
}
.cms-banner::before {
	content: '';
	position: absolute;
	width: 680px;
	height: 460px;
	left: 0;
	top: 30px;
	border: 1px solid #b1d3c8;
	z-index: -1;
}
.all-news {
	position: relative;
}
.heading {
	font-family: 'Work Sans', sans-serif;
	font-size: 30px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 20px;
}
.fashion-pera {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-weight: 400;
	color: #6e6e6e;
	font-size: 16px;
	line-height: 1.8;
}
.shop-now-btn2 {
	text-decoration: none;
	color: white;
	display: inline-block;
	background: #000;
	border: 1px solid #519f87;
	font-weight: 500;
	position: relative;
	transition: all 1s;
	overflow: hidden;
	top: 50px;
	font-size: 14px;
	padding: 10px 30px 10px 30px;
	cursor: pointer;
}
.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}
.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}
.heading2 {
	font-family: 'Work Sans', sans-serif;
	font-size: 40px;
	margin-left: -35px;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.cms-banner2 {
	position: relative;
}
.cms-banner2::before {
	content: '';
	position: absolute;
	width: 545px;
	height: 660px;
	right: 30px;
	top: 30px;
	border: 1px solid #b1d3c8;
	z-index: -1;
}
.cms-banner2 img {
	padding-left: 0px;
	padding-bottom: 0px;
}
.img-fluid {
	max-width: 100%;
	width: 100%;
	height: auto;
}
.cms-banner img {
	padding-left: 30px;
	padding-bottom: 30px;
}
.sy_led {
	margin: 0 auto 60px;
	overflow: hidden
}
.sy_led .left {
	width: 45%;
	float: left;
}
.sy_led .left ul li {
	margin-bottom: 40px;
	overflow: hidden;
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
/*.sy_led .left ul li:hover { background:#f6f6f6;-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
*/



.sy_led .left ul li .wenz {
	width: 100%;
	float: right;
	padding: 10px;
	-moz-box-sizing: border-box;
	/*Firefox3.5+*/

	-webkit-box-sizing: border-box;
	/*Safari3.2+*/

	-o-box-sizing: border-box;
	/*Opera9.6*/

	-ms-box-sizing: border-box;
	/*IE8*/

	box-sizing: border-box;
}
.sy_led .left ul li .wenz h3 {
	font-size: 25px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #333;
}
.sy_led .left ul li .wenz .sj {
	font-size: 14px;
	margin-bottom: 10px;
	color: #999;
}
.sy_led .left ul li .wenz p {
	font-size: 16px;
	line-height: 1.8;
	color: #666;
}
.sy_led .right {
	width: 50%;
	float: right;
	position: relative;
	overflow: hidden
}
.sy_led .right img {
	width: 100%;
	display: block;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}
.sy_led .right:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}
.sy_led .right .mb {
	background: rgba(0, 0, 0, 0);
	width: 80%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sy_led .right .mb .wz {
	width: 100%;
	padding: 30px;
	top: 0;
	left: 0;
	-moz-box-sizing: border-box;
	/*Firefox3.5+*/

	-webkit-box-sizing: border-box;
	/*Safari3.2+*/

	-o-box-sizing: border-box;
	/*Opera9.6*/

	-ms-box-sizing: border-box;
	/*IE8*/

	box-sizing: border-box;
	position: absolute
}
.sy_led .right .mb .wz h3 {
	font-size: 25px;
	margin: 0 0 10px;
	color: #fff;
	margin-top: 40px;
	font-weight: bold;
}
.sy_led .right .mb .wz p {
	font-size: 16px;
	color: #fff;
	line-height: 1.7;
	margin: 15px 0
}
.sy_alzs {
	padding: 60px 0;
	background: rgba(0, 0, 0, 0.8);
	overflow: hidden;
}
.sy_alzs .swiper-container {
}
.sy_alzs .con {
	position: relative;
}
.sy_alzs .gallery-top {
	width: 100%;
	height: 900px;
}
.sy_alzs .gallery-top img {
	width: 100%;
	display: block;
	height: 100%;
	object-fit: cover
}
.sy_alzs .gallery-thumbs {
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 0;
}
.sy_alzs .gallery-thumbs .swiper-slide {
	width: 16.6666%;
	position: relative;
	height: 120px;
	border: rgba(255, 255, 255, 0.4) 6px solid;
	box-sizing: border-box;
}
.sy_alzs .gallery-thumbs .swiper-slide img {
	width: 100%;
	display: block;
	height: 100%;
	object-fit: cover;
}
.sy_alzs .gallery-thumbs .swiper-slide .mb {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(0, 0, 0, 0);
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #fff;
}
.sy_alzs .gallery-thumbs .swiper-slide:hover .mb {
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(3px);
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.sy_alzs .gallery-thumbs .swiper-slide.swiper-slide-active .mb {
	background: rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(7px);
}
.sy_alzs .gallery-thumbs .swiper-slide-active {
	opacity: 1;
}
.sy_al {
	background: #e6e4e4;
	overflow: hidden;
	padding: 70px 0 80px;
}
.sy_al ul li {
	width: 33.3333%;
	float: left;
	padding: 0 15px;
	overflow: hidden;
	box-sizing: border-box;
}
.sy_al ul li .box {
	overflow: hidden;
}
.sy_al ul li img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_al ul li:hover img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_al ul li h3 {
	font-size: 18px;
	color: #212121;
	text-align: center;
	margin: 50px 0;
}
.sy_al ul li h3 span {
	display: inline-block;
	position: relative;
}
.sy_al ul li h3 span::after {
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -8px;
	background: #212121;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_al ul li h3:hover span::after {
	opacity: 1;
}
.sy_al .more {
	padding-top: 25px;
	text-align: center;
}
.sy_al .more a {
	color: #3a5799;
	font-size: 18px;
}
.sy_al .more:hover a {
	color: #fff;
	font-size: 18px;
}
.sy_al .more span {
	padding: 10px 35px;
	border: #3a5799 1px solid;
}
.sy_al .more:hover span {
	padding: 10px 35px;
	background: #3a5799;
}
/*index-contact*/



.index-contact {
	min-width: 1200px;
	padding: 120px 0;
	background-image: url(../images/lybj.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center top;
	position: relative;
}
.index-contact .cover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}
.index-contact .s {
	position: relative;
	padding: 0 360px 0 0;
	z-index: 100;
}
.index-contact h6 {
	font-size: 30px;
	color: #fff;
	line-height: 40px;
}
.index-contact p {
	line-height: 40px;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
}
.index-contact .btn {
	position: absolute;
	top: 50%;
	right: 0px;
	display: block;
	width: 200px;
	margin-top: -25px;
	border: 1px #fff solid;
	text-align: center;
	border-radius: 3px;
}
.index-contact .btn a {
	display: block;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	color: #fff;
}
.index-contact .btn a:hover {
	background: #3a5799;
}
.tit {
	margin-bottom: 40px;
}
.tit h2 {
	font-size: 32px;
	text-align: center;
	color: #232323;
	font-weight: bold;
	letter-spacing: 2px
}
.tit h1 {
	font-size: 30px;
	color: #fff;
	position: relative;
	text-transform: capitalize;
	font-weight: bold
}
.tit .more {
	float: right;
}
.tit .more a {
	color: #fff;
	line-height: 40px;
	padding: 0 16px;
	border: #fff 1px solid;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	display: inline-block;
	font-size: 16px;
	float: right;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 14px
}
.tit .more a:hover i {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.tit .more a i {
	font-size: 24px;
	margin-left: 20px;
	vertical-align: middle;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.tit h1 span {
	float: right;
	font-size: 20px;
	color: #3a5799;
	line-height: 43px;
}
.tit h3 {
	font-size: 14px;
	color: #666;
	margin-top: 25px;
}
.tit2 {
	margin-bottom: 40px;
	text-align: center
}
.tit2 h1 {
	font-size: 36px;
	color: #323232;
	position: relative;
	letter-spacing: 1px;
	font-weight: 400;
}
.tit2 .line {
	height: 2px;
	width: 4em;
	background-color: #009999;
	margin: 1.85em auto;
}
.tit2 h3 {
	font-size: 14px;
	color: #666;
	margin-top: 25px;
}
/* start footer */

.footer_bg {
	width: 100%;
	padding: 35px 0 0px;
}
.footer {
	margin: 0 auto;
	padding: 20px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer li {
}
.footer li a {
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	display: block;
	opacity: 0.8;
	position: relative;
	margin-bottom: 5px;
}
.footer li a::after {
	content: "";
	width: 0%;
	height: 1px;
	background: #fff;
	display: block;
	overflow: hidden;
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.footer li a:hover::after {
	width: 100%;
	overflow: hidden;
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.footer li a:hover {
	opacity: 1
}
.footer h3 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.footer p {
	font-size: 14px;
	line-height: 1.8;
	color: #666;
	position: relative;
}
.footer .l1 {
	max-width: 45.66666%;
}
.footer .l1 .line {
	margin-bottom: 20px;
	height: 2px;
	margin-top: 10px
}
.footer .l1 .line span {
	width: 15px;
	height: 1px;
	background: #3a5799;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	display: block
}
.footer .l1:hover .line span {
	width: 50px;
	height: 1px;
}
.footer .l1 p.p1 {
	font-size: 18px;
	padding-left: 0;
	text-transform: capitalize;
}
.footer .l1 p {
	font-size: 14px;
	color: #fff;
	line-height: 1.4;
	position: relative;
	margin-bottom: 15px;
	opacity: 0.8;
}
.footer .l1 p a {
	color: #fff;
}
.footer .l1 p span {
	border-bottom: #fff 1px solid;
}
.footer .l1 i {
	margin-right: 5px;
}
.footer .l2 {
	flex: 0 0 23%;
	max-width: 23%;
}
.footer_bg .dybox {
	margin-top: 5px;
}
.footer_bg .dybox p {
	color: #ccc;
}
.footer_bg .dy {
	margin-top: 10px;
	width: 240px;
	overflow: hidden;
}
.footer_bg .dy input.w_z {
	width: 85%;
	height: 35px;
	border-radius: 0;
	font-size: 14px;
	line-height: 35px;
	color: #fff;
	float: left;
	-webkit-appearance: none;
	background: rgba(255, 255, 255, 0.15);
	padding-left: 15px;
	box-sizing: border-box;
}
.footer_bg .dy button.s_c {
	width: 15%;
	height: 35px;
	font-size: 18px;
	line-height: 35px;
	text-align: center;
	float: left;
	-webkit-appearance: none;
	font-weight: bold;
	background: #3a5799;
}
.footer_bg .dy i {
	font-size: 18px;
	color: #fff;
}
.footer li .tit1 a {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	opacity: 1;
	line-height: 36px;
	display: block
}
.footer li .line {
	margin-bottom: 20px;
	height: 2px;
	margin-top: 10px
}
.footer li .line span {
	width: 15px;
	height: 1px;
	background: #3a5799;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	display: block
}
.footer li:hover .line span {
	width: 50px;
	height: 1px;
}
.footer li.dz {
	float: right;
}
.footer li.dz .kj {
	width: 380px;
	float: left;
	margin-left: 20px;
}
.footer li.dz .kj img {
	width: 100%;
	display: block;
}
.footer li.dz .kj h3 {
	margin-top: 20px;
	font-size: 16px;
	margin-bottom: 10px;
	color: #fff;
}
.footer li.dz .kj p {
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.7);
}
.footer li.dz .an {
	display: inline-block;
	padding: 0 15px;
	line-height: 40px;
	background: #3a5799;
	font-size: 16px;
	color: #fff;
	margin-top: 20px;
}
.footer li.dz .an a {
	color: #fff;
	line-height: 40px;
	margin-bottom: 0;
}
.footer li.dz a {
	position: static;
	margin-bottom: 0;
}
.footer li.dz a::after {
	display: none
}
.footer li.yx {
	width: 260px;
	padding-right: 0;
	float: right;
}
.footer .searchIpt2 {
	width: 260px;
	height: 50px;
	position: relative;
}
.searchIpt2 .search_txt {
	width: 182px;
	padding: 0 0 0 10px;
	line-height: 50px;
	background: #fff;
	color: #666;
	border: 0;
	height: 50px;
	float: left;
	border-radius: 25px;
}
.searchIpt2 .search_btn {
	width: 50px;
	background: #fff;
	border: 0;
	float: right;
	color: #333;
	height: 50px;
	cursor: pointer;
	border-radius: 25px;
	position: relative;
}
.searchIpt2 i {
	font-size: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -10px;
	text-align: center;
	color: #333;
}
.searchIpt2 .search_btn:hover {
	background: #c11724;
	color: #fff;
}
.searchIpt2 .search_btn:hover i {
	color: #fff;
}
.searchIpt2 .search_btn i:hover {
	color: #fff;
}
.footer .tb {
	padding-top: 0px
}
.footer .tb a {
	width: 30px;
	margin-right: 10px;
	position: relative;
	float: left;
	color: #fff;
	opacity: 0.8;
}
.footer .tb a:hover {
	color: #3a5799;
	opacity: 1
}
.footer .tb a i {
	font-size: 20px;
}
.footer .tb a .wx {
	width: 120px;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	background: #fff;
	top: -120px;
	display: none;
}
.footer .tb a:hover .wx {
	display: block;
}
.footer .tb a img {
	width: 100%;
}
.banq {
	line-height: 60px;
	font-size: 14px;
	color: #ccc;
	margin-top: 20px;
	border-top: rgba(255, 255, 255, 0.2) 1px solid;
	text-align: center
}
.h60 {
	height: 60px;
}
.nytit {
	font-size: 40px;
	line-height: 45px;
	text-align: center;
	color: #232323;
}
.nline {
	width: 100px;
	margin: 35px auto 50px;
	background: #3a5799;
	height: 4px;
}
.jj_box {
}
.ny_jj {
	padding: 60px 0;
	position: relative;
}
.ny_jj .con {
	position: relative;
	overflow: hidden;
	width: 1150px;
}
.ny_jj .w_z {
	width: 48%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}
.ny_jj .w_z h3 {
	position: relative;
	font-size: 38px;
	color: #000;
	margin-bottom: 30px;
	font-weight: bold
}
.ny_jj .w_z .zi {
	font-size: 18px;
	line-height: 2;
	color: #111;
}
.ny_jj .tp {
	width: 48%;
	position: relative;
}
.ny_jj .tp .box {
	position: absolute;
	left: -25px;
	width: 100%;
	height: 100%;
	border: #ccc 10px solid;
	bottom: -25px;
	box-sizing: border-box;
	z-index: 1;
}
.ny_jj .tp img, .ny_jj2 .tp img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 3;
}
.ny_jj2 {
	padding: 60px 0;
	position: relative;
}
.ny_jj2 .con {
	position: relative;
	overflow: hidden;
	width: 1150px;
}
.ny_jj2 .w_z {
	width: 48%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}
.ny_jj2 .w_z h3 {
	position: relative;
	font-size: 38px;
	color: #000;
	margin-bottom: 30px;
	font-weight: bold
}
.ny_jj2 .w_z .zi {
	font-size: 18px;
	line-height: 2;
	color: #111;
}
.ny_jj2 .tp {
	width: 48%;
	position: relative;
}
.ny_jj3 {
	padding: 70px 0;
	background: #eeede9;
}
.ny_jj3 .tit {
	text-align: center;
}
.ny_jj3 .con {
	width: 1150px;
}
.ny_jj3 ul {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.ny_jj3 ul li {
	width: 30.3333%;
	float: left;
	margin: 0 1.5%;
}
.ny_jj3 ul li img {
	width: 100%;
	display: block;
}
.ny_jj3 ul li h4 {
	font-size: 14px;
	color: #444;
	margin-bottom: 20px;
	margin-top: 10px;
}
.ny_jj3 ul li h3 {
	font-size: 21px;
	color: #111;
	margin-bottom: 30px;
	margin-top: 30px;
	font-weight: bold;
	height: 50px;
}
.ny_jj3 ul li p {
	font-size: 16px;
	color: #111;
	line-height: 1.8;
}
.ny_jj3 .more {
	margin: 50px auto 0;
	text-align: center;
	line-height: 30px;
}
.ny_jj3 .more a {
	padding: 8px 28px;
	color: #3a5799;
	border: #3a5799 1px solid;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	display: inline-block;
	font-size: 16px;
	text-transform: capitalize;
}
.ny_jj3 .more a:hover {
	color: #fff;
	background: #3a5799;
}
.aboutc2 {
	padding: 60px 0 80px;
	overflow: hidden;
}
.aboutc2 .aboutclist {
	width: 47%;
	height: 440px;
	margin: 0 1.5%;
	border-radius: 0.5rem;
	position: relative;
	overflow: hidden;
}
.aboutc2 .aboutclist.l1 {
	background: url(../images/bg_culture1.jpg) left center / cover no-repeat;
	transition: all 3s;
	-wbkit-transition: all 3s;
	-o-transition: all 3s;
	-moz-transition: all 3s;
}
.aboutc2 .aboutclist.l1:hover {
	background: url(../images/bg_culture1.jpg) right center / cover no-repeat;
	transition: all 3s;
	-wbkit-transition: all 3s;
	-o-transition: all 3s;
	-moz-transition: all 3s;
}
.aboutc2 .aboutclist.l2 {
	background: url(../images/bg_culture2.jpg) left center / cover no-repeat;
	transition: all 3s;
	-wbkit-transition: all 3s;
	-o-transition: all 3s;
	-moz-transition: all 3s;
}
.aboutc2 .aboutclist:hover.l2 {
	background: url(../images/bg_culture2.jpg) right center / cover no-repeat;
	transition: all 3s;
	-wbkit-transition: all 3s;
	-o-transition: all 3s;
	-moz-transition: all 3s;
}
.aboutc2 .aboutclist .mb {
	padding: 40px 30px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
.aboutc2 .aboutclist .icon {
	width: 90px;
	height: 90px;
	margin: 0 auto;
	line-height: 90px;
	text-align: center;
	border: #fff 1px solid;
	border-radius: 50%;
}
.aboutc2 .aboutclist .icon i {
	font-size: 50px;
	color: #fff;
}
.aboutc2 .aboutclist:hover .icon {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.aboutc2 .aboutclist .cntitle {
	color: #fff;
	font-size: 24px;
	text-align: center;
	margin-top: 25px
}
.aboutc2 .aboutclist .entitle {
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-top: 5px;
	font-weight: bold
}
.aboutc2 .aboutclist .line {
	width: 26px;
	height: 3px;
	background-color: #3a5799;
	margin: 17px auto 0
}
.aboutc2 .aboutclist .text {
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-top: 30px;
	line-height: 1.8;
}
.wzxx {
	line-height: 50px;
	font-size: 16px;
	color: #222;
	margin-bottom: 15px;
}
.wzxx a {
	color: #222;
}
.nycon {
	padding: 60px 0;
}
.nycon .left {
	width: 100%;
	border: #eee 1px solid;
	box-sizing: border-box;
}
.nycon .left .bt {
	line-height: 42px;
	font-size: 20px;
	color: #333;
	text-transform: capitalize
}
.nycon .left .bt2 {
	background: #009999;
	color: #fff;
	line-height: 42px;
	font-size: 18px;
	text-transform: capitalize;
	padding-left: 10px;
}
.subNavBox {
	position: relative;
	z-index: 5;
	border-bottom: #eee 1px solid;
	height: 62px;
}
.search2 {
	width: 33.3333%;
	padding: 0px 15px;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: 49px;
	border: #eee 1px solid;
}
.search2 input.w_z {
	width: 90%;
	height: 60px;
	border-radius: 0;
	font-size: 18px;
	line-height: 60px;
	color: #555;
	float: left;
	-webkit-appearance: none;
}
.search2 button.s_c {
	width: 10%;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	float: left;
	-webkit-appearance: none;
	font-weight: bold;
}
.search2 i {
	font-size: 18px;
}
.subNavBox .kd {
	width: 33.3333%;
	border-right: #eee 1px solid;
	line-height: 60px;
	float: left;
	position: relative;
}
.subNav {
	cursor: pointer;
	font-size: 20px;
	color: #222;
	background: url(../images/jiantou1.png) no-repeat;
	background-position: 95% 50%;
	background-size: 10px;
	width: 33.3333%;
	border-right: #eee 1px solid;
	line-height: 60px;
	float: left;
	position: relative;
	padding-left: 25px;
	box-sizing: border-box;
}
.subNav a {
	color: #222
}
.currentDt:hover {
	color: white;
}
.currentDd {
	color: #fff
}
.currentDt {
	background-image: url(../images/jiantou.png);
	background-size: 20px;
	background-color: #3a5799;
}
.currentDt a {
	color: #fff
}
.navContent {
	background: #fff;
	width: 100%;
	padding: 50px 20px 35px;
	box-sizing: border-box;
	position: relative;
}
.navContent li {
	line-height: 45px;
	color: #666;
	box-sizing: border-box;
	font-size: 16px;
	margin-bottom: 15px;
	overflow: hidden;
}
.navContent li .lm {
	width: 150px;
	float: left;
	color: #111;
}
.navContent li .lb {
	width: calc(100% - 150px);
	float: right;
}
.navContent li .lb a {
	padding: 0 20px;
	display: inline-block;
	margin: 0 8px;
	background: #f1f1f1;
	border-radius: 4px;
	font-size: 16px;
	color: #222;
}
.navContent li .lb a:hover {
	background: #3a5799;
	color: #fff;
}
.navContent li .lb a.on {
	background: #3a5799;
	color: #fff;
}
.navContent li a:hover {
	color: #3a5799;
}
.cp_tb {
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 80px 0;
}
.cp_tb .t_b {
	width: 90px;
}
.cp_tb .t_b img {
	width: 100%;
}
.cp_tb .w_z {
	width: calc(100% - 380px);
	line-height: 1.8;
	font-size: 18px;
	color: #fff;
	margin-left: 90px;
}
.nycon .right {
	width: 100%;
}
.nycon .right h1 {
	font-size: 24px;
	color: #333;
	margin-bottom: 20px;
}
.ny_cplb {
	width: 100%;
	padding-top: 30px;
}
.ny_cplb ul {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: -16px;
}
.ny_cplb ul li {
	width: 25%;
	padding: 16px;
	box-sizing: border-box;
}
.ny_cplb ul .kuang {
	height: 100%;
	background: #fff;
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	border: #eee 1px solid;
	box-sizing: border-box;
}
.ny_cplb ul li .tips {
	background-color: rgb(28, 106, 73);
	position: absolute;
	right: 0;
	top: 0;
	min-width: 80px;
	padding: 0 15px;
	line-height: 28px;
	font-size: 16px;
	color: rgb(255, 255, 255);
	text-align: center;
	border-radius: 0 0 0 10px;
	z-index: 9;
}
.ny_cplb ul li .tips2 {
	position: absolute;
	left: 8px;
	top: 8px;
	width: 4vw;
	height: 4vw;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;
}
.ny_cplb ul li .tips2 img {
	width: 100%;
	height: 100%;
}
.ny_cplb ul li:hover .kuang {
	-webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1), 0 15px 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1), 0 15px 20px 0 rgba(0, 0, 0, .1);
	transform: translateY(-10px);
	-wbkit-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.ny_cplb ul li .t_p {
	overflow: hidden;
	position: relative;
	padding-top: 100%;
}
.ny_cplb ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.ny_cplb ul li:hover img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.ny_cplb ul li:hover .tips2 img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.ny_cplb ul li a {
	display: block;
}
.ny_cplb ul li .w_z {
	padding: 15px;
	position: relative;
	padding-right: 96px;
}
.ny_cplb ul li .w_z .mbtn {
	position: absolute;
	right: 15px;
	top: calc(50% - 16px);
	height: 32px;
	border-radius: 32px;
	border: 1px solid #6e6e6e;
	padding: 0 8px;
	color: #060606;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ny_cplb ul li .w_z .mbtn::before {
	content: "";
	display: block;
	width: 20px;
	height: 12px;
	background: url(../images/vricon.png) center center no-repeat;
	background-size: 100% 100%;
	margin-right: 8px;
}
.ny_cplb ul li .w_z .mbtn::after {
	content: "";
	display: block;
	width: 14px;
	height: 12px;
	background: url(../images/suppm.png) center center no-repeat;
	background-size: 100% 100%;
	margin-left: 8px;
	transition: all 0.3s;
}
.ny_cplb ul li .w_z .mbtn:hover::after {
	transform: translateX(4px);
}
.ny_cplb ul li h3 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #111;
}
.ny_cplb ul li:hover h3 {
	color: #3a5799;
}
.ny_cplb ul li h4 {
	font-size: 15px;
	color: #333;
}
.ntit {
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
	border-bottom: #eee 1px solid;
	border-top: #eee 1px solid;
}
.ntit ul li {
	display: inline-block;
	margin: 0 20px 0 0;
	min-width: 110px;
	float: left;
	position: relative
}
.ntit ul li .e_j {
	width: 600px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 32px;
	display: none;
	z-index: 99;
	text-align: center
}
.ntit ul li:hover .e_j {
	display: block;
}
.ntit ul li .e_j a {
	display: inline-block;
	color: #333;
	text-align: center;
	font-size: 14px;
	line-height: 35px;
	float: left;
	background: #fff;
	padding: 0 10px;
}
.ntit ul li .e_j a:hover {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	color: #3a5799;
	background: #fff;
	line-height: 35px
}
.ntit ul li a {
	line-height: 34px;
	background: #eee;
	padding: 0 20px;
	font-size: 14px;
	color: #333;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
	text-align: center
}
.ntit ul li a:hover {
	background: #3a5799;
	color: #fff;
}
.ntit ul li a.on {
	background: #3a5799;
	color: #fff;
}
.ny_new {
	padding: 30px 0 60px;
	overflow: hidden;
}
.ny_new .tit {
	text-align: center;
}
.ny_new ul li {
	width: 23%;
	margin: 1%;
	float: left;
	position: relative;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}
.ny_new ul li span {
	height: 2px;
	width: 0;
	background: #3a5799;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ny_new ul li:hover span {
	width: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ny_new ul li:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.ny_new ul li .tp {
	overflow: hidden;
	position: relative;
}
.ny_new ul li .tp img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.ny_new ul li:hover .tp img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.ny_new ul li .tp .mb {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.ny_new ul li:hover .tp .mb {
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.ny_new ul li .wenz {
	padding: 15px 10px 10px;
	background: url(../images/jt.png) 94% center / 20px no-repeat;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ny_new ul li:hover .wenz {
	background: url(../images/jts.png) 96% center / 20px no-repeat;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.lt {
	float: left;
}
.ny_new ul li .wenz h3 {
	font-size: 16px;
	color: #333;
	text-align: left;
	margin-bottom: 10px;
}
.ny_new ul li .wenz h4 {
	font-size: 18px;
	color: #3a5799;
	font-weight: bold;
	line-height: 32px;
	height: 32px;
}
.ny_new ul li .wenz h4 span {
	font-size: 14px;
	color: #3a5799;
}
.ny_new ul li .wenz h4 .fl {
	width: 100px;
	line-height: 32px;
	text-align: center;
	border-radius: 6px;
	color: #fb8225;
	font-weight: normal;
	float: right;
	font-size: 14px;
	text-align: center;
}
.ny_new ul li .wenz h4 .fl i {
	font-size: 20px;
	margin-right: 6px;
	vertical-align: middle;
}
.cqtit {
	text-align: center;
	font-size: 24px;
	color: #333;
	margin-bottom: 25px;
}
.tjxq {
	margin: 0 auto 30px;
	position: relative;
}
.tjxq .swiper-slide {
	width: 100%;
	max-width: 100%;
}
.tjxq .swiper-slide img {
	max-width: 100%;
	display: block;
}
.tjxq .tjqh {
}
.tjxq .tj-thumbs {
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	padding: 10px 0;
	position: absolute;
	left: 0;
	bottom: 0;
}
.tjxq .tj-thumbs .swiper-slide {
	width: 25%;
	height: 100%;
	overflow: hidden;
	opacity: 1;
}
.tjxq .tj-thumbs .swiper-slide img {
	width: 100%;
	display: block;
	border: rgba(0, 0, 0, 0.4) 6px solid;
	box-sizing: border-box;
	height: 100%;
	object-fit: cover;
}
.tjxq .tj-thumbs .swiper-slide-active {
	opacity: 1;
}
.tjxq .swiper-button-prev {
	background: rgba(0, 0, 0, 0.6);
	width: 40px;
	height: 50px;
	margin-top: -50px;
	top: 45%;
	left: 1%;
	text-align: center;
	color: #fff;
	line-height: 50px;
}
.tjxq .swiper-button-prev i {
	font-size: 30px;
}
.tjxq .swiper-button-next {
	background: rgba(0, 0, 0, 0.6);
	width: 40px;
	height: 50px;
	margin-top: -50px;
	top: 45%;
	right: 1%;
	text-align: center;
	color: #fff;
	line-height: 50px;
}
.tjxq .swiper-button-next i {
	font-size: 30px;
}
.nban2 {
	height: 450px;
	width: 100%;
	position: relative;
}
.nban2 .w_z {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 60px;
	padding-top: 80px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.4)
}
.nban2 h4 {
	font-size: 28px;
	color: #fff;
	text-align: center;
}





.nban3 {
	height: 100vh;
	width: 100%;
	position: relative;
}
.nban3 .w_z {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	padding-top: 80px;
	box-sizing: border-box;
	/*background: rgba(0, 0, 0, 0.4);*/
	text-align:left;
	font-size: 16px;
	line-height: 36px;
}
.nban3 p{width:50%;}
.nban3 .w_z h2{
	font-size: 60px;
	color: #fff;
	margin-top: 20px;
	text-align: left;
	font-weight: 400;
	line-height: 1.4;
}
.nban3 .w_z h3{
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	line-height: 46px;
	margin-bottom: 10px;
}
.nban3 .span {
	font-size: 16px;
	width: 132px;
	line-height: 50px;
	color: #fff;
	border: rgba(255,255,255,0.5) 1px solid;
	padding: 0 0 0 26px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	margin: 15px 0 0;
	display: inline-block; margin-top:40px
}
.nban3 .span i {
	margin-left: 20px;
	font-size: 20px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.nban3 .span:hover i {
	margin-left: 35px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

/*下载*/

.ny_zlxz {
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0
}
.ny_zlxz ul li {
	width: 32%;
	margin-right: 2%;
	float: left;
	margin-bottom: 25px;
	background: #f6f6f6;
	padding: 25px 10px;
	-moz-box-sizing: border-box;
	/*Firefox3.5+*/

	-webkit-box-sizing: border-box;
	/*Safari3.2+*/

	-o-box-sizing: border-box;
	/*Opera9.6*/

	-ms-box-sizing: border-box;
	/*IE8*/

	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.ny_zlxz ul li:nth-child(3n) {
	margin-right: 0;
}
.ny_zlxz ul li .tb {
	width: 130px;
	height: 130px;
	float: left;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden
}
.ny_zlxz ul li .tb img {
	width: 100%;
	height: 100%;
	display: block
}
.ny_zlxz ul li .wenz {
	float: right;
	padding-left: 30px;
	width: 255px;
	box-sizing: border-box;
}
.ny_zlxz ul li .wenz p {
	font-size: 16px;
	color: #333;
	margin-bottom: 20px;
}
.ny_zlxz ul li .wenz .xzan {
	width: 120px;
	line-height: 35px;
	background: rgba(0, 153, 153, 1);
	font-size: 18px;
	color: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: center
}
.cpxq {
	padding: 0px 0 50px;
	margin: 0 auto;
}
.cpxq .top {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.cpxq .left {
	width: 65%;
	float: left;
	position: relative;
}
.cpxq .left .vrlink {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 9;
}
.cpxq .left .vrlink img {
	display: block;
	max-height: 80px;
}
.cpxq .left .swiper {
	position: relative;
	z-index: 1;
}
.cpxq .vrdw {
	position: relative;
}
.cpxq .vrdw .dingwei {
	position: absolute;
	left: 0;
	top: -80px;
}
.cpxqlb {
	width: 100%;
	position: relative;
}
.cpxqlb .swiper-slide img {
	width: 100%;
	height: 658px;
	display: block;
	object-fit: cover;
}
.cpxqlb .swiper-pagination {
	bottom: 10px !important;
	width: 100%;
	height: 10px;
	text-align: center;
}
.cpxqlb .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 0;
	opacity: 1;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: #3a5799 1px solid;
	background: none
}
.cpxqlb .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #3a5799;
}
.cpxqlb .swiper-button-prev {
	background: url(../images/banner-l.png) no-repeat;
	width: 30px;
	height: 50px;
	margin-top: 0;
	left: 0px;
	background-size: 30px 50px;
	-webkit-background-size: 30px 50px;
	-moz-background-size: 30px 50px;
	-ms-background-size: 30px 50px;
	-o-background-size: 30px 50px;
}
.cpxqlb .swiper-button-next {
	background: url(../images/banner-r.png) no-repeat;
	width: 30px;
	height: 50px;
	margin-top: 0;
	right: 0px;
	background-size: 30px 50px;
	-webkit-background-size: 30px 50px;
	-moz-background-size: 30px 50px;
	-ms-background-size: 30px 50px;
	-o-background-size: 30px 50px;
}
.cpxq .right {
	width: 35%;
	float: right;
	padding: 0 0 0 30px;
	box-sizing: border-box;
	position: relative;
}
.cpxq .right .a_n {
	width: 230px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #3a5799;
	position: absolute;
	left: 30px;
	bottom: 0;
}
.cpxq .right .a_n a {
	color: #fff;
	display: block;
}
.cpxq .right h3 {
	font-size: 25px;
	color: #333;
	margin-bottom: 20px;
	font-weight: bold;
	margin-top: 50px;
}
.cpxq .right p {
	font-size: 16px;
	line-height: 1.8;
	color: #555;
	margin-bottom: 20px;
}
.cpxq .right h4 {
	font-size: 20px;
	line-height: 1.8;
	color: #000;
	margin-bottom: 20px;
	font-weight: bold;
}
.cpxq .right h4 span {
	font-weight: 100;
	color: #222;
}
.cpxq .right .tb {
	/* text-align: right; */
	position: absolute;
	left: 30px;
	bottom: 64px;
}
.cpxq .right .tb img {
	max-height: 72px;
}
.cpxq .cptd {
	padding-top: 50px;
}
.cpxq .cptd .bt {
	font-size: 20px;
	color: #fff;
	margin-bottom: 40px;
	font-weight: bold;
	background: #eee;
	line-height: 2.5;
}
.cpxq .cptd h3 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom: 15px;
}
.cpxq .cptd .bt span {
	display: inline-block;
	padding: 0 15px;
	background: #3a5799;
}
.cpxq .cptd p {
	font-size: 16px;
	line-height: 2;
	color: #555;
	margin-bottom: 15px;
}
.cpxq .td {
	padding-top: 60px;
}
.cpxq .td img {
	width: 100%;
	display: block;
}
.cpxq .td ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cpxq .td ul li {
	width: 30.3333%;
}
.cpxq .td ul li span {
	text-align: left;
	font-size: 16px;
	color: #666666;
}
.cpxq .td ul li h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: 0;
	color: #111;
	text-align: left;
	padding: 8px 0;
	border-bottom: 1px solid #232323;
	/* text-transform: uppercase; */

	margin-bottom: 20px;
}
.cpxq .td ul li .zi {
	font-size: 16px;
	line-height: 24px;
	color: #222;
}
.cpxq .td ul li i {
	background-color: rgb(0, 0, 0);
	display: block;
	width: 80px;
	height: 4px;
	margin-right: 10px;
}
.cpxq .td ul li .flexb {
	justify-content: flex-start;
	display: flex;
}
.indp4 {
	padding: 0px 0 15px;
}
.indp4Ul {
	padding: 0 184px;
	overflow: hidden;
}
.indp4Ul li {
	padding: 16px 32px;
	text-align: center;
	float: left;
	box-sizing: border-box;
	height: 160px;
}
.indp4Ul .descB {
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 1.8;
	margin-top: 8px;
}
.col_4 {
	width: calc(100% / 4);
}
.pubTit {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 0px;
	margin-bottom: 40px;
	max-width: 50vw;
	max-width: 960px;
	font-size: 48px;
	color: #000000;
	font-weight: 700;
}
.gl {
	padding-top: 50px;
}
.gl ul {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap
}
.gl ul li {
	width: 23%;
	height: 114px;
	box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 15px -3px, rgba(0, 0, 0, 0.04) 0px 4px 6px -2px !important;
	border-radius: 6px;
	padding: 16px;
	box-sizing: border-box;
	text-align: center;
	float: left;
	margin-bottom: 20px
}
.gl ul li h3 {
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 12px;
	color: rgb(43, 45, 46);
	font-size: 12px;
}
.gl ul li .tb {
	text-align: center;
	margin-bottom: 6px;
}
.gl ul li .tb img {
	width: 30px;
	margin: 0 auto;
}
.gl ul li p {
	font-size: 16px;
	line-height: 1.2
}
.cpxq .b_t {
	margin-top: 60px;
	margin-bottom: 25px;
	font-size: 20px;
	color: #333;
}
.cpxq .b_t span {
	font-size: 14px;
	margin-left: 15px;
}
.cpxq .b_t a {
	color: #333;
}
.cpxq .b_t i {
	font-size: 14px;
	margin-left: 5px;
}
.xq_fd {
	position: relative;
	padding-top: 50%;
}
.xq_fd .imgs {
	top: 0;
	left: 0;
	width: 100%
}
.xq_fd .tp {
	width: 100%;
	padding-bottom: 90%;
	position: absolute;
	top: 0;
	left: 0;
}
.xq_gm {
	margin-top: 50px;
	display: flex;
	align-items: stretch;
}
.xq_gm .tu {
	width: 50%;
}
.xq_gm .tu img {
	width: 100%;
	display: block;
}
.xq_gm .w_z {
	width: 50%;
	background: #ebebeb;
	padding: 50px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.xq_gm .w_z .kd {
	max-width: 410px;
}
.xq_gm .w_z h3 {
	font-size: 40px;
	line-height: 1.2;
	color: #222;
	margin-bottom: 20px;
}
.xq_gm .w_z p {
	font-size: 16px;
	line-height: 1.6;
	color: #222;
}
.xq_gm .w_z .more {
	font-size: 18px;
	line-height: 50px;
	color: #3a5799;
	width: 100%;
	background: #fff;
	margin-top: 35px;
	text-align: center;
	border: #3a5799 1px solid;
	position: relative;
}
.xq_gm .w_z .more span {
	position: absolute;
	width: 0%;
	height: 100%;
	background: #3a5799;
	left: 0;
	top: 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.xq_gm .w_z .more:hover span {
	width: 100%;
}
.xq_gm .w_z .more a {
	color: #3a5799;
	position: relative;
	z-index: 5;
}
.xq_gm .w_z .more:hover a {
	color: #fff;
}
.ny_tjcp {
	padding: 80px 0;
	position: relative;
}
.swiper-yyly {
	width: 100%;
	margin: 0 auto;
	padding-top: 20px !important;
}
.swiper-yyly .swiper-slide {
	position: relative;
}
.swiper-yyly .swiper-slide img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
}
.swiper-yyly .swiper-slide .w_z {
	width: 90%;
	padding: 10px 5%;
	background-color: rgba(0, 0, 0, .6);
	position: absolute;
	bottom: 0px;
	left: 0;
	color: #fff;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.swiper-yyly .swiper-slide .w_z h3 {
	font-size: 16px;
	color: #fff;
	position: relative;
	text-align: center;
}
.swiper-yyly .swiper-slide:hover .w_z {
	background-color: rgba(46, 122, 181, .9);
	bottom: 10px;
}
.sy_cp .swiper-pagination-bullet {
	background: #ccc;
}
.sy_cp .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #3a5799;
	border: #3a5799 1px solid;
}
.sy_cp {
	padding-bottom: 50px;
	padding-top: 50px;
}
.htit {
	font-size: 26px;
	color: #333;
	margin-bottom: 20px;
}
.page {
	padding: 30px 0 0;
	text-align: center;
}
.page a {
	display: inline-block;
	padding: 10px 12px;
	color: #333;
	font-size: 16px;
	margin: 0 5px;
}
.page a:hover {
	background: #333;
	color: #fff;
}
/*联系*/

.lxwm {
	padding-top: 50px;
	margin: 0 auto;
	position: relative;
}
.lxwm .top {
	padding: 50px 0;
	overflow: hidden;
	width: 80%;
	margin: 0 auto
}
.lxwm .left {
	width: 45%;
	float: left;
}
.lxwm .left h1 {
	font-size: 36px;
	color: #222;
	text-transform: capitalize;
	margin-bottom: 30px;
}
.lxwm .left h3 {
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	margin-bottom: 50px;
}
.lxwm .left .w_z {
}
.lxwm .left .w_z li {
	overflow: hidden;
	padding-bottom: 25px;
}
.lxwm .left .w_z li h4 {
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
}
.lxwm .left .w_z li p {
	font-size: 26px;
	color: #222;
}
.lxwm .left .w_z li p a {
	color: #222;
	border-bottom: #222 1px solid;
}
.lxwm .t_p {
	width: 50%;
	float: right
}
.lxwm .t_p img {
	width: 100%;
}
.ctas li {
	width: 33.3333%;
	float: left;
	margin-bottom: 35px;
}
.ctas li .icob {
	width: 70px;
	height: 70px;
	border: #3a5799 1px solid;
	border-radius: 100%;
	margin: 0 auto;
	overflow: hidden;
	line-height: 70px !important;
	text-align: center;
	font-size: 35px !important;
	color: #3a5799;
}
.lxewm {
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	margin: 30px auto;
}
.ctas li .ico {
	display: block;
	background-position: center center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	transition: 300ms;
	-webkit-transition: 300ms;
	line-height: 65px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}
.ctas li .ico i {
	width: 100%;
	font-size: 30px;
}
.ctas li:hover .icob {
	background: #3a5799;
	color: #fff;
}
.ctas li .en {
	text-align: center;
	text-transform: capitalize;
	font-size: 15px;
	color: #666;
	margin-top: 7px;
}
.ctas li .ch0 {
	text-align: center;
	margin-top: 12px;
	font-size: 16px;
	color: #333;
}
.ctas li:hover .ico {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
.ctas {
	margin-top: 2.5%;
}
.cta_words {
	background: #f6f6f6;
	padding: 5% 0 5% 0;
	margin-top: 5%;
}
.lx_dt {
	padding-top: 40px;
	padding-bottom: 60px;
}
/*留言*/



.lxly {
	padding: 80px 0;
	background: #f1f1f1;
}
.lxly .b_t {
	font-size: 36px;
	color: #222;
	margin-bottom: 50px;
	text-align: center
}
.lxly .b_t h3 {
	font-size: 20px;
	color: #333;
	text-align: center;
	margin-top: 15px;
}
.lxly p {
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 15px;
	color: #333;
}
.lxly p span {
	color: #E0070B;
}
.lxly .wbk {
}
.lxly .wbk li {
	width: 48%;
	float: left;
	margin: 1%;
}
.lxly .wbk li.l1 {
	width: 98%;
	margin: 1%;
}
.lxly .wbk input.w_z {
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	float: left;
	font-size: 16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color: #888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Lato-Light';
	background: #fff;
	border: #ccc 1px solid;
}
.lxly .wbk input.w_z.no {
	margin-right: 0
}
.lxly .wbk textarea {
	width: 100%;
	height: 150px;
	padding: 0 15px;
	line-height: 50px;
	color: #888;
	font-size: 16px;
	outline: none;
	resize: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: #ccc 1px solid;
}
.lxly .wbk .a_n {
	width: 300px;
	height: 52px;
	margin: 15px auto 0 1%;
	line-height: 52px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	background: #3a5799;
	border-radius: 3px;
}
.ny_nr {
	padding-bottom: 70px;
	padding-top: 60px;
}
.ny_nr .wd_zq h3 {
	font-size: 26px;
	text-align: center;
}
.ny_nr .wd_zq i {
	width: 44px;
	height: 2px;
	background-color: #aaa;
	margin: 15px auto;
	display: block;
}
.ny_nr .wd_zq p {
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 60px;
}
.ny_nr .wd_zq ul li {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}
.ny_nr .wd_zq .w_t {
	width: 96%;
	padding: 20px 2%;
	font-size: 15px;
	line-height: 1.4;
	position: relative;
	cursor: pointer;
	font-size: 20px;
}
.ny_nr .wd_zq ul li.on .w_t {
	background-color: #f7f7f7;
	color: #3a5799;
}
.ny_nr .wd_zq .w_t span {
	width: 52px;
	height: 68px;
	background-color: #3a5799;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}
.ny_nr .wd_zq .w_t span em {
	width: 14px;
	height: 14px;
	border-radius: 100%;
	border: 2px solid #fff;
	position: absolute;
	top: 22px;
	left: 17px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.ny_nr .wd_zq ul li.on .w_t span em {
	width: 22px;
	height: 2px;
	border-radius: 0;
	border: 0;
	background-color: #fff;
	top: 25px;
	left: 17px;
}
.ny_nr .wd_zq ul li.on .w_t span em.x_1 {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.ny_nr .wd_zq ul li.on .w_t span em.x_2 {
	transform: rotate(45deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}
.ny_nr .wd_zq .j_d {
	width: 96%;
	padding: 2%;
	font-size: 15px;
	line-height: 30px;
	display: none;
}
.ny_nr .wd_zq .j_d a {
	color: #333;
	margin-bottom: 15px;
	position: relative;
	display: block;
}
.ny_nr .wd_zq .j_d a:hover {
	color: #3a5799;
	text-decoration: underline;
}
.ny_nr .wd_zq .j_d a::before {
	content: "●";
	margin-right: 10px;
	font-size: 18px;
}
.ny_lx {
	max-width: 800px;
	margin: 60px auto;
}
.ny_lx .lxnr {
	padding-bottom: 50px;
	border-bottom: #ccc 1px solid;
	margin-bottom: 50px;
	overflow: hidden
}
.ny_lx .lxnr h2 {
	font-size: 35px;
	text-align: center;
	margin-bottom: 30px;
	color: #333;
	font-family: zidingyi;
	text-transform: uppercase;
}
.ny_lx .lxnr p {
	font-size: 14px;
	line-height: 1.8
}
.ny_lx .lxnr ul li {
	float: left;
	width: 50%;
	-moz-box-sizing: border-box;
	/*Firefox3.5+*/

	-webkit-box-sizing: border-box;
	/*Safari3.2+*/

	-o-box-sizing: border-box;
	/*Opera9.6*/

	-ms-box-sizing: border-box;
	/*IE8*/

	box-sizing: border-box;
	text-align: center;
}
.ny_lx .lxnr ul li h3 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #000;
	text-transform: uppercase;
	line-height: 25px;
}
.ny_lx .lxnr ul li h3 i img {
	vertical-align: middle;
	width: 25px;
}
.ny_lx .lxnr ul li h3 i {
	margin-right: 10px;
}
.header .nav .yyss {
	display: none;
}
 @media only screen and (max-width:1440px) {
.sy_led .left ul li {
	margin-bottom: 20px;
}
.sy_led .left ul li .wenz h3 {
	margin-bottom: 15px;
}
}
 @media only screen and (max-width:1440px) {
.sy_led .left ul li .wenz p {
	font-size: 15px;
	line-height: 1.7;
}
.sy_led .left ul li .wenz {
	padding: 0 10px;
}
.header .nav ul li {
	padding: 0 15px;
}
.sy_led .right .mb .wz {
	padding: 10px 30px;
}
.con {
	width: 1200px;
}
}
 @media only screen and (max-width:1366px) {
.sy_jj .w_z {
	padding-bottom: 0px;
}
.sy_jj .w_z h3 {
	font-size: 35px;
}
}
 @media only screen and (max-width:1024px) {
.header {
	border: 0;
	height: 60px;
	width: 100%;
	display: block;
	backdrop-filter: none;
}
.header .container {
	padding: 0;
	width: 94%;
	height: 60px;
}
.header .logo {
	margin: 15px auto 0;
}
.header .logo img {
	height: 32px;
}
.header.on .logo {
	margin: 10px auto;
}
.header .an {
	display: block;
	right: 10px;
}
.header .an span {
	background-color: #555
}
.header .right {
	margin-top: 10px;
	margin-right: 60px;
	display: none
}
.header .nav ul {
	width: 100%;
}
.header .nav {
	width: 100%;
	padding: 15px 5%;
	box-sizing: border-box;
	background-color: #fff;
	height: 100%;
	position: fixed;
	top: 60px;
	right: -100%;
	z-index: 9999;
	overflow: auto;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	margin-top: 0;
	margin-left: 0;
	left: auto;
}
.header .nav.on {
	right: 0;
}
.header.on .nav ul li a {
	color: #222;
}
.header .nav i {
	display: block;
}
.header .nav ul li {
	line-height: 60px;
	text-align: left;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.header .nav ul li::after {
	background: rgba(0, 0, 0, 0);
}
.header.on .nav ul li {
	line-height: 60px;
}
.header .nav .e_j {
	width: 100%;
	border-top: 1px dashed rgba(0, 0, 0, 0.15);
	background: none;
	position: relative;
	display: none;
	top: auto;
	left: auto;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 0;
}
.header .nav ul li .e_j a {
	color: #222;
	text-align: left;
}
.header .nav ul li .e_j a:hover {
	color: #222
}
.header .nav .e_j a {
	border-top: 0;
	font-size: 12px;
	color: #222;
	line-height: 32px;
}
.header .nav .e_j a:hover {
	background: none;
}
.header .nav ul li:hover .e_j {
	display: none;
}
.header .nav ul li a {
	font-size: 16px;
	color: #222;
}
.nav .e_j .box {
	padding: 5px 0;
}
.nav .e_j.pp .container-fluid {
	flex-wrap: wrap;
}
.header .e_j .container {
	height: auto;
}
.nav .e_j.pp .tw {
	width: 100%;
	margin: 0;
}
.nav .e_j.pp .tw p {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
	color: #222;
}
.nav .e_j.pp .tw img+p {
	margin-top: 0;
}
.header .nav ul li:hover span {
	width: 0;
}
.header .nav ul li.on span {
	width: 0;
}
.header .nav .yyss {
	width: 100%;
	border-top: #ccc 2px solid;
	border-bottom: #ccc 2px solid;
	text-align: left;
	font-size: 16px;
	display: block;
}
.header .nav .yyss .sslm {
	line-height: 50px;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
}
.header .nav .yyss .sslm em {
	font-size: 18px;
	margin-right: 10px;
	color: #444;
	font-style: normal;
}
.search .kj {
	max-width: 100%;
	padding: 56px 16px;
}
.search .bor {
	width: 100%;
}
.search .an_sj {
	right: 16px;
	top: 16px;
}
.search button.s_c {
	width: 15%;
}
.search input.w_z {
	width: 85%;
}
.hbj {
	background: rgba(255, 255, 255, 1);
}
.searchbj {
	background: rgba(255, 255, 255, 1);
}
.baibg .kj {
	padding: 56px 16px;
}
.baibg .x_l {
	box-sizing: border-box;
}
.baibg .nr {
	flex-wrap: wrap;
}
.baibg .titB {
	width: 100%;
	margin-right: 0;
}
.baibg .pre {
	width: 100%;
}
.baibg .showB {
	box-sizing: border-box;
	width: 100%;
	padding: 0 16px;
}
.baibg .an_sj {
	top: 16px;
	right: 16px;
}
.swiper-cp .swiper-slide .t_p {
	height: 16rem;
}
.con {
	width: 90%;
}
.header .con {
	display: block;
	height: 60px;
}
.container {
	width: 94%;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	/*Firefox3.5+*/

	-webkit-box-sizing: border-box;
	/*Safari3.2+*/

	-o-box-sizing: border-box;
	/*Opera9.6*/

	-ms-box-sizing: border-box;
	/*IE8*/

	box-sizing: border-box;
}
.gallery-top .swiper-slide {
	width: 100%;
	height: auto  ;
}
.ban .swiper-slide {
	height: 30rem;
}
.ban h4 {
	font-size: 28px;
	margin-bottom: 20px;
}
.sy_cphs {
	padding: 30px 0;
}
.header.ny .nav ul li a {
	color: #fff;
}
.sy_wz {
	width: 90%;
	padding: 30px 0 0;
	font-size: 16px;
	text-align: center;
	padding-bottom: 24px;
}
.tit2 {
	margin-bottom: 30px;
}
.tit2 h1 {
	font-size: 30px;
}
.sy_jj {
	padding: 30px 0;
}
.sy_jj .w_z {
	width: 100%;
}
.sy_jj .con {
	flex-wrap: wrap;
}
.sy_jj .w_z h3 {
	font-size: 20px;
	margin-bottom: 20px;
}
.sy_jj .w_z .nr {
	font-size: 15px;line-height: 30px;
}
.sy_jj .t_p {
	width: 100%;
	margin-top: 20px;
}
.sy_jj .more a {
	padding: 0 20px;
	margin-top: 20px;width: 102px;
}
.sy_jj .more {
	position: static;
	margin: 0 0;
}
.tit .more a {
	padding: 0 20px;
}
.tit .more {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.sy_fl .tit{ margin-bottom:40px}
.sy_fl .tit .more{ position:absolute; right:0; top:0; margin-bottom:0; margin-top:0}
.footer li.dz {
	width: 100%;
	margin-top: 20px;
}
.footer {
	padding: 0px 0;
}
.head_hny {
	height: 70px;
}
.cqtit {
	margin-top: 25px;
}
.sy_cpfl ul li:first-child {
	margin-bottom: 30px;
}
.footer .l1 {
	flex: 0 0 0;
	max-width: 100%;
}
.footer {
	display: block;
}
.banq .fl {
	width: 100%;
	text-align: center;
}
.banq .fr {
	width: 100%;
	text-align: center;
}
.banq .fr img {
	max-width: 100%;
}
.ny_new ul li {
	width: 46%;
	margin: 2%;
}
.h60 {
	height: 90px;
}
.about {
	max-width: 90%;
}
.ny_lx {
	max-width: 90%;
}
.sy_zxcp {
	padding: 40px 0;
}
.tit h1 {
	font-size: 30px;
}
.tit h1 span {
	font-size: 18px;
}
.tit {
	margin-bottom: 30px;
}
.sy_fl {
	padding:50px 0 50px;clip-path: polygon(0 3%, 100% 0%, 100% 97%, 0% 100%);
}
.sy_fl ul li h3 {
	font-size: 16px;
	bottom: 10px;
}
.sy_fl ul li {
	width: 48%;
}
.sy_cpfl {
	padding: 0px 0 30px;
}
.sy_led .left {
	width: 100%;
}
.sy_led .right {
	width: 100%;
}
.footer li.yx {
	width: 100%;
	margin-top: 20px;
}
.sy_p3 {
	padding: 30px 0;
}
.nban2 {
	height: 15rem;
}
.nban2 h4 {
	font-size: 20px;
}
.wzxx {
	line-height: 40px;
	margin-bottom: 10px;
}
.tit h2 {
	font-size: 40px;
}
.nycon .left .bt2 {
	line-height: 32px;
	font-size: 16px;
	position: relative;
}
.subNavBox {
	width: 100%;
}
.subNav {
	font-size: 16px;
	background-size: 8px;
	width: 33.3333%;
	line-height: 40px;
	padding-left: 10px;
}
.currentDt {
	background-size: 16px;
}
.subNavBox {
	height: 40px;
	border: #eee 1px solid;
}
.navContent {
	width: 100%;
	padding: 20px 0 15px;
	border: none
}
.search2 {
	width: 100%;
	height: 38px;
	padding: 0px 10px;
	position: static;
	margin-bottom: 20px;
}
.search2 button.s_c {
	height: 38px;
	line-height: 38px;
}
.search2 input.w_z {
	width: 80%;
	height: 38px;
	font-size: 16px;
	line-height: 38px;
}
.navContent li {
	width: 100%;
	line-height: 32px;
	margin-bottom: 5px;
}
.navContent li .lm {
	width: 100%;
}
.navContent li .lb {
	width: 100%;
}
.navContent li .lb a {
	padding: 0 10px;
	min-width: 78px;
	float: left;
	font-size: 14px;
	margin: 0 8px 8px 0;
	box-sizing: border-box;
}
.cp_tb {
	margin-top: 0px;
	flex-wrap: wrap;
	padding: 30px 0;
}
.cp_tb .w_z {
	width: 100%;
	font-size: 16px;
	margin-left: 0px;
	padding: 20px 16px 10px;
	box-sizing: border-box;
}
.cp_tb .t_b {
	width: 80px;
}
.nycon .right {
	width: 100%;
	margin-top: 0;
}
.ny_cplb {
	width: 100%;
}
.nycon .right h1 {
	font-size: 18px;
	margin-bottom: 15px;
}
.ny_cplb ul {
	margin: -4px;
}
.ny_cplb ul li {
	padding: 4px;
	width: 50%;
}
.ny_cplb ul li .w_z {
	padding: 10px;
}
.ny_cplb ul li .w_z .mbtn {
	padding: 0;
}
.ny_cplb ul li h3 {
	margin: 10px 0 5px;
	font-size: 16px;
}
.ny_cplb ul li .tips {
	box-sizing: border-box;
}
.ny_cplb ul li .tips2 {
	width: 10vw;
	height: 10vw;
}
.ny_cplb ul li.last {
	margin-right: 2%;
}
.nycon .left .bt2 .w_z {
	display: block;
	position: absolute;
	right: 15px;
	top: 0;
	padding: 0;
	width: 20px;
	height: 32px;
	background: url(../images/nyej.png) center / 100% no-repeat;
}
.nycon {
	width: 95%;
	margin: 30px auto;
}
.nycon .left {
	width: 100%;
	border: 0
}
.h60 {
	height: 90px;
}
.ny_jj .w_z {
	width: 100%;
	position: static;
	transform: translate(0, 0%);
	-webkit-transform: translate(0, 0%);
	-moz-transform: translate(0, 0%);
	-ms-transform: translate(0, 0%);
	-o-transform: translate(0, 0%);
	margin-bottom: 24px;
}
.ny_jj2 .w_z {
	width: 100%;
	position: static;
	transform: translate(0, 0%);
	-webkit-transform: translate(0, 0%);
	-moz-transform: translate(0, 0%);
	-ms-transform: translate(0, 0%);
	-o-transform: translate(0, 0%);
	margin-bottom: 24px;
}
.ny_jj2 .w_z h3 {
	font-size: 25px;
	margin-bottom: 20px;
}
.ny_jj2 .w_z .zi {
	font-size: 16px;
}
.ny_jj2 .tp {
	width: 100%;
}
.ny_jj2 {
	padding: 30px 0;
}
.ny_jj .tp {
	width: 100%;
}
.ny_jj {
	padding: 30px 0 30px;
}
.ny_jj .w_z h3 {
	font-size: 25px;
	margin-bottom: 20px;
}
.ny_jj .w_z .zi {
	font-size: 16px;
}
.ny_jj3 {
	padding: 30px 0;
}
.ny_jj3 ul li h3 {
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 20px;
	height: 40px;
	overflow: hidden;
}
.ny_jj3 .more a {
	padding: 4px 24px;
}
.sy_p3 ul {
	padding-top: 0px;
}
.sy_p3 ul li {
	width: 50%;
	padding: 0px 20px 25px;
}
.ny_zlxz ul li {
	width: 100%;
	margin-right: 0;
}
.ny_zlxz {
	min-height: 400px;
	padding: 0 0 30px
}
.ny_zlxz ul li .wenz {
	padding-left: 20px;
	width: calc(100% - 140px);
}
.nycon {
	padding: 30px 0 0;
}
.tjxq .tj-thumbs {
	width: 100%;
	height: 80px;
	position: relative;
}
.ntit ul li {
	margin: 0 16px 10px 0;
	min-width: 110px;
}
.lxwm {
	padding-top: 0px;
}
.lxwm .top {
	padding: 30px 0;
	width: 100%;
}
.lxwm .left {
	width: 100%;
}
.lxwm .left h1 {
	font-size: 25px;
	margin-bottom: 20px;
}
.lxwm .left h3 {
	margin-bottom: 30px;
}
.lxwm .left .w_z li p {
	font-size: 20px;
}
.lxwm .t_p {
	width: 100%;
}
.lx_dt {
	padding-top: 0px;
	padding-bottom: 30px;
}
.lxly {
	padding: 30px 0;
}
.ny_nr .wd_zq .w_t {
	width: 96%;
	padding: 10px 2%;
	font-size: 18px;
}
.ny_nr .wd_zq .w_t span {
	height: 45px;
}
.ny_nr .wd_zq ul li.on .w_t span em {
	top: 20px;
}
.ny_nr .wd_zq .w_t span em {
	top: 15px;
}
.cpxq .left {
	width: 100%;
	position: relative;
}
.cpxq .right {
	width: 100%;
	padding: 0 0 0 0px;
}
.cpxq .top {
	flex-wrap: wrap;
}
.cpxq .right h3 {
	font-size: 24px;
	margin-top: 30px;
}
.cpxq .right h4 {
	font-size: 16px;
	margin-bottom: 15px;
}
.cpxq .right .tb {
	left: 0px;
	bottom: 0;
	position: relative;
	margin: 0 0 16px 0;
}
.cpxq .right .a_n {
	width: 230px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	left: 0px;
	bottom: 0;
	position: relative;
}
.cpxq .td {
	padding-top: 30px;
}
}
 @media only screen and (max-width:600px) {
.cpxq .td ul li {
	width: 100%;
	margin-bottom: 10px;
}
.cpxq .b_t {
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 16px;
}
.xq_gm {
	margin-top: 30px;
	flex-wrap: wrap
}
.xq_gm .tu {
	width: 100%;
}
.xq_gm .w_z {
	width: 100%;
	padding: 20px;
}
.xq_gm .w_z h3 {
	font-size: 25px;
	margin-bottom: 15px;
}
.xq_gm .w_z .more {
	font-size: 16px;
	line-height: 40px;
	margin-top: 25px;
}
.cpxq .cptd {
	padding-top: 30px;
}
.pubTit {
	font-size: 2.5rem;
}
.indp4Ul {
	padding: 0;
}
.indp4Ul li {
	padding: 15px 10px;
	height: 160px;
}
.col_4 {
	width: 50%;
}
.indp4Ul .descB {
	text-align: center;
	font-size: 14px;
}
.indp4 .container {
	width: 100%;
	max-width: 100%;
}
.sy_cp {
	padding-bottom: 10px;
	padding-top: 30px;
}
.swiper-yyly {
	padding-bottom: 0px !important;
}
.cpxq {
	padding: 0px 0 30px;
}
.lxly .b_t h3 {
	font-size: 16px;
}
.lxly .wbk li {
	width: 100%;
	margin: 1% 0;
}
.lxly .wbk input.w_z {
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
}
.ny_nr .wd_zq .w_t {
	height: 60px;
	width: 100%;
	padding: 10px 55px 10px 10px;
	box-sizing: border-box;
	font-size: 14px;
}
.ny_nr .wd_zq .j_d {
	font-size: 14px;
	line-height: 26px;
}
.ny_nr {
	padding-bottom: 30px;
	padding-top: 30px;
}
.ny_nr .wd_zq ul li {
	margin-bottom: 15px;
}
.ny_nr .wd_zq .w_t span {
	background-color: rgba(255, 255, 255, 0);
}
.ny_nr .wd_zq ul li.on .w_t span em {
	background-color: #3a5799;
}
.ny_nr .wd_zq .w_t span em {
	top: 15px;
	border: 2px solid #3a5799;
}
.lxly .wbk .a_n {
	width: 40%;
	height: 42px;
	margin: 15px 30% 1%;
	line-height: 42px;
	font-size: 16px;
}
.lxly p {
	font-size: 16px;
	margin-bottom: 10px;
}
.sy_p3 ul li {
	width: 100%;
}
.sy_p3 ul li .tb {
	margin-bottom: 20px;
}
.header .right {
	margin-right: 50px;
}
.header .right a {
	padding: 0 5px;
	margin-right: 2px;
	font-size: 16px;
	display: inline-block;
	float: none;
}
.header .right .yy {
	line-height: 16px;
	padding: 0 10px 0 0;
	margin-right: 6px;
}
.header .right .yy i {
	line-height: 16px;
}
.ban .mb h1 {
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); text-align:left
}
.ban h4 {
	font-size: 16px;
}
.banK .loyB {
	font-size: 1rem;
}
.ban .swiper-button-next {
	display: none;
}
.ban .swiper-button-prev {
	display: none
}
.ban .mb {
	bottom: 10rem;
	padding: 0 5% 0;
	text-align: center  ;
}
.ban .mb span {
	font-size: 16px;
	width: 122px;
	line-height: 40px;
	color: #fff;
	border: rgba(255,255,255,0.5) 1px solid;
	padding: 0 10px 0 10px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	margin: 10px 0 0;
	display: inline-block;
}
.sy_fl ul li {
	width: 100%;
}
.sy_cphs .swiper-button-next {
	border-radius: 16px;
	line-height: 30px;
	width: 30px;
	height: 30px;
}
.sy_cphs .swiper-button-next i {
	font-size: 24px;
}
.sy_cphs .swiper-button-prev {
	border-radius: 16px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	right: 40px;
}
.swiper-cp .swiper-slide .t_p {
	height: 20rem;
}
.sy_cphs .swiper-button-prev i {
	font-size: 24px;
}
.swiper-cp .swiper-slide .tips {
	min-width: 60px;
	line-height: 28px;
	font-size: 16px;
	padding: 0 12px;
}
.swiper-cp .swiper-slide .w_z .jt {
	width: 20px;
	height: 20px;
	line-height: 20px;
}
.swiper-cp .swiper-slide p {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.sy_cphs .more a {
	padding: 4px 20px;
	margin-top: 20px;
	font-size: 16px;
}
.footer h3 {
	font-size: 20px;
	margin-bottom: 10px;
}
.tit {
	margin-bottom:26px;
}
.tit h1 {
	font-size: 20px;
}
.sy_zxcp {
	padding: 4rem 0 2rem;
}
.sy_zxcp .swiper-button-next {
	right: 0;
	width: 35px;
	line-height: 35px;
	height: 35px;
}
.sy_zxcp .swiper-button-next i {
	line-height: 35px;
}
.sy_zxcp .swiper-button-prev {
	left: 0;
	width: 35px;
	line-height: 35px;
	height: 35px;
}
.sy_zxcp .swiper-button-prev i {
	line-height: 35px;
}
.sy_wz {
	width: 90%;
	padding: 3rem 0;
}
.sy_cpfl {
	padding: 1rem 0 2rem;
}
.sy_cpfl ul li:first-child {
	margin-bottom: 2rem;
}
.sy_cpfl ul li .wenz h3 {
	font-size: 2rem;
}
.sy_cpfl ul li .wenz .more {
	position: relative;
	font-size: 1.4rem;
}
.sy_cpfl ul li .wenz {
	padding: 1.5rem;
}
.sy_led .left ul li .wenz h3 {
	font-size: 20px;
}
.sy_led .right .mb {
	width: 100%;
}
.sy_led .right .mb .wz {
	padding: 10px 10px;
}
.sy_led .right .mb .wz h3 {
	font-size: 1.8rem;
	margin-top: 10px;
}
.sy_led .right .mb .wz p {
	font-size: 1.2rem;
	line-height: 1.6;
	margin: 5px 0;
}
.sy_cpfl ul li {
	width: 100%;
	margin-bottom: 2rem
}
.sy_fl ul li:nth-child(n+5) {
	width: 100%;
}
.sy_fl ul li:last-child {
	width: 100%;
}
.banq {
	line-height: 33px;
	margin-top: 2rem
}
.banq .fl {
	padding: 10px 0;
}
.footer li.dz .kj {
	width: 100%;
	margin-left: 0px;
	margin-bottom: 20px;
}
.footer li.dz .kj h3 {
	margin-top: 10px;
}
.footer_bg {
	padding: 15px 0 0;
}
.ny_new {
	padding: 2rem 0 4rem;
}
.page a {
	padding: 8px 10px;
	font-size: 14px;
	margin: 0 3px;
}
.wzxx {
	line-height: 30px;
}
.nban2 {
	height: 18rem;
}
.tit h2 {
	font-size: 2rem;
}
.nban2 h4 {
	font-size: 1.4rem;
}
.ny_jj2 {
	padding: 0px 0;
}
.ny_jj .w_z h3 {
	font-size: 1.8rem;
	margin-bottom: 15px;
}
.ny_jj3 ul {
	flex-wrap: wrap;
}
.ny_jj3 ul li {
	width: 100%;
	margin: 0 0 3%;
}
.tjxq .tj-thumbs .swiper-slide img {
	border: rgba(0, 0, 0, 0.4) 3px solid;
}
.tjxq .swiper-button-prev i {
	font-size: 24px;
}
.tjxq .swiper-button-prev {
	width: 30px;
	height: 40px;
	margin-top: -20px;
	top: 50%;
	left: 0%;
	line-height: 40px;
}
.tjxq .swiper-button-next {
	width: 30px;
	height: 40px;
	margin-top: -20px;
	top: 50%;
	right: 0;
	line-height: 40px;
}
.tjxq .swiper-button-next i {
	font-size: 24px;
}
.ny_lx {
	margin: 4rem auto;
}
.ny_lx .lxnr ul li {
	width: 100%;
	margin-bottom: 2rem;
}
.ny_lx .lxnr {
	padding-bottom: 3rem;
	margin-bottom: 3rem;
}
.ny_lx .lxly .wbk input.w_z {
	width: 98%;
	height: 40px;
	line-height: 40px;
	margin: 0 1% 15px;
	padding: 0 10px;
	font-size: 14px;
}
.ny_lx .lxly .wbk textarea {
	padding: 0 10px;
	height: 120px;
	line-height: 40px;
	font-size: 14px;
	margin: 0 1% 4rem;
}
.ntit ul li {
	width: 100%;
	margin: 0 auto 5px;
	line-height: 40px;
}
.ntit ul li .e_j {
	width: 100%;
	top: 40px;
}
.sy_zxcp .swiper-pagination-bullet {
	margin: 0 5px;
	width: 30px !important;
}
.about-num ul li {
	width: 100%;
}
.footer li a {
	line-height: 26px;
}
.footer li {
	margin-top: 15px;
}
.footer li:first-child{ display:none }
.ny_new ul li {
	width: 100%;
	margin: 2% 0;
}
}
 @media only screen and (max-width:375px) {
.ny_new ul li {
	width: 96%;
	margin: 2%;
}
.sy_zxcp .swiper-pagination {
	display: none;
}
.sy_zxcp .swiper-pagination-bullet {
	width: 16px !important;
}
}
.mbx {
	text-align: center;
	color: white;
}
.mbx a {
	color: white;
}
 @media (max-width:600px) {
.ny_cplb ul li .w_z .mbtn {
	position: relative;
	right: unset;
	top: unset;
	margin: 8px auto 0;
	width: 100%;
}
}
.video1 {
	width: 100%;
	height: 100%;
	object-fit: cover !important;
	object-fit: fill;
	display: block;
	position: absolute;
}
/*2025.02.20新加*/

.sjfd {
	padding: 80px 0;
	overflow: hidden;
}
.ny_bt {
	margin-bottom: 30px;
}
.ny_bt h2 {
	font-size: 30px;
	color: #fff;
	text-align: left;
	font-weight: bold;
	background: url(../images/x.png) no-repeat center left;
	padding-left: 20px;
	margin-bottom: 30px
}
.ny_bt .p {
	color: #fff;
	font-size: 16px;
	line-height: 2;
}
.sjfd .zi {
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	text-align: left;
	width: 50%;
	float: right
}
.sjfd .zi1 {
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	text-align: left;
	width: 60%;
	float: right
}
.sjfd .zi1 h1 {
	border-bottom: #ccc 1px dotted;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #fff
}
.sjfd .zi1>p {
	font-size: 16px;
	line-height: 36px;
	color: #fff;
	margin-bottom: 30px
}
.sjfd .zi1 h2 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px
}
.sjfd .zi1 li {
	float: left;
	width: 100%;
	line-height: 36px;
	font-size: 16px;
	background: url(../images/d.png) no-repeat center left;
	padding-left: 20px
}
.sjfd .zi2 {
	font-size: 18px;
	color: #333;
	line-height: 1.8;
	margin: 0 auto 60px;
	max-width: 700px;
	text-align: left;
}
.sjfd .zi3 {
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	text-align: left;
	width: 100%;
	float: none
}
.sjfd .vr {
	float: left;
	width: 45%
}
.sjfd .vr img {
	width: 100%
}
.sjfd .vr1 {
	float: left;
	width: 35%
}
.sjfd .vr1 img {
	width: 100%
}
.sjfd .vr2 {
	float: none;
	width: 100%;
	margin-top: 20px
}
.sjfd .vr2 img {
	width: 100%
}
.sjfd .more {
	margin: 50px auto 0;
	font-size: 16px;
	color: #333;
	line-height: 1.5;
	text-align: center;
}
.sjfd .more a {
	color: #333;
	display: inline-block;
	position: relative;
}
.sjfd .more a i {
	font-size: 24px;
	vertical-align: middle;
	margin-right: 10px;
}
.sjfd .more a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: #333;
	bottom: 0;
	left: 0;
}
.sjfd .more:hover a {
	color: #3a5799;
}
.sjfd .more:hover a::after {
	background: #3a5799;
}
.faqDiv {
	padding: 80px 0;
}
.faqDiv ul {
}
.faqDiv ul li {
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid rgba(46,122,181,.41);
	box-shadow: 6px 6px 0 rgba(71,126,253,.17);
}
.faqDiv ul li .hd {
	cursor: pointer;
}
.faqDiv ul li .hd .tit {
	width: calc(100% - 60px);
	margin-bottom: 0;
	font-size: 18px;
	color: #fff
}
.faqDiv ul li .hd span {
	width: 36px;
	height: 36px;
	border: 2px solid #3a5799;
	border-radius: 50%;
	background: url(../images/jia.png) no-repeat center center;
}
.faqDiv ul li .bd {
	margin-top: 15px;
	color: #666;
	display: none;
	font-size: 16px;
	line-height: 30px;
	color: #fff
}
.faqDiv ul li.on .hd span {
	background: url(../images/jian.png) no-repeat center center;
}
.top-case__image {
	width: 65%;
	margin-bottom: -25%
}
.top-case__contents {
	position: relative;
	z-index: 1
}
.top-case__contents--caption {
	margin: 2em 0 2em auto;
	max-width: 400px
}
.bottom-contact {
	background: linear-gradient(84deg, #3c4182, #2e81ba 31%, #3cbed9);
	color: #fff
}
.bottom-contact__wrap {
	padding: 3em 1em;
	max-width: 1580px;
	margin: 0 auto
}
@media (min-width: 640px) {
.bottom-contact__wrap {
	padding-left: 2em;
	padding-right: 2em
}

}
@media (min-width: 1050px) {
.bottom-contact__wrap {
	padding-left: 4em;
	padding-right: 4em
}
}
.bottom-contact__link {
	border: #fff 1px solid;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: .5em;
	padding: 1em 4em;
	position: relative;
	overflow: clip;
	z-index: 0;
	color: #fff
}
.bottom-contact__link:before {
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 1px);
	width: 2px;
	height: 2px;
	content: "";
	background: #fff;
	border-radius: 50%;
	transform: translate(0);
	z-index: -1;
	opacity: 0
}
.bottom-contact__link:after {
	position: absolute;
	top: 50%;
	right: 1em;
	font-size: 1rem;
	content: "";
	display: inline-block;
	width: 2em;
	height: .5em;
	margin-left: .5em;
	transform: skew(30deg);
	color: #333
}
.bottom-contact__link--en {
	font-family: bebas-neue-pro, Hiragino Sans, Hiragino Kaku Gothic ProN, Noto Sans JP, Meiryo, sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1
}
.bottom-contact__link--head {
	font-weight: 500;
	width: 100%;
	text-align: center;
	font-size: 16px;
}
.bottom-contact__link--text {
	font-size: 16px;
	width: 100%;
	text-align: center
}
@media (min-width: 1050px) {
.bottom-contact__link {
	padding: 30px;
	gap: 1em
}
.bottom-contact__link:after {
	right: 2em;
	width: 10em
}
.bottom-contact__link--icon {
	width: 48px;
	height: 34px
}
}
@media (min-width: 1050px) and (hover: hover) {
.bottom-contact__link {
	transition: .3s all ease-in-out
}
.bottom-contact__link:before {
	opacity: 1;
	transition: .4s all ease-in-out
}
.bottom-contact__link:after {
	transition: .3s all ease-in-out;
	transform-origin: left
}
.bottom-contact__link:hover {
--text-color: #333;
	color: #333
}
.bottom-contact__link:hover:before {
	transform: scale(1000);
	background: #fff
}
.bottom-contact__link:hover:after {
	transform: scaleX(1.1) skew(30deg)
}
}
.bottom {
	background: var(--black-color);
	color: #fff;
	font-family: bebas-neue-pro, Hiragino Sans, Hiragino Kaku Gothic ProN, Noto Sans JP, Meiryo, sans-serif
}
.bottom__contents {
	padding: 3em 1em 1em;
	max-width: 1580px;
	margin: 0 auto
}
@media (min-width: 640px) {
.bottom__contents {
	padding-left: 2em;
	padding-right: 2em
}
}
@media (min-width: 1050px) {
.bottom__contents {
	padding-left: 4em;
	padding-right: 4em
}
}
.bottom__contents--logo {
	width: 150px;
	height: 95px
}
.bottom__contents--menu {
	margin-top: 2em
}
@media (min-width: 1050px) {
.bottom__contents {
	display: flex;
	justify-content: space-between
}
.bottom__contents--menu {
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end
}
}
.flexbet {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bgf5f5f5 {
	background: #f5f5f5;
}
.productDiv {
	padding: 60px 0 40px;
}
.productDiv .hdDiv .searchDiv {
	width: 100%; margin-top:10px; margin-right:10px
 
}
.productDiv .hdDiv .searchDiv form {
	position: relative;
}
.productDiv .hdDiv .searchDiv input {
	width: 100%;
	line-height: 38px;
	border: 1px solid #2e7ab5;
	border-radius: 5px;
	padding: 0;
	font-size: 14px;
	color: #fff;
	padding-left: 10px;
	box-sizing: border-box
}
.productDiv .hdDiv .searchDiv button {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	background: #2e7ab5;
	color: #fff;
	border-radius: 5px;
	height: 100%;
	border: 0;
	font-size: 14px
}
.productDiv .hdDiv .searchDiv button img {
	margin-right: 10px;
}
.productDiv .categoryDiv {
	background: rgba(255,255,255,.1);
	margin-bottom: 20px; height:auto; overflow:hidden
}
.productDiv .categoryDiv .itemDiv {
	padding: 20px 30px 10px;
	display: none;
}
.productDiv .categoryDiv .itemDiv.on {
	display: block; float:left; width:60%
}
.productDiv .categoryDiv .itemDiv a {
	font-size: 14px;
	color: #fff;
	margin-right: 50px;
	margin-bottom: 10px;
	display: inline-block;
}
.productDiv .categoryDiv .itemDiv a.on, .productDiv .categoryDiv .itemDiv a:hover {
	color: #2e7ab5;
	font-family: fontB;
}
.productDiv .bdDiv {
	align-items: flex-start;
}
.productDiv .blDiv {
	width: 260px;
	background: #fff;
}
.productDiv .blDiv .lh {
	background: #0e341b;
	color: #fff;
	line-height: 60px;
	padding-left: 20px;
	font-size: 20px;
	font-weight: bold
}
.productDiv .blDiv .lb {
	padding: 10px 20px 25px;
}
.productDiv .blDiv .lb ul li {
	padding: 20px 0;
	border-bottom: 1px dotted #CCCCCC;
}
.productDiv .blDiv .lb ul li>a {
	color: #333;
	font-weight: bold;
	font-size: 16px;
	padding-right: 45px;
	background: url(../images/prev.png) no-repeat right 7px;
	display: block;
}
.productDiv .blDiv .lb ul li .aDiv {
	display: none;
}
.productDiv .blDiv .lb ul li.on .aDiv {
	display: block;
}
.productDiv .blDiv .lb ul li.on>a {
	background: url(../images/prev.png) no-repeat right 7px;
}
.productDiv .blDiv .lb ul li .aDiv a {
	display: block;
	margin-top: 15px;
	color: #666;
}
.productDiv .blDiv .lb ul li .aDiv a.on {
}
.productDiv .brDiv {
	width: 100%;
}
.productDiv .brDiv .rh {
	font-size: 24px;
	color: #222;
	margin-bottom: 20px;
}
.productDiv .brDiv .row {
	height: auto;
	overflow: hidden
}
.productDiv .brDiv .row>div {
	padding: 0 0;
	margin-bottom: 35px;
	box-sizing: border-box
}
.productDiv .brDiv .row>div a {
	padding: 10px;
	background: rgba(255,255,255,.1);
	display: block;
}
.productDiv .brDiv .row>div .imgDiv {
	padding-top: 64.7%;
}
.productDiv .brDiv .row>div .textDiv {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: 10px
}
.productDiv .brDiv .row>div .textDiv .title {
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 16px
}
.productDiv .brDiv .row>div .textDiv .moreBtn {
	width: 110px;
	height: 32px;
	border: 1px solid #ff8000;
	color: #ff8000;
}
.productDiv .brDiv .row>div a:hover .textDiv .moreBtn {
	background: #ff8000;
	color: #fff;
}
.imgOver {
	position: relative;
}
.imgOver .pic {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.imgOver .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.imgH {
	overflow: hidden;
}
.imgH img {
	transition-duration: .6s;
	-ms-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-webkit-transition-duration: .6s;
}
.imgH:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.col-sm-4 {
	float: left;
	width: 49%;
	margin-right: 2%
}
.col-sm-4:nth-child(2n) {
	margin-right: 0;
}
.pageDiv {
	text-align: center;
	margin-top: 40px
}
.pageDiv a,
.pageDiv span{
	display: inline-block;
	line-height: 32px;
	margin: 0 3px;
	color: #3d3d3d;
	font-size: 14px;
	border: 1px solid #cccccc;
	width: 32px;
	background: #fff;
	height: 30px
}
.pageDiv span{
	color: #fff;
	border: 1px solid #000;
	background: #2e7ab5;
}
.pageDiv a:hover {
	color: #fff;
	background: #2e7ab5;
}
.ny_anl {
	padding: 80px 0;
}
.ny_anl ul {
	padding-bottom: 0;
	height: auto;
	overflow: hidden
}
.ny_anl ul li {
	width: 32%;
	float: left;
	margin: 0 2% 2% 0;
	background: rgba(255,255,255,.1);
	position: relative;
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.ny_anl ul li:hover {
	-webkit-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.ny_anl ul li:nth-child(3n) {
	margin-right: 0;
}
.ny_anl ul li .tp {
	overflow: hidden;
	height: auto;
}
.ny_anl ul li img {
	width: 100%;
	display: block;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.ny_anl ul li:hover img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.ny_anl ul li .wenz {
	padding: 15px;
}
.ny_anl ul li .wenz h3 {
	font-size: 16px;
	color: #fff;
	line-height: 1.8;
	margin-bottom: 0px;
}
.ny_anl ul li .wenz p {
	font-size: 13px;
	text-align: left;
	color: #fafafa;
	line-height: 1.8;
}
.ny_anl ul li span {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	background: #2e7ab5;
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	width: 0;
	z-index: 3;
}
.ny_anl ul li:hover span {
	width: 100%;
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.ny_anl ul li:hover .wenz h3 {
	color: #2e7ab5;
}
.ny_anl ul li:hover .wenz p {
	color: #2e7ab5;
}
.yc {
	display: none
}
.pxbk1 {
	height: auto;
	overflow: hidden;
	padding: 80px 0;background:url(../images/3.jpg) no-repeat center; min-height:600px;background-repeat: no-repeat;
  background-size: cover;
}
.pxbk1 .zb {
	width: 55%;
	float: left;
}
.pxbk1 .yb {
	width: 38%;
	float: right;
}
.pxbk1 .yb img {
	width: 100%
}
.pxbk1 .zj {
	width: 35%;
	float: right  ;

}
.pxbk1 .zj img {
	width: 100%
}
.ib ul li {
	margin-top: 20px;
	border-radius: 0px;
	box-shadow: 6px 6px 0 rgba(71,126,253,.17);
	border: 1px solid rgba(46,122,181,.41);
	padding: 25px 28px;
}
.ib ul li .p1 {
	font-size: 20px;
	font-weight: bold;
	color: #2e7ab5
}
.ib ul li .p2 {
	margin-top: 15px;
	font-size: 16px;
	color: #fff
}
.pxbk1 .zb1 {
	width: 50%;
	float: left;

}
.pxbk1 .yb1 {
	width: 33;
	float: right;
	margin-top: 30px;
	padding-top: 10%
}
.ib1 {
	height: auto;
	overflow: hidden;
	margin-bottom: 30px
}
.ib1 ul li {
	margin-top: 20px;
	border-radius: 0px;
	box-shadow: 6px 6px 0 rgba(71,126,253,.17);
	border: 1px solid rgba(46,122,181,.41);
	;
	padding: 25px 28px;
	width: 49%;
	margin-right: 2%;
	float: left;
	box-sizing: border-box
}
.ib1 ul li:nth-child(2n) {
	margin-right: 0;
}
.ib1 ul li .p1 {
	font-size: 20px;
	font-weight: bold;
	color: #2e7ab5
}
.ib1 ul li .p2 {
	margin-top: 15px;
	font-size: 16px;
	color: #fff;
}
.pxbk2 .zb1 {
	width: 55%;
	float: left;
	color: #fff;
	font-size: 16px;
}
.pxbk2 .zb1 h2 {
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px; font-size:30px
}
.pxbk2 .zb1 .p {
	margin: 0 0 30px 0;
}
.pxbk2 .zb1 li{
	margin: 0 0 15px;
	color: #fff;
	padding-left: 20px;
	position: relative;
	font-size: 18px;
	font-weight: 400;
	line-height: 36px
}
.pxbk2 .zb1 li::before {
	content: "";
	width: 7px;
	height: 7px;
	background: #2e7ab5;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 9px;
}
.pxbk2 .yb1 {
	width: 34%;
	float: right
}
.pxbk2 .yb1 p {
	color: #fff;
	padding-top: 20px;
	font-size: 16px;
	text-align: center
}
.pxbk2 .yb1 img {
	width: 100%
}
.biaozhu {
	height: auto;
	overflow: hidden;
	padding-top: 30px;
	color: #fff;
	font-size: 16px;
	line-height: 30px
}
.biaozhu em {
	color: #2e7ab5;
	font-style: normal
}
.pxbk2 {
	background: rgba(255,255,255,.1);
	padding: 80px 0;
	height: auto;
	overflow: hidden
}
.dizhi li {
	line-height: 36px;
	color: #fff;
	font-size: 16px;
	background: url(../images/dz.png) no-repeat center left;
	padding-left: 35px;
	margin-bottom: 25px
}
.indexDiv4 {
}
.indexDiv4 .bdDiv {
}
.indexDiv4 .row>div {
	margin-bottom: 30px;
}
.indexDiv4 .row>div a {
	padding: 40px;
	border-radius: 14px;
	height: 100%;
	box-shadow: 6px 6px 0 rgba(71,126,253,.17);
	border: 1px solid rgba(46,122,181,.41);
	position: relative
}
.indexDiv4 .row>div a .imgDiv {
	width: 89px;
}
.indexDiv4 .row>div a .textDiv {
	width: calc(100% - 125px);
}
.indexDiv4 .row>div a .textDiv .title {
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px
}
.indexDiv4 .row>div a .textDiv .p {
	color: #fff;
	margin-top: 15px;
	font-size: 14px;
	line-height: 26px
}
.indexDiv4 .shu {
	position: absolute;
	right: 20px;
	font-size: 76px;
	font-weight: bold;
	color: rgba(255,255,255,.1);
	top: 10px
}
.aboutDiv2 {
}
.aboutDiv2 .bdDiv {
	margin-top: 30px;
}
.aboutDiv2 .bhDiv {
	position: relative;
}
.aboutDiv2 .bdDiv .gallery-top {
	margin-bottom: 72px;
}
.aboutDiv2 .bdDiv .gallery-top .conDiv {
	padding: 0 113px;
}
.aboutDiv2 .bdDiv .gallery-top .conDiv .imgDiv {
	width: 48.125%;
}
.aboutDiv2 .bdDiv .gallery-top .conDiv .textDiv {
	width: 40%;
}
.aboutDiv2 .bdDiv .gallery-top .conDiv .textDiv .p {
	margin-top: 15px;
	line-height: 32px;
	color: #fff;
	font-size: 15px
}
.aboutDiv2 .bbDiv {
	position: relative;
}
.aboutDiv2 .bbDiv .line {
	width: 100%;
	height: 2px;
	background: rgba(204, 204, 204, 0.4);
	position: absolute;
	left: 0;
	top: 8px;
}
.aboutDiv2 .bbDiv .conDiv {
	flex-direction: column;
	color: #999;
	cursor: pointer;
}
.aboutDiv2 .bbDiv .conDiv i {
	width: 18px;
	height: 18px;
	margin-bottom: 15px;
	position: relative;
	background: url(../images/yuan.png) no-repeat center center/100%;
}
.aboutDiv2 .bbDiv .swiper-slide-thumb-active .conDiv i {
	background: url(../images/yuan_.png) no-repeat center center/100%;
}
.aboutDiv2 .bbDiv .swiper-slide-thumb-active .conDiv {
	color: #3a5799;
}
.aboutDiv2 .swiper-button-prev, .aboutDiv2 .swiper-button-next {
	width: 52px;
	height: 52px;
	color: #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,.1);
	margin-top: -26px;
	border-radius: 26px
}
.aboutDiv2 .swiper-button-prev i {
	font-size: 20px;
}
.aboutDiv2 .swiper-button-next i {
	transform: rotate(-180deg);
	display: block;
	font-size: 20px;
}
.aboutDiv2 .swiper-button-prev {
	left: 0;
}
.aboutDiv2 .swiper-button-next {
	right: 0;
}
.aboutDiv2 .swiper-button-prev:hover, .aboutDiv2 .swiper-button-next:hover {
	color: #fff;
	background: #3a5799
}
.aboutDiv2 .bdDiv .gallery-top .conDiv .textDiv .year {
	font-size: 26px;
	font-weight: bold;
	color: #fff
}
.f18 {
	font-size: 18px;
}
.flexsta {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.flexbet {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ygDiv1 {
	position: relative;
}
.ygDiv1 .bzImg {
	position: absolute;
	left: 0;
	bottom: 0;
}
.ygDiv1 .bdDiv {
	margin: 50px 0;
}
.ygDiv1 .bdDiv ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 27px;
}
.ygDiv1 .bdDiv ul li .conDiv {
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
	padding: 29px 20px 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 6px 6px 0 rgba(48,124,210,.3);
	height: 100%;
	border: 1px solid rgba(46,122,181,.41);
}
.ygDiv1 .bdDiv ul li .conDiv .span {
	margin: 20px 0 10px;
	font-size: 20px;
	font-weight: bold;
	color: #fff
}
.ygDiv1 .bdDiv ul li .conDiv .p {
	color: #fff;
	font-size: 16px;
	line-height: 30px
}
.ny_bd {
	width: 100%;
	padding: 60px 0;
	background: rgba(255,255,255,.1);
	overflow: hidden;
}
.ny_bd .lx_bd .row {
	margin: 0;
	background-color: #050a2c;
	justify-content: space-between;
}
.ny_bd .lx_bd .b_t {
	text-align: center;
	margin-bottom: 50px;
}
.ny_bd .lx_bd .b_t h3 {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	margin-bottom: 10px;
}
.ny_bd .lx_bd .b_t h4 {
	font-size: 16px;
	color: #fafafa;
	line-height: 26px;
}
.ny_bd .lx_bd .t_p {
	width: 45%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.ny_bd .lx_bd .b_d {
	width: 55%;
	padding: 30px 30px 70px;
	box-sizing: border-box
}
.ny_bd .lx_bd .b_d ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ny_bd .lx_bd .b_d ul li {
	width: 45%;
	margin-top: 20px;
	position: relative;
}
.ny_bd .lx_bd .b_d ul li.q_b {
	width: 100%;
}
.ny_bd .lx_bd .b_d input {
	width: 100%;
	height: 61px;
	border: 0;
	border-bottom: 1px solid #141b4e;
	font-size: 15px;
	line-height: 60px;
	color: #333;
	display: block;
}
.ny_bd .lx_bd .b_d input::placeholder {
color:#fff;
}
.ny_bd .lx_bd .b_d textarea {
	width: 100%;
	height: 122px;
	padding-top: 17px;
	border: 0;
	border-bottom: 1px solid #141b4e;
	font-size: 15px;
	line-height: 26px;
	color: #333;
	resize: none;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	background: none
}
.ny_bd .lx_bd .b_d textarea::placeholder {
color:#fff;
}
.ny_bd .lx_bd .b_d button {
	width: 160px;
	height: 50px;
	background-color: #2e7ab5;
	font-size: 16px;
	line-height: 50px;
	color: #fff;
	margin-top: 20px;
	margin-right: 20px;
	outline: none;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	border: 0;
	cursor: pointer;
}
.ny_bd .lx_bd .b_d button.c_z {
	background-color: #888;
}
.ny_bd .lx_bd .b_d button:hover {
	background-color: #394d8d;
}
.ny_bd .lx_bd .b_d button.c_z:hover {
	background-color: #2b2b2b;
}
.ny_bd .row {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-items: stretch;
	flex-wrap: wrap;
}
@media only screen and (max-width:1440px) {
.ny_bd {
	padding: 70px 0;
}
.ny_bd .lx_bd .b_t {
	margin-bottom: 40px;
}
.ny_bd .lx_bd .b_t h3 {
	font-size: 26px;
	line-height: 32px;
}
.ny_bd .lx_bd .b_d {
	padding: 20px 30px 20px;
}
.ny_bd .lx_bd .b_d ul li {
	width: 47%;
	margin-top: 10px;
}
.ny_bd .lx_bd .b_d input {
	height: 51px;
	font-size: 14px;
	line-height: 50px;
}
.ny_bd .lx_bd .b_d textarea {
	height: 99px;
	padding-top: 10px;
	font-size: 14px;
	line-height: 22px;
}
.ny_bd .lx_bd .b_d button {
	width: 140px;
	height: 46px;
	font-size: 15px;
	line-height: 46px;
	margin-top: 15px;
	margin-right: 15px;
}
}
@media only screen and (max-width:640px) {
.sjfd {
	padding: 30px 0;
	overflow: hidden;
}
.sjfd .vr {
  float: none;
  width: 100%; margin-bottom:10px
}
.sjfd .zi {
  font-size: 15px;
  color: #fff;
  line-height: 30px;
  text-align: left;
  width: 100%;
  float: none;
}
.ny_anl {
  padding: 30px 0;
}
.ny_bt .p {
  color: #fff;
  font-size: 15px;
  line-height:30px;
}
.ny_anl ul li {
  width: 49%;
  float: left;
  margin: 0 2% 2% 0;
  background: rgba(255,255,255,.1);
  position: relative;
  transition: all 0.3s;
  -wbkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.ny_anl ul li:nth-child(even){margin-right:0; }
.ny_anl ul li:nth-child(odd){margin-right:2%; }
.ny_anl ul li .wenz h3 {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  margin-bottom: 0px;
}
.ny_anl ul li .wenz {
  padding: 10px;
}
.ny_bd {
	padding: 20px 0 20px;
}
.ny_bd .lx_bd .b_t {
	margin-bottom: 30px;
}
.ny_bd .lx_bd .b_t h3 {
	font-size: 20px;
	line-height: 30px;
	padding: 0 10px;
}
.ny_bd .lx_bd .b_t h4 {
	font-size: 14px;
	line-height: 22px;
}
.ny_bd .lx_bd .t_p {
	display: none;
}
.ny_bd .lx_bd .b_d {
	width: 100%;
}
.ny_bd .lx_bd .b_d ul li {
	width: 100%;
}
}
.flexcen {
	display: flex;
	justify-content: center;
	align-items: center;
}
.col-sm-3 {
	float: left;
	width: 32.8%;
	margin-right: 0.8%;
}
.col-sm-3:nth-child(3n) {
	margin-right: 0;
}
.contactDiv1 {
	height: auto;
	overflow: hidden;
	padding: 60px 0
}
.contactDiv1 .b_t h3 {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	margin-bottom: 50px;
	text-align: center
}
.contactDiv1 .adTitleDiv {
	text-align: center;
}
.contactDiv1 .bdDiv {
	overflow: hidden;
}
.contactDiv1 .bdDiv .row {
	margin: 0 -10px;
}
.contactDiv1 .bdDiv .row>div {
	padding: 0 10px;
	margin-bottom: 40px;
	box-sizing: border-box
}
.contactDiv1 .bdDiv .row>div .conDiv {
	box-shadow: 6px 6px 0 rgba(71,126,253,.17);
	border: 1px solid rgba(46,122,181,.41);
	padding: 50px;
	text-align: center;
	height: 100%;
}
.contactDiv1 .bdDiv .row>div .conDiv .iconDiv {
	width: 80px;
	height: 80px;
	background: #2e7ab5;
	border-radius: 50%;
	margin: 0 auto;
}
.contactDiv1 .bdDiv .row>div .conDiv span {
	display: block;
	font-size: 18px;
	margin: 20px 0 10px;
	font-weight: bold;
	color: #fff
}
.contactDiv1 .bdDiv .row>div .conDiv p {
	color: #fff;
	flex-wrap: wrap;
	font-size: 16px
}
.contactDiv1 .mapDiv iframe {
	width: 100%;
	height: 600px;
}
.contactDiv2 .adTitleDiv {
	text-align: center;
}
.contactDiv2 .bdDiv {
	margin-top: 50px;
}
.contactDiv2 .bdDiv .row>div {
	margin-bottom: 30px;
}
.contactDiv2 .bdDiv .row>div span {
	display: block;
	margin-bottom: 10px;
}
.contactDiv2 .bdDiv .row>div input {
	display: block;
	width: 100%;
	line-height: 60px;
	padding: 0 20px;
	background: #fff;
	border: 0;
}
.contactDiv2 .bdDiv .row>div textarea {
	display: block;
	width: 100%;
	height: 180px;
	padding: 10px 20px;
	background: #fff;
	border: 0;
	resize: none;
}
.contactDiv2 .bdDiv button.reset {
	width: 140px;
	height: 60px;
	border: 1px solid #0e341b;
	color: #0e341b;
	border-radius: 30px;
	background: transparent;
	cursor: pointer;
}
.contactDiv2 .bdDiv button.submit {
	width: 200px;
	height: 60px;
	background: #0e341b;
	color: #fff;
	border-radius: 30px;
	margin-left: 30px;
	border: 0;
	cursor: pointer;
}
@media only screen and (max-width:992px) {
.contactDiv1 .b_t h3 {
	font-size: 20px;
 
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 20px;
	text-align: center
}
.contactDiv1 .bdDiv .row>div {
	padding: 0 20px;
	margin-bottom: 20px;
}
.contactDiv1 .bdDiv .row>div .conDiv {
	 
	padding: 30px;
	text-align: center;
	height: 100%;
}
.contactDiv1 {
	height: auto;
	overflow: hidden;
	padding: 20px 0
}
.serList .chd {
	padding: 0 0;
}
.col-sm-3 {
	float: none;
	width: 100%;
	margin-right: 0;
}
.contactDiv1 .bdDiv .row {
	margin: 0 -20px;
}
}
.mapDiv img {
	width: 100%
}
.sy_xw {
	padding: 80px 0  ;
	 
}
.sy_xw .tit {
	text-align: center;
}
.sy_xw .xw_tj {
	position: relative;
}
.sy_xw .xw_tj .swiper-xw {
	padding-bottom: 40px;
}
.sy_xw .xw_tj .swiper-button-prev {
	width: 35px;
	height: 35px;
	background: url(../images/zj1.png) no-repeat center;
	left: -60px;
	margin-top: -17px;
	background-size: 35px 35px;
	-webkit-background-size: 35px 35px;
	-moz-background-size: 35px 35px;
	-ms-background-size: 35px 35px;
	-o-background-size: 35px 35px;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.sy_xw .xw_tj .swiper-button-next {
	width: 35px;
	height: 35px;
	background: url(../images/yj1.png) no-repeat center;
	right: -60px;
	margin-top: -17px;
	background-size: 35px 35px;
	-webkit-background-size: 35px 35px;
	-moz-background-size: 35px 35px;
	-ms-background-size: 35px 35px;
	-o-background-size: 35px 35px;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.sy_xw .xw_tj .swiper-pagination {
	bottom: 0;
}
.sy_xw .xw_tj .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #aaa;
}
.sy_xw .xw_tj .swiper-pagination-bullet-active {
	background-color: #00b7ee;
}
.sy_xw .n_r {
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 15px;
}
.sy_xw .n_r:hover {
	box-shadow: 0px 5px 20px 0px rgba(169, 180, 190, 0.3);
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.sy_xw .t_p {
	overflow: hidden;
	position: relative;
}
.sy_xw .t_p img {
	width: 100%;
	height: auto;
	display: block;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
}
.sy_xw .n_r:hover .t_p img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.sy_xw .t_p span {
	width: 100px;
	height: 30px;
	background-color: #2e7ab5;
	font-size: 14px;
	font-weight: 400;
	line-height: 36px;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
}
.sy_xw h3 {
	font-size: 14px;
	color: #ccc;
	line-height: 24px;
	position: relative;
}
.sy_xw h3 .jt {
	width: 70px;
	height: 24px;
	line-height: 24px;
	border: #2e7ab5 1px solid;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #2e7ab5;
	color: #fff
}
.sy_xw .jt:hover {
	border: #2e7ab5 1px solid;
	color: #2e7ab5;
	background: none
}
.sy_xw p {
	font-size: 16px;
	color: #fff;
	line-height: 1.8;
 
	padding-top: 15px; text-align:center
}
.sy_xw p a {
	color: #fff;
}
 @media only screen and (max-width:992px) {
.sy_xw {
	padding: 40px 0 20px;
}
.sy_xw .xw_tj .swiper-xw {
	padding-bottom: 30px;
}
.sy_xw .xw_tj .swiper-button-prev {
	display: none;
}
.sy_xw .xw_tj .swiper-button-next {
	display: none;
}
.sy_xw .w_z {
	margin-top: 15px;
}
}
.shuzi {
	width: 100px;
	height: 100px;
	background: #307cd2;
	border-radius: 50px;
	line-height: 100px;
	font-size: 40px;
	color: #fff;
	font-weight: bold
}
.indexDiv5 {
	height: auto;
	overflow: hidden;
	padding: 80px 0
}
.indexDiv5 .bdDiv {
	position: relative;
}
.indexDiv5 .bdDiv::after {
	content: "";
	width: calc((100% - 1400px) / 2);
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
.indexDiv5 .bdDiv .bdCon {
	padding: 0 0 0;
	margin-top: 0;
	position: relative;
}
.indexDiv5 .smallDiv {
	width: 23.4%;
	position: relative;
	margin-left: 0;
}
.indexDiv5 .swiper-container {
	width: 100%;
	height: 500px;
	margin-left: 0;
	margin-right: auto;
}
.indexDiv5 .gallery-top {
	height: 100%;
	width: 74.3%;
}
.indexDiv5 .gallery-top .swiper-slide .imgDiv {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 576px;
	position: relative;
}
.indexDiv5 .gallery-top .swiper-slide .imgDiv>img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.indexDiv5 .gallery-top .swiper-slide .textDiv {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 30px;
	color: #fff;
	box-sizing: border-box
}
.indexDiv5 .gallery-top .swiper-slide .textDiv .tl {
	width: calc(100% - 140px);
}
.indexDiv5 .gallery-top .swiper-slide .textDiv .tl span {
	font-size: 16px
}
.indexDiv5 .gallery-top .swiper-slide .textDiv .tl p {
	margin-top: 10px;
	font-size: 13px
}
.indexDiv5 .gallery-thumbs {
	height: 576px;
	box-sizing: border-box;
}
.indexDiv5 .gallery-thumbs .swiper-slide {
	height: 174px;/* display: flex;justify-content: center;align-items: center;position: relative; */
}
.indexDiv5 .gallery-thumbs .swiper-slide .imgDiv {
	height: 100%;
}
.indexDiv5 .gallery-thumbs .swiper-slide .imgDiv>img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
/* .indexDiv5 .gallery-thumbs .swiper-slide-thumb-active:before {content: "";width: 100%;height: 100%;border: 2px solid #217E35;position: absolute;left: 0;top: 0;z-index: 2; } */
.indexDiv5 .swiper-button-next, .indexDiv5 .swiper-button-prev {
	width: 46px;
	height: 46px;
	margin-top: auto;
	top: auto;
	left: auto;
	cursor: pointer;
	right: auto;
	position: relative;
	border-radius: 50%;
}
.indexDiv5 .swiper-button-next {
	background: url(../images/right1.png) rgba(255,255,255,.1) no-repeat center center;
}
.indexDiv5 .swiper-button-prev {
	background: url(../images/left1.png) rgba(255,255,255,.1) no-repeat center center;
}
.indexDiv5 .swiper-button-next:hover {
	background: url(../images/right1_.png) #307cd2 no-repeat center center;
}
.indexDiv5 .swiper-button-prev:hover {
	background: url(../images/left1_.png) #307cd2 no-repeat center center;
}
.swiper-button-next:after, .swiper-button-pev:after {
	content: "";
}
.swiper-button-next:focus, .swiper-button-prev:focus {
	outline: none;
}
.indexDiv5 .bdDiv .fenyeDiv {
	position: relative;
	margin-top: 30px;
}
.indexDiv5 .bdDiv .swiper-pagination-progressbar {
	width: calc(100% - 142px);
	height: 2px;
	left: 0;
	position: relative;
	background: rgba(255,255,255,.1);
}
.indexDiv5 .bdDiv .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #307cd2;
}
a.imoreBtn {
	color: #fff;
	width: 120px;
	background: #307cd2;
	border-radius: 4px;
	color: #fff;
	height: 32px;
}
a.imoreBtn img {
	margin-left: 18px;
}
a.imoreBtn:hover {
	opacity: .8;
}
.hidden-xs{display: block;}
.visible-xs{display: none;}
@media only screen and (max-width:992px) {
		.hidden-xs{display: none;}
	.visible-xs{display: block;}
.indexDiv5 {
  height: auto;
  overflow: hidden;
  padding: 30px 0;
}	
.indexDiv5 .bdDiv .bdCon{padding: 0 0; }
	.indexDiv5 .gallery-top{width: 100%; }
	.indexDiv5 .gallery-top .swiper-slide .imgDiv{height: 280px; }
	.indexDiv5 .gallery-top .swiper-slide .textDiv{padding: 15px;display: block; }
	.indexDiv5 .gallery-top .swiper-slide .textDiv .tl{width: 100%;margin-bottom: 10px; }
	.indexDiv5 .gallery-top .swiper-slide .textDiv .tl p{margin-top: 5px; }
	.indexDiv5 .bdDiv .fenyeDiv{margin-top: 15px; }	
}
.sy_gcsp {
	padding: 70px 0;
	background: rgba(255,255,255,.1);
	position: relative;
}
.sy_gcsp .tit h1::after {
	background: #fff;
}
.sy_gcsp ul {
	display: flex;
	justify-content: space-between;
	align-items: stretch
}
.sy_gcsp ul li {
	width: 49%;
	position: relative;
	overflow: hidden;
}
.sy_gcsp ul li:nth-child(2) {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.sy_gcsp ul li .po {
}
.sy_gcsp ul li img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_gcsp ul li .wz {
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 80px 25px 15px;
	z-index: 3;
	width: 100%;
	box-sizing: border-box;
}
.sy_gcsp ul li .wz h1 {
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}
.sy_gcsp ul li .wz a {
	margin-top: 15px;
	font-size: 14px;
	color: #fff;
}
.sy_gcsp ul li .wz a i {
	font-size: 20px;
	color: #fff;
	margin-right: 6px;
	vertical-align: middle;
}
.sy_gcsp ul li .wz h3 {
	font-size: 14px;
	color: #fff;
	line-height: 1.6;
	height: 0;
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	opacity: 0;
}
.sy_gcsp ul li .po:hover h3 {
	height: 22px;
	transition: all 0.3s;
	-wbkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	opacity: 1;
}
.sy_gcsp ul li .po:hover .mb {
	background-image: linear-gradient(to top, #000, transparent);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_gcsp ul li .po:hover img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sy_gcsp ul li .mb {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image: linear-gradient(to top, rgba(0,0,0,0.3), transparent);
}
.sy_gcsp ul li .box {
	width: 49%;
	height: 48%;
	position: relative;
	overflow: hidden;
	margin-bottom: 1.5%;
}
.sy_gcsp ul li .box img {
	height: 100%;
	object-fit: cover;
}
.sy_gcsp ul li .box:nth-child(3), .sy_gcsp ul li .box:nth-child(4) {
	margin-bottom: 0;
}
@media only screen and (max-width:992px) {
.sy_gcsp {
	padding:30px 0;
	background: rgba(255,255,255,.1);
	position: relative;
}
.sy_gcsp ul {
  display: block  ;
  justify-content: space-between;
  align-items: stretch;
}	
.sy_gcsp ul li {
	width: 100%;
	position: relative;
	overflow: hidden; margin-bottom:10px
}	
.sy_gcsp ul li .wz {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 15px;
  z-index: 3;
  width: 100%;
  box-sizing: border-box;
}
.sy_gcsp ul li .wz a {
  margin-top: 10px;
  font-size: 14px;
  color: #fff;
}
.sy_gcsp ul li .wz h1 {
  font-size: 14px;
  color: #fff;
  margin-bottom: 0px;
}
.pxbk2 {
  background: rgba(255,255,255,.1);
  padding: 30px 0 10px;
  height: auto;
  overflow: hidden;
}
.col-sm-4 {
  float: none;
  width:100%;
  margin-right:0
}
.indexDiv4 .row > div a {
  padding: 20px;
  border-radius: 14px;
  height: 100%;
  box-shadow: 6px 6px 0 rgba(71,126,253,.17);
  border: 1px solid rgba(46,122,181,.41);
  position: relative;
}
.indexDiv4 .row > div a .imgDiv {
  width: 80px;
}
.indexDiv4 .row > div a .imgDiv img{ width:100%}
.indexDiv4 .row > div a .textDiv {
  width: calc(100% - 100px);
}
.indexDiv4 .row > div a .textDiv .title {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
}
.indexDiv4 .row > div a .textDiv .p {
  color: #fff;
  margin-top: 10px;
  font-size: 14px;
  line-height: 26px;
}
.indexDiv4 .row > div {
  margin-bottom: 20px;
}
.productDiv {
  padding:  0px 0;
}
.productDiv .categoryDiv .itemDiv a {
  font-size: 14px;
  color: #fff;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}
.productDiv .categoryDiv .itemDiv {
  padding: 15px 15px 5px;
  display: none;
}
.productDiv .brDiv .row > div {
  padding: 0 0;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.productDiv .brDiv .row > div .textDiv .title {
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
}
.adDiv4 {
	background: rgba(255,255,255,.1);
	height: auto;
	overflow: hidden;
	padding: 80px 0
}
.adDiv4 .bdDiv {
	margin-top: 56px;
	align-items: stretch;
}
.adDiv4 .bdDiv .itemDiv {
	width: calc(25% - 20px);
}
.adDiv4 .bdDiv .itemDiv .ih {
	height: 79px;
	border-radius: 0px;
	box-shadow: 6px 6px 0 rgba(71,126,253,.17);
	border: 1px solid rgba(46,122,181,.41);
	color: #fff;
	font-size: 16px;
	font-weight: bold
}
.fzlc li {
	border-bottom: rgba(255,255,255,.2) 1px dotted;
	padding-bottom: 20px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 16px;
	display: flex;justify-content: flex-start;align-items: flex-start;
}
.fzlc li .span {
	width: 100px;
	height: 30px;
	line-height: 34px;
	background: #2e7ab5;
	color: #fff;
	display: inline-block;
	margin-right: 10px;
	text-align: center;
	font-size: 14px
}
.fzlc li .p{width: calc(100% - 110px);}
.xgDiv1 {
	position: relative;
	padding: 80px 0
}
.xgDiv1 .bzImg {
	position: absolute;
	left: 20px;
	bottom: 10px;
}
.xgDiv1 .bdDiv {
	align-items: stretch;
}
.xgDiv1 .bdDiv .blDiv {
	width: 48%;
}
.xgDiv1 .bdDiv .blDiv ul li {
	margin-bottom: 30px;
}
.xgDiv1 .bdDiv .blDiv ul li{
	padding-left: 26px;
	background: url(../images/hk-img2.png) no-repeat left 10px;
	color: #fff;
	font-size: 18px;
	line-height: 36px
}
.xgDiv1 .bdDiv .blDiv ul li .p {
	margin-top: 15px;
	padding-left: 26px;
}
.xgDiv1 .bdDiv .brDiv {
	width: 48%;
}
.xgDiv1 .bdDiv .brDiv img {
	width: 100%
}
.mgDiv1 {
	position: relative;
	padding: 80px 0;
	background: rgba(255,255,255,.1)
}
.mgDiv1 .bdDiv ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 30px;
}
.mgDiv1 .bdDiv ul li .conDiv {
	overflow: hidden;
	box-shadow: 6px 6px 0 rgba(71,126,253,.17);
	border: 1px solid rgba(46,122,181,.41);
	border-radius: 8px;
	text-align: center;
	height: 100%;
}
.mgDiv1 .bdDiv ul li .conDiv .tuu {
	width: 100%;
	border-radius: 8px;
	overflow: hidden
}
.mgDiv1 .bdDiv ul li .conDiv .tuu img {
	width: 100%
}
.mgDiv1 .bdDiv ul li .conDiv .textDiv {
	padding: 20px 15px 40px;
}
.mgDiv1 .bdDiv ul li .conDiv .textDiv span {
	color: #fff;
	font-size: 20px;
	font-weight: bold
}
.mgDiv1 .bdDiv ul li .conDiv .textDiv .p {
	color: #fff;
	margin-top: 15px;
	line-height: 33px;
	font-size: 16px
}
 @media only screen and (max-width:1024px) {
	.xgDiv1 .bdDiv {
  align-items: stretch; display:block
} 
.xgDiv1 {
	position: relative;
	padding: 30px 0
}	 
.xgDiv1 .bdDiv .blDiv {
  width: 100%;
}	
.xgDiv1 .bdDiv .brDiv {
  width:100%;
} 
.xgDiv1 .bdDiv .blDiv ul li{
  padding-left: 26px;
  background: url(../images/hk-img2.png) no-repeat left 10px;
  color: #fff;
  font-size: 15px;
  line-height: 30px;
}
.xgDiv1 .bdDiv .blDiv ul li {
  margin-bottom: 10px;
}
.mgDiv1 {
  position: relative;
  padding: 30px 0 10px;
  background: rgba(255,255,255,.1);
}
.mgDiv1 .bdDiv ul {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 20px;
}
.mgDiv1 .bdDiv ul li .conDiv img{ width:100%}
.mgDiv1 .bdDiv ul li{ margin-bottom:30px}
.mgDiv1 .bdDiv ul li .conDiv .textDiv .p {
  color: #fff;
  margin-top: 15px;
  line-height: 30px;
  font-size: 15px;
}
.mgDiv1 .bdDiv ul li .conDiv .textDiv {
  padding: 20px 10px 20px;
}

.pxbk1 {
  height: auto;
  overflow: hidden;
  padding: 30px 0 0 ;
}

.ygDiv1 .bdDiv ul {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 27px;
}
.ygDiv1 .bdDiv ul li{ margin-bottom:30px}
.ygDiv1 .bdDiv ul li .conDiv .p {
  color: #fff;
  font-size: 15px;
  line-height: 30px;
}

.pxbk2 .zb1 {
	width: 100%;
	float: none;
	color: #fff;
	font-size: 15px;
}
.pxbk2 .yb1 {
  width: 100%;
  float: none; margin-bottom:20px
}
.pxbk2 .zb1 h2{
	 
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px; font-size:20px
}
.pxbk2 .zb1 .p li{
  margin: 0 0 15px;
  color: #fff;
  padding-left: 20px;
  position: relative;
  font-size: 17px;
  font-weight: 400;
  line-height: 34px;
}

元素 {

}

    @media only screen and (max-width: 1024px)

.con {

    width: 90%;

}

    @media only screen and (max-width: 1440px)

.con {

    width: 1200px;

}
.ny_tjcp {

    padding: 30px 0 10px;
    position: relative;

}
.swiper-yyly {
  width: 100%;
  margin: 0 auto 20px;
    margin-right: auto;
    margin-left: auto;
  padding-top:  0px !important; 
}
.pxbk1 .zb1 {
  width: 100%;
  float: none;
  margin-top: 30px;
  padding-top: 0;
}
.dizhi li {
  line-height: 36px;
  color: #fff;
  font-size: 14px;
  background: url(../images/dz1.png) no-repeat left 8px ;
  padding-left: 25px;
  margin-bottom: 15px;
}
.pxbk1 .zj {
  width: 100%;
  float: none;
  margin-top: 0px;
}
 
.aboutDiv2 .bdDiv .gallery-top .conDiv {

    padding: 0 63px; display:block

}
.aboutDiv2 .bdDiv .gallery-top .conDiv .textDiv {
  width: 100%;
}
.aboutDiv2 .bdDiv .gallery-top .conDiv .textDiv .p {
  margin-top: 10px;
  line-height:26px;
  color: #fff;
  font-size: 14px;  overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:3;
}
.aboutDiv2 .bdDiv .gallery-top .conDiv .textDiv .year {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.aboutDiv2 .bdDiv .gallery-top .conDiv .imgDiv {
  width: 100%;
}
.aboutDiv2 .bdDiv .gallery-top .conDiv .imgDiv img{ width:100%; margin-top:10px}
.aboutDiv2 .bbDiv {
  position: relative; margin-bottom:20px
}
.pxbk1 .zb {
  width: 100%;
  float: none; margin-bottom:20px
}
.biaozhu {
  height: auto;
  overflow: hidden;
  padding-top: 0px;
  color: #fff;
  font-size: 15px;
  line-height: 26px;
}
.pxbk1 .yb {
  width: 100%;
  float: none; margin-bottom:30px
}
.sjfd .vr1 {
  float: none;
  width: 55%; margin-bottom:20px
}
.sjfd .zi1 {
  font-size: 15px;
  color: #fff;
  line-height: 26px;
  text-align: left;
  width: 100%;
  float: none;
}
.sjfd .zi1 h1 {
  border-bottom: #ccc 1px dotted;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.sjfd .zi1>p {
  font-size: 15px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 30px;
}
.fzlc li .span {
  width: 100px;
  height: 30px;
  line-height: 34px;
  background: #2e7ab5;
  color: #fff;
  display:  block;
  margin-right: 10px;
  text-align: center;
  font-size: 14px; margin-bottom:10px
}
.fzlc li {
  border-bottom: rgba(255,255,255,.2) 1px dotted;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 15px; line-height:26px
}
 }
.bg8856ff {
	background: #34b8d9;
}
.bg477efd {
	background: #307cd2;
}
.adDiv1 {
	position: relative;
	padding: 80px 0;
	background: rgba(255,255,255,.1);
}
.adDiv1 .bzImg1 {
	position: absolute;
	left: 0;
	top: 100px;
}
.adDiv1 .bzImg2 {
	position: absolute;
	right: 0;
	bottom: 30px;
}
.adDiv1 .bdDiv {
	margin: 105px 0 0;/* overflow: hidden; */
}
.adDiv1 .bdDiv ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 35px;
}
.adDiv1 .bdDiv ul li .conDiv {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.adDiv1 .bdDiv ul li .conDiv::after {
	content: "";
	width: 29px;
	height: 160px;
	background: url(../img/a_yy.png) no-repeat center center;
	position: absolute;
	left: 100%;
	top: 0;
}
.adDiv1 .bdDiv ul li img {
	position: absolute;
	left: 50%;
	bottom: 98%;
	transform: translateX(-50%);
}
.adDiv1 .bdDiv ul li .title {
	height: 54px;
	color: #fff;
	border-radius: 4px;
	transform: skewX(-15deg);
	margin-left: 7.5px;
	width: 100%;
	font-size: 18px;
	font-weight: bold
}
.adDiv1 .bdDiv ul li .title span {
	transform: skewX(15deg);
}
.adDiv1 .bdDiv ul li .p {
	background: #050b2d;
	padding: 30px;
	line-height: 36px;
	font-size: 16px;
	border-radius: 4px;
	box-shadow: 6px 6px 0 rgba(71,126,253,.17);
  border: 1px solid rgba(46,122,181,.41);
	flex: 1;
	color: #fff
}
@media only screen and (max-width:992px) {
.ny_bt {
	margin-bottom: 30px;
}
.ny_bt h2 {
	font-size: 20px;
	color: #fff;
	text-align: left;
	font-weight: bold;
	background: url(../images/x.png) no-repeat center left;
	padding-left: 20px;
	margin-bottom: 20px
}
.adDiv1 {
	position: relative;
	padding: 30px 0;
	background: rgba(255,255,255,.1);
}
.adDiv1 .bdDiv ul {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 35px;
}
 .adDiv1 .bdDiv ul li .p {
  background: #050b2d;
  padding: 30px;
  line-height: 30px;
  font-size: 15px;
  border-radius: 4px;
  box-shadow: 0px 0px 16px rgba(44,63,107,.1);
  flex: 1;
  color: #fff;
}
.adDiv1 .bdDiv ul li .title {
  height: 54px;
  color: #fff;
  border-radius: 4px;
  transform: skewX(-15deg);
  margin-left: 7.5px;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
}
}
.indexDiv3 {
	padding: 200px 0 200px;
	background: rgba(255,255,255,.1);
	clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
}
.indexDiv3 .tit {
	text-align: center;
}
.indexDiv3 .bdDiv {
	margin-top: 50px;
	position: relative;
}
.indexDiv3 .blDiv {
	width: 48.125%;
}
.indexDiv3 .brDiv {
	width: 48.0625%;
}
.indexDiv3 .blDiv a {
	display: block;
	position: relative;
}
.indexDiv3 .blDiv .textDiv {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	background: rgba(0,0,0,.5)
}
.indexDiv3 .blDiv .imgDiv {
	overflow: hidden;
	height: 503px;
}
.indexDiv3 .brDiv ul li {
	background: #050b2d;
	;
	margin: 0 0 20px;
	padding: 20px 0 10px;
}
.indexDiv3 .brDiv ul li:last-child {
	margin-bottom: 0;
}
.indexDiv3 .textDiv {
	padding: 10px 50px 20px;
	color: #fff;
	font-size: 18px;
	font-weight: bold
}
.indexDiv3 .textDiv .tlDiv {
	width: 104px;
	text-align: left;
}
.indexDiv3 .textDiv span {
	display: block;
}
.indexDiv3 .textDiv .trDiv {
	width: calc(100% - 100px);
	border-left: 1px solid #D9D9D9;
	padding-left: 27px;
}
.indexDiv3 .textDiv .title {
	font-weight: 700;
}
.indexDiv3 .textDiv .p {
	margin: 10px 0 0;
	font-size: 16px;
	color: #fafafa;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: normal;
	line-height: 30px
}
.indexDiv3 .brDiv ul li a:hover .title {
	color: #2e7ab5;
}
.indexDiv3 .blDiv .trDiv {
	width: 75%;
	margin-right: 10%;
}


 @media only screen and (max-width:1024px) {
	.indexDiv3 {
	padding: 50px 0 50px;
	background: rgba(255,255,255,.1);
	clip-path: polygon(0 3%, 100% 0%, 100% 97%, 0% 100%);
} 
.indexDiv3 .blDiv {
	width: 100%; margin-bottom:10px
}
.indexDiv3 .brDiv {
	width: 100%;
}	
.indexDiv3 .bdDiv{ display:block; margin-top:10px} 
.indexDiv3 .blDiv .imgDiv {
	overflow: hidden;
	height: 303px;
}
.indexDiv3 .textDiv .tlDiv {
  width: 70px;
  text-align: center  ;
}
.indexDiv3 .brDiv ul li {
  background: #050b2d;
  margin: 0 0 10px;
  padding: 10px 0 10px;
}
.indexDiv3 .textDiv {
  padding: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.indexDiv3 .textDiv .p {
  margin: 10px 0 0;
  font-size: 16px;
  color: #fafafa;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-weight: normal;
  line-height: 30px;
}
.indexDiv3 .textDiv .title {
  font-weight: 700; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;
}
.indexDiv3 .blDiv .trDiv {
  width: 75%;
  margin-right: 0%;
}
.indexDiv3 .textDiv .trDiv {
  width:75%;
  border-left: 1px solid #D9D9D9;
  padding-left: 20px;
}
.sy_ys {
  padding: 30px 0;
}
 
.sy_ys ul li {
  width:49%;
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  transition: all 0.3s;
  -wbkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  box-sizing: border-box;
  background: #040a2c;
  text-align: center;
}
.sy_ys ul li h3 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  font-weight: bold;
  padding-bottom: 15px;
}
.sy_ys ul li .p {
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  color: #ddd;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.sy_ys ul li .tb {
  width:80px;
  margin: 0 auto 15px;
  height: 80px;
  background: rgba(255,255,255,.2);
  border-radius: 50%;
  padding: 10px;
}
.bottom-contact__link--en {
  font-family: bebas-neue-pro, Hiragino Sans, Hiragino Kaku Gothic ProN, Noto Sans JP, Meiryo, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
 }
 
 
 .bbDiv6  {margin: 130px 0   ; }
.bbDiv6 .bdDiv ul{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 40px; }
.bbDiv6 .bdDiv ul li{text-align: center;position: relative;padding:70px 40px;display: flex;justify-content: space-between;flex-direction: column; margin-top:30px  }
.bbDiv6 .bdDiv ul li::after{content: "";width: 100%;height: 100%;background: rgba(255,255,255,.1);; box-shadow: 6px 6px 0 rgba(71,126,253,.17);
  border: 1px solid rgba(46,122,181,.41);
  border-radius: 8px;;position: absolute;left: 0;bottom: 0;box-shadow: 0px 0px 35px rgba(0,0,0,.07);border-radius: 8px; }
.bbDiv6 .bdDiv ul li .textDiv{position: relative;z-index: 1; }
.bbDiv6 .bdDiv ul li .title{margin: 30px 0 20px; font-size:24px; font-weight:bold; color:#2e7ab5 }
.bbDiv6 .bdDiv ul li .p{line-height: 1.875;margin-bottom: 30px; font-size:16px; line-height:30px; color:#fff }
.bbDiv6 .bdDiv ul li span{opacity: .24;display: block;position: relative;z-index: 1; font-size:30px }
 .c2e7ab5{color: #2e7ab5; }
.c287dee{color: #2e7ab5; }


.param-box {
  display: flex;
  gap: 20px;padding-top:30px
}

.desc-box {
  align-items: flex-start;
  color: #fff; 
}

.param-item {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-left: 1px solid #fff;
  padding-left: 20px;
  gap: 10px;
  padding-right: 57px;  color: #fff
}

.param-item-dw {
  font-size: 42px;
}

.param-item-dw span {
  font-size: 18px;
}

.sy_news { background: rgba(255,255,255,.1);
  padding: 80px 0;}
.sy_news .img_box {
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 0px;
  overflow: hidden;
  position: relative;background: #000;
}
.left_side .img_box:nth-of-type(1) {
  background-color: #000 !important;
}
.side_item .img_box .info_box .n_info_title {
 
  font-size: 14px;
  color: #fff;
}
.side_item .img_box .info_box .n_info_title h3{color: #fff;}
.sy_news .con{display: flex;
  align-items: flex-start;
  justify-content: space-between;flex-wrap: wrap;}
.sy_news .side_item {
  width: calc(51% / 2 - 19px);
}
.side_item.center_side {
  width: 49.5% !important;
}
 .right_side .img_box:nth-of-type(2) {
  background-color: #000 !important;
}
.compute_item_img {
  display: block;
  position: relative;
  transition: all .3s ease-in-out;
}
.compute_item_img .compute_process_img {
  display: flex;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.side_item .img_box::after {
  background-color: rgba(0,0,0,0%);
}
.side_item .img_box .info_box {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
  color: #fff;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  pointer-events: none;
}
.compute_item_img .compute_process_img img {
  position: absolute;top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;opacity: 0.7;
}
 .sy_news .side_item {
  width: calc(51% / 2 - 19px);
}
.brand2_1{background: rgba(255,255,255,.1);
  padding: 80px 0;
  height: auto;
  overflow: hidden;}
.brand2_1 ul li{margin-bottom: 40px;align-items: stretch; } 
.brand2_1 ul li .textDiv{width: 24.9%;display: flex;flex-direction: column;justify-content: center;background: #050b2d;border-radius: 15px;padding: 30px; color:#fff }
.brand2_1 ul li .textDiv .line{width: 38px;height: 4px;background: rgba(255,255,255,.4);margin: 15px 0; }
.brand2_1 ul li .textDiv  .title { font-size:20px; font-weight:bold}
.brand2_1 ul li .textDiv .p{line-height: 2;color: #fff; font-size:16px }
.brand2_1 ul li .imgDiv{width: 70%;border-radius: 15px;overflow: hidden; }
.brand2_1 ul li .imgDiv img{width: 100%;height: 100%;object-fit: cover; }
.brand2_1 ul li:nth-of-type(odd){flex-direction: row-reverse; }
.brand2_2{padding: 60px 0 calc(100px + 9vw);overflow: hidden;background: #f7f2ee; }
.brand2_2 .bdDiv{margin-top: 30px; }
.brand2_2 .bdDiv ul li{margin-top: 30px;align-items: stretch; }
.brand2_2 .bdDiv ul li:nth-of-type(even){flex-direction: row-reverse; }
.brand2_2 .bdDiv ul li .textDiv{width: 50%;display: flex;flex-direction: column;justify-content: center;background: #fff;padding: 5%; }
.brand2_2 .bdDiv ul li .textDiv .num{font-family: Impact;color: #87563a; }
.brand2_2 .bdDiv ul li .textDiv .title{margin: 10px 0 20px; }
.brand2_2 .bdDiv ul li .textDiv .p{color: #555555;line-height: 2; }
.brand2_2 .bdDiv ul li .imgDiv{width: 50%; }
.brand2_2 .bdDiv ul li .imgDiv img{width: 100%;height: 100%;object-fit: cover; }

 
.sccp{ width:100%; position:relative; height:auto; overflow:hidden; padding:60px 0 80px}
.scwz{ color:#fff; width:380px; margin-left:10%}
.scwz h1{ color:#fff; font-size:30px; margin-bottom:20px; font-weight:bold}
.scwz .p{ font-size:16px; line-height:30px; color:#fff}
.sctu{ width: 65%;height: 600px;grid-column: 2;grid-row: 1 / 3; position:relative }
.sctu img{ width:100%;border-radius: 500px 0 0 500px; object-fit: cover;position: absolute;top: 0;left: 0;width: 100%;max-width: none;height: 100%;max-height: none;} 
  
  
.scwz1{ color:#fff; width:380px; margin-right:10%}
.scwz1 h1{ color:#fff; font-size:24px; margin-bottom:20px; font-weight:bold}
.scwz1 .p{ font-size:16px; line-height:30px; color:#fff}
.sctu1{ width: 65%;height: 600px;grid-column: 2;grid-row: 1 / 3; position:relative}
.sctu1 img{ width:100%;border-radius:  0 500px 500px 0 ; object-fit: cover;position: absolute;top: 0;left: 0;width: 100%;max-width: none;height: 100%;max-height: none;} 
  
.sy_ys1{width:100%; padding:90px 0 100px; background: url(../images/wurenji1.jpg) no-repeat center bottom;  overflow:hidden;}
.sy_ys1 .gy_bt h3{color:#fff;}
.sy_ys1 .gy_bt em{background-color:#fff;}
.sy_ys1 li{border-right:1px solid rgba(255,255,255,.3); width:25%; float:left;box-sizing:border-box  }
.sy_ys1 li:last-child{border-right:0;}
.sy_ys1 .n_r{text-align:center; padding:15px 30px;}
.sy_ys1 .t_b{width:110px;   border-radius:50%; margin:0 auto 30px;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_ys1 .n_r:hover .t_b{transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
-o-transform:rotateY(180deg);}
.sy_ys1 .t_b img{width:100%; height:auto; display:block;}
.sy_ys1 h4{font-size:20px; font-weight:bold; line-height:32px; color:#fff; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_ys1 .p{color:#fff; line-height:34px; font-size:16px}
@media only screen and (max-width:992px){
.sy_ys1{padding:30px 0;}
.sy_ys1 .row{margin:0 -10px;}
.sy_ys1 .col-md-4{padding:0 10px;}
.sy_ys1 .n_r{padding:30px 15px;}
.sy_ys1 .t_b{width:80px; margin:0 auto 20px;}
.sy_ys1 h4{font-size:20px; line-height:32px; margin-bottom:6px;}
.sy_ys1 .p{font-size:14px; line-height:22px;}
.sy_ys1 li{border-right:0 solid rgba(255,255,255,.3); width:100%; float:left;box-sizing:border-box ;border-bottom:1px dotted rgba(255,255,255,.3); }
.sy_ys1 li:last-child{border-right:0;border-bottom:0 dotted rgba(255,255,255,.3);}

}
@media only screen and (max-width:640px){
.sy_ys{padding:30px 0 30px;}
.sy_ys .gy_bt{margin-bottom:0;}
.sy_ys .row{margin:0;}
.sy_ys .col-md-4{padding:0; border-right:0; border-bottom:1px solid rgba(255,255,255,.3);}
.sy_ys .col-md-4:last-child{border-bottom:0;}
.sy_ys .n_r{padding:40px 0;}
.sy_ys .t_b{width:70px; border:1px solid #fff;}
.sy_ys h4{font-size:18px; line-height:28px;}
.pxbk1 {
 background:url(../images/31.jpg) no-repeat bottom; min-height:800px;background-repeat: no-repeat; 
 
}
.brand2_1 {
  background: rgba(255,255,255,.1);
  padding: 30px 0;
  height: auto;
  overflow: hidden;
} 
.brand2_1 ul li{ display:block; margin-bottom:10px}
.brand2_1 ul li .imgDiv {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}

 
.brand2_1 ul li .textDiv {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #050b2d;

  border-radius: 15px;

  padding: 20px;

  color: #fff;box-sizing:border-box 
}
.brand2_1 ul li .textDiv .title {
  font-size: 18px;
  font-weight: bold;
}
.brand2_1 ul li .textDiv .p {
  line-height:26px;
  color: #fff;
  font-size: 15px;
}
.bbDiv6 {
  margin: 30px 0;
}
.bbDiv6 .bdDiv ul {
  display: grid;
  grid-template-columns: repeat(1,1fr);
  grid-gap: 10px;
}
.bbDiv6 .bdDiv ul li {
  text-align: center;
  position: relative;
  padding: 40px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-top: 10px;
}

.sccp{ width:100%; position:relative; height:auto; overflow:hidden; padding:30px 0 30px}
.sccp .flexbet{ display:block}
.scwz{ color:#fff; width:100%; margin-left:6%}
.scwz h1{ color:#fff; font-size:18px; margin-bottom:10px; font-weight:bold}
.scwz .p{ font-size:15px; line-height:26px; color:#fff; margin-bottom:20px}
.sctu{ width: 100%;height: 200px;grid-column: 2;grid-row: 1 / 3; position:relative }
.sctu img{ width:100%;border-radius: 500px 0 0 500px; object-fit: cover;position: absolute;top: 0;left: 0;width: 100%;max-width: none;height: 100%;max-height: none;} 
  
  
.scwz1{ color:#fff; width:90%; margin-right:6%; margin-left:6%;box-sizing:border-box; margin-top:20px }
.scwz1 h1{ color:#fff; font-size:18px; margin-bottom:10px; font-weight:bold}
.scwz1 .p{ font-size:15px; line-height:26px; color:#fff}
.sctu1{ width: 100%;height: 200px;grid-column: 2;grid-row: 1 / 3; position:relative}
.sctu1 img{ width:100%;border-radius:  0 500px 500px 0 ; object-fit: cover;position: absolute;top: 0;left: 0;width: 100%;max-width: none;height: 100%;max-height: none;} 
.productDiv .categoryDiv .itemDiv.on {
  display: block;
  float: none;
  width: 100%;box-sizing:border-box 
}
.productDiv .hdDiv .searchDiv {
  width: 96%;
  margin: 10px auto;
 
}
}
.dingwei{position: absolute;left: 0;top: -80px;}
@media only screen and (max-width: 1024px){
	.dingwei{top: -60px;}
}