* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 14px;
	outline: none;
}
body{
    background: #fff;
}
a {
	text-decoration: none;
}

li {
	list-style: none;
}

img {
	vertical-align: top;
	border: none;
}

button {
	border: 0;
	background-color: transparent;
	-webkit-appearance: none;
}

select {
	border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

input,
textarea {
	border: none;
}

textarea {
	resize: none;
	overflow: auto;
}

i {
	font-weight: normal;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

input {
	-moz-appearance: textfield;
}

html::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

html::-webkit-scrollbar-thumb {
	background: #004d85;
	border-radius: 6px;
}

html::-webkit-scrollbar-corner {
	background: #004d85;
}

@font-face {
	font-family: english;
	src: url(../font/english.OTF);
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}

header .pc {
	width: 100%;
	padding: 0 100px;
	transition: .4s all;
	background-color: #ffffff8c;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
}

header .pc div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
}

header .pc div .logo {
	display: block;
	width: 280px;
	height: 45px;
}

header .pc div .logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

header .pc div ul {
	margin-left: 30px;
	padding-left: 30px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

header .pc div ul:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 15px;
	background-color: #d4d4d4;
}

header .pc div ul li {
	padding: 0 20px;
	padding-right: 40px;
	transition: .4s all;
	position: relative;
}

header .pc div ul li i:after {
	content: '';
	display: block;
	width: 4px;
	height: 7px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(90deg);
	background: url("../images/headerjt.png") no-repeat;
	background-position: center top;
	transition: .4s all;
}

header .pc div ul li:hover {
	background-color: #004d85;
}

header .pc div ul li:hover:after {
	transform: translateY(-50%) rotate(-90deg);
	background-position: center bottom;
}

header .pc div ul li:hover>a {
	color: #fff;
}

header .pc div ul li:hover div {
	opacity: 1;
	pointer-events: auto;
}

header .pc div ul li.active>a {
	color: #004d85;
}

header .pc div ul li.active:hover {
	background-color: #004d85;
}

header .pc div ul li.active:hover:after {
	transform: translateY(-50%) rotate(-90deg);
}

header .pc div ul li.active:hover>a {
	color: #fff;
}

header .pc div ul li.active:hover div {
	opacity: 1;
	pointer-events: auto;
}

header .pc div ul li>a {
	display: block;
	height: 70px;
	font-size: 18px;
	line-height: 70px;
	color: #737373;
	transition: .4s all;
	letter-spacing: 2px;
}

header .pc div ul li div {
	width: 210px;
	position: absolute;
	top: 70px;
	left: 0;
	background-color: #fff;
	opacity: 0;
	pointer-events: none;
	transition: .4s all;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	align-items: self-start;
}

header .pc div ul li div a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #282828;
	letter-spacing: 2px;
	transition: .4s all;
	position: relative;
	padding-left: 25px;
	border-bottom: 1px solid #e5e5e5;
}

header .pc div ul li div a:after {
	content: '';
	display: block;
	width: 8px;
	height: 14px;
	background: url("../images/headerjt.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	margin-top: 3px;
}

header .pc div ul li div a:hover {
	color: #004d85;
	background-color: #f9f9f9;
}

header .pc div ul li:first-child:after {
	display: none;
}

header .pc>dl {
	height: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

header .pc>dl dd {
	width: 30px;
	height: 30px;
	cursor: pointer;
	overflow: hidden;
}

header .pc>dl dd+dd {
	margin-left: 20px;
}

header .pc>dl dd i {
	display: block;
	width: 30px;
	height: 60px;
	transition: .4s all;
}

header .pc>dl dd:hover i {
	background-position: center -30px !important;
}

header .pc>dl dd.QRcode i {
	background: url("../images/qrcode.png") no-repeat;
	background-position: center top;
	background-size: contain;
}

header .pc>dl dd.search i {
	background: url("../images/search.png") no-repeat;
	background-position: center top;
	background-size: contain;
}

header .pc>dl dd.menu {
	margin-left: 29px;
}

header .pc>dl dd.menu.menu--1 {
	background-color: transparent;
}

header .pc>dl dd.menu label {
	right: 5.5px;
	bottom: -9px;
}

header .pc>dl dd.menu circle {
	transition: .4s all;
}

header .pc>dl dd.menu path {
	transition: .4s all;
}

header .pc>dl dd.menu:hover path {
	background-color: #004d85;
}

header .m {
	display: none;
	padding: 30px 30px;
	position: relative;
}

header .m .menu {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 40px;
	background-color: transparent;
}

header .m .menu path {
	stroke: #868686;
}

header .m .menu label {
	left: -40px;
	top: -45px;
	max-width: 130px;
	max-height: 130px;
}

header .m>a {
	display: block;
	width: 280px;
	margin: 0 auto;
}

header .m>a img {
	width: 100%;
	object-fit: contain;
}

header .m .Msearch {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	background: url("../images/msearch.png") no-repeat;
	background-size: contain;
}
.clear{
    clear: both;
}
.ibanner {
	width: 100%;
	position: relative;
	margin-top: 70px;
}

.ibanner a {
	width: 100%;
}

.ibanner a img {
	width: 100%;
	object-fit: contain;
}

.ibanner a .pc {
	display: block;
}

.ibanner a .m {
	display: none;
}

.ibanner .swiper-container .bottom {
	width: 100%;
	padding: 0 100px;
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
}

.ibanner .swiper-container .bottom>div {
	width: 100%;
	border-bottom: 2px solid #dfdfdf;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	align-items: unset;
}

.ibanner .swiper-container .bottom>div .swiper-pagination {
	width: 100px;
	position: static;
	padding-bottom: 40px;
}

.ibanner .swiper-container .bottom>div .swiper-pagination span {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	margin-right: 10px;
}

.ibanner .swiper-container .bottom>div .btn {
	width: 210px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	position: relative;
	padding-bottom: 40px;
}

.ibanner .swiper-container .bottom>div .btn:after {
	content: '';
	display: block;
	width: 1px;
	height: 13px;
	background-color: #fff;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}

.ibanner .swiper-container .bottom>div .btn div {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	width: auto;
	color: #f6f6f6;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial;
	letter-spacing: 1px;
	opacity: 1;
	transition: .4s all;
	pointer-events: auto;
	cursor: pointer;
}

.ibanner .swiper-container .bottom>div .btn div.swiper-button-prev:after {
	display: none;
}

.ibanner .swiper-container .bottom>div .btn div.swiper-button-prev:before {
	content: '';
	background: url("../images/bannerbtn.png") no-repeat;
	background-size: contain;
	width: 21px;
	height: 13px;
	margin-right: 10px;
	transition: .4s all;
}

.ibanner .swiper-container .bottom>div .btn div.swiper-button-prev:hover {
	color: #dfdfdf;
}

.ibanner .swiper-container .bottom>div .btn div.swiper-button-next:after {
	content: '';
	background: url("../images/bannerbtn.png") no-repeat;
	background-size: contain;
	width: 21px;
	height: 13px;
	transform: rotate(180deg);
	margin-left: 10px;
	transition: .4s all;
}

.ibanner .swiper-container .bottom>div .btn div.swiper-button-next:hover {
	color: #dfdfdf;
}

.pbanner {
	width: 100%;
	margin-top: 70px;
	position: relative;
}

.pbanner img {
	width: 100%;
	object-fit: contain;
}

.pbanner h3 {
	font-size: 48px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-family: english;
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.pbanner h3 span {
	display: block;
	text-align: center;
	font-size: 48px;
	line-height: 36px;
	color: #fff;
	text-transform: uppercase;
	margin-top: 25px;
}

.address {
	width: 100%;
	border-bottom: 1px solid #dadada;
}

.address nav {
	padding: 20px 0;
	width: 1400px;
	margin: 0 auto;
}

.address nav h4 {
	display: none;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	letter-spacing: 1px;
	color: #000;
}

.address nav h4.active:before {
	transform: translateY(-50%) rotate(180deg);
}

.address nav h4:before {
	content: '';
	opacity: 1;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url(../images/dropdown.png) no-repeat;
	background-size: contain;
	transition: .4s all;
}

.address nav dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

.address nav dl dt {
	font-size: 14px;
	color: #242424;
	font-weight: bold;
	margin-right: 5px;
}

.address nav dl dd a {
	font-size: 14px;
	color: #242424;
	transition: .4s all;
}

.address nav dl dd a:hover {
	color: #004a84;
}

.address nav dl dd:nth-of-type(n+2) {
	padding-left: 25px;
	position: relative;
}

.address nav dl dd:nth-of-type(n+2):before {
	content: '';
	opacity: 1;
	display: block;
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	background: url(../images/location_icon1.png) no-repeat;
	background-size: contain;
}

.page {
	width: 100%;
}

.page .ClassB {
	width: 100%;
	margin: 60px 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	flex-direction: unset;
	position: relative;
}

.page .ClassB>a {
	display: block;
	width: 150px;
	height: 45px;
	line-height: 41px;
	text-align: center;
	font-size: 14px;
	color: #676767;
	border: 2px solid #c9c9c9;
	transition: .4s all;
}

.page .ClassB>a+a {
	margin-left: 20px;
}

.page .ClassB>a.active {
	background-color: #004d85;
	border-color: #004d85;
	color: #fff;
}

.page .ClassB>a:hover {
	background-color: #004d85;
	border-color: #004d85;
	color: #fff;
}

.page .ClassPro {
	width: 100%;
	margin: 60px 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	flex-direction: unset;
	position: relative;
	z-index: 66;
}

.page .ClassPro div {
	display: block;
	width: 150px;
	height: 45px;
	border: 1px solid #c9c9c9;
	transition: .4s all;
	cursor: pointer;
	position: relative;
}

.page .ClassPro div+div {
	margin-left: 20px;
}

.page .ClassPro div.active {
	background-color: #004d85;
	border-color: #004d85;
}

.page .ClassPro div.active>a {
	color: #fff;
}

.page .ClassPro div:hover {
	background-color: #004d85;
	border-color: #004d85;
}

.page .ClassPro div:hover>a {
	color: #fff;
}

.page .ClassPro div>a {
	display: block;
	line-height: 43px;
	text-align: center;
	font-size: 14px;
	color: #676767;
}

.page .ClassPro div:hover dl {
	opacity: 1;
	pointer-events: auto;
}

.page .ClassPro dl {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 44px;
	left: -1px;
	width: 150px;
	border: 1px solid #c9c9c9;
	border-top: none;
	background-color: #fff;
	transition: .4s all;
}

.page .ClassPro dl dd {
	border-bottom: 1px solid #c9c9c9;
	padding: 0 15px;
	transition: .4s all;
}

.page .ClassPro dl dd:hover {
	background-color: #f9f9f9;
}

.page .ClassPro dl dd:last-child {
	border-bottom: none;
}

.page .ClassPro dl a {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	overflow: hidden;	
	text-overflow:ellipsis;
	white-space: nowrap;
}

.page .ClassProB {
	display: none;
	width: 100%;
	padding: 0 20px;
	margin: 40px 0;
}

.page .ClassProB div {
	position: relative;
	font-size: 14px;
	display: block;
	background-color: #f1f1f1;
	width: 100%;
	text-align: center;
	margin: 0;
	transition: .4s all;
	padding: 15px 0;
}

.page .ClassProB div.active {
	background-color: #004a84;
}

.page .ClassProB div.active h4 {
	color: #fff;
}

.page .ClassProB div h4 {
	color: #434144;
	font-size: 16px;
	position: relative;
	padding-right: 25px;
	display: inline-block;
}

.page .ClassProB div h4 i {
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: 0;
	transition: .4s all;
	transform: translateY(-50%);
	background: url(../images/prodown.png) no-repeat;
	background-size: 100% 100%;
}

.page .ClassProB div.active h4 i {
	transform: translateY(-50%) rotate(180deg);
}

.page .ClassProB ul {
	display: none;
	background-color: #f1f1f1;
	padding: 10px 20px;
}

.page .ClassProB ul li {
	border-bottom: 1px solid #fff;
}

.page .ClassProB ul li a {
	text-align: center;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #434144;
}

.m-pages {
	text-align: center;
	font-size: 14px;
	padding: 60px 0;
}

.m-pages ul {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	margin-right: 25px;
}

.m-pages li {
	float: left;
	margin: 0 3px;
}

.m-pages li a {
	display: block;
	width: 37px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background-color: #ccc;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 3px;
	transition: .4s all;
	font-size: 13px;
}

.m-pages li.active a,
.m-pages li:hover a {
	color: #fff;
	background-color: #004d85;
}

.m-pages .tz {
	display: inline-block;
	vertical-align: middle;
	color: #ff5e0e;
	line-height: 37px;
}

.m-pages .tz select {
	width: 64px;
	height: 36px;
	line-height: 35px;
	color: #004d85;
	padding-right: 21px;
	background: url(../images/qwy-i4.png) center right 11px no-repeat;
	padding-left: 16px;
	border: 1px solid #ccc;
	margin: 0 10px;
	font-size: 14px;
}

.m-pages select {
	width: 65px;
	height: 35px;
	border: 1px solid #ccc;
	line-height: 33px;
	color: #004d85;
	padding-left: 10px;
	background: url(../images/qwy-i4.png) #fff center right 10px no-repeat;
	background-size: 8px;
	font-size: 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.m-pages select option {
	width: 100%;
	height: 36px;
	font-size: 14px;
}

.PopupCode {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 99;
}

.PopupCode ul {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

.PopupCode ul li {
	background-color: #fff;
	padding: 20px;
	transition: .4s all;
}

.PopupCode ul li+li {
	margin-left: 30px;
}

.PopupCode ul li figure img {
	width: 260px;
	height: 260px;
}

.PopupCode ul li p {
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #434144;
	margin-top: 10px;
	padding-top: 15px;
	border-top: 1px solid #434144;
	transition: .4s all;
	letter-spacing: 2px;
}

.PopupCode ul li span {
	display: table;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	color: #004a84;
	cursor: pointer;
	transition: .4s all;
	position: relative;
	padding-bottom: 3px;
}

.PopupCode ul li span:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #fff;
	opacity: 0;
	transition: .4s all;
}

.PopupCode ul li span:hover:after {
	opacity: 1;
}

.PopupCode ul li:hover {
	background-color: #004d85;
}

.PopupCode ul li:hover p {
	color: #fff;
	border-color: #fff;
}

.PopupCode ul li:hover span {
	color: #fff;
}

.PopupSearch {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 99;
}

.PopupSearch form {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.PopupSearch form h4 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.PopupSearch form div {
	margin-top: 60px;
	margin-bottom: 80px;
	width: 640px;
	height: 50px;
	border-radius: 6px;
	border: 1px solid #dfdfdf;
	position: relative;
}

.PopupSearch form div select {
	width: 180px;
	line-height: 48px;
	padding: 0 15px;
	font-size: 17px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background: url("../images/dropdown.png") rgba(0, 0, 0, 0.7) 95% center no-repeat;
	background-size: 15px 15px;
	border-right: 1px solid #dfdfdf;
	color: #dfdfdf;
	letter-spacing: 2px;
}

.PopupSearch form div select option {
	padding: 10px 0;
}

.PopupSearch form div input {
	width: 453px;
	line-height: 48px;
	background-color: transparent;
	padding: 0 10px;
	color: #dfdfdf;
	font-size: 17px;
	letter-spacing: 2px;
}

.PopupSearch form div input::-webkit-input-placeholder {
	color: #dfdfdf;
	font-size: 17px;
}

.PopupSearch form div button {
	width: 80px;
	height: 48px;
	line-height: 48px;
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #dfdfdf;
	text-transform: uppercase;
	cursor: pointer;
}

.PopupSearch form div button i {
	display: block;
	width: 30px;
	height: 30px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

.PopupSearch form div button i:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 60px;
	background: url("../images/search.png") no-repeat;
	background-position: center top;
	background-size: contain;
}

.PopupSearch form div button:hover i:after {
	background-position: center -30px !important;
}

.PopupSearch form icon {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	transition: .4s all;
}

.PopupSearch form icon:hover {
	color: #004a84;
}

.PopupColumn {
	position: fixed;
	top: 85.91px;
	left: -1024px;
	padding: 20px 15px;
	width: 100%;
	max-width: 1024px;
	height: 100%;
	background-color: #004a84;
	transition: .4s all;
	z-index: 99;
}

.PopupColumn.active {
	left: 0;
}

.PopupColumn li {
	border-bottom: 1px solid #6692b5;
}

.PopupColumn li.active a:after {
	background-color: #fff;
}

.PopupColumn li.active a icon {
	transform: translateY(-50%) rotate(180deg);
}

.PopupColumn li>a {
	display: block !important;
	font-size: 15px;
	color: #fff;
	padding: 20px 0;
	letter-spacing: 1px;
	transition: .4s all;
	letter-spacing: 2px;
	position: relative;
	padding-left: 30px;
}

.PopupColumn li>a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	border-radius: 50%;
	transition: .4s;
}

.PopupColumn li>a icon {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	background: url("../images/downjt.png") no-repeat;
	background-size: contain;
	transition: .4s all;
}

.PopupColumn li dl {
	display: none;
	padding-bottom: 20px;
}

.PopupColumn li dl dd {
	padding: 10px 30px;
}

.PopupColumn li dl dd a {
	display: block;
	font-size: 14px;
	color: #fff;
}

.PopupColumn p {
	font-size: 20px;
	margin-top: 30px;
	color: #004d85;
	cursor: pointer;
	font-family: english;
	letter-spacing: 1px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	flex-direction: unset;
}

.PopupColumn p i {
	display: block;
	width: 15px;
	height: 15px;
	background: url("../images/top.png") no-repeat;
	background-size: contain;
	margin-left: 5px;
	margin-top: 2px;
}

.indexTitle {
	font-size: 48px;
	color: #303030;
	font-weight: 100;
}

.indexTitle span {
	font-size: 48px;
	color: #004d85;
	font-weight: 100;
}

.indexTitle p {
	font-size: 30px;
	font-weight: 100;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.indexButton {
	display: inline-block;
	margin-top: 120px;
	padding: 0 40px;
	height: 45px;
	line-height: 41px;
	color: #434144;
	border: 2px solid #004d85;
	border-radius: 30px;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	position: relative;
	transition: .4s all;
}

.indexButton:after {
	content: '';
	display: block;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: #004d85;
	border: 8px solid #fff;
	position: absolute;
	top: -10px;
	left: 10px;
	transition: .4s all;
}

.indexButton:hover {
	color: #004d85;
}

.indexButton:hover:after {
	left: 178px;
}

.sfn {
	width: 100%;
}

.sfn figure {
	display: block;
	width: 100%;
	position: relative;
	padding: 16% 0;
}

.sfn figure img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.xinzhuyi {
	width: 100%;
	padding: 100px;
	/*background: url('../images/aboutbg.jpg') no-repeat;*/
	background:#fff;
    background-size: 100%;
	padding-top: 60px;
}

.xinzhuyi .main {
    width: 1400px;
    margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	background-color: #fbfbfbd1;
}

.xinzhuyi .main .indexTitle {
	width: 30%;
	font-size: 40px;
	/*border-right: 2px solid #ddd;*/
	letter-spacing: 15px;
	margin: 0 5%;
}

.xinzhuyi .main .indexTitle p {
	font-size: 25px;
	color: #2f2f2f;
	letter-spacing: 1px;
	font-weight: normal;
}

.xinzhuyi .main .indexTitle span {
	display: inline-block;
	font-size: 40px;
	margin-top: 10px;
}
.xinzhuyi .main .indexTitle span p{
    font-size: 14px;
    line-height: 27px;
}

.xinzhuyi .main div.aboutimgd {
	width: 60%;
	/*padding-left: 100px;*/
}

.xinzhuyi .main div p {
	font-size: 14px;
	color: #676767;
	line-height: 36px;
}

.shuju {
	width: 100%;
	padding: 50px 0;
	background: url("../images/shuju.jpg") no-repeat;
	background-size: cover;
	height: 254px;
}

.shuju .main {
	width: 1400px;
	margin: 0 auto;
}

.shuju .main ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
}

.shuju .main ul li icon {
	display: block;
	width: 55px;
	height: 55px;
	margin: 0 auto;
}

.shuju .main ul li:nth-of-type(1) h5 p {
	min-width: 185px;
	position: relative;
    left: 12px;
}

.shuju .main ul li:nth-of-type(1) icon {
	background: url("../images/meixueicon4.png") no-repeat;
	background-size: contain;
}

.shuju .main ul li:nth-of-type(2) h5 p {
	min-width: 140px;
}

.shuju .main ul li:nth-of-type(2) icon {
	background: url("../images/meixueicon2.png") no-repeat;
	background-size: contain;
}

.shuju .main ul li:nth-of-type(3) h5 p {
	min-width: 185px;
	position: relative;
    left: 12px;
}

.shuju .main ul li:nth-of-type(3) icon {
	background: url("../images/meixueicon3.png") no-repeat;
	background-size: contain;
}

.shuju .main ul li:nth-of-type(4) h5 p {
	min-width: 240px;
}

.shuju .main ul li:nth-of-type(4) icon {
	background: url("../images/meixueicon1.png") no-repeat;
	background-size: contain;
}

.shuju .main ul li h5 {
	text-align: center;
	margin-top: 40px;
	padding-right: 20px;
	position: relative;
	font-family: english;
	letter-spacing: 5px;
}

.shuju .main ul li h5 p {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	font-family: english;
}

.shuju .main ul li h5 span {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
}

.shuju .main ul li h6 {
	margin-top: 10px;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.sheji {
	width: 100%;
}

.sheji .main {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 65px;
	margin: 0 auto;
}

.sheji .main .indexTitle {
	text-align: center;
}

.sheji .main ul {
	width: 100%;
	/* margin-top: 125px; */
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
}

.sheji .main ul li {
	width: 50%;
	height: 600px;
	position: relative;
}

.sheji .main ul li:first-child {
	width: 100%;
	height: 800px;
	border-bottom: 10px solid #fff;
}

.sheji .main ul li:nth-of-type(2) {
	border-right: 5px solid #fff;
}

.sheji .main ul li:nth-of-type(3) {
	border-left: 5px solid #fff;
}

.sheji .main ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.sheji .main ul li a figure {
	width: 100%;
	height: 100%;
}

.sheji .main ul li a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sheji .main ul li a div {
	position: absolute;
	top: 50%;
	left: 100px;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.sheji .main ul li a div h5 {
	font-size: 30px;
	line-height: 36px;
	color: #fff;
	transition: .4s all;
}

.sheji .main ul li a div p {
	width: 100%;
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
	text-align: left;
}

.sheji .main ul li:hover a div h5 {
	color: #004d85;
}

.youshi {
	width: 100%;
	padding: 100px 0;
	background-color: #f2f2f2;
	position: relative;
}

.youshi:before {
	content: '';
	display: block;
	width: 500px;
	height: 250px;
	
	position: absolute;
	bottom: 100px;
	right: 0;
}

.youshi .main {
	width: 1400px;
	margin: 0 auto;
	position: relative;
}

.youshi .main .indexTitle {
	font-size: 60px;
}

.youshi .main .indexTitle span {
	font-size: 60px;
}

.youshi .main .swiper-pagination {
	position: absolute;
	top: 20px;
	left: auto;
	right: 0;
	width: 100px;
	height: 60px;
}

.youshi .main .swiper-pagination span {
	font-size: 18px;
	color: #000;
}

.youshi .main .swiper-pagination .swiper-pagination-current {
	font-size: 35px;
	color: #004a84;
	font-weight: bold;
	margin-right: 10px;
}

.youshi .main .swiper-pagination .swiper-pagination-total {
	font-size: 25px;
	color: #000;
	margin-left: 10px;
}

.youshi .main>p {
	margin: 80px 0;
	font-size: 16px;
	color: #676767;
	letter-spacing: 2px;
	line-height: 36px;
}

.youshi .main>div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	align-items: unset;
	position: relative;
}

.youshi .main>div:before {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background-color: #cfcfcf;
	position: absolute;
	top: 0;
	right: 340px;
	z-index: 3;
}

.youshi .main>div .swiper-container {
	width: 960px;
	margin-left: 0;
}

.youshi .main>div .swiper-container dd {
	position: relative;
}

.youshi .main>div .swiper-container dd:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2;
}

.youshi .main>div .swiper-container dd figure img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 560px;
	object-fit: cover;
}

.youshi .main>div .swiper-container dd h5 {
	position: absolute;
	top: 50px;
	z-index: 3;
	left: 50px;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 2px;
}

.youshi .main>div .swiper-container dd h5 span {
	display: block;
	color: #fff;
	font-family: english;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: normal;
}

.youshi .main>div .swiper-container dd h4 {
	position: absolute;
	bottom: 50px;
	z-index: 3;
	left: 50px;
	color: #fff;
	padding-right: 20px;
	font-size: 30px;
	letter-spacing: 2px;
}

.youshi .main>div .swiper-container dd h4 p {
	display: block;
	color: #fff;
	z-index: 3;
	line-height: 28px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: normal;
	margin-top: 15px;
}

.youshi .main>div .btn {
	width: 190px;
	height: 95px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

.youshi .main>div .btn div {
	position: static;
	width: 95px;
	height: 95px;
	background-color: #dcdfe4;
	opacity: 1;
	transition: .4s all;
	margin-top: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.youshi .main>div .btn div:after {
	content: '';
}

.youshi .main>div .btn div:nth-of-type(2) {
	background-color: #004d85;
}

.youshi .main>div .btn div:nth-of-type(2) i:after {
	transform: rotate(180deg);
	background-position: center -14px !important;
}

.youshi .main>div .btn div i {
	display: block;
	width: 28px;
	height: 14px;
	overflow: hidden;
	position: relative;
}

.youshi .main>div .btn div i:after {
	content: '';
	display: block;
	width: 100%;
	height: 14px;
	position: absolute;
	background: url("../images/youshibtn.png") no-repeat;
	background-size: cover;
	background-position: center top;
}

.youshi .main>div .btn div:hover {
	background-color: #004d85;
}

.youshi .main>div .btn div:hover i:after {
	background-position: center -14px !important;
}

.jiameng {
	width: 100%;
	padding-bottom: 80px;
	position: relative;
}

.jiameng .main {
	width: 100%;
	padding-top: 140px;
	margin: 0 auto;
	background: url("../images/jiamengbag.jpg") no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}

.jiameng .main .indexTitle {
	text-align: center;
	color: #fff;
	font-size: 60px;
}

.jiameng .main .indexTitle p {
	margin-top: 20px;
	font-family: english;
}

.jiameng .main>div {
	width: 1200px;
	background: #f6f6f6;
	padding: 30px 40px;
	padding-right: 240px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.jiameng .main>div h4 {
	font-size: 36px;
	color: #2f2f2f;
}

.jiameng .main>div p {
	margin-top: 10px;
	font-size: 16px;
	color: #676767;
	line-height: 30px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

.jiameng .main>div .swiper-pagination {
	position: absolute;
	top: 60px;
	left: auto;
	bottom: auto;
	right: 20px;
	width: 100px;
}

.jiameng .main>div .swiper-pagination span {
	font-size: 25px;
	color: #434144;
	font-weight: bold;
	font-family: chinese;
	margin-right: 10px;
}

.jiameng .main>div .swiper-pagination span.swiper-pagination-current {
	font-size: 35px;
	color: #004d85;
}

.jiameng .main nav {
	width: 1400px;
	margin: 0 auto;
	margin-top: 300px;
}

.jiameng .main nav ul {
	width: 300px;
	height: 150px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

.jiameng .main nav ul li {
	position: static;
	width: 150px;
	height: 60px;
	background-color: #fff;
	opacity: 1;
	transition: .4s all;
	margin-top: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.jiameng .main nav ul li:after {
	content: '';
}

.jiameng .main nav ul li:nth-of-type(2) {
	background-color: #004d85;
}

.jiameng .main nav ul li:nth-of-type(2) i:after {
	transform: rotate(180deg);
	background-position: center -14px !important;
}

.jiameng .main nav ul li i {
	display: block;
	width: 28px;
	height: 14px;
	overflow: hidden;
	position: relative;
}

.jiameng .main nav ul li i:after {
	content: '';
	display: block;
	width: 100%;
	height: 14px;
	position: absolute;
	background: url("../images/youshibtn.png") no-repeat;
	background-size: cover;
	background-position: center top;
}

.jiameng .main nav ul li:hover {
	background-color: #004d85;
}

.jiameng .main nav ul li:hover i:after {
	background-position: center -14px !important;
}

.news {
	width: 100%;
	padding: 150px 0;
	position: relative;
}

.news .main {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	align-items: unset;
}

.news .main .indexTitle {
	position: absolute;
	top: 150px;
	left: 0;
	width: 660px;
	height: 180px;
	border: 10px solid #f2f2f2;
	border-left: none;
	text-align: left;
	padding-left: 260px;
	font-size: 60px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	align-items: unset;
}

.news .main .indexTitle p {
	color: #004a84;
	font-family: english;
}

.news .main>div.firstnews {
	padding-top: 50px;
	width: 478px;
}

.news .main>div a {
	background-color: #f6f6f6;
	display: block;
	width: 100%;
}

.news .main>div a img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.news .main>div a figure {
	padding: 30px;
}

.news .main>div a figure h5 {
	font-size: 24px;
	color: #2f2f2f;
	line-height: 36px;
	transition: .4s all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news .main>div a figure span {
	display: block;
	margin-top: 20px;
	height: 45px;
	line-height: 41px;
	color: #008ecf;
	text-align: left;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	transition: .4s all;
	font-family: english;
}

.news .main>div:hover a h5 {
	color: #008ecf;
}

.news .main ul {
	padding-top: 50px;
	width: 63%;
}

.news .main ul li {
	width: 100%;
}

.news .main ul li:hover a figure {
	opacity: 1;
}

.news .main ul li:hover a div h5 {
	color: #fff;
}

.news .main ul li:hover a div p {
	color: #d4d4d4;
}

.news .main ul li:hover a div span {
	background-position: center -30px;
}

.news .main ul li a {
	display: block;
	width: 100%;
	position: relative;
}

.news .main ul li a figure {
	position: absolute;
	top: 0;
	left: 0;
	transition: .4s all;
	opacity: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}

.news .main ul li a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news .main ul li a div {
	width: 100%;
	padding: 24px 40px;
}

.news .main ul li a div h5 {
	font-size: 24px;
	color: #2f2f2f;
	transition: .4s all;
}

.news .main ul li a div p {
	margin-top: 10px;
	font-size: 16px;
	color: #676767;
	line-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	transition: .4s all;
}

.news .main ul li a div span {
	display: block;
	margin-top: 20px;
	width: 30px;
	height: 30px;
	background: url("../images/newsbtn.png") no-repeat;
	background-size: cover;
	background-position: center top;
}

.proView_page {
	background-color: #fFF;
	padding-top: 60px;
	padding-bottom: 100px;
}

.proView_page .main {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	align-items: unset;
}

.proView_page .proview1 {
	width: 100%;
	background-color: #f5f5f5;
	margin-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	align-items: unset;
}

.proView_page .proview1 .left {
	width: 60%;
}

.proView_page .proview1 .right {
	width: 40%;
	padding: 40px 25px;
}

.proView_page .proview1 .right h4 {
	font-size: 24px;
	color: #474443;
	font-weight: bold;
}

.proView_page .proview1 .right p {
	margin-top: 15px;
	font-size: 16px;
	line-height: 30px;
	white-space: pre-line;
}

.proView_page .proview1 .right .tel {
	display: block;
	margin: 30px 0;
	font-size: 24px;
	color: #3c3c3c;
	padding-left: 30px;
	position: relative;
	font-weight: bold;
	transition: .4s all;
}

.proView_page .proview1 .right .tel:hover {
	color: #004a84;
}

.proView_page .proview1 .right .tel:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: url("../images/peo-tel.png") no-repeat;
	background-size: 100%;
}

.proView_page .proview1 .right span {
	display: block;
	width: 280px;
	height: 50px;
	line-height: 50px;
	background-color: #004a84;
	color: #fff;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	transition: .4s all;
}

.proView_page .proview1 .right span:hover {
	background-color: #008ecf;
}

.proView_page .pro_left {
	width: 76%;
	background-color: #fff;
	padding: 20px;
}

.proView_page .pro_left .big a {
	display: block;
	width: 680px;
	height: 510px;
}

.proView_page .pro_left .big a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.proView_page .box-blank div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
}

.proView_page .box-blank div a {
	display: block;
	font-size: 16px;
	color: #787878;
	transition: .4s all;
}

.proView_page .box-blank div a:hover {
	color: #004a84;
}

.parameter {
	overflow: hidden;
}

.parameter .desc {
	font-size: 16px;
	color: #474443;
	line-height: 2.25;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 30px;
	margin-bottom: 36px;
}

.parameter .desc img {
	display: block;
	max-width: 100%;
	object-fit: contain;
}

.g-tit-q1.cen {
	text-align: center;
}

.g-tit-q1.white p {
	color: #fff;
}

.g-tit-q1.white span {
	color: #fff;
}

.g-tit-q1 {
	margin-bottom: 53px;
}

.g-tit-q1 {
	margin-bottom: 20px;
}

.g-tit-q1 p {
	font-size: 30px;
	color: #434144;
	line-height: 1;
	text-transform: uppercase;
}

.g-tit-q1 span {
	font-size: 24px;
	color: #004d85;
	margin-top: 10px;
	display: block;
}

.col-r {
	width: 22%;
}

.g-box {
	padding: 15px 15px 5px 20px;
	background-color: #fff;
	margin-bottom: 20px;
}

.g-tit1 {
	overflow: hidden;
	margin-bottom: 15px;
}

.g-tit1 a {
	float: right;
	font-size: 14px;
	color: #828282;
	line-height: 24px;
	margin-top: 8px;
}

.m-list2 {
	padding-bottom: 10px;
}

.m-list2 li a {
	display: block;
	font-size: 14px;
	color: #838282;
	line-height: 24px;
	margin-bottom: 7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	padding-left: 10px;
}

.m-list2 li a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 6px;
	height: 6px;
	background-color: #e3e3e3;
	margin-top: -1px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.g-tit1 a:hover,
.m-list2 li a:hover,
.m-list3 li a:hover {
	color: #ff5e0e;
}

.m-list3 {
	overflow: hidden;
	margin: 0 -9px;
}

.m-list3 li {
	float: left;
	width: 50%;
	padding: 0 9px;
	text-align: center;
}

.m-list3 li a {
	display: block;
	font-size: 14px;
	color: #5e5e5e;
	transition: .4s all;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	margin-bottom: 18px;
	background-color: #efefef;
}

.g-box {
	padding: 23px 20px 5px;
	background-color: #fff;
	margin-bottom: 30px;
}

.g-tit1 {
	overflow: hidden;
	margin-bottom: 20px;
}

.g-tit1 h3 {
	float: left;
	font-size: 24px;
	color: #434144;
	line-height: 34px;
	font-weight: 400;
	font-weight: 700;
}

.g-tit1 a {
	float: right;
	font-size: 14px;
	color: #828282;
	line-height: 24px;
	margin-top: 8px;
}

.g-tit1 a:hover,
.m-list2 li a:hover,
.m-list3 li a:hover {
	color: #004a84;
}

.ul-list5 {
	overflow: hidden;
}

.ul-list5 li {
	margin-bottom: 25px;
}

.ul-list5 li a {
	display: block;
}

.ul-list5 li .pic {
	position: relative;
	padding-top: 75.39%;
	margin-bottom: 7px;
	overflow: hidden;
}

.ul-list5 li .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	transition: 1s all;
	object-fit: cover;
}

.ul-list5 li .txt {
	text-align: center;
}

.ul-list5 li .txt .tit {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    transition: .4s all;
    padding: 10px 0;
    background: #d3d2d2;
}
.ul-list5 li .txt p {
	font-size: 14px;
	color: #868686;
}

.ul-list5 li:hover .txt .tit {
	color: #004a84;
}

footer {
	width: 100%;
	background: #232323;
}

footer .main>div {
	width: 1400px;
	margin: 0 auto;
	padding: 5px 0;
	border-bottom: 1px solid #4f4f4f;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	align-items: unset;
}

footer .main>div:last-child {
	border-bottom: none;
}

footer .main .footer2 {
	padding: 16px 0;
}

footer .footer1 dl {
	width: 60%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

footer .footer1 dl dt {
	font-size: 14px;
	color: #a9aaa9;
	margin-right: 10px;
	letter-spacing: 1px;
}

footer .footer1 dl dd {
	margin-right: 10px;
}

footer .footer1 dl dd:last-child {
	margin-right: 0;
}

footer .footer1 dl dd a {
	font-size: 14px;
	color: #a9aaa9;
	transition: .4s all;
	letter-spacing: 1px;
}

footer .footer1 dl dd a:hover {
	color: #fff;
}

footer .footer1 .share .help p {
	font-size: 12px;
}

footer .footer1 .share a {
	color: #929292;
	border: none;
	background-color: #3c3c3c;
	transition: .4s all;
}

footer .footer1 .share .icon-wechat:hover {
	background-color: #7bc549;
	color: #fff;
}

footer .footer1 .share .icon-weibo:hover {
	background-color: #ff763b;
	color: #fff;
}

footer .footer1 .share .icon-qzone:hover {
	background-color: #FDBE3D;
	color: #fff;
}

footer .footer1 .share .icon-qq:hover {
	background-color: #56b6e7;
	color: #fff;
}

footer .footer1 .social-share .social-share-icon {
	width: 45px;
	height: 45px;
	line-height: 45px;
}

footer .footer2 dl {
	width: 70%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	align-items: unset;
}

footer .footer2 dl dd h5 {
	font-size: 16px;
	color: #bbb;
	letter-spacing: 2px;
	margin-bottom: 15px;
	font-weight: bold;
	text-align: center;
}

footer .footer2 dl dd a {
	display: block;
	font-size: 14px;
	color: #a9aaa9;
	letter-spacing: 2px;
	transition: .4s all;
}

footer .footer2 dl dd a:hover {
	color: #fff;
}

footer .footer2 dl dd a+a {
	margin-top: 10px;
}

footer .footer2 figure img {
	width: 200px;
	height: 85px;
	object-fit: contain;
}

footer .footer3 a {
	font-size: 14px;
	letter-spacing: 2px;
	color: #a9aaa9;
	transition: .4s all;
}

footer .footer3 a:hover {
	color: #fff;
}

footer .footer3 p {
	font-size: 14px;
	letter-spacing: 2px;
	color: #a9aaa9;
}

.slide-nav {
	position: fixed;
	right: 20px;
	top: 30%;
	z-index: 98;
}

.slide-nav .item {
	margin: 5px 0;
	width: 70px;
	height: 70px;
	border: 1px solid #bebebe;
	background-color: #fff;
	position: relative;
}

.slide-nav .goTop {
	opacity: 0;
	pointer-events: none;
	transition: .4s all;
}

.slide-nav .goTop.active {
	opacity: 1;
	pointer-events: auto;
}

.slide-nav .icon {
	margin: 4px auto 0;
	display: block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center top;
}

.slide-nav h4 {
	font-size: 12px;
	color: #4e4e4e;
	font-weight: 400;
	text-align: center;
}

.slide-nav .mask {
	margin-top: -1px;
	position: absolute;
	right: 100%;
	top: 0;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform: scale(1, 0);
	opacity: 0;
	white-space: nowrap;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.slide-nav .tel {
	padding: 0 30px;
	height: 70px;
	line-height: 66px;
	font-size: 14px;
	color: #4e4e4e;
	border: 2px solid #004a84;
	border-right: none;
	background-color: #fff;
}

.slide-nav .qr {
	margin-right: 2px;
	width: 140px;
	height: 140px;
	border: 1px solid #004a84;
	overflow: hidden;
}

.slide-nav .qr img {
	display: block;
	width: 100%;
	height: 100%;
}

.slide-nav .item:hover {
	background-color: #004a84;
	border-color: #004a84;
}

.slide-nav .item:hover .icon {
	background-position: center -35px;
}

.slide-nav .item:hover h4 {
	color: #fff;
}

.slide-nav .item:hover .mask {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
}

@media only screen and (max-width: 959px) {
	.yuyue_add {
		bottom: 120px !important;
	}

	.slide-nav {
		left: 0;
		top: auto;
		right: 0;
		bottom: 0;
		font-size: 0;
		text-align: center;
	}

	.slide-nav .item {
		margin: 0;
		border: none;
		border-top: 1px solid #004a84;
		border-left: 1px solid #004a84;
		display: inline-block;
		vertical-align: middle;
		width: 20%;
		height: 60px;
	}

	.slide-nav .item:first-child {
		border: none;
		border-top: 1px solid #004a84;
	}

	.slide-nav .goTop {
		display: inline-block !important;
	}

	.slide-nav .icon {
		width: 30px;
		height: 30px;
		-webkit-background-size: 30px auto;
		background-size: 30px auto;
	}

	.slide-nav .mask {
		left: 50%;
		right: auto;
		bottom: 100%;
		top: auto;
		-webkit-transform: translateX(-50%) scale(1, 0);
		-ms-transform: translateX(-50%) scale(1, 0);
		-o-transform: translateX(-50%) scale(1, 0);
		transform: translateX(-50%) scale(1, 0);
	}

	.slide-nav .tel {
		padding: 0 15px;
		border: 2px solid #004a84;
		height: 46px;
		line-height: 42px;
	}

	.slide-nav .qr {
		width: 120px;
		height: 120px;
	}

	.slide-nav .item:hover .icon {
		background-position: center -30px;
	}

	.slide-nav .item:hover .mask {
		-webkit-transform: scale(1, 1) translateX(-50%);
		-ms-transform: scale(1, 1) translateX(-50%);
		-o-transform: scale(1, 1) translateX(-50%);
		transform: scale(1, 1) translateX(-50%);
	}

	.slide-nav .item {
		width: 25%;
	}

	.slide-nav .wechat {
		display: none;
	}
}

.online {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
}

.online .main {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-width: 850px;
	width: 96%;
	padding: 30px;
	background-color: #fff;
}

.online .main .tit {
	width: 100%;
	max-width: 260px;
	margin: 0 auto;
}

.online .main .tit h3 {
	text-align: center;
	font-size: 24px;
	color: #434144;
	font-weight: bold;
}

.online .main .tit span {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
	margin-top: 5px;
	text-align: center;
	font-family: "Arial";
	color: #787878;
	font-weight: bold;
}

.online .main .tit span b {
	color: #004d85;
}

.online .main .tit span:before {
	content: '';
	display: block;
	top: 50%;
	left: 0;
	position: absolute;
	transform: translateY(-50%);
	width: 80px;
	height: 1px;
	background-color: #434144;
}

.online .main .tit span:after {
	content: '';
	display: block;
	top: 50%;
	right: 0;
	position: absolute;
	transform: translateY(-50%);
	width: 80px;
	height: 1px;
	background-color: #434144;
}

.online .main form {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	align-items: unset;
}

.online .main form figure {
	display: block;
	width: 100%;
	position: relative;
	padding: 20% 0;
	width: 45%;
}

.online .main form figure img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.online .main form ul {
	width: 52%;
}

.online .main form ul li {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	height: 40px;
}

.online .main form ul li+li {
	margin-top: 15px;
}

.online .main form ul li .ind {
	width: 48%;
	height: 100%;
	border: 1px solid #bebebe;
	padding: 0 10px;
	background-color: transparent;
	color: #979797;
	font-size: 14px;
	transition: .2s all;
}

.online .main form ul li .ind::-webkit-input-placeholder {
	color: #979797;
	font-size: 14px;
}

.online .main form ul li select {
	background: url(../images/dropdown.png) #fff 95% center no-repeat;
	background-size: 11px;
}

.online .main form ul li.phone input {
	width: 100%;
}

.online .main form ul li.textarea {
	height: 180px;
}

.online .main form ul li.textarea textarea {
	width: 100%;
	padding: 10px;
}

.online .main form ul li button {
	width: 100%;
	height: 100%;
	line-height: 40px;
	text-align: center;
	background-color: #004d85;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	transition: .4s all;
	border: 1px solid transparent;
}

.online .main form ul li button:hover {
	background-color: transparent;
	border-color: #004d85;
	border-radius: 5px;
	color: #004d85;
}

.online .close {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/onlineclose.png) no-repeat center center #004d85;
	background-size: 60%;
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	.online .main form figure {
		display: none;
	}

	.online .main form ul {
		width: 100%;
	}

	.online .main {
		padding: 15px;
	}

	.online .main .tit h3 {
		font-size: 20px;
	}
}

.online .layui-form-select .layui-input {
	height: 40px;
	border-color: #bebebe;
	color: #979797;
}

.online .layui-form-select dl dd.layui-this {
	background-color: #004d85;
}

.online .layui-unselect.layui-form-select {
	width: 48%;
}

.online #distpicker-online .ind {
	display: block !important;
}

.online #distpicker-online .layui-unselect {
	display: none !important;
}

.Mvideo {
	display: none;
	width: 100%;
	padding-top: 60px;
}

.Mvideo .main {
	width: 100%;
	position: relative;
}

.Mvideo .main figure {
	width: 100%;
	height: 70vh;
}

.Mvideo .main figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.Mvideo .main div {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.Mvideo .main div h4 {
	font-size: 32px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	font-weight: 100;
}

.Mvideo .main div h3 {
	font-size: 40px;
	color: #fff;
	text-align: center;
	letter-spacing: 8px;
}

.Mvideo .main div i {
	display: block;
	width: 90px;
	height: 90px;
	background: url("../images/openvideo.png") no-repeat;
	background-size: contain;
	margin: 0 auto;
	margin-top: 70px;
}

.videoWindow {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 99;
	/* opacity: 0;
  pointer-events: none; */
	/* transition: .4s all;  */
}

.videoWindow video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translateX(-50%) translateY(-50%);
}

.videoWindow i {
	display: block;
	position: absolute;
	top: 30px;
	right: 30px;
	width: 25px;
	height: 25px;
	background: url("../images/onlineclose.png") no-repeat;
	background-size: contain;
}

.videoWindow.active {
	opacity: 1;
	pointer-events: auto;
}

.Mnav {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 90;
}

.Mnav ul {
	width: 100%;
	background-color: #b5b5b5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
}

.Mnav ul li {
	width: 33.333%;
	padding: 15px 0;
	transition: .4s all;
}

.Mnav ul li:hover {
	background-color: #004a84;
}

.Mnav ul li a {
	display: block;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	flex-direction: unset;
}

.Mnav ul li a icon {
	display: block;
	width: 40px;
	height: 40px;
}

.Mnav ul li a span {
	font-size: 18px;
	color: #fff;
	margin-left: 20px;
}

.Mnav ul li:nth-of-type(1) icon {
	background: url("../images/mnav_tel.png") no-repeat;
	background-size: contain;
}

.Mnav ul li:nth-of-type(2) icon {
	background: url("../images/mnav_message.png") no-repeat;
	background-size: contain;
}

.Mnav ul li:nth-of-type(3) icon {
	background: url("../images/mnav_wx.png") no-repeat;
	background-size: contain;
}

.MgoTop {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 90px;
	width: 60px;
	height: 60px;
	background: url("../images/mgotop.png") no-repeat;
	background-size: contain;
	z-index: 90;
	transition: .4s all;
}

.MgoTop.active {
	opacity: 1;
	pointer-events: auto;
}

.m_search {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #434144;
	z-index: 999;
	display: none;
}

.m_search>div {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.m_search>div>i {
	width: 50px;
	height: 50px;
	background: url("../images/msearch.png") no-repeat;
	background-size: contain;
}

.m_search>div h5 {
	font-size: 32px;
	font-family: english;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 36px;
	color: #fff;
	margin-top: 20px;
	letter-spacing: 1px;
}

.m_search>div h5:before {
	content: '';
	margin-right: 2px;
}

.m_search>div form {
	width: 100%;
	padding: 0 15%;
	margin-top: 50px;
}

.m_search>div form input {
	width: 100%;
	background-color: transparent;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 20px;
	line-height: 60px;
}

.m_search>div form input:-webkit-input-placeholder {
	color: #fff;
	font-size: 20px;
	line-height: 60px;
}

.m_search>div form button {
	width: 100%;
	line-height: 50px;
	background-color: #004a84;
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	font-family: english;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	margin-top: 50px;
}

.m_search>div .searchClose {
	margin-top: 50px;
}

.m_search>div .searchClose i {
	display: block;
	width: 40px;
	height: 40px;
	background: url("../images/onlineclose.png") no-repeat;
	background-size: contain;
	margin: 0 auto;
}

.m_search>div .searchClose p {
	font-size: 18px;
	color: #fff;
	margin-top: 5px;
	text-transform: uppercase;
	font-family: english;
	letter-spacing: 2px;
	font-weight: bold;
}

.page .sfn {
	width: 1400px;
	margin: 0 auto;
}

.page .sfn figure {
	display: block;
	width: 100%;
	position: relative;
	padding: 22% 0;
}

.page .sfn figure img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.page .meixue {
	width: 1400px;
	margin: 0 auto;
	/*padding-top: 120px;*/
	padding-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
}

.page .meixue .left {
	width: 500px;
	padding-right: 100px;
	position: relative;
	padding-bottom: 40px;
}

.page .meixue .left:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 104px;
	height: 4px;
	background-color: #004a84;
}

.page .meixue .left h4 {
	font-size: 40px;
	color: #2f2f2f;
	margin-bottom: 10px;
}

.page .meixue .left h5 {
	font-size: 48px;
	font-weight: bold;
	line-height: 60px;
	letter-spacing: 8px;
	color: #2f2f2f;
}

.page .meixue .left h5 span {
	font-size: 48px;
	font-weight: bold;
	line-height: 60px;
	letter-spacing: 8px;
	color: #004a84;
}

.page .meixue .right {
	/*width: 900px;*/
	/*border-left: 2px solid #ddd;*/
	/*padding-left: 100px;*/
}
.page .meixue .right table{
    width: 1200px;
    margin: auto;
}
.page .meixue .right p {
	font-size: 16px;
	color: #676767;
	line-height: 36px;
}

.page .meixue .right p+p {
	margin-top: 0px;
}

.page .shuju {
	width: 1400px;
	margin: 0 auto;
	padding: 90px 0;
	border-top: 2px solid #ddd;
	background: none;
	height: 380px;
}

.page .shuju .main {
	width: 100%;
}

.page .shuju .main ul li h5 p {
	color: #004a84;
	font-size: 72px;
}

.page .shuju .main ul li h5 span {
	color: #004a84;
}

.page .shuju .main ul li h6 {
	color: #676767;
}

.back_box {
	margin-bottom: 60px;
}

.back_box a {
	font-size: 20px;
	color: #0e969d;
	transition: .4s all;
	border-bottom: 1px solid transparent;
}

.back_box a:hover {
	border-bottom-color: #0e969d;
}

.back_box h1 {
	font-size: 26px;
	margin-top: 20px;
	letter-spacing: 2px;
}

.noData {
	font-size: 24px;
	color: #434144;
}

.history {
	width: 100%;
}

.history>figure {
	width: 100%;
	background: url("../images/historybag.jpg") no-repeat;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 40px;
}

.history figure .swiper-slide {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	align-items: unset;
	padding: 60px 100px;
	background-color: #fff;
}

.history figure .swiper-slide div {
	width: 45%;
	position: relative;
	order: -1;
	padding-right: 90px;
	padding-top: 40px;
}

.history figure .swiper-slide div:after {
	content: '';
	display: block;
	width: 60px;
	height: 3px;
	background-color: #d0d0d0;
	position: absolute;
	top: 0;
	left: 0;
}

.history figure .swiper-slide div h5 span {
	font-size: 30px;
	line-height: 36px;
	font-family: english;
	color: #004a84;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.history figure .swiper-slide div h5 p {
	font-size: 48px;
	line-height: 72px;
	color: #2f2f2f;
}

.history figure .swiper-slide div time {
	display: block;
	margin-top: 60px;
	margin-bottom: 20px;
	font-size: 24px;
	color: #004a84;
	line-height: 36px;
	font-weight: bold;
}

.history figure .swiper-slide div h6 {
	font-size: 16px;
	color: #424242;
	line-height: 24px;
}

.history figure .swiper-slide figure {
	display: block;
	width: 100%;
	position: relative;
	padding: 20% 0;
	width: 55%;
}

.history figure .swiper-slide figure img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.about5 {
	margin-top: 80px;
}

.about5_bg {
	width: 1400px;
	margin: 0 auto;
	z-index: 1;
	position: relative;
}

.about5_bd {
	position: relative;
	background: #fff;
}

.about5_bd .swiper-slide {
	background: #f1f1f1;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.about5_bd .swiper-slide .about5_bd_words {
	width: 39%;
}

.about5_bd .swiper-slide .about5_bd_words .pub_tit {
	align-items: flex-start;
}

.about5_bd .swiper-slide .about5_bd_words h3 {
	margin-top: 55px;
	font-size: 24px;
	color: #004a84;
}

.about5_bd .swiper-slide .about5_bd_words pre {
	margin-top: 25px;
	white-space: pre-wrap;
	font-size: 16px;
	color: #434144;
	line-height: 36px;
}

.about5_bd .swiper-slide .about5_bd_pic {
	display: block;
	position: relative;
	width: 58.0173%;
	padding: 20.2587% 0;
	overflow: hidden;
}

.about5_bd .swiper-slide .about5_bd_pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about5_hd {
	position: relative;
	padding: 0 50px;
	padding-bottom: 40px;
	width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
}

.about5_hd .swiper-container {
	position: relative;
}

.about5_hd .swiper-container:after {
	position: absolute;
	left: 0;
	top: 16px;
	content: "";
	width: 100%;
	height: 1px;
	background: #c8c8c8;
}

.about5_hd .swiper-slide {
	transition: 0.6s;
	position: relative;
	padding-top: 32px;
	font-size: 24px;
	color: #424242;
	text-align: center;
	cursor: pointer;
}

.about5_hd .swiper-slide:after {
	z-index: 1;
	transition: 0.6s;
	position: absolute;
	left: 50%;
	top: 12px;
	margin-left: -4px;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ccc;
}

.about5_hd .swiper-slide-active {
	color: #004a84;
}

.about5_hd .swiper-slide-active:after {
	background: #004a84;
}

.about5_hd .swiper-button-prev {
	transition: 0.6s;
	z-index: 1;
	opacity: 1;
	font-weight: bold;
	color: #c8c8c8;
	width: 32px;
	height: 32px;
	left: 0;
	top: 0;
	margin-top: 0;
	border: 3px solid #c8c8c8;
	border-radius: 50%;
	background: url("../images/history_btn.png") no-repeat center center;
	background-size: 80%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.about5_hd .swiper-button-prev:after {
	display: none;
}

.about5_hd .swiper-button-next {
	transition: 0.6s;
	z-index: 1;
	opacity: 1;
	font-weight: bold;
	color: #c8c8c8;
	width: 32px;
	height: 32px;
	right: 0;
	top: 0;
	margin-top: 0;
	border: 3px solid #c8c8c8;
	border-radius: 50%;
	background: url("../images/history_btn.png") no-repeat center center;
	background-size: 80%;
	transform: rotate(180deg);
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.about5_hd .swiper-button-next:after {
	display: none;
}

.about5_hd .swiper-button-prev:hover,
.about5_hd .swiper-button-next:hover {
	color: #004a84;
	border-color: #004a84;
}

.aboutTitle {
	font-size: 48px;
	color: #2f2f2f;
	text-align: center;
}
  .xinzhuyi .main div.blue_btn {
    position: relative;
    width:120px;
    height:40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin:15px auto;
    background:#004ea1;
  }
  .moveBtn {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    z-index: 6;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s all ease;
    color:#fff;
  }

  .blue_btn:before, .blue_btn:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #004ea1;
    transition: 0.4s all ease;
  }
  .blue_btn:before {
    top: 0;
  }
  .blue_btn:after {
    bottom: 0;
  }
  .blue_btn .moveBtn:before, .blue_btn .moveBtn:after {
    position: absolute;
    top: 0;
    content: '';
    height: 100%;
    width: 1px;
    background: #004ea1;
    transition: 0.4s all ease;
    z-index: -1;
  }
  .blue_btn .moveBtn:before {
    left: 0;
  }
  .blue_btn .moveBtn:after {
    right: 0;
  }
  .blue_btn:hover:before, .blue_btn:hover:after {
    height: 2px;
    background: #fff;
    transition: 0.4s all ease;
  }
  .blue_btn:hover:before {

    transform: translateY(-10px);
  }
  .blue_btn:hover:after {
    transform: translateY(10px);
  }
  .blue_btn:hover .moveBtn {
    color: #004ea1;
  }
  .blue_btn:hover .moveBtn:before, .blue_btn:hover .moveBtn:after {
    width: 100%;
    background: #fff;
    transition: 0.4s all ease;
  }
.honor {
	background: #f5f5f5;
	padding-top: 80px;
	padding-bottom: 95px;
}

.honor .main {
	width: 1400px;
	margin: 0 auto;
}

.honor figure {
	margin: 55px auto;
	width: 60%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 16px;
}

.honor figure .swiper-button-prev {
	width: 60px;
	height: 14px;
	background: url(../images/news_btn.png) no-repeat;
	background-size: contain;
	left: 0;
	transform: translateY(-50%);
	margin: 0;
	opacity: 1;
}

.honor figure .swiper-button-prev:after {
	display: none;
}

.honor figure .swiper-button-next {
	width: 60px;
	height: 14px;
	background: url(../images/news_btn.png) no-repeat;
	background-size: contain;
	right: 0;
	transform: translateY(-50%) rotate(180deg);
	margin: 0;
	opacity: 1;
}

.honor figure .swiper-button-next:after {
	display: none;
}

.honor figure .swiper-pagination {
	margin: 0 50px;
	position: unset;
	display: flex;
	justify-content: center;
	align-items: center;
}

.honor figure .swiper-pagination .swiper-pagination-bullet {
	background-color: #cdcdcd;
	margin: 0 5px;
	transition: .4s all;
	opacity: 1;
}

.honor figure .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #004a84;
}

.honor .swiper-slide {
	padding: 1px;
}

.honor .swiper-slide:hover a {
	border-color: #004a84;
}

.honor .swiper-slide:hover p {
	color: #004a84;
}

.honor .swiper-slide a {
	padding: 20px;
	border: 1px solid #d6d6d6;
	display: block;
	transition: .4s all;
}

.honor .swiper-slide a figure {
	margin: 0;
	display: block;
	width: 100%;
	position: relative;
	padding: 37% 0;
}

.honor .swiper-slide a figure img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: contain;
}

.honor .swiper-slide p {
	margin-top: 22px;
	font-size: 16px;
	color: #666;
	text-align: center;
	transition: .4s all;
}

.gongchang.honor {
	background-color: #f2f2f2;
}

.gongchang.honor .swiper-slide a {
	padding: 0;
	border: none;
}

.gongchang.honor .swiper-slide a figure img {
	object-fit: cover;
}

.joinA {
	width: 100%;
}

.joinA .main {
	width: 1400px;
	margin: 0 auto;
}

.joinA .main>figure {
	display: block;
	width: 100%;
	position: relative;
	padding: 22% 0;
}

.joinA .main>figure img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.joinA .main .pinpai {
	padding: 100px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
}

.joinA .main .pinpai div {
	width: 55%;
}

.joinA .main .pinpai div h3 {
	font-size: 36px;
	color: #2f2f2f;
	line-height: 60px;
	padding-bottom: 30px;
	position: relative;
}

.joinA .main .pinpai div h3:after {
	content: '';
	display: block;
	width: 60px;
	height: 4px;
	background-color: #004a84;
	position: absolute;
	bottom: 0;
	left: 0;
}

.joinA .main .pinpai div p {
	margin-top: 30px;
	color: #676767;
	font-size: 16px;
	line-height: 36px;
}

.joinA .main .pinpai figure img {
	width: 310px;
	height: 120px;
	object-fit: contain;
}

.joinA .main ul {
	width: 100%;
	padding-bottom: 100px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
}

.joinA .main ul li {
	width: 31%;
}

.joinA .main ul li figure {
	display: block;
	width: 100%;
	position: relative;
	padding: 32% 0;
}

.joinA .main ul li figure img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.joinA .main ul li h5 {
	margin-top: 30px;
	font-size: 30px;
	color: #2f2f2f;
}

.joinA .main ul li p {
	font-size: 16px;
	color: #676767;
	line-height: 30px;
	margin-top: 20px;
	min-height: 110px;
}

.joinB {
	width: 100%;
	background: url("../images/joinb.jpg") no-repeat;
	background-size: cover;
}

.joinB .main {
	width: 1400px;
	margin: 0 auto;
	padding-top: 85px;
	padding-bottom: 490px;
}

.joinB .main div h4 {
	font-size: 36px;
	color: #fff;
	padding-bottom: 38px;
	margin-bottom: 30px;
	position: relative;
}

.joinB .main div h4:after {
	content: '';
	display: block;
	width: 60px;
	height: 4px;
	background-color: #004a84;
	position: absolute;
	left: 0;
	bottom: 0;
}

.joinB .main div p {
	font-size: 16px;
	color: #ababab;
	line-height: 36px;
}

.joinB .main div ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

.joinB .main div ul li {
	width: 50%;
}

.joinB .main div+div {
	margin-top: 70px;
}

.joinC {
	width: 100%;
}

.joinC .main {
	width: 1400px;
	margin: 0 auto;
	padding: 120px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
}

.joinC .main figure {
	display: block;
	width: 100%;
	position: relative;
	padding: 22% 0;
	width: 40%;
}

.joinC .main figure img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.joinC .main div {
	width: 50%;
}

.joinC .main div img {
	display: none;
	width: 100%;
	object-fit: contain;
	margin-bottom: 40px;
}

.joinC .main div h4 {
	font-size: 36px;
	color: #2f2f2f;
	padding-bottom: 38px;
	margin-bottom: 30px;
	position: relative;
}

.joinC .main div h4:after {
	content: '';
	display: block;
	width: 60px;
	height: 4px;
	background-color: #004a84;
	position: absolute;
	left: 0;
	bottom: 0;
}

.joinC .main div p {
	font-size: 16px;
	color: #ababab;
	line-height: 36px;
}

.contact {
	width: 100%;
	padding: 100px 0;
	background-color: #f4f4f4;
}

.contact .main {
	width: 1400px;
	margin: 0 auto;
	padding: 45px 30px;
	background-color: #fff;
}

.contact .main p {
	font-size: 16px;
	color: #787878;
	line-height: 30px;
	white-space: pre-line;
	margin-bottom: 35px;
}

.contact .main #map {
	width: 100%;
	height: 470px;
}

.contact .main .BMap_bubble_content p {
	font-size: 14px;
	margin-bottom: 0;
}

.contact .main .BMap_bubble_content p+p {
	margin-top: 10px;
}

.products {
	width: 100%;
}

.products .main {
	width: 1400px;
	margin: 0 auto;
}

.products .main dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

.products .main dl dd {
	width: 32%;
	margin-right: 2%;
}

.products .main dl dd:nth-of-type(3n) {
	margin-right: 0;
}

.products .main dl dd:nth-of-type(n+4) {
	margin-top: 45px;
}

.products .main dl dd a {
	display: block;
	width: 100%;
}

.products .main dl dd a figure {
	display: block;
	width: 100%;
	position: relative;
	padding: 37% 0;
}

.products .main dl dd a figure img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.products .main dl dd a div {
	background-color: #f5f5f5;
	padding: 18px;
	transition: .4s all;
}

.products .main dl dd a div h5 {
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	color: #333;
	font-weight: bold;
	transition: .4s all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.products .main dl dd a div p {
	font-size: 14px;
	color: #868686;
	line-height: 24px;
	text-align: center;
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.products .main dl dd:hover div {
	background-color: #004a84;
}

.products .main dl dd:hover div h5 {
	color: #fff;
}

.products .main dl dd:hover div p {
	color: #fff;
}

.products.Pnews .main dl dd a div h5 {
	font-size: 30px;
	color: #282828;
	line-height: 48px;
	text-align: left;
}

.products.Pnews .main dl dd a div p {
	font-size: 16px;
	line-height: 30px;
	color: #6e6e6e;
	text-align: left;
}

.products.Pnews .main dl dd a:hover div h5 {
	color: #fff;
}

.products.Pnews .main dl dd a:hover div p {
	color: #fff;
}

.layui-layer-content {
	padding: 10px 20px;
}

.store {
	width: 100%;
	margin-top: 70px;
	position: relative;
}

.store #container {
	height: 760px;
}

.store #container a,
.store p,
.store span,
.store div {
	font-size: 12px;
}

.store #container .citylist_popup_main .city_content_top {
	height: 50px;
}

.store #container #selCityWd {
	height: 26px;
	line-height: 24px;
}

.store .panel {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 360px;
	height: 660px;
	background: #fff;
	z-index: 90;
	padding: 20px;
	transition: .4s all;
}

.store .panel.active {
	left: -360px;
}

.store .panel.active i {
	background: url("../images/showstore.png") #004a84 no-repeat;
	background-position: center;
	background-size: 50%;
}

.store .panel h3 {
	font-size: 24px;
	color: #004a84;
	letter-spacing: 3px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dfdfdf;
}

.store .panel ul {
	width: 100%;
}

.store .panel ul li {
	width: 100%;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
}

.store .panel ul li:first-child {
	border: 1px solid #004a84;
	border-radius: 5px;
	padding-left: 10px;
}

.store .panel ul li:first-child input {
	width: 75%;
	line-height: 38px;
	color: #434144;
}

.store .panel ul li:first-child button {
	width: 38px;
	height: 38px;
	line-height: 38px;
	background: url("../images/storeicon.png") no-repeat;
	background-size: 50%;
	background-position: center;
	cursor: pointer;
}

.store .panel ul li+li {
	margin-top: 20px;
}

.store .panel ul li select {
	width: 48%;
	border: 1px solid #004a84;
	border-radius: 5px;
	height: 40px;
	line-height: 38px;
	background-color: transparent;
	padding: 0 10px;
	color: #434144;
	background: url(../images/storedown.png) #fff 95% center no-repeat;
	background-size: 11px;
}

.store .panel ul li:last-child {
	border: 1px solid #004a84;
	width: 100%;
	height: 480px;
	padding: 15px;
	overflow-y: scroll;
}

.store .panel ul li:last-child::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.store .panel ul li:last-child::-webkit-scrollbar-thumb {
	background: #004d85;
}

.store .panel ul li:last-child::-webkit-scrollbar-corner {
	background: #004d85;
}

.store .panel ul li:last-child dl {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.store .panel ul li:last-child dl dt {
	font-size: 18px;
	color: #004a84;
	letter-spacing: 3px;
	margin-bottom: 10px;
}

.store .panel ul li:last-child dl dd {
	width: 100%;
	padding: 20px 0;
	cursor: pointer;
	transition: .4s all;
	border-bottom: 1px solid #dfdfdf;
}

.store .panel ul li:last-child dl dd h5 {
	font-size: 17px;
	color: #434144;
	font-weight: bold;
	transition: .4s all;
}

.store .panel ul li:last-child dl dd p {
	font-size: 14px;
	color: #434144;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.store .panel ul li:last-child dl dd span {
	display: block;
	font-size: 12px;
	color: #434144;
	transition: .4s all;
	margin-top: 10px;
}

.store .panel ul li:last-child dl dd span:hover {
	color: #004a84;
}

.store .panel ul li:last-child dl dd.active {
	border-color: #004a84;
}

.store .panel ul li:last-child dl dd.active h5 {
	color: #004a84;
}

.store .panel ul li:last-child dl dd:hover {
	border-color: #004a84;
}

.store .panel ul li:last-child dl dd:hover h5 {
	color: #004a84;
}

.store .panel i {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	right: -50px;
	transform: translateY(-50%);
	background: url("../images/onlineclose.png") #004a84 no-repeat;
	background-position: center;
	background-size: 50%;
	cursor: pointer;
}

.page-t1 {
	margin-bottom: 27px;
}

.page-t1 a {
	display: block;
	font-size: 15px;
	color: #787878;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.page-t1 a.prev {
	margin-bottom: 15px;
}

.page-t1 a:hover {
	color: #004a84;
}

.page-t1 a span {
	font-size: 14px;
}

.newsview {
	background-color: #f4f4f4;
	padding-top: 60px;
}

.newsview .page-t1 {
	margin: 0;
}

.newsview .main {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	align-items: unset;
	padding-bottom: 60px;
}

.newsview .col-l {
	width: 76%;
}

.newsview .col-r {
	width: 21%;
}

.newsView-page .wp {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	place-items: unset;
	margin-top: 65px;
}

.newsview img {
	max-width: 100%;
	object-fit: contain;
}

.row-new2 {
	background: #e9e9e9;
}

.m-contxt1 {
	padding: 19px 30px 39px;
}

.m-contxt1 .tit {
	font-size: 30px;
	color: #004a84;
	margin-bottom: 13px;
	font-weight: bold;
}

.m-contxt1 .box-info {
	padding-bottom: 25px;
	margin-bottom: 33px;
	border-bottom: 1px solid #d6d6d6;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
}

.m-contxt1 .box-info .info span {
	font-size: 15px;
	color: #787878;
	margin-right: 10px;
	display: inline-block;
}

.m-contxt1 .box-info .share {
	font-size: 16px;
	color: #a7a7a7;
	line-height: 33px;
}

.m-contxt1 .box-info .share a {
	display: inline-block;
	vertical-align: middle;
	width: 33px;
	height: 33px;
	margin-right: 10px;
	background: no-repeat center center;
	background-size: contain;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.m-contxt1 .box-info .share a:hover {
	opacity: .8;
}

.m-contxt1 .box-info .share a img {
	display: block;
	width: 100%;
}

.m-contxt1 .box-info .share .bdshare-button-style0-16 .bds_more,
.m-contxt1 .box-info .share .bdshare-button-style0-16 a {
	float: none;
	padding-left: 0;
	margin: 0;
	margin-right: 10px;
}

.m-contxt1 .box-info .share .bds_weixin {
	background-image: url(../images/t3-img1.jpg) !important;
}

.m-contxt1 .box-info .share .bds_douban {
	background-image: url(../images/t3-img2.jpg) !important;
}

.m-contxt1 .box-info .share .bds_qzone {
	background-image: url(../images/t3-img3.jpg) !important;
}

.m-contxt1 .box-info .share .bds_sqq {
	background-image: url(../images/t3-img4.jpg) !important;
}

.m-contxt1 .txt-con {
	font-size: 16px;
	color: #787878;
	line-height: 1.875;
	padding-bottom: 30px;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 35px;
}

.m-contxt1 .txt-con img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.m-contxt1 .box-blank {
	overflow: hidden;
}

.m-contxt1 .box-blank .con {
	background: #000;
	display: inline-block;
	width: 215px;
}

.m-contxt1 .box-blank .box1 {
	width: 65px;
	height: 40px;
	background: #004a84 url(../images/t3-img6.png) no-repeat center center;
	float: left;
}

.m-contxt1 .box-blank .blank {
	overflow: hidden;
	display: block;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.m-contxt1 .box-blank .blank:hover {
	opacity: .8;
}

.jieshao {
	margin-top: 120px;
}

.jieshao.meixue figure {
	margin-top: 170px;
	width: 400px;
	height: 250px;
}

.jieshao.meixue figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.jieshao.meixue .left:after {
	display: none;
}

.jieshao.meixue .left h5 {
	position: relative;
	padding-bottom: 40px;
}

.jieshao.meixue .left h5:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 104px;
	height: 4px;
	background-color: #004a84;
}

.jieshao.meixue .right p {
	font-size: 14px;
    margin: 0 16px;
}

.zhaopin {
	width: 100%;
	padding-bottom: 120px;
}

.zhaopin .main {
	width: 1400px;
	margin: 0 auto;
	border: 1px solid #ddd;
	padding: 40px;
}

.zhaopin .main img {
	max-width: 100%;
	object-fit: contain;
	margin: 0 auto;
}

@media screen and (max-width: 1400px) {
	.zhaopin {
		padding: 0 20px;
		padding-bottom: 60px;
	}

	.zhaopin .main {
		width: 100%;
	}
}

@media screen and (max-width: 1024px) {
	.zhaopin {
		padding: 40px 20px;
	}

	.zhaopin .main {
		padding: 30px 15px;
	}
}

@media screen and (max-width: 1600px) {
	.news {
		padding: 120px 0;
	}

	.news .main .indexTitle p {
		font-size: 20px;
	}

	.news .main .indexTitle {
		font-size: 40px;
		height: 120px;
		padding-left: 160px;
		padding-right: 40px;
		width: auto;
	}

	.youshi .main>div:before {
		display: none;
	}

	.youshi:before {
		display: none;
	}

	.youshi .main>div .swiper-container {
		width: 80%;
	}

	.jiameng .main>div {
		width: 70%;
	}

	.jiameng .main nav {
		margin-top: 100px;
	}

	.jiameng .main .indexTitle {
		font-size: 40px;
	}

	.jiameng .main .indexTitle p {
		font-size: 20px;
		margin-top: 10px;
	}

	header .pc {
		padding: 0 40px;
	}
}

@media screen and (max-width: 1500px) {
	header .pc {
		padding: 0 40px;
	}

	header .pc div ul li {
		padding-left: 15px;
		padding-right: 20px;
	}

	header .pc div ul li:after {
		right: 10px;
	}

	header .pc div ul li div {
		width: 160px;
	}
}

@media screen and (max-width: 1400px) {
	header .pc div ul {
		margin-left: 20px;
		padding-left: 20px;
	}

	.newsview .main {
		width: 100%;
	}

	.newsview .col-l {
		width: 100%;
	}

	.col-r {
		display: none;
	}

	.proView_page .main {
		width: 100%;
		padding: 0 20px;
	}

	.proView_page .pro_left {
		width: 100%;
	}

	.products .main {
		width: 100%;
		padding: 0 20px;
	}

	.contact {
		padding: 60px 0;
	}

	.contact .main {
		width: 96%;
		margin: 0 auto;
		padding: 30px 20px;
	}

	.joinC .main figure {
		width: 45%;
	}

	.joinC .main {
		width: 100%;
		padding: 80px 20px;
	}

	.joinB .main {
		width: 100%;
		padding: 0 20px;
		padding-top: 60px;
		padding-bottom: 400px;
	}

	.joinA .main {
		width: 100%;
		padding: 0 20px;
	}

	.honor {
		padding: 80px 0;
	}

	.honor .main {
		width: 100%;
		padding: 0 20px;
	}

	.history {
		width: 100%;
		padding: 0 20px;
	}

	.history figure .swiper-slide figure {
		width: 45%;
	}

	.history figure .swiper-slide div {
		width: 55%;
		padding-right: 20px;
		padding-top: 30px;
	}

	.history figure .swiper-slide {
		padding: 40px;
	}

	.about5_hd .swiper-button-prev {
		left: 20px;
	}

	.about5_hd .swiper-button-next {
		right: 20px;
	}

	.about5_hd {
		width: 100%;
	}

	.about5_bg {
		width: 100%;
		padding: 0 20px;
	}

	.page .shuju .main {
		padding: 0;
	}

	.page .shuju .main ul li h5 p {
		font-size: 40px;
	}

	.page .meixue .left {
		padding-right: 50px;
	}

	.page .shuju {
		width: 100%;
		padding: 60px 20px;
	}

	.page .meixue {
		width: 100%;
		padding: 60px 20px;
	}

	.page .meixue .left {
		width: 40%;
	}

	.page .meixue .right {
		width: 60%;
	}

	.page .sfn {
		width: 100%;
		padding: 0 20px;
	}

	header .pc {
		padding: 0 20px;
	}

	.pbanner {
		display: none;
	}

	.address {
		margin-top: 70px;
		border-top: 1px solid #dadada;
	}

	.address nav {
		padding: 20px;
		width: 100%;
	}

	.shuju .main ul li:nth-of-type(1) h5 p {
		min-width: 100px;
	}

	.shuju .main ul li:nth-of-type(2) h5 p {
		min-width: 70px;
	}

	.shuju .main ul li:nth-of-type(3) h5 p {
		min-width: 100px;
	}

	.shuju .main ul li:nth-of-type(4) h5 p {
		min-width: 140px;
	}

	.jiameng .main>div .swiper-pagination {
		top: -70px;
	}

	.jiameng .main>div .swiper-pagination span.swiper-pagination-current {
		color: #fff;
	}

	.jiameng .main>div .swiper-pagination span {
		color: #fff;
	}

	.jiameng .main>div {
		padding: 20px;
	}

	.jiameng .main>div h4 {
		font-size: 30px;
	}

	.jiameng .main nav ul li {
		width: 100px;
		height: 50px;
	}

	.jiameng {
		padding-bottom: 60px;
	}

	.youshi {
		padding: 60px 0;
	}

	.indexTitle {
		font-size: 40px;
	}

	.indexTitle span {
		font-size: 40px;
	}

	.youshi .main .indexTitle {
		font-size: 40px;
	}

	.youshi .main .indexTitle span {
		font-size: 40px;
	}

	.sheji .main {
		padding: 60px 0;
	}

	.sheji .main ul {
		margin-top: 60px;
	}

	.shuju .main {
		width: 100%;
		padding: 0 30px;
	}

	.youshi .main {
		width: 100%;
		padding: 0 20px;
	}

	.news .main {
		width: 100%;
	}

	footer .main>div {
		width: 100%;
		padding: 20px;
	}

	footer .main .footer2 {
		padding: 30px;
	}

	.jiameng .main nav {
		width: 100%;
		padding: 0 40px;
	}

	.xinzhuyi .main .indexTitle span {
		font-size: 30px;
	}

	.xinzhuyi .main .indexTitle {
		font-size: 30px;
	}

	.xinzhuyi {
		padding: 40px 20px;
	}

	.shuju {
		/*padding: 200px 0;*/
	}

	.shuju .main ul li icon {
		width: 40px;
		height: 40px;
	}

	.shuju .main ul li h5 p {
		font-size: 40px;
	}

	.shuju .main ul li h6 {
		font-size: 14px;
	}

	.sheji .main ul li:first-child {
		height: 600px;
	}

	.sheji .main ul li {
		height: 450px;
	}

	.sheji .main ul li a div {
		left: 20px;
	}

	.sheji .main ul li a div h5 {
		font-size: 24px;
	}

	.sheji .main ul li a div p {
		font-size: 16px;
	}

	.youshi .main>p {
		margin: 60px 0;
	}

	.youshi .main .swiper-pagination {
		right: 30px;
	}

	.news {
		padding: 60px 0;
	}

	.news .main>div {
		margin-left: 40px;
	}

	.history figure .swiper-slide div h5 p {
		font-size: 32px;
		line-height: 36px;
	}
	.news .main ul{
	    width: 60%;
	}
}

@media screen and (max-width: 1200px) {
	header .pc>dl {
		display: none;
	}

	header .pc div {
		width: 100%;
	}

	.jieshao.meixue figure {
		display: none;
	}

	.honor {
		padding: 60px 0;
	}

	.aboutTitle {
		font-size: 30px;
	}

	.honor figure {
		margin: 30px auto;
	}

	.history figure .swiper-slide div time {
		font-size: 20px;
		line-height: 30px;
	}

	.about5_bd .swiper-slide {
		display: block;
	}

	.about5_bd .swiper-slide .about5_bd_words {
		width: 100%;
	}

	.about5_bd .swiper-slide .about5_bd_words .pub_tit {
		align-items: center;
	}

	.about5_bd .swiper-slide .about5_bd_pic {
		margin-top: 20px;
		width: 100%;
		padding: 34.9183% 0;
	}

	.history>div {
		width: 100%;
	}

	.history.about5_bd .swiper-slide {
		background-color: #fff;
	}

	.page .meixue .right p+p {
		margin-top: 10px;
	}

	.page .meixue .left h4 {
		font-size: 24px;
		margin-bottom: 0;
	}

	.page .meixue .left h5 {
		font-size: 30px;
	}

	.page .meixue .left h5 span {
		font-size: 30px;
	}

	.page .meixue .left {
		padding-right: 0;
	}

	.page .meixue .right {
		padding-left: 0;
		border: none;
		margin-top: 40px;
	}

	.page .meixue .left {
		width: 100%;
		padding-bottom: 20px;
	}

	.page .meixue .right {
		margin-top: 30px;
	}

	.page .meixue .right {
		width: 100%;
	}

	.news .main .indexTitle {
		padding-left: 110px;
	}

	.news .main ul {
		width: 55%;
	}

	header .pc div .logo {
		width: 170px;
	}

	header .pc>dl dd+dd {
		margin-left: 10px;
	}

	.xinzhuyi .main div {
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
	}

	.xinzhuyi .main div p+p {
		margin-top: 10px;
	}

	.xinzhuyi .main .indexTitle {
		/*width: 100%;*/
		border-right: none;
		position: relative;
		padding-bottom: 40px;
	}

	.xinzhuyi .main .indexTitle:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100px;
		height: 4px;
		background-color: #004a84;
	}

	.xinzhuyi .main div p {
		font-size: 18px;
	}

	.xinzhuyi .main .indexTitle p {
		font-size: 26px;
	}

	.indexTitle {
		font-size: 32px;
	}

	.indexTitle span {
		font-size: 32px;
	}

	.youshi .main .indexTitle {
		font-size: 32px;
	}

	.youshi .main .indexTitle span {
		font-size: 32px;
	}

	.about5_hd .swiper-button-prev {
		left: 0;
	}

	.about5_hd .swiper-button-next {
		right: 0;
	}

	.history figure .swiper-slide {
		padding: 20px;
	}
}

@media screen and (max-width: 1024px) {
	.MgoTop {
		display: block;
	}

	.contact .main {
		padding: 30px 15px;
	}

	.page .ClassPro div.active {
		border-color: #004d85;
		background-color: transparent;
	}

	.page .ClassPro div.active a {
		color: #004d85;
	}

	.address {
		margin-top: 86.06px;
	}

	.licheng {
		margin-top: 40px;
	}

	.page .ClassB>a.active {
		background-color: transparent;
		color: #004d85;
	}

	.m-contxt1 {
		padding: 15px;
	}

	.newsview {
		padding: 40px 0;
	}

	.newsview .main {
		padding-bottom: 0;
	}

	.products.Pnews {
		margin-top: 40px;
	}

	.products .main dl dd a div {
		padding: 10px;
	}

	.products.Pnews .main dl dd a div h5 {
		font-size: 24px;
		line-height: 32px;
	}

	.products.Pnews .main dl dd a div p {
		font-size: 14px;
		line-height: 24px;
	}

	.proView_page .proview1 .left {
		width: 100%;
	}

	.proView_page .proview1 .right {
		width: 100%;
	}

	.proView_page {
		padding: 40px 0;
	}

	.g-tit-q1 p {
		font-size: 26px;
	}

	.g-tit-q1 span {
		font-size: 20px;
		margin-top: 5px;
	}

	.parameter .desc {
		font-size: 14px;
		padding-bottom: 20px;
		margin-bottom: 30px;
	}

	.store {
		margin-top: 85.91px;
	}

	.store .panel {
		left: 20px;
		top: 20px;
	}

	.products .main dl dd {
		width: 49%;
		margin-right: 2% !important;
	}

	.products .main dl dd:nth-of-type(2n) {
		margin-right: 0 !important;
	}

	.products .main dl dd:nth-of-type(n+3) {
		margin-top: 30px !important;
	}

	.m-pages {
		padding-top: 5%;
	}

	.m-pages ul {
		margin-right: 15px;
	}

	.page .ClassProB {
		display: block;
	}

	.page .ClassPro div+div {
		margin-left: 0;
	}

	.joinC .main div {
		width: 100%;
	}

	.joinC .main figure {
		display: none;
	}

	.joinC .main div img {
		display: block;
	}

	.joinB .main div h4 {
		font-size: 24px;
		padding-bottom: 20px;
		margin-bottom: 25px;
	}

	.joinB .main div h4:after {
		height: 2px;
	}

	.joinB .main div p {
		font-size: 14px;
	}

	.joinB .main {
		padding: 50px 20px;
	}

	.joinB {
		background: #000;
	}

	.joinA .main ul li h5 {
		font-size: 24px;
		margin-top: 15px;
	}

	.joinA .main ul li p {
		margin-top: 10px;
		font-size: 14px;
	}

	.joinA .main ul li {
		width: 48%;
	}

	.joinA .main ul li:last-child {
		width: 100%;
		margin-top: 20px;
	}

	.joinA .main ul li:last-child p {
		min-height: auto;
	}

	.joinA .main .pinpai figure {
		display: none;
	}

	.joinA .main .pinpai div {
		width: 100%;
	}

	.joinA .main .pinpai {
		padding: 40px 0;
	}

	.joinA .main ul {
		padding-bottom: 40px;
	}

	.joinA {
		margin-top: 40px;
	}

	.page .shuju {
		padding: 40px 20px;
	}

	.history figure .swiper-slide div time {
		margin: 30px 0;
	}

	.history figure .swiper-slide div:after {
		display: none;
	}

	.history figure .swiper-slide div {
		order: 1;
		width: 100%;
		padding: 0;
		margin-top: 30px;
	}

	.history figure .swiper-slide figure {
		width: 100%;
	}

	.about5 {
		margin-top: 8%;
	}

	.about5_bd .swiper-slide .about5_bd_words h3 {
		margin-top: 6%;
		font-size: 22px;
	}

	.about5_bd .swiper-slide .about5_bd_words pre {
		margin-top: 3%;
		font-size: 18px;
		line-height: 2em;
	}

	.about5_bd .swiper-slide .about5_bd_pic {
		margin-top: 3%;
	}

	.about5_hd {
		margin-top: 40px;
		padding: 0 40px;
		padding-bottom: 20px;
	}

	.about5_hd .swiper-slide {
		font-size: 22px;
	}

	.page .sfn {
		padding: 40px 20px;
		padding-bottom: 0;
	}

	.page .ClassB {
		margin: 0;
	}

	.page .ClassB>a:hover {
		color: #004a84;
		background-color: transparent;
	}

	.page .ClassB {
		margin-top: 0;
		padding: 20px 30px;
		border-bottom: 1px solid #dadada;
		display: none;
	}

	.page .ClassB>a {
		width: 100%;
		border: none;
		border-bottom: 1px solid #f1f1f1;
	}

	.page .ClassB>a+a {
		margin-left: 0;
	}

	.page .ClassPro {
		margin: 0;
	}

	.page .ClassPro>a:hover {
		color: #004a84;
		background-color: transparent;
	}

	.page .ClassPro {
		margin-top: 0;
		padding: 20px 30px;
		border-bottom: 1px solid #dadada;
		display: none;
	}

	.page .ClassPro>div {
		width: 100%;
		border: none;
		border-bottom: 1px solid #f1f1f1;
	}

	.page .ClassPro>div+a {
		margin-left: 0;
	}

	.page .ClassPro>div dl {
		display: none;
	}

	.address {
		border-bottom: none;
	}

	.address nav {
		border-bottom: 1px solid #dadada;
	}

	.address nav dl {
		display: none;
	}

	.address nav h4 {
		display: block;
	}

	.PopupSearch {
		display: none !important;
	}

	.MgoTop {
		display: block;
	}

	footer {
		padding-bottom: 70px;
	}

	.Mnav {
		display: block;
	}

	.slide-nav {
		display: none !important;
	}

	footer .main>div:last-child {
		display: block;
	}

	footer .footer3 a {
		display: block;
		font-size: 16px;
	}

	footer .footer3 p {
		display: block;
		font-size: 16px;
		margin-top: 10px;
	}

	footer .footer3 p a {
		margin-top: 10px;
	}

	footer .footer1 dl {
		width: 100%;
	}

	footer .main .footer1 {
		padding: 30px 20px;
	}

	footer .main .footer1 .share {
		display: none;
	}

	footer .main .footer2 {
		display: none;
	}

	/* .news .main ul li:nth-of-type(1) a figure {
    opacity: 1; }

  .news .main ul li:nth-of-type(1) a div h5 {
    color: #fff; }

  .news .main ul li:nth-of-type(1) a div p {
    color: #d4d4d4; }

  .news .main ul li:nth-of-type(1) a div span {
    background-position: center -30px; } */

	.Mvideo {
		display: block;
	}

	.news .main>div {
		display: none;
	}

	.news .main ul li a div span {
		margin-top: 10px;
	}

	.news .main ul li a div h5 {
		font-size: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.news .main ul li a div p {
		font-size: 14px;
	}

	.news .main ul li a div {
		padding: 20px;
	}

	.news .main ul {
		margin-top: 30px;
		width: 100%;
		padding-top: 0;
	}

	.news .main .indexTitle {
		font-size: 30px;
		height: 100px;
		position: static;
		border: 5px solid #f2f2f2;
		border-left: 0;
	}

	.news .main>div {
		width: 360px;
		padding-top: 200px;
	}

	.jiameng .main nav {
		padding: 0 30px;
	}

	.jiameng .main {
		padding-bottom: 40px;
	}

	.jiameng {
		padding-bottom: 120px;
	}

	.jiameng .main>div {
		width: 94%;
		left: 50%;
		transform: translateX(-50%);
	}

	.youshi .main>div .swiper-container dd h5 {
		top: 20px;
		left: 20px;
	}

	.youshi .main>div .swiper-container dd h4 {
		bottom: 20px;
		left: 20px;
	}

	.youshi .main>div .swiper-container {
		width: 100%;
	}

	.youshi .main>div .btn {
		position: absolute;
		top: 20px;
		right: 20px;
	}

	.youshi .main>p {
		margin: 40px 0;
	}

	header .pc {
		display: none;
	}

	header .m {
		display: block;
	}

	.ibanner {
		margin-top: 86px;
	}

	header {
		background-color: #fff;
	}

	.ibanner .swiper-container .bottom {
		padding: 0 20px;
	}

	.ibanner .swiper-container .bottom>div .swiper-pagination {
		padding-bottom: 30px;
	}

	.ibanner .swiper-container .bottom>div .btn {
		padding-bottom: 30px;
	}

	.ibanner .swiper-container .bottom>div .swiper-pagination span {
		font-size: 24px;
	}
}

@media screen and (max-width: 850px) {
	.joinB .main div ul li {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.back_box {
		margin-bottom: 20px;
	}

	.back_box h1 {
		font-size: 18px;
	}

	.back_box a {
		font-size: 16px;
	}

	.honor figure .swiper-pagination {
		display: none;
	}

	.jieshao.youshi {
		margin-top: 0;
	}

	.page .meixue .left {
		padding-bottom: 0;
	}

	.page .meixue .right {
		margin-top: 20px;
	}

	.jieshao.meixue .left h5:after {
		width: 60px;
		height: 3px;
	}

	.page .meixue .left h4 {
		font-size: 22px;
	}

	.page .meixue .left h5 {
		font-size: 26px;
		line-height: 26px;
		margin-top: 10px;
		padding-bottom: 20px;
		letter-spacing: 6px;
	}

	.page .meixue .left h5 span {
		font-size: 26px;
		line-height: 26px;
	}

	.newsview .box-blank {
		margin-top: 10px;
		padding-top: 10px;
	}

	.box-blank {
		padding: 20px;
		padding-top: 0;
	}

	.box-blank a {
		display: block;
		width: 100%;
	}

	.box-blank a+a {
		margin-top: 10px;
	}

	.parameter .desc {
		margin-bottom: 0;
	}

	.proView_page .pro_left {
		padding: 0;
	}

	.proView_page .proview1 {
		background-color: #fff;
		margin-bottom: 0;
	}

	.parameter {
		padding: 20px;
		padding-top: 40px;
		border-top: 20px solid #f4f4f4;
	}

	.parameter+.parameter {
		border-top: 0;
		padding-top: 20px;
	}

	.g-tit-q1 p {
		font-size: 20px;
	}

	.g-tit-q1 span {
		font-size: 16px;
	}

	.g-tit-q1 {
		margin-bottom: 10px;
	}

	.store .panel i {
		display: none;
	}

	.store #container {
		display: none;
	}

	.store .panel {
		position: static;
		width: 100%;
		border-top: 1px solid #dfdfdf;
	}

	.contact .main {
		width: 90%;
	}

	.contact {
		padding: 40px 0;
	}

	.joinC .main div h4 {
		font-size: 24px;
		padding-bottom: 20px;
	}

	.joinC .main div img {
		margin-bottom: 20px;
	}

	.joinC .main div h4:after {
		height: 2px;
	}

	.joinC .main {
		padding: 40px 20px;
	}

	.joinA .main .pinpai div h3 {
		font-size: 28px;
		padding-bottom: 20px;
		line-height: 36px;
	}

	.joinA .main .pinpai div h3:after {
		height: 2px;
	}

	.joinA .main .pinpai div p {
		margin-top: 20px;
	}

	.joinA .main .pinpai {
		padding: 20px 0;
	}

	.joinA .main ul li {
		width: 100%;
	}

	.joinA .main ul li p {
		min-height: auto;
	}

	.joinA .main ul li+li {
		margin-top: 30px !important;
	}

	.history figure .swiper-slide div h5 span {
		font-size: 24px;
	}

	.history figure .swiper-slide div h5 p {
		font-size: 26px;
	}

	.about5_hd .swiper-button-prev {
		left: 0;
	}

	.about5_hd .swiper-button-next {
		right: 0;
	}

	.about5_bd .swiper-slide .about5_bd_words h3 {
		font-size: 18px;
	}

	.about5_bd .swiper-slide .about5_bd_words pre {
		font-size: 16px;
	}

	.about5_hd .swiper-slide {
		font-size: 18px;
	}

	.page .meixue {
		padding: 30px 20px;
	}

	.shuju .main ul li h5 {
		padding-right: 10px;
	}

	.shuju .main ul li:nth-of-type(1) h5 p {
		min-width: 75px;
	}

	.shuju .main ul li:nth-of-type(2) h5 p {
		min-width: 52px;
	}

	.shuju .main ul li:nth-of-type(3) h5 p {
		min-width: 75px;
	}

	.shuju .main ul li:nth-of-type(4) h5 p {
		min-width: 100px;
	}

	.Mvideo .main div i {
		width: 60px;
		height: 60px;
	}

	.Mvideo .main div h4 {
		font-size: 26px;
		line-height: 50px;
	}

	.Mvideo .main div h3 {
		font-size: 30px;
	}

	.Mvideo {
		padding-top: 20px;
		padding-bottom: 60px;
	}

	.news {
		padding-top: 0;
		padding-bottom: 40px;
	}

	.jiameng .main nav {
		width: 92%;
		padding: 0;
	}

	.jiameng .main>div p {
		font-size: 14px;
		line-height: 26px;
		min-height: 130px;
	}

	.jiameng .main {
		padding-bottom: 105px;
		padding-top: 80px;
	}

	.jiameng .main>div h4 {
		font-size: 24px;
	}

	.jiameng .main>div {
		width: 92%;
		bottom: 40px;
	}

	.jiameng .main .indexTitle {
		font-size: 30px;
	}

	.jiameng .main .indexTitle p {
		font-size: 20px;
	}

	.youshi .main {
		padding: 0 20px;
	}

	.youshi .main>p {
		margin: 20px 0;
	}

	.youshi .main .indexTitle {
		font-size: 26px;
	}

	.youshi .main .indexTitle span {
		font-size: 26px;
	}

	.youshi {
		padding: 40px 0;
	}

	.youshi .main>div .btn {
		width: 140px;
		height: 70px;
	}

	.youshi .main>div .btn div {
		width: 70px;
		height: 70px;
	}

	.youshi .main .swiper-pagination {
		display: none;
	}

	.shuju .main ul li h5 {
		display: inline-block;
		margin: 0 auto;
		margin-top: 20px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		display: table;
	}

	.ibanner a .pc {
		display: none;
	}

	.ibanner a .m {
		display: block;
	}

	.sfn figure {
		padding: 35% 0;
	}

	.sfn figure img {
		content: url("../image/Msfn.jpg");
	}

	.xinzhuyi .main .indexTitle p {
		font-size: 22px;
	}

	.xinzhuyi .main .indexTitle span {
		font-size: 26px;
		font-weight: bold;
		letter-spacing: 6px;
	}

	.xinzhuyi .main .indexTitle {
		font-size: 26px;
		letter-spacing: 6px;
		padding-bottom: 30px;
		font-weight: bold;
	}

	.xinzhuyi .main div p {
		letter-spacing: 1px;
	}

	.shuju {
		padding: 60px 0;
	}

	.shuju .main ul li {
		width: 50%;
	}

	.shuju .main ul li:nth-of-type(n+3) {
		margin-top: 70px;
	}

	.shuju .main ul li h6 {
		min-height: 45px;
		padding: 0 5px;
	}

	.shuju .main ul li h5 p {
		font-size: 30px;
	}

	.xinzhuyi .main .indexTitle:after {
		height: 3px;
		width: 60px;
	}

	.xinzhuyi .main div {
		margin-top: 20px;
	}

	.xinzhuyi .main .indexTitle {
		padding-bottom: 20px;
	}

	.shuju .main ul li h5 span {
		font-weight: normal;
		font-size: 12px;
	}

	.sheji .main ul li:first-child {
		border-bottom: 0;
	}

	.sheji .main ul li:nth-of-type(2) {
		border-right: 0;
		width: 100%;
	}

	.sheji .main ul li:nth-of-type(3) {
		border-left: 0;
		width: 100%;
	}

	.sheji .main ul li {
		height: auto !important;
	}

	.sheji .main ul li a figure {
		display: block;
		width: 100%;
		position: relative;
		padding: 30% 0;
	}

	.sheji .main ul li a figure img {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		object-fit: cover;
	}

	.indexTitle {
		font-size: 26px;
	}

	.indexTitle span {
		font-size: 26px;
	}

	.sheji .main {
		padding: 40px 0;
		padding-bottom: 0;
	}

	.sheji .main ul {
		margin-top: 40px;
	}

	.sheji .main ul li a div h5 {
		font-size: 18px;
		line-height: 30px;
		letter-spacing: 1px;
	}

	.sheji .main ul li a div p {
		font-size: 14px;
	}

	.jiameng .main>div .swiper-pagination span.swiper-pagination-current {
		font-size: 24px;
	}

	.jiameng .main>div .swiper-pagination span {
		font-size: 20px;
	}

	.jiameng .main>div .swiper-pagination {
		right: 0;
	}

	.jiameng .main>div .swiper-pagination span:first-child {
		margin-right: 0;
	}

	.jiameng .main nav {
		margin-top: 40px;
	}

	.jiameng .main>div .swiper-pagination span {
		margin-right: 0;
	}

	.jiameng .main .indexTitle {
		font-size: 26px;
	}

	.news .main .indexTitle {
		font-size: 26px;
	}

	.indexTitle p {
		letter-spacing: 3px;
	}

	.m-contxt1 .tit {
		font-size: 22px;
	}

	.social-share {
		display: none;
	}

	.m-contxt1 .box-info {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.m-contxt1 .txt-con {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 620px) {
	.youshi .main>div .swiper-container dd figure img {
		height: 370px;
	}

	.jiameng .main nav ul li {
		height: 40px;
	}

	.jiameng .main nav ul li i {
		width: 21px;
		height: 11px;
	}

	.jiameng .main nav ul li:nth-of-type(2) i:after {
		background-position: center -7px !important;
	}

	.jiameng .main nav ul li:nth-of-type(1):hover i:after {
		background-position: center -11px !important;
	}

	.jiameng .main nav ul {
		width: 100%;
	}
}

@media screen and (max-width: 520px) {
	.page .meixue .right p {
		line-height: 32px;
	}

	.joinB .main div h4 {
		font-size: 22px;
	}

	.page-t1 a {
		font-size: 14px;
	}

	.newsview {
		padding: 20px 0;
	}

	.products.Pnews {
		margin-top: 20px;
	}

	.proView_page .box-blank div a {
		font-size: 14px;
	}

	.parameter {
		padding-top: 20px;
	}

	.parameter+.parameter {
		padding-top: 0;
	}

	.proView_page .proview1 .right .tel {
		margin: 15px 0;
	}

	.proView_page {
		padding: 20px 0;
	}

	.proView_page .proview1 .right {
		padding: 15px;
	}

	.proView_page .pro_left .big a {
		height: 280px;
	}

	.proView_page .proview1 .right span {
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.store .panel h3 {
		font-size: 20px;
	}

	.store {
		margin-top: 58.63px;
	}

	.products .main dl dd {
		width: 100%;
		margin-right: 0 !important;
	}

	.products .main dl dd+dd {
		margin-top: 30px;
	}

	.page .ClassProB {
		margin: 20px 0;
	}

	.m-pages {
		padding: 30px 0;
	}

	.m-pages li {
		display: none;
	}

	.m-pages li.fengye {
		display: block;
	}

	.page .ClassProB div h4 {
		font-size: 14px;
	}

	.page .ClassProB ul li a {
		font-size: 14px;
		height: 30px;
		line-height: 30px;
	}

	.page .ClassProB div {
		padding: 10px 0;
	}

	.joinC .main div p {
		font-size: 14px;
		line-height: 28px;
	}

	.joinB .main div+div {
		margin-top: 40px;
	}

	.joinA .main ul li h5 {
		font-size: 20px;
	}

	.joinA .main .pinpai div h3 {
		font-size: 22px;
		padding-bottom: 10px;
	}

	.joinA .main .pinpai div p {
		font-size: 14px;
		line-height: 28px;
	}

	.honor {
		padding: 40px 0;
	}

	.aboutTitle {
		font-size: 26px;
	}

	.history figure .swiper-slide div h6 {
		font-size: 14px;
	}

	.history figure .swiper-slide figure {
		padding: 40% 0;
	}

	.history>figure {
		padding: 0;
	}

	.about5_bg {
		padding: 0;
	}

	.history figure .swiper-slide {
		padding: 0;
	}

	.history figure .swiper-slide div h5 span {
		font-size: 20px;
	}

	.history figure .swiper-slide div h5 p {
		font-size: 24px;
	}

	.history figure .swiper-slide div time {
		margin: 15px 0;
		font-size: 16px;
		line-height: 26px;
	}

	.about5_bd .swiper-slide .about5_bd_words h3 {
		font-size: 16px;
	}

	.about5_bd .swiper-slide .about5_bd_words pre {
		font-size: 14px;
	}

	.about5_hd .swiper-slide {
		font-size: 16px;
	}

	.page .meixue .left:after {
		height: 2px;
	}

	.address nav h4:before {
		width: 15px;
		height: 15px;
	}

	.address nav h4 {
		font-size: 14px;
	}

	.address nav {
		padding: 12px 20px;
	}

	.address {
		margin-top: 58.63px;
	}

	.PopupColumn {
		top: 58.63px;
	}

	.m_search div>i {
		width: 40px;
		height: 40px;
	}

	.m_search div h5 {
		font-size: 24px;
		margin-top: 10px;
		line-height: 30px;
	}

	.m_search div form {
		padding: 0 40px;
		margin-top: 20px;
	}

	.m_search div form input {
		line-height: 40px;
		font-size: 16px;
	}

	.m_search div form button {
		margin-top: 30px;
		line-height: 40px;
		font-size: 14px;
	}

	.MgoTop {
		width: 40px;
		height: 40px;
	}

	footer {
		padding-bottom: 50px;
	}

	.Mnav ul li a icon {
		width: 20px;
		height: 20px;
	}

	.Mnav ul li a span {
		font-size: 14px;
		margin-left: 10px;
	}

	footer .main .footer1 {
		padding: 20px;
	}

	footer .footer1 dl dt {
		font-size: 14px;
	}

	footer .footer1 dl dd a {
		font-size: 14px;
	}

	footer .footer3 a {
		font-size: 14px;
	}

	footer .footer3 p {
		font-size: 14px;
	}

	footer .footer3 p a {
		font-size: 14px;
	}

	/* .news .main ul li:nth-of-type(1) a div span {
    background-position: center -20px; } */

	.news .main ul li:hover a div span {
		background-position: center -20px;
	}

	.news .main ul li a div {
		padding: 15px 20px;
	}

	.news .main .indexTitle p {
		font-size: 14px;
	}

	.news .main ul li a div h5 {
		font-size: 18px;
	}

	.news .main ul li a div p {
		margin-top: 5px;
	}

	.news .main ul li a div span {
		margin-top: 5px;
		width: 20px;
		height: 20px;
	}

	.news .main .indexTitle {
		padding: 0;
		text-align: center;
		width: 96%;
	}

	.jiameng .main .indexTitle p {
		font-size: 14px;
	}

	.jiameng .main {
		padding-bottom: 100px;
	}

	.jiameng .main>div h4 {
		font-size: 18px;
	}

	.youshi .main>div .btn div:nth-of-type(2):hover {
		background-color: #004d85;
	}

	.youshi .main>div .btn div:hover {
		background-color: #dcdfe4;
	}

	.youshi .main>div .btn div:hover i:after {
		background-position: center top !important;
	}

	.youshi .main>div .swiper-container dd h4 {
		font-size: 18px;
	}

	.youshi .main>div .swiper-container dd h4 p {
		line-height: 22px;
		font-size: 14px;
		margin-top: 8px;
	}

	.youshi .main>div .btn div {
		width: 50px;
		height: 50px;
	}

	.youshi .main>div .btn div i {
		width: 14px;
		height: 7px;
	}

	.youshi .main>div .btn div:nth-of-type(2) i:after {
		background-position: center !important;
	}

	.youshi .main>div .btn {
		width: 100px;
		height: 50px;
	}

	.youshi .main>div .swiper-container dd h5 {
		font-size: 20px;
	}

	.youshi .main>div .swiper-container dd h5 span {
		font-size: 12px;
	}

	/* .youshi .main > div .swiper-container dd figure img {
    height: 300px; } */

	.youshi .main>p {
		font-size: 14px;
		line-height: 26px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	header .m {
		padding: 20px 30px;
	}

	.ibanner {
		margin-top: 58.63px;
	}

	header .m .Msearch {
		width: 22px;
		height: 22px;
	}

	header .m .menu label {
		max-width: 90px;
		max-height: 90px;
		left: -32px;
		top: -25px;
	}

	header .m>a {
		width: 200px;
	}

	.ibanner .swiper-container .bottom {
		bottom: 30px;
	}

	.ibanner .swiper-container .bottom>div .swiper-pagination {
		width: 80px;
		padding-bottom: 10px;
	}

	.ibanner .swiper-container .bottom>div .btn {
		padding-bottom: 10px;
		width: 180px;
	}

	.ibanner .swiper-container .bottom>div .swiper-pagination span {
		font-size: 18px;
	}

	.ibanner .swiper-container .bottom>div .btn div {
		font-size: 14px;
		letter-spacing: 0;
	}

	.ibanner .swiper-container .bottom>div .btn:after {
		top: 4px;
	}

	.ibanner .swiper-container .bottom>div .btn div.swiper-button-prev:hover:before {
		margin-right: 10px;
	}

	.ibanner .swiper-container .bottom>div .btn div.swiper-button-next:hover:after {
		margin-left: 10px;
	}

	.xinzhuyi .main div p {
		font-size: 15px;
		line-height: 32px;
	}

	.shuju .main ul li:nth-of-type(n+3) {
		margin-top: 40px;
	}
}

@media screen and (max-width: 420px) {
	.m_search div form {
		padding: 0 15px;
	}

	.m_search div .searchClose i {
		width: 30px;
		height: 30px;
	}

	.m_search div .searchClose p {
		font-size: 14px;
	}

	.about5_hd .swiper-slide {
		font-size: 14px;
	}
}

/*# sourceMappingURL=main.css.map */

/*Ã¤ÂºÂ§Ã¥â€œÂÃ¥Â±â€¢Ã§Â¤Âº*/
.index-product .main{
    width: 1300px;
    margin: 0 auto;
}
.index-product .swiper2 { position : relative }
.index-product .swiper2 .swiper-slide {height: 515px;background-repeat : no-repeat;background-size : cover;margin-top: 20px;box-sizing : border-box;text-align : center;background-color: #cecbcb8c;}
.index-product .swiper2 .swiper-slide .proleft{
    width: 55%;
    display: inline-block;
}
.index-product .swiper2 .swiper-slide .prorig{
    display: inline-block;
    width: 44%;
    vertical-align: top;
}
.index-product .swiper2 .swiper-slide .prorig .prorigwh{
    padding: 0 20px;
    padding-right: 0;
}
.index-product .swiper2 .swiper-slide .proleft img{
    
}

.index-product .swiper2 .swiper-slide .prorig img{}
.index-product .swiper2 .swiper-slide .producthg{
    padding: 30px 90px;
}
.index-product .swiper2 h4 {color:#000;;font-size : 36px;text-align: left;}
.index-product .swiper2 span.line{
    display: block;
    width: 60px;
    height: 2px;
    background: #888888;
    margin: 5px 0 5px;
}
.index-product .swiper2 .text-box {width: 100%;margin : 0 auto 0 auto;    color: #3e3d3d;font-size : 15px;line-height : 24px;text-align: left;}
.index-product .swiper2 .text-box  p{
    font-size: 16px;
    line-height: 35px;
}
.index-product .swiper2 a { padding-bottom : 6px ; border-bottom : solid 2px #FFFFFF ; color : #FFFFFF ; font-size : 15px ; font-weight : bold ; transition : .5s }
.index-product .swiper2 a:hover { border-color : #70AB9F ; color : #70AB9F }
.index-product .swiper2 .button-box { width : 100% ; --swiper-navigation-size : 0px ; position : absolute ; top : 257px }
.index-product .swiper2 .button-box .main { position : relative }
.index-product .swiper2 .swiper-button-prev, .index-product .swiper2 .swiper-button-next { width : 27px ; height : 49px ; opacity : 1 ; outline : none }
.index-product .swiper2 .swiper-button-prev { background-image : url(../images/index-icon-9.png) }
.index-product .swiper2 .swiper-button-next { background-image : url(../images/index-icon-10.png) }

.index-product .swiper3 { height : 200px ; position : relative }
.index-product .swiper3 .swiper-container {    background: #cecbcb8c; width : 1300px ; position : absolute ; top : -0 ; z-index : 2 }
.index-product .swiper3 .swiper-slide {width : 325px;height: 190px;padding-top : 12px;box-sizing : border-box;text-align : center;cursor : pointer;transition : .3s;}
.index-product .swiper3 .swiper-slide-thumb-active { background-color : #FFFFFF }
.index-product .swiper3 b { color : transparent ; font-size : 16px ; transition : .5s }
.index-product .swiper3 .swiper-slide-thumb-active b { color : #999999 }
.index-product .swiper3 i {display : block;height : 78px;background-repeat : no-repeat;background-position : center center;margin-top: 15px;transition : .5s;}
.index-product .swiper3 .swiper-wrapper .swiper-slide:first-of-type i { background-image : url(../images/index-icon-5a.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:nth-of-type(2) i { background-image : url(../images/index-icon-6a.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:nth-of-type(3) i { background-image : url(../images/index-icon-7a.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:nth-of-type(4) i { background-image : url(../images/index-icon-8a.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:nth-of-type(5) i { background-image : url(../images/index-icon-14a.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:nth-of-type(6) i { background-image : url(../images/index-icon-15a.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:nth-of-type(7) i { background-image : url(../images/index-icon-16a.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:nth-of-type(8) i { background-image : url(../images/index-icon-17a.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:first-of-type.swiper-slide-thumb-active i { background-image : url(../images/index-icon-5b.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:nth-of-type(2).swiper-slide-thumb-active i { background-image : url(../images/index-icon-6b.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:nth-of-type(3).swiper-slide-thumb-active i { background-image : url(../images/index-icon-7b.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:nth-of-type(4).swiper-slide-thumb-active i { background-image : url(../images/index-icon-8b.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:nth-of-type(5).swiper-slide-thumb-active i { background-image : url(../images/index-icon-14b.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:nth-of-type(6).swiper-slide-thumb-active i { background-image : url(../images/index-icon-15b.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:nth-of-type(7).swiper-slide-thumb-active i { background-image : url(../images/index-icon-16b.png) }
.index-product .swiper3 .swiper-wrapper .swiper-slide:nth-of-type(8).swiper-slide-thumb-active i { background-image : url(../images/index-icon-17b.png) }
.index-product .swiper3 span { display : block ; margin-top : 21px ; font-size : 16px }
.index-product .swiper3 span:after { content : "" ; display : block ; width : 17px ; height : 3px ; background-color : transparent ; margin : 15px auto 0px auto ; transition : .5s }
.index-product .swiper3 .swiper-slide-thumb-active span:after { background-color : #70AB9F }

/*Ã¤ÂºÂ§Ã¥â€œÂÃ¥Â±â€¢Ã§Â¤Âº*/

/*Ã¦Â â€¡Ã©Â¢Ëœ*/
@media only screen and (min-width:769px) and (max-width: 1024px) {}

 .comNav {
 	/*background: #fff;*/
 	/* padding: 0px 0 33px; */
 	text-align: center;
 	width: 100%;
 }
.comNav p.L_pc_text {
    font-size: 38px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    line-height: 2;
}
.comNav p.L_pc_text span {
    font-size: 38px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    line-height: 2;
}
.xinzhuyi .main .comNav p.L_pc_text {
    font-size: 38px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    line-height: 2;
}
.xinzhuyi .main .comNav p.L_pc_text span {
    font-size: 38px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    line-height: 2;
}

 .comNav>.line {
 	width: 100%;
 	height: 2px;
 	background: #000;
 	position: relative;
 	margin: 10px auto 10px;
 }

 .comNav>.line:before {
 	content: '';
 	position: absolute;
 	width: 100px;
 	height: 8px;
 	background: #000;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
 }

 .wow {
 	animation-name: lv-fadeinup;
 	animation-fill-mode: both;
 }
/*.comNav span{display:block;padding-right:0px;font-size:1.5rem;}*/
/*.comNav p{line-height:1.2;}*/
/*.comNav>.line{margin: 5px auto 10px;}*/
 }
 
@media screen and (min-width: 769px){
  .L_ph_text {
    display: none;
}
}
 .comNav span{padding-right:40px;}

 /*Ã¦Â â€¡Ã©Â¢Ëœ*/
 
/*case*/
.index-store .main{
    width: 1400px;
    margin: 0 auto;
}
.index-store { padding-top : 3px }
.index-store .title b { color : #7C7C7C ; font-family : SourceHanSansCN ; font-weight : 300 }
.index-store .title h2 { margin-top : 11px ; color : #000000 ; font-family : SourceHanSansCN ; font-size : 30px ; font-weight : 300 }
.index-store .swiper4 { padding-bottom : 161px ; margin-top : 37px }
.index-store .swiper-slide { display : flex ; overflow : hidden }
.index-store .swiper-slide .item { width : 685px ; margin-right : 20px ; overflow : hidden }
.index-store .swiper-slide .item:last-of-type { margin-right : 0px }
.index-store .swiper-slide a { display : block }
.index-store .swiper-slide .item div { height : 442px ; background-position : center center ; background-size : cover ; transition : .5s }
.index-store .swiper-slide .item:hover div { transform : scale(1.05) }
.index-store .swiper-pagination { display : flex ; align-items : center ; bottom : 73px !important ; overflow : hidden }
.index-store .swiper-pagination::before { content : "" ; display : inline-block ; width : 800px ; height : 1px ; background-color : #D2D2D2 ; margin-right : 14.5px ; vertical-align : middle }
.index-store .swiper-pagination::after { content : "" ; display : inline-block ; width : 800px ; height : 1px ; background-color : #D2D2D2 ; margin-left : 14.5px ; vertical-align : middle }
.index-store .swiper-pagination span { display : inline-block ; width : 5px ; flex-shrink : 0 ; height : 8.66px ; background-color : #CBCBCB ; border-radius : 0px ; opacity : 1 ; margin : 0px 14.5px !important ; color : #666666 ; font-size : 16px ; text-align : center ; line-height : 33px ; position : relative }
.index-store .swiper-pagination span::before { content : "" ; display : block ; border-width : 4.33px 2.5px ; border-style : solid ; border-color : transparent #CBCBCB transparent transparent ; position : absolute ; right : 5px }
.index-store .swiper-pagination span::after { content : "" ; display : block ; border-width : 4.33px 2.5px ; border-style : solid ; border-color : transparent transparent transparent #CBCBCB ; position : absolute ; left : 5px }

.index-store .swiper-pagination span.swiper-pagination-bullet-active { display : inline-block ; width : 5px ; flex-shrink : 0 ; height : 8.66px ; background-color : #004d85 ; border-radius : 0px ; opacity : 1 ; margin : 0px 14.5px !important ; color : #666666 ; font-size : 16px ; text-align : center ; line-height : 33px ; position : relative }
.index-store .swiper-pagination span.swiper-pagination-bullet-active::before { content : "" ; display : block ; border-width : 4.33px 2.5px ; border-style : solid ; border-color : transparent #004d85 transparent transparent ; position : absolute ; right : 5px }
.index-store .swiper-pagination span.swiper-pagination-bullet-active::after { content : "" ; display : block ; border-width : 4.33px 2.5px ; border-style : solid ; border-color : transparent transparent transparent #004d85 ; position : absolute ; left : 5px }

/*.index-store .swiper-pagination-bullet-active { width : 38px !important ; height : 33px !important ; background : url(../images/index-icon-11.png) no-repeat ; background-color : transparent !important }*/
/*.index-store .swiper-pagination-bullet-active::before { display : none !important }*/
/*.index-store .swiper-pagination-bullet-active::after { display : none !important }*/


/*case*/


/*jion*/
.index-help .main{
    width: 1400px;
    margin: 0 auto;
}
.index-help { height : 651px ; background-image : url(../images/index-img-7.jpg) ; background-position : center center ; background-repeat : no-repeat ; background-size : cover ; background-attachment : fixed ; padding-top : 75px ; box-sizing : border-box }
.index-help p { padding-right : 51px ; color : #FFFFFF ; font-family : SourceHanSansCN ; font-size : 60px ; font-weight : bold ; text-align : right }
.index-help b { color : #004d85 ; font-weight : bold;font-size : 60px ; }
.index-help i { display : block ; padding-right : 74px ; margin-top : 26px ; color : #FFFFFF ; font-family : SourceHanSansCN ; font-size : 48px ; text-align : right }
/*jion*/

/*底部悬浮*/
/* foot-hover */
.fh .main{
    width: 1300px;
    margin: 0 auto;
}
.fh { width : 100% ; /* max-width : 1920px ; */ height : 128px ; background : rgba(31,31,31,.89) ; margin : 0px auto ; position : fixed ; left : 0px ; right : 0px ; bottom : 0px ; transition : .6s ; transition-timing-function : ease-out ; z-index : 999 }
.fh.hide { width : 289px ; height : 173px ; background : url(../images/fh-img-3.png) left center no-repeat ; left : 0px ; right : auto ; bottom : 20px ; cursor : pointer }
.fh .left { width : auto ; float : left ; margin-top : 30px }
.fh .left a { display : block }
.fh .left img { max-width : 100% ; height : auto }
.fh form { padding-right : 61px ; float : left ; margin : 33px 33px 0px 0px ; position : relative ;margin-left:26%;}
.fh form>div { display : flex }
.fh form input {width: 235px;height: 37px;background-color : #FFFFFF;border-radius: 0;margin-right: 24px;color : #b3b3b3;font-size : 12px;text-indent : 12px;}
.fh form input::-webkit-input-placeholder{ color : #888888 }
.fh form input::-moz-placeholder{ color : #888888 }
.fh form input:-moz-placeholder{ color : #888888 }
.fh form input:-ms-input-placeholder{ color : #888888 }
.fh form textarea{
    width: 235px;height: 37px;background-color : #FFFFFF;border-radius: 0;margin-right: 24px;color : #b3b3b3;font-size : 12px;text-indent : 12px;padding-top: 10px;
}
.fh form img { width : 115px ; height : 29px ; border-radius : 3px }
.fh form select { width : 115px ; height : 29px ; background-color : #FFFFFF ; background-image : url(../images/fh-icon-3.png) ; background-repeat : no-repeat ; background-position : 100px 12px ; border-radius : 3px ; border : none ; margin-right : 4px ; color : #383838 ; font-size : 12px ; text-indent : 12px ; outline : none ; cursor : pointer ; appearance : none ; -webkit-appearance : none ; -moz-appearance : none }
.fh .distpicker { margin-top : 12px }
.fh .distpicker input { background-color : #d6ad82 ; margin-right : 0px ; color : #9f4f00 ; font-size : 14px ; text-indent : 0px ; text-align  :center ; line-height : 29px ; transition : .3s }
.fh .distpicker input:hover { background-color : #70AB9F ; color : #FFFFFF }
.fh form i { display :block ; width : 24px ; height : 24px ; background-image : url(../images/fh-icon-1.png) ; position : absolute ; right : 0px ; top : 0px ; transition : .5s }
.fh form i:hover { background-image : url(../images/fh-icon-2.png) }
/*底部悬浮*/

/*page*/
ul.pagination {
          display: inline-block;
          padding: 0;
          margin: 0;
      }

      ul.pagination li {display: inline;float:left;}

      ul.pagination li a {
          color: black;
          float: left;
          padding: 8px 16px;
          text-decoration: none;
          transition: background-color .3s;
          border: 1px solid #ddd;
          margin: 0 4px;
      }

      ul.pagination li span {
          color: black;
          float: left;
          padding: 8px 16px;
          text-decoration: none;
          transition: background-color .3s;
          border: 1px solid #ddd;
          margin: 0 4px;
          background-color: #ddd;
      }

      ul.pagination li a.active {
          background-color: #4CAF50;
          color: white;
          border: 1px solid #4CAF50;
      }

      ul.pagination li a:hover:not(.active) {background-color: #ddd;}
/*page*/

/**/
/* product-detail */
.pd-introduce { padding : 0px 0px 51px ; background-color : #FFF }
.pd-introduce .main {padding: 0px 39px 24px 58px;background-color : #FFFFFF;box-sizing : border-box;}
.pd-introduce .swiper1 {width : 640px;/* height : 640px ; */float : left;--swiper-navigation-size : 0px;}
.pd-introduce .swiper1 .swiper-slide { font-size : 0px }
.pd-introduce .swiper1 a { display : block }
.pd-introduce .swiper1 .img-box {width : 638px;/* height : 638px */}
.pd-introduce .swiper1 .swiper-button-prev, .pd-introduce .swiper1 .swiper-button-next { width : 34px ; height : 56px ; opacity : 1 !important ; outline : none ; transform : translateY(-50%) ; transition : .5s }
.pd-introduce .swiper1 .swiper-button-prev { background-image : url(../images/pd-icon-4a.png) ; left : 21px }
.pd-introduce .swiper1 .swiper-button-prev:hover { background-image : url(../images/pd-icon-4b.png) }
.pd-introduce .swiper1 .swiper-button-next { background-image : url(../images/pd-icon-5a.png) ; right : 21px }
.pd-introduce .swiper1 .swiper-button-next:hover { background-image : url(../images/pd-icon-5b.png) }

.pd-introduce .right { width : 527px ; padding-top : 13px ; float : right }
.pd-introduce .text {min-height: 308px;padding : 0px 11px 0px 14px;}
.pd-introduce .text h2 { padding-bottom : 14px ; border-bottom : solid 1px #F0F0F0 ; font-size : 30px }
.pd-introduce .text ul { max-height : 283px ; overflow-y : auto }
.pd-introduce .text li { margin-top : 19px }
.pd-introduce .text ul li:first-of-type { margin-top : 30px }
.pd-introduce .text b { color : #000000 ; font-size : 16px ; line-height : 30px }
.pd-introduce .text i { color : #666666 ; font-size : 16px ; line-height : 30px }
.pd-introduce .link { margin-top : 31px ; font-size : 0px }
.pd-introduce .link a { display : inline-block ; width : 164px ; height : 44px ; background-color : #BABABA ; border-radius : 22px ; margin-right : 10px ; color : #FFFFFF ; font-size : 16px ; text-align : center ; line-height : 44px ; transition : .5s }
.pd-introduce .link a:last-of-type { margin-right : 0px }
.pd-introduce .link a:hover { background-color : #28477d }
.pd-introduce .link .tmall span { padding-left : 29px ; background-image : url(../images/pd-icon-1.png) ; background-position : left center ; background-repeat : no-repeat }
.pd-introduce .bottom { margin-top : /* 85px */25px }
.pd-introduce .bottom h5 { color : #696969 ; font-size : 16px }
.pd-introduce .swiper2 { margin-top : 23px ; position : relative }
.pd-introduce .swiper2 .swiper-container { width : 440px }
.pd-introduce .swiper2 .swiper-slide { border : solid 1px #DCDCDC ; box-sizing : border-box ; transition : .5s ; cursor : pointer }
.pd-introduce .swiper2 .swiper-slide-thumb-active { border-color : #C7000C }
.pd-introduce .swiper2 .img-box { width : 96px ; height : 96px }
.pd-introduce .swiper2 .button { --swiper-navigation-size : 0px }
.pd-introduce .swiper2 .swiper-button-prev, .pd-introduce .swiper2 .swiper-button-next { width : 29px ; height : 94px ; background-color : #B8B8B8 ; background-repeat : no-repeat ; background-position : center center ; opacity : 1 !important ; outline : none ; transform : translateY(-50%) }
.pd-introduce .swiper2 .swiper-button-prev { background-image : url(../images/pd-icon-2.png) ; left : 0px }
.pd-introduce .swiper2 .swiper-button-next { background-image : url(../images/pd-icon-3.png) ; right : 0px }


.pd-detail { margin : 0 0px 77px;width:100%; }
.pd-detail .title { display : flex ; padding-bottom : 17px }
.pd-detail .title h2 { margin-right : 10px ; color : #28477d ; font-size : 24px }
.pd-detail .title b { color : #CACACA ; font-size : 24px }
.pd-detail .content { padding : 44px 42px 108px 42px ; border-top : solid 1px #D4D4D4 ; border-bottom : solid 1px #D4D4D4 }
.pd-detail .content iframe { display : block ; width : 750px ; height : 420px ; margin : 0px auto }
.pd-detail .link { display : flex ; justify-content : space-between ; padding : 21px 9px 0px 9px }
.pd-detail .link a { color : #696969 ; font-size : 16px ; transition : .5s }
.pd-detail .link a:hover { color : #28477d }

/* contact */
.contact-information { margin-top : 67px }

/* contact title通用 */
.title.contact-common { text-align : center }
.title.contact-common b { color : #7C7C7C ; font-family : SourceHanSansCN }
.title.contact-common h2 { margin-top : 5px ; color : #000000 ; font-family : SourceHanSansCN ; font-size : 30px }

.contact-information .content { display : flex ; margin-top : 50px }
.contact-information .item { width : 30% ; min-height : 188px ; padding : 17px 48px 19px 48px ; border-right : solid 1px #EAEAEA ; box-sizing : border-box ; text-align : center }
.contact-information .content .item:last-of-type { border : none }
.contact-information .item strong { color : #666666 ; font-size : 16px }
.contact-information .item strong::before { content : "" ; display : block ; height : 39px ; background-repeat : no-repeat ; background-position : center center ; margin-bottom : 26px }
.contact-information .content .item:first-of-type strong::before { background-image : url(../images/contact-icon-1.png) }
.contact-information .content .item:nth-of-type(2) strong::before { background-image : url(../images/contact-icon-2.png) }
.contact-information .content .item:nth-of-type(3) strong::before { background-image : url(../images/contact-icon-3.png) }
.contact-information .content .item:nth-of-type(4) strong::before { background-image : url(../images/contact-icon-4.png) }
.contact-information .item .text-box { margin-top : 18px ; color : #004d85 ; font-size : 15px ; line-height : 24px }
.contact-information .item .text-box p{
    font-size: 18px;
    font-weight: bold;
}

.contact-map { margin-top : 54px }
.contact-map img { width : 100% ; height : auto }


.contact-message { padding : 48px 0px 66px }
.contact-message input::-webkit-input-placeholder{ color : #979797 }
.contact-message input::-moz-placeholder{ color : #979797 }
.contact-message input:-moz-placeholder{ color : #979797 }
.contact-message input:-ms-input-placeholder{ color : #979797 }
.contact-message textarea::-webkit-input-placeholder{ color : #979797 }
.contact-message textarea::-moz-placeholder{ color : #979797 }
.contact-message textarea:-moz-placeholder{ color : #979797 }
.contact-message textarea:-ms-input-placeholder{ color : #979797 }
.contact-message .row-1 { margin-top : 56px ; font-size : 0px }
.contact-message .row-1 input { width : 418px ; height : 60px ; border : solid 1px #dfdfdf ; box-sizing : border-box ; margin-right : 23px ; color : #979797 ; font-size : 16px ; text-indent : 16px }
.contact-message .row-1 input:last-of-type { margin-right : 0px }
.contact-message .distpicker { margin-top : 20px ; font-size : 0px }
.contact-message .distpicker select { width : 638px ; height : 60px ; background-image : url(../images/fh-icon-3.png) ; background-repeat : no-repeat ; background-position : 600px 25px ; border : solid 1px #dfdfdf ; box-sizing : border-box ; margin-right : 24px ; color : #979797 ; font-size : 16px ; text-indent : 16px ; outline : none ; cursor : pointer ; appearance : none ; -webkit-appearance : none ; -moz-appearance : none }
.contact-message .distpicker select:last-of-type { margin-right : 0px }
.contact-message textarea { display : block ; width : 100% ; height : 158px ; padding : 10px 18px ; border : solid 1px #dfdfdf ; box-sizing : border-box ; margin-top : 20px ; color : #979797 ; font-family : "微软雅黑" ; font-size : 16px ; line-height : 24px }
.contact-message .row-2 { margin-top : 59px ; font-size : 0px ; text-align : center }
.contact-message .row-2 img { width : 168px ; height : 56px ; margin : 0px 12px ; vertical-align : bottom }
.contact-message .row-2 input { width : 168px ; height : 56px ; margin : 0px 12px }
.contact-message .row-2 input:first-of-type { border : solid 1px #dfdfdf ; box-sizing : border-box ; color : #979797 ; font-size : 16px ; text-indent : 16px }
.contact-message .row-2 input:last-of-type { background-color : #53A498 ; text-align : center ; line-height : 56px ; color : #FFFFFF ; font-size : 16px ; transition : .5s }
.contact-message .row-2 input:last-of-type:hover { background-color : #333333 }
.jieshao .main{
    width: 1400px;
    margin: 0 auto;
}
