.BMap_stdMpCtrl{ display: none;}

.common-wrapper_s {
 	width: 1600px;
 	margin: 0 auto
 }

 .bPosition {
 	font-size: 14px;
 	color: #0059b0
 }

 .bPosition a {
 	color: #fff
 }

 .bPosition span {
 	color: #fff;
 	margin: 0 5px
 }

 .common-main {
 	padding: 60px 0 0
 }

 .common-main .common-wrapper_s {
 	width: 1400px
 }

 .common-main article img {
 	margin: 0 auto
 }

 .common-main article p {
 	margin-bottom: 20px;
 	line-height: 2
 }

 .common-left {
 	flex: 1
 }

 .common-right {
 	width: 350px;
 	margin-left: 68px
 }

 .common-pages {
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
 	margin-bottom: 50px;
 	width: auto;
 	color: #3c3c3c;
 	margin-left: auto
 }

 .common-pages .tip {
 	margin-right: 10px
 }

 .common-pages .tol {
 	margin-left: 10px
 }

 .common-pages .tip,
 .common-pages .tol {
 	padding: 0;
 	opacity: 1;
 	border: none;
 	font-weight: 400;
 	background: transparent
 }

 .common-pages a,
 .common-pages span {
 	padding: 16px 20px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	color: #3c3c3c;
 	border-top: 1px solid #d7d7d7;
 	border-bottom: 1px solid #d7d7d7;
 	border-left: 1px solid #d7d7d7;
 	background: #fff
 }

 .common-pages span {
 	opacity: .4
 }

 .common-pages span.ctxt {
 	opacity: 1;
 	background: #0059b0;
 	border-color: #0059b0;
 	color: #fff
 }

 .common-pages a:hover {
 	background-color: #0059b0;
 	border-color: #0059b0;
 	color: #fff
 }

 .common-pages .last {
 	border-right: 1px solid #d7d7d7
 }

 .side-search {
 	width: 100%;
 	background: #0059b0;
 	padding: 34px 24px;
 	box-sizing: border-box;
 	position: relative
 }

 .side-search input {
 	width: 100%;
 	height: 50px;
 	outline: none;
 	border: none;
 	padding-left: 14px
 }

 .side-search .btn {
 	position: absolute;
 	top: 39px;
 	right: 13px;
 	width: 43px;
 	height: 43px;
 	background: #000;
 	cursor: pointer
 }

 .side-search .btn i {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	color: #fff
 }

 .side>div {
 	margin-bottom: 30px
 }

 .side-title {
 	width: 100%;
 	height: 55px;
 	line-height: 55px;
 	font-size: 18px;
 	background-color: #0059b0;
 	color: #fff;
 	padding-left: 33px;
 	text-transform: uppercase;
 	box-sizing: border-box;
 	-ms-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	white-space: nowrap
 }

 .side-cate>ul {
 	padding: 10px 33px;
 	background: #fff;
 	font-size: 14px
 }

 .side-cate .type-active {
 	color: #0059b0
 }

 .side-cate>ul li {
 	position: relative;
 	border-bottom: 1px solid #eee;
 	line-height: 45px
 }

 .side-cate>ul li:hover>a {
 	color: #0059b0
 }

 .side-cate>ul li a {
 	width: 100%;
 	height: 100%;
 	display: block;
 	padding-right: 50px;
 	transition: color .3s;
 	line-height: 45px;
 	box-sizing: border-box;
 	-ms-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	white-space: nowrap
 }

 .side-cate>ul>li:last-child {
 	border: none
 }

 .side-cate>ul>li i {
 	position: absolute;
 	content: "";
 	top: 0;
 	right: 0;
 	width: 50px;
 	height: 47px;
 	cursor: pointer;
 	display: block
 }

 .side-cate>ul>li i:before {
 	position: absolute;
 	content: " ";
 	top: 16px;
 	right: 21px;
 	width: 8px;
 	height: 8px;
 	border: 2px solid #707070;
 	border-top: none;
 	border-left: none;
 	transform: rotate(45deg);
 	transition: transform .15s;
 	cursor: pointer
 }

 .side-cate>ul>li i.active:before {
 	transform: rotate(-45deg) rotateX(180deg)
 }

 .side-cate>ul>li>ul {
 	display: none
 }

 .side-cate>ul>li>ul li {
 	padding-left: 40px;
 	position: relative
 }

 .side-cate>ul>li>ul li:last-child {
 	border: none
 }

 .side-cate>ul>li>ul li:before {
 	content: "-";
 	position: absolute;
 	left: 30px
 }

 .side-cate>ul .pro-menu {
 	display: none
 }

 .side-pro {
 	background: #fff
 }

 .side-pro li {
 	margin: 0 20px;
 	padding: 20px 10px;
 	display: flex;
 	height: 100px;
 	border-bottom: 1px solid #eee
 }

 .side-pro li:last-child {
 	border: none
 }

 .side-pro li:hover img {
 	transform: scale(1.05)
 }

 .side-pro-img {
 	width: 40%;
 	overflow: hidden
 }

 .side-pro-img img {
 	transition: transform .2s;
 	max-height: 100%;
 	max-width: 100%
 }

 .side-pro-info {
 	padding: 0;
 	width: 60%;
 	display: flex;
 	flex-direction: column;
 	justify-content: space-around
 }

 .side-pro-name {
 	color: #333;
 	font-size: 14px;
 	display: -webkit-box;
 	display: -moz-box;
 	max-height: 36px;
 	line-height: 18px;
 	text-overflow: ellipsis;
 	word-break: break-all;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 2;
 	overflow: hidden
 }

 .side-pro-more {
 	color: #0059b0;
 	font-size: 14px;
 	text-transform: uppercase;
 	font-family: Lato
 }

 .side-pro-more:hover {
 	color: #0059b0
 }

 .side-pro>a {
 	width: 100%;
 	height: 100%;
 	display: block
 }

 .proCateTags {
 	width: 100%;
 	background: #fff;
 	padding: 24px;
 	box-sizing: border-box
 }

 .proCateTags span {
 	width: 100%;
 	height: 100%;
 	display: flex;
 	display: block
 }

 .proCateTags a {
 	background: #fff;
 	border: 1px solid #e9e9e9;
 	padding: 14px;
 	color: grey;
 	margin: 0 10px 16px 0;
 	font-size: 14px;
 	display: inline-block;
 	vertical-align: middle;
 	transform: perspective(1px) translateZ(0);
 	box-shadow: 0 0 1px transparent;
 	transition: color .3s, border-color .3s
 }

 .proCateTags a:hover {
 	animation-name: hvr-pop;
 	animation-duration: .3s;
 	animation-timing-function: linear;
 	animation-iteration-count: 1;
 	color: #0059b0;
 	border-color: #0059b0
 }

 .common-link {
 	width: 100%;
 	display: flex
 }

 .common-link>div {
 	flex: 1;
 	display: flex;
 	align-items: center;
 	height: 50px;
 	font-size: 18px;
 	padding-left: 20px
 }

 .common-link>div a {
 	height: 100%;
 	line-height: 50px;
 	max-width: 400px;
 	-ms-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	white-space: nowrap
 }

 .common-link .prev {
 	background-color: #0059b0;
 	color: #000
 }

 .common-link .prev a {
 	color: #000
 }

 .common-link .prev i {
 	margin-right: 20px
 }

 .common-link .next {
 	background-color: #000;
 	color: #0059b0
 }

 .common-link .next a {
 	color: #0059b0
 }

 .common-link .next i {
 	margin-left: 20px
 }

 #toast-container {
 	padding-top: 100px
 }

 .top-btn {
 	display: none;
 	border-radius: 50%;
 	width: 40px;
 	height: 40px;
 	background: #fff;
 	z-index: 1;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
 	transition: all .4s ease
 }

 .top-btn:hover {
 	cursor: pointer;
 	background: #ccc
 }

 .top-btn i {
 	position: relative;
 	transform: scale(1.4)
 }

 .sm-mask {
 	position: fixed;
 	width: 100vw;
 	bottom: 0;
 	height: 100%;
 	background: rgba(0, 0, 0, .6);
 	z-index: 8;
 	display: none;
 	top: 13.3333333333vw
 }

 #xyz * {
 	box-sizing: border-box
 }

 #xyz {
 	position: relative;
 	z-index: 99999;
 	width: 120px;
 	height: 32px;
 	line-height: 32px;
 	margin-left: 10px
 }

 .xyz12 {
 	width: 100%;
 	position: absolute;
 	height: 100%
 }

 .xyz12 ul {
 	border: 1px solid #dbdbdb;
 	background: #fff
 }

 .xyz12 ul>li {
 	display: none
 }

 .xyz12 ul>li:first-of-type {
 	display: block
 }

 .xyz12 li {
 	float: none;
 	margin-left: 0;
 	width: 100%;
 	position: relative;
 	height: 30px;
 	z-index: 1;
 	text-align: left
 }

 .xyz12 li a {
 	color: #333;
 	font-size: 12px;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	display: block;
 	padding: 0 8px
 }

 .xyz12 li.selected {
 	border-top: 0
 }

 .xyz12 li.selected a {
 	color: #8550d9
 }

 .xyz12 span {
 	right: 6px;
 	top: 0;
 	display: block;
 	width: 32px;
 	height: 32px;
 	z-index: 100
 }

 .xyz12 span,
 .xyz12 span:after {
 	position: absolute;
 	cursor: pointer
 }

 .xyz12 span:after {
 	content: " ";
 	top: 10px;
 	right: 10px;
 	width: 7px;
 	height: 7px;
 	border: 2px solid #707070;
 	border-top: none;
 	border-left: none;
 	transform: rotate(45deg)
 }

 .xyz12 span.dp:after {
 	top: 13px;
 	transform: rotate(-135deg)
 }

 .xyz12 li img {
 	vertical-align: middle;
 	margin: 0 7px 0 0;
 	width: 16px
 }

 .xyz12 li:hover {
 	background: #f2f2f2
 }

 .cu li {
 	line-height: 2;
 	font-size: 14px;
 	color: #fff
 }

 .cu li i {
 	color: #0059b0;
 	margin-right: 14px
 }

 .singglepic {
 	width: 550px !important;
 	height: 550px !important;
 	background: #fff;
 	display: flex;
 	justify-content: center;
 	align-content: center;
 	cursor: pointer;
 	overflow: hidden
 }

 .singglepic:hover img {
 	transform: scale(1.1)
 }

 .singglepic img {
 	display: block;
 	margin: auto;
 	width: 80%;
 	transition: .3s ease
 }

 .singglepic.on img {
 	position: static !important;
 	max-width: 100% !important;
 	width: auto;
 	max-height: 100% !important
 }

 .share-btn-list {
 	margin: 20px 0
 }

 .BMap_shadow img {
 	max-width: inherit;
 	max-height: inherit
 }

 .swiper-container .swiper-slide {
 	width: 100%;
 	display: flex;
 	justify-content: center
 }

 .swiper-container .swiper-button-next:after,
 .swiper-container .swiper-button-prev:after {
 	content: ""
 }

 .swiper-container .swiper-button-next i,
 .swiper-container .swiper-button-prev i {
 	transform: scale(2);
 	color: #fff
 }

 .swiper-container .swiper-pagination-bullet {
 	background: #fff
 }

 .swiper-container .swiper-pagination-bullet-active {
 	background: #0059b0
 }

 .common-tip,
 .common-title {
 	text-align: center;
 	margin-bottom: 10px
 }

 .common-title {
 	font-size: 45px;
 	text-transform: uppercase;
 	font-family: Lato
 }

 .common-tip {
 	color: #4c4c4c;
 	font-family: Lato;
 	line-height: 2
 }

 .que {
 	position: relative;
 	display: flex;
 	top: -5px;
 	z-index: 2
 }

 .que article {
 	font-size: 14px;
 	line-height: 1.5;
 	margin: 20px 0;
 	max-width: 448px
 }

 .que-item {
 	display: block;
 	flex: 1;
 	padding: 70px;
 	box-sizing: border-box;
 	position: relative
 }

 .que-item:first-of-type {
 	background: #24292f
 }

 .que-item:nth-of-type(2) {
 	background: #0059b0
 }

 .que-item:nth-of-type(2) .more-btn i:after {
 	border-color: #0059b0
 }

 .que-item:nth-of-type(3) {
 	background: #f4f4f4
 }

 .que-item:nth-of-type(3) .more-btn,
 .que-item:nth-of-type(3) .que-num,
 .que-item:nth-of-type(3) .que-title,
 .que-item:nth-of-type(3) article {
 	color: #1f2b41
 }

 .que-item:nth-of-type(3) .more-btn i {
 	background: #1f2b41
 }

 .que-item:nth-of-type(3) .more-btn i:after {
 	border-color: #fff
 }

 .que-item:nth-of-type(3):after,
 .que-item:nth-of-type(3):before {
 	border-color: #0059b0
 }

 .que-item:before {
 	bottom: 0;
 	transition: opacity .5s ease 0s, transform .5s ease 0s;
 	border-top: 2px solid #fff;
 	border-bottom: 2px solid #fff;
 	transform: scaleX(0);
 	-webkit-transform: scaleX(0)
 }

 .que-item:after,
 .que-item:before {
 	content: "";
 	position: absolute;
 	width: 94%;
 	height: 92%;
 	top: 4%;
 	left: 3%;
 	opacity: 0;
 	box-sizing: border-box
 }

 .que-item:after {
 	transition: opacity .3s ease 0s, transform .3s ease 0s;
 	border-left: 2px solid #fff;
 	border-right: 2px solid #fff;
 	transform: scaleY(0);
 	-webkit-transform: scaleY(0)
 }

 .que-item:hover:after,
 .que-item:hover:before {
 	opacity: 1;
 	transform: scale(1)
 }

 .que-item:hover .more-btn {
 	margin-left: 14px
 }

 .que-num {
 	font-size: 32px;
 	font-family: Arial;
 	margin-bottom: 20px
 }

 .que-num,
 .que-title {
 	color: #fff
 }

 .que-title {
 	font-size: 25px
 }

 .que .more-btn,
 .que article {
 	color: #fff
 }

 .que .more-btn {
 	font-size: 14px;
 	text-transform: uppercase;
 	transition: margin .2s
 }

 .que .more-btn i {
 	display: inline-block;
 	width: 14px;
 	height: 14px;
 	background: #fff;
 	position: relative;
 	top: 1.5px;
 	left: 3px
 }

 .que .more-btn i:after {
 	content: "";
 	display: inline-block;
 	position: absolute;
 	top: 4px;
 	left: 3px;
 	width: 4px;
 	height: 4px;
 	border-right: 2px solid #24292f;
 	border-bottom: 2px solid #24292f;
 	transform: rotate(-45deg)
 }

 .adv {
 	margin: 50px 0
 }

 .adv-list {
 	margin-top: 30px
 }

 .adv-list .common-wrapper_s {
 	display: flex;
 	flex-wrap: wrap;
 	width: 1400px
 }

 .adv-item {
 	width: 33%;
 	box-sizing: border-box;
 	padding: 70px;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	transition: box-shadow .2s
 }

 .adv-item img {
 	margin-bottom: 40px;
 	width: 90px;
 	height: 90px
 }

 .adv-item article {
 	color: #7f7f7f;
 	line-height: 1.8;
 	font-size: 14px;
 	display: -webkit-box;
 	display: -moz-box;
 	max-height: 60px;
 	line-height: 20px;
 	text-overflow: ellipsis;
 	word-break: break-all;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 3;
 	overflow: hidden
 }

 .adv-item:hover {
 	box-shadow: 0 1px 10px rgba(34, 25, 25, .15)
 }

 .adv-t {
 	font-size: 18px;
 	margin-bottom: 20px
 }

 .cate-list {
 	display: flex
 }

 .cate-item {
 	width: 25%;
 	position: relative
 }

 .cate-item:hover .cate-name,
 .cate-item:hover .cate-num {
 	opacity: 0
 }

 .cate-item:hover .cate-btn {
 	opacity: 1;
 	transform: translateZ(0) scale(1)
 }

 .cate-name {
 	font-size: 26px;
 	margin-bottom: 24px
 }

 .cate-name,
 .cate-num {
 	font-family: Lato;
 	transition: opacity .3s
 }

 .cate-num {
 	font-size: 16px
 }

 .cate-img {
 	background-color: #000
 }

 .cate-img img {
 	opacity: .28;
 	max-height: 100%;
 	max-width: 100%
 }

 .cate-info {
 	position: absolute;
 	transition: top .4s ease;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%
 }

 .cate-info a {
 	position: relative;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	color: #fff;
 	width: 100%;
 	height: 100%;
 	flex-direction: column
 }

 .cate-btn {
 	width: 160px;
 	height: 55px;
 	background: #0059b0;
 	border-radius: 3px;
 	position: absolute;
 	line-height: 55px;
 	text-align: center;
 	transition: opacity .35s, transform .35s;
 	transform: translate3d(0, 20px, 0) scale(1.1);
 	opacity: 0;
 	bottom: 20%
 }

 .pro {
 	padding: 50px 0;
 	background-color: #f4f4f4
 }

 .pro-img {
 	position: relative
 }

 .pro-img:after {
 	content: "";
 	display: block;
 	padding-top: 100%
 }

 .pro-img img {
 	max-height: 100%;
 	max-width: 100%
 }

 .pro .img-wrap {
 	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	display: flex;
 	justify-content: center;
 	align-items: center
 }

 .pro-item {
 	width: calc(25% - 41.25px);
 	margin-right: 55px;
 	background-color: #fff;
 	position: relative;
 	margin-bottom: 40px
 }

 .pro-item:nth-of-type(4n) {
 	margin-right: 0
 }

 .pro-item:hover {
 	margin-bottom: -18px;
 	transition: box-shadow .3s;
 	box-shadow: -1px 2px 32px 0 rgba(174, 175, 177, .55);
 	z-index: 2
 }

 .pro-item:hover .pro-name {
 	color: #0059b0
 }

 .pro-item:hover .pro-btn {
 	height: 58px;
 	transition: height .3s;
 	color: #fff
 }

 .pro-info {
 	padding: 24px;
 	background-color: #fff;
 	border-top: 1px solid #e5e5e5
 }

 .pro-info article {
 	color: #666;
 	font-size: 14px;
 	display: -webkit-box;
 	display: -moz-box;
 	max-height: 40px;
 	line-height: 20px;
 	text-overflow: ellipsis;
 	word-break: break-all;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 2;
 	overflow: hidden
 }

 .pro-name {
 	font-size: 16px;
 	color: #333;
 	margin-bottom: 20px;
 	display: block
 }

 .pro-btn {
 	width: 100%;
 	background-color: #0059b0;
 	display: block;
 	text-align: center;
 	line-height: 58px;
 	color: transparent;
 	height: 0;
 	text-transform: uppercase;
 	font-size: 14px;
 	font-family: Lato
 }

 .pro-btn:hover {
 	color: #fff
 }

 .pro-list {
 	margin-top: 70px;
 	display: flex;
 	flex-wrap: wrap;
 	align-items: flex-start
 }

 .pro .more-btn {
 	width: 200px;
 	height: 55px;
 	line-height: 55px;
 	text-transform: uppercase;
 	font-family: Lato;
 	color: #fff;
 	display: block;
 	font-size: 14px;
 	margin: 30px auto 0;
 	background: #282828;
 	border-radius: 3px;
 	text-align: center
 }

 .about {
 	width: 100%;
 	display: flex;
 	flex-wrap: wrap;
 	overflow: hidden
 }

 .about>div {
 	width: 50%
 }

 .about-tip {
 	font-size: 16px;
 	margin-bottom: 20px
 }

 .about .about-con .about-title {
 	font-size: 38px;
 	max-width: 500px;
 	text-transform: uppercase;
 	line-height: 1.3
 }

 .about article {
 	max-width: 630px;
 	font-size: 14px;
 	color: #fff;
 	margin: 30px 0;
 	line-height: 1.8
 }

 .about-con {
 	background: url(../image/dot-map.jpg) no-repeat;
 	background-size: cover;
 	display: flex;
 	justify-content: center;
 	color: #fff;
 	flex-direction: column;
 	padding-left: 160px;
 	box-sizing: border-box
 }

 .about-img {
 	position: relative
 }

 .about-icon {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	width: 73px;
 	height: 73px;
 	background: #0059b0;
 	border-radius: 50%
 }

 .about-icon i {
 	position: relative;
 	left: 3px;
 	color: #fff;
 	font-size: 45px
 }

 .about-icon:after {
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	position: absolute;
 	content: "";
 	border-radius: 50%;
 	display: block;
 	width: 95px;
 	height: 95px;
 	border: 2px solid #0059b0
 }

 .about-img img {
 	display: block
 }

 .about .about-sel {
 	display: inline-block;
 	margin-right: 24px
 }

 .about .about-sel img {
 	position: relative;
 	top: 3px
 }

 .about ul li {
 	font-size: 14px;
 	margin-bottom: 20px
 }

 .about .more-btn {
 	width: 160px;
 	height: 55px;
 	line-height: 55px;
 	font-size: 14px;
 	display: inline-block;
 	font-family: Lato;
 	text-align: center;
 	background: #0059b0;
 	margin-top: 20px;
 	color: #fff;
 	border-radius: 3px
 }

 .about-list {
 	padding: 74px 0;
 	background: #f4f4f4;
 	box-sizing: border-box
 }

 .about-list .common-wrapper_s {
 	display: flex
 }

 .about-ri {
 	padding-left: 24px
 }

 .about-item {
 	width: 25%;
 	display: flex;
 	justify-content: center;
 	align-items: center
 }

 .about-num {
 	color: #09162a;
 	font-family: Arial;
 	font-size: 48px
 }

 .about-text {
 	margin-top: 10px;
 	text-transform: uppercase;
 	font-size: 14px
 }

 .about .about-list {
 	width: 100%;
 	position: relative;
 }

 .news {
 	padding: 50px 0
 }

 .news-title {
 	font-size: 20px;
 	color: #000;
 	margin-bottom: 20px;
 	display: block;
 	display: -webkit-box;
 	display: -moz-box;
 	max-height: 48px;
 	line-height: 24px
 }

 .news-title,
 .news article {
 	text-overflow: ellipsis;
 	word-break: break-all;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 2;
 	overflow: hidden
 }

 .news article {
 	color: #868686;
 	font-size: 14px;
 	display: -webkit-box;
 	display: -moz-box;
 	max-height: 52px;
 	line-height: 26px;
 	margin-bottom: 40px
 }

 .news-info {
 	padding: 42px 24px;
 	border-top: none
 }

 .news-more {
 	text-transform: uppercase;
 	color: #0d0d0d;
 	font-family: Lato;
 	font-size: 14px;
 	padding: 20px;
 	transition: background-color .3s;
 	border-radius: 3px
 }

 .news-more i {
 	font-size: 12px;
 	margin-left: 12px;
 	position: relative;
 	top: -2px
 }

 .news-item:hover .news-more {
 	background-color: #141414;
 	color: #fff
 }

 .news-item:hover .news-more i {
 	color: #fff
 }

 .news-date {
 	padding: 10px 22px;
 	background: #0059b0;
 	color: #fff;
 	font-size: 12px;
 	display: inline-block;
 	position: absolute;
 	top: 0;
 	left: 0
 }

 .news-img {
 	position: relative
 }

 .news-img img {
 	display: block;
 	width: 100%
 }

 .news-item {
 	display: flex;
 	outline: 1px solid #dfdfdf;
 	box-sizing: border-box
 }

 .news-item:first-of-type {
 	width: 30%;
 	flex-direction: column;
 	height: 100%
 }

 .news-item:first-of-type .news-info {
 	height: 100%
 }

 .news-item:nth-of-type(2),
 .news-item:nth-of-type(3) {
 	width: 66%;
 	height: 46%
 }

 .news-item:nth-of-type(2) .news-img,
 .news-item:nth-of-type(3) .news-img {
 	flex: 1
 }

 .news-item:nth-of-type(2) .news-img img,
 .news-item:nth-of-type(3) .news-img img {
 	height: 100%;
 	max-width: none;
 	object-fit: cover
 }

 .news-item:nth-of-type(2) .news-info,
 .news-item:nth-of-type(3) .news-info {
 	flex: 1.5
 }

 .news-list {
 	margin: 50px 0 20px;
 	display: flex;
 	height: 550px;
 	flex-wrap: wrap;
 	flex-direction: column;
 	justify-content: space-between
 }

 .news-l {
 	flex: .93;
 	margin-right: 46px
 }

 .news-r {
 	flex: 2;
 	flex-direction: column;
 	justify-content: space-between
 }

 .news-r,
 .news-r .news-item {
 	display: flex
 }

 .news-r .news-info {
 	padding: 54px 40px;
 	border-top: 1px solid #dfdfdf
 }

 .news-r .news-img {
 	width: auto;
 	height: 100%
 }

 .news-r .news-img img {
 	height: 100%;
 	max-width: none
 }

 .part {
 	padding: 25px 0;
 	border-top: 2px solid #f2f2f2
 }

 .part-item,
 .part-list {
 	display: flex
 }

 .part-item {
 	padding: 25px 0;
 	width: 16.66667%;
 	justify-content: center;
 	align-items: center;
 	transition: box-shadow .3s, transform .3s
 }

 .part-item:hover {
 	box-shadow: 0 1px 10px rgba(34, 25, 25, .15);
 	border-radius: 5px;
 	transform: translateY(-2px)
 }

 .part-item:hover img {
 	transform: scale(1.05)
 }

 .part-item img {
 	max-width: 100%;
 	max-height: 100%;
 	transition: transform .25s
 }

 #swiper-banner .swiper-button-next,
 #swiper-banner .swiper-button-prev {
 	transition: background .3s ease
 }

 #swiper-banner .swiper-button-next:hover,
 #swiper-banner .swiper-button-prev:hover {
 	background: #0059b0
 }

 #swiper-banner .swiper-slide img {
 	width: 100%
 }

 .prolist-0,
 .prolist-0 .pro-item {
 	display: flex;
 	flex-direction: column
 }

 .prolist-0 .pro-item {
 	width: 100%;
 	height: 280px;
 	margin-right: 0;
 	flex-wrap: wrap;
 	justify-content: center;
 	align-content: flex-start
 }

 .prolist-0 .pro-item:hover {
 	margin-bottom: 40px
 }

 .prolist-0 .pro-item .pro-btn,
 .prolist-0 .pro-item .pro-btn .arr {
 	line-height: 38px;
 	height: 38px;
 	color: #fff;
 	cursor: pointer
 }

 .prolist-0 .pro-item .pro-btn {
 	width: 150px;
 	order: 1
 }

 .prolist-0 .pro-img {
 	width: 280px;
 	height: 280px;
 	margin-right: 50px
 }

 .prolist-0 .pro-img a {
 	display: flex;
 	width: 100%;
 	height: 100%
 }

 .prolist-0 .pro-img img {
 	display: block;
 	margin: auto
 }

 .prolist-0 .pro-img:after {
 	display: none
 }

 .prolist-0 .pro-info {
 	border-top: none;
 	padding-left: 0
 }

 .prolist-0 .pro-info article {
 	max-width: 400px
 }

 .prolist-1 {
 	display: flex;
 	flex-wrap: wrap
 }

 .prolist-1 .img-wrap {
 	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	display: flex;
 	justify-content: center;
 	align-items: center
 }

 .prolist-1 .pro-item {
 	width: calc(33% - 36px)
 }

 .prolist-1 .pro-item:nth-of-type(4n) {
 	margin-right: 54px
 }

 .prolist-1 .pro-item:nth-of-type(3n) {
 	margin-right: 0
 }

 .prolist-1 .pro-info {
 	border-top: 1px solid #e5e5e5
 }

 .prolist-1 .pro-item:hover .pro-btn .arr {
 	transition: height .3s;
 	height: 58px
 }

 .prolist-1 .pro-btn {
 	position: relative;
 	cursor: pointer;
 	margin-top: auto
 }

 .prolist-1 .pro-btn .arr {
 	position: absolute;
 	top: 0;
 	right: 0;
 	height: 0;
 	width: 58px;
 	background: #000;
 	color: #fff
 }

 .pro-item.checked {
 	outline: 2px solid #0059b0
 }

 .prolist-bottom {
 	margin-top: 30px
 }

 .pro-main {
 	padding: 40px 0 60px;
 	background: #f4f4f4
 }

 .pro-main .common-wrapper_s {
 	display: flex
 }

 .prolist-top {
 	display: flex;
 	justify-content: space-between
 }

 .prolist-top h1 {
 	line-height: 50px;
 	height: 50px;
 	font-size: 24px;
 	padding-left: 20px;
 	border-left: 4px solid #0059b0;
 	max-width: 50%;
 	border-bottom: 1px solid #ccc;
 	overflow: hidden;
 	margin-bottom: 50px
 }

 .bottom-wrap {
 	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
 	border-radius: 5px;
 	padding: 10px;
 	line-height: 1.7em;
 	color: #2b2b2b
 }

 .content-list1 {
 	display: flex;
 	flex-wrap: wrap
 }

 .content-item {
 	width: calc(25% - 27.75px);
 	margin: 0 37px 50px 0
 }

 @keyframes hvr-wobble-horizontal {
 	16.65% {
 		transform: translateX(8px)
 	}

 	33.3% {
 		transform: translateX(-6px)
 	}

 	49.95% {
 		transform: translateX(4px)
 	}

 	66.6% {
 		transform: translateX(-2px)
 	}

 	83.25% {
 		transform: translateX(1px)
 	}

 	to {
 		transform: translateX(0)
 	}
 }

 .content-item:nth-of-type(4n) {
 	margin-right: 0
 }

 .content-item:hover .content-more {
 	background: #0059b0;
 	color: #fff;
 	transform: translateX(0)
 }

 .content-title {
 	font-size: 18px;
 	color: #000
 }

 .content-info {
 	padding-top: 30px
 }

 .content-info article {
 	color: #868686;
 	font-size: 14px;
 	margin-top: 15px;
 	display: -webkit-box;
 	display: -moz-box;
 	max-height: 36px;
 	line-height: 18px;
 	text-overflow: ellipsis;
 	word-break: break-all;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 2;
 	overflow: hidden
 }

 .content-more {
 	display: inline-block;
 	margin-top: 25px;
 	width: 160px;
 	height: 55px;
 	line-height: 55px;
 	text-align: center;
 	transform: translateX(-20px);
 	transition: transform .3s;
 	font-family: Lato;
 	border-radius: 3px
 }

 .content-more i {
 	margin-left: 12px
 }

 .content-img {
 	position: relative
 }

 .content-img img {
 	width: 100%
 }

 .content-date {
 	position: absolute;
 	width: 116px;
 	height: 31px;
 	line-height: 31px;
 	text-align: center;
 	color: #fff;
 	right: 15px;
 	top: 0;
 	transform: translateY(-50%);
 	font-size: 12px;
 	background: #0059b0
 }

 .content-bottom .common-pages {
 	justify-content: center
 }

 .content-main {
 	padding: 80px 0 30px
 }

 .content-main .common-c-title {
 	margin: 10px 0 30px;
 	color: #242424;
 	font-size: 36px;
 	position: relative
 }

 .content-main .common-c-title:after {
 	position: absolute;
 	top: 125%;
 	content: "";
 	display: block;
 	width: 100px;
 	height: 2px;
 	background: #0059b0
 }

 .content-main .content-top {
 	margin: 20px 0
 }

 .content-main .content-c-date {
 	position: relative;
 	margin-right: 15px
 }

 .content-main .content-c-date,
 .content-main .content-c-view {
 	color: #0059b0;
 	font-size: 14px
 }

 .content-main .content-c-view i {
 	margin-right: 5px;
 	color: #000
 }

 .content-main .common-content article p {
 	color: #666;
 	font-size: 14px;
 	line-height: 2
 }

 .content-main .content-c-tit {
 	font-size: 26px;
 	margin: 30px 0
 }

 .link-wrap {
 	margin-top: 30px;
 	width: 100%;
 	display: flex;
 	height: 110px;
 	justify-content: space-between
 }

 .link-wrap .link-l,
 .link-wrap .link-r {
 	width: 47%;
 	height: 100%;
 	background: #f4f4f4;
 	display: flex;
 	align-items: center;
 	box-sizing: border-box;
 	line-height: 1.3;
 	position: relative;
 	overflow: hidden
 }

 .link-wrap .link-l:after,
 .link-wrap .link-r:after {
 	content: "";
 	position: absolute;
 	display: block;
 	border-bottom: 50px solid #0059b0;
 	border-left: 10px solid transparent;
 	border-right: 10px solid transparent;
 	height: 0;
 	width: 120px
 }

 .link-wrap .link-sign {
 	position: absolute;
 	font-size: 14px;
 	color: #fff
 }

 .link-wrap .link-sign a {
 	color: #fff
 }

 .link-wrap .link-l {
 	padding: 0 78px 0 130px
 }

 .link-wrap .link-l .link-sign {
 	left: 12px;
 	z-index: 1
 }

 .link-wrap .link-l:after {
 	left: -30px
 }

 .link-wrap .link-r {
 	padding: 0 130px 0 78px
 }

 .link-wrap .link-r .link-sign {
 	right: 12px;
 	z-index: 1
 }

 .link-wrap .link-r:after {
 	right: -30px
 }

 .contant-c-main .common-wrapper_s {
 	display: flex
 }

 .content-list0 {
 	display: flex;
 	flex-direction: column
 }

 .content-list0 .content-item {
 	width: 100%;
 	margin-bottom: 50px;
 	height: 230px;
 	display: flex
 }

 .content-list0 .content-img {
 	height: 100%
 }

 .content-list0 .content-img img {
 	width: auto;
 	height: 100%;
 	max-width: none
 }

 .content-list0 .content-info {
 	width: 100%;
 	padding: 30px 30px 30px 50px;
 	border: 1px solid #f1f1f1
 }

 .content-list0 .content-info article {
 	max-width: 800px
 }

 .content-list1 .content-title {
 	display: block;
 	height: 45px;
 	display: -webkit-box;
 	display: -moz-box;
 	max-height: 40px;
 	line-height: 20px;
 	text-overflow: ellipsis;
 	word-break: break-all;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 2;
 	overflow: hidden
 }

 .content-list1 .content-info {
 	display: flex;
 	flex-direction: column;
 	height: 170px
 }

 .content-list1 .content-more {
 	margin-top: auto
 }

 .pro-c-main {
 	padding: 80px 0;
 	background: #f4f4f4
 }

 .pro-c-top {
 	display: flex
 }

 .pro-c-info {
 	padding: 24px 200px 0 55px;
 	box-sizing: border-box;
 	flex: 1;
 	margin-left: 50px
 }

 .pro-c-name {
 	color: #141414;
 	font-size: 24px;
 	display: -webkit-box;
 	display: -moz-box;
 	max-height: 112px;
 	line-height: 28px;
 	text-overflow: ellipsis;
 	word-break: break-all;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 4;
 	overflow: hidden
 }

 .pro-c-con {
 	color: #2b2b2b;
 	padding: 30px 0;
 	line-height: 1.8;
 	border-top: 1px solid #dcdcdc;
 	border-bottom: 1px solid #dcdcdc;
 	margin: 14px 0
 }

 .pro-c-main article {
 	padding: 0 100px
 }

 .pro-c-main article p {
 	font-size: 16px;
 	color: #838383;
 	line-height: 1.5
 }

 .pro-c-main .pro-rel-item {
 	flex-direction: column;
 	width: auto
 }

 .pro-c-main .pro-rel-item .img-wrap {
 	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	display: flex;
 	justify-content: center;
 	align-items: center
 }

 .pro-c-main .pro-rel-item .pro-info {
 	border-top: 1px solid #e5e5e5
 }

 .pro-c-art {
 	background: #fff;
 	margin-top: 54px;
 	padding-bottom: 50px
 }

 .pro-c-art .link-wrap {
 	padding: 0 100px;
 	box-sizing: border-box
 }

 .pro-c-art .link-wrap .link-l:after,
 .pro-c-art .link-wrap .link-r:after {
 	width: 135px
 }

 .pro-c-art .content-c-tit {
 	font-size: 26px;
 	margin: 30px 0
 }

 .pro-c-art .inquiry {
 	padding: 0 100px;
 	box-sizing: border-box
 }

 .pro-c-art article table {
 	margin-top: 10px;
 	border-collapse: collapse
 }

 .pro-c-art article table td {
 	border: 2px solid #ccc
 }

 .pro-art-tit {
 	width: 100%;
 	height: 66px;
 	line-height: 66px;
 	text-align: center;
 	color: #272727;
 	font-size: 20px;
 	margin-bottom: 30px;
 	border-bottom: 1px solid #dcdcdc
 }

 .btn-list {
 	display: flex;
 	flex-wrap: wrap;
 	max-width: 360px;
 	justify-content: space-between
 }

 .btn-list .btn {
 	cursor: pointer
 }

 .btn-list>* {
 	margin-bottom: 20px
 }

 .btn-list .btn,
 .btn-list .LayImAhrefNode,
 .pdown1,
 .pdown2,
 .pdown3 {
 	width: 166px;
 	height: 55px;
 	line-height: 55px;
 	text-align: center;
 	background: #292929;
 	color: #fff;
 	border-radius: 3px
 }

 .pdown1 a,
 .pdown2 a,
 .pdown3 a {
 	width: 100%;
 	height: 100%;
 	display: block;
 	color: #fff
 }

 .hov-c {
 	transition: background .3s
 }

 .hov-c:hover {
 	background: #0059b0
 }

 .pro-rel-top {
 	margin: 48px 0;
 	display: flex
 }

 .pro-rel-top .pro-rel-btn {
 	min-width: 50px;
 	display: flex;
 	justify-content: space-between;
 	align-items: center
 }

 .pro-rel-top .pro-rel-btn .rel-btn-l,
 .pro-rel-top .pro-rel-btn .rel-btn-r {
 	height: 100%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	line-height: 100%;
 	cursor: pointer
 }

 .pro-rel-top .pro-rel-btn .rel-btn-l:active,
 .pro-rel-top .pro-rel-btn .rel-btn-r:active {
 	transform: scale(.7)
 }

 .pro-rel-top .pro-rel-btn i {
 	transform: scale(1.3)
 }

 .pro-rel-top .line {
 	position: relative;
 	flex: 1;
 	height: 1px;
 	background: #dcdcdc;
 	top: 15px;
 	margin: 0 20px
 }

 .pro-rel-top .pro-rel-tit {
 	font-size: 30px;
 	color: #000
 }

 #List1 {
 	display: flex;
 	justify-content: space-between;
 }

 #List2 {
 	display: none;
 }

 #List1 .pic,
 #List2 .pic {
 	width: 18%;
 }

 #List1 .pic img,
 #List2 .pic img {
 	width: 100%;
 }

 #List1 .pic p {
 	text-align: center;
 }

 .pro-rel-item .pro-info article {
 	padding: 0
 }

 .pro-rel-img {
 	width: 100%;
 	background: #fff;
 	position: relative
 }

 .pro-rel-img:after {
 	content: "";
 	display: block;
 	padding-bottom: 100%
 }

 .pro-rel-img a {
 	position: absolute;
 	display: block;
 	width: 100%;
 	height: 100%;
 	display: flex;
 	justify-content: center;
 	align-items: center
 }

 .contact-main,
 .feedback-main {
 	background: #f2f6f7;
 	padding-bottom: 50px
 }

 .contact-box {
 	margin: 0 auto;
 	width: 100%;
 	height: 600px;
 	background-color: #FAFAFA;
 	z-index: 1;
 	display: flex
 }

 .contact-box .box-l {
 	width: 100%;
 	padding: 40px 50px 56px 100px
 }

 .contact-box .box-r {
 	width: 190px;
 	height: 100%;
 	background-color: #0059b0;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	cursor: pointer
 }

 .contact-box .box-t {
 	display: block;
 	-ms-writing-mode: tb-lr;
 	writing-mode: vertical-lr;
 	text-transform: uppercase;
 	font-size: 26px;
 	color: #fff;
 	 
 }

 .contact-box .box-icon {
 	width: 64px;
 	height: 64px;
 	background-color: #fff;
 	position: relative;
 	border-radius: 50%;
 	margin-top: 33px
 }

 .contact-box .box-icon em,
 .contact-box .box-icon i {
 	color: #0059b0;
 	position: absolute;
 	top: 45%;
 	left: 50%;
 	font-size: 30px;
 	transform: translate(-50%, -50%)
 }

 .contact-box .title-s {
 	color: #0059b0;
 	line-height: 1
 }

 .contact-box .title-m {
 	font-size: 40px;
 	color: #0a0a0a;
 	line-height: 1;
 	text-transform: uppercase
 }

 .contact-box .feedback-tips p {
 	color: #828282;
 	font-size: 12px;
 	line-height: 1.5
 }

 .contact-wrap {
 	position: relative;
 	margin: 210px 0 50px
 }

 .contact-list {
 	margin: 0 auto;
 	width: 100%;
 	height: 170px;
 	z-index: 1;
 	background-color: #f2f6f7;
 	display: flex
 }

 .contact-item {
 	width: 25%;
 	height: 100%
 }

 .contact-icon,
 .contact-item {
 	display: flex;
 	justify-content: center;
 	align-items: center
 }

 .contact-icon {
 	width: 55px;
 	height: 55px;
 	background-color: #0059b0; 
 }

 .contact-infoes {
 	min-height: 55px;
 	padding-left: 20px;
 	box-sizing: border-box;
 	display: flex;
 	flex-direction: column;
 	justify-content: space-around
 }

 .contact-t {
 	text-transform: uppercase;
 	color: #141414
 }

 .contact-c {
 	color: #666;
 	font-size: 14px
 }

 #bmap {
 	width: 100%;
 	max-width: 1920px;
 	height: 440px;
 	position: absolute;
 	left: 0;
 	top: 0
 }

 .common-main .infoBoxContent a {
 	color: #00f
 }

 .common-main .infoBoxContent p {
 	line-height: 1.85
 }

 .common-main {
 	position: relative
 }

 .about-main {
 	background-color: #f2f6f7
 }

 .feedback-main .contact-box {
 	margin-top: 50px;
 	height: auto
 }

 .feedback-main .contact-box p {
 	margin-bottom: 20px
 }

 .document-main {
 	padding: 40px 0 60px
 }

 .document-main .common-wrapper_s {
 	display: flex
 }

 .document-main .video-list {
 	width: 100%;
 	display: flex;
 	flex-wrap: wrap
 }

 .document-main .video-list .video-img {
 	border-radius: 5px
 }

 .document-main .video-list .video-img a {
 	display: block;
 	width: 100%;
 	height: 100%;
 	border-radius: 5px;
 	overflow: hidden
 }

 .document-main .video-list .video-img img {
 	width: 100%;
 	display: block
 }

 .document-main .video-list .video-name {
 	color: #333;
 	margin-bottom: 12px
 }

 .document-main .video-list .video-info {
 	padding-top: 24px
 }

 .document-main .video-list .video-in {
 	font-size: 12px;
 	color: #666
 }

 .document-main .video-list>li {
 	width: calc(33% - 36px);
 	margin-right: 55px;
 	margin-bottom: 30px
 }

 .document-main .video-list>li:nth-of-type(3n) {
 	margin-right: 0
 }

 .document-main .video-content video {
 	width: 70%;
 	height: auto
 }

 .document-main .video-content p {
 	font-size: 20px;
 	color: #333;
 	margin: 10px 0
 }

 .document-main .download-list {
 	position: relative;
 	top: -40px
 }

 .document-main .download-item {
 	padding: 100px 0
 }

 .document-main .download-item:nth-child(odd) {
 	background: #fff
 }

 .document-main .download-item:nth-child(2n) {
 	background: #f4f4f4
 }

 .document-main .download-title {
 	font-size: 22px;
 	margin-bottom: 30px;
 	color: #111
 }

 .document-main .download-title i {
 	color: #0059b0;
 	margin-left: 20px
 }

 .document-main .download-info {
 	color: #8e8e8e;
 	line-height: 1.8
 }

 .document-main .project-list {
 	width: 100%;
 	display: flex;
 	flex-wrap: wrap
 }

 .document-main .project-item {
 	width: calc(25% - 30px);
 	margin-right: 40px
 }

 .document-main .project-item:nth-of-type(4n) {
 	margin-right: 0
 }

 .document-main .project-item:hover .info-r {
 	background: #0059b0
 }

 .document-main .project-info {
 	padding: 30px 20px;
 	width: 90%;
 	display: flex;
 	justify-content: space-between;
 	margin: 0 auto;
 	border: 1px solid #e2e2e2;
 	box-sizing: border-box;
 	position: relative;
 	top: -34px;
 	background: #fff
 }

 .document-main .project-info .info-r {
 	width: 40px;
 	height: 40px;
 	position: relative;
 	background: #24292f;
 	transition: background .3s
 }

 .document-main .project-info .info-r i {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	color: #fff
 }

 .document-main .project-info .info-l p:nth-child(2) {
 	color: #0059b0;
 	margin-top: 10px;
 	font-size: 14px;
 	text-transform: uppercase
 }

 .document-main .project-img {
 	position: relative
 }

 .document-main .project-img:after {
 	content: "";
 	display: block;
 	padding-bottom: 100%
 }

 .document-main .img-wrap {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	display: flex;
 	justify-content: center;
 	align-items: center
 }

 .document-main .faq-list {
 	display: flex;
 	flex-wrap: wrap
 }

 .document-main .faq-list .faq-item {
 	width: calc(50% - 25px);
 	margin-bottom: 40px;
 	margin-right: 50px
 }

 .document-main .faq-list .faq-item:nth-of-type(2n) {
 	margin-right: 0
 }

 .document-main .faq-list .faq-title {
 	padding: 23px 20px 23px 44px;
 	border: 1px solid #e9e9e9;
 	cursor: pointer;
 	line-height: 1.3;
 	position: relative
 }

 .document-main .faq-list .faq-title:after {
 	border: 6px solid transparent;
 	border-left: 7px solid #47494b;
 	width: 0;
 	height: 0;
 	position: absolute;
 	top: 30px;
 	right: 10px;
 	content: "";
 	transform-origin: center center;
 	transform: rotate(90deg)
 }

 .document-main .faq-list .faq-title:hover {
 	background: #0059b0;
 	color: #fff
 }

 .document-main .faq-list .faq-title:hover:after {
 	border-left: 7px solid #fff
 }

 .document-main .faq-list .faq-title.active {
 	background: #0059b0;
 	color: #fff
 }

 .document-main .faq-list .faq-title.active:after {
 	transform: rotate(-90deg);
 	top: 23px;
 	border-left: 7px solid #fff
 }

 .document-main .faq-list .faq-con {
 	padding: 34px 40px;
 	font-size: 14px;
 	color: #898989;
 	line-height: 1.5;
 	background: #f4f4f4;
 	display: none
 }

 @keyframes hvr-icon-wobble-horizontal {
 	16.65% {
 		transform: translateX(6px)
 	}

 	33.3% {
 		transform: translateX(-5px)
 	}

 	49.95% {
 		transform: translateX(4px)
 	}

 	66.6% {
 		transform: translateX(-2px)
 	}

 	83.25% {
 		transform: translateX(1px)
 	}

 	to {
 		transform: translateX(0)
 	}
 }

 .hvr-icon-wobble-horizontal {
 	display: inline-block;
 	vertical-align: middle;
 	transform: perspective(1px) translateZ(0);
 	box-shadow: 0 0 1px transparent;
 	transition-duration: .3s
 }

 .hvr-icon-wobble-horizontal .hvr-icon {
 	transform: translateZ(0)
 }

 .hvr-icon-wobble-horizontal:active .hvr-icon,
 .hvr-icon-wobble-horizontal:focus .hvr-icon,
 .hvr-icon-wobble-horizontal:hover .hvr-icon {
 	animation-name: hvr-icon-wobble-horizontal;
 	animation-duration: 1s;
 	animation-timing-function: ease-in-out;
 	animation-iteration-count: 1
 }

 @keyframes hvr-pop {
 	50% {
 		transform: scale(1.05)
 	}
 }

 .hvr-pop {
 	display: inline-block;
 	vertical-align: middle;
 	transform: perspective(1px) translateZ(0);
 	box-shadow: 0 0 1px transparent
 }

 .hvr-pop:active,
 .hvr-pop:focus,
 .hvr-pop:hover {
 	animation-name: hvr-pop;
 	animation-duration: .3s;
 	animation-timing-function: linear;
 	animation-iteration-count: 1
 }

 .hvr-bounce-to-right,
 .hvr-bounce-to-right-y {
 	display: inline-block;
 	vertical-align: middle;
 	transform: perspective(1px) translateZ(0);
 	box-shadow: 0 0 1px transparent;
 	position: relative;
 	transition-property: color;
 	transition-duration: .5s
 }

 .hvr-bounce-to-right-y:before,
 .hvr-bounce-to-right:before {
 	content: "";
 	position: absolute;
 	z-index: -1;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	background: #0059b0;
 	transform: scaleX(0);
 	transform-origin: 0 50%;
 	transition-property: transform;
 	transition-duration: .5s;
 	transition-timing-function: ease-out;
 	border-radius: 3px
 }

 .hvr-bounce-to-right-y:hover,
 .hvr-bounce-to-right:active,
 .hvr-bounce-to-right:focus,
 .hvr-bounce-to-right:hover {
 	color: #fff
 }

 .hvr-bounce-to-right-y:hover:before,
 .hvr-bounce-to-right:active:before,
 .hvr-bounce-to-right:focus:before,
 .hvr-bounce-to-right:hover:before {
 	transform: scaleX(1);
 	transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
 }

 @keyframes hvr-bob {
 	0% {
 		transform: translateY(-8px)
 	}

 	50% {
 		transform: translateY(-4px)
 	}

 	to {
 		transform: translateY(-8px)
 	}
 }

 @keyframes hvr-bob-float {
 	to {
 		transform: translateY(-8px)
 	}
 }

 .hvr-bob {
 	display: inline-block;
 	vertical-align: middle;
 	transform: perspective(1px) translateZ(0);
 	box-shadow: 0 0 1px transparent
 }

 .hvr-bob:active,
 .hvr-bob:focus,
 .hvr-bob:hover {
 	animation-name: hvr-bob-float, hvr-bob;
 	animation-duration: .3s, 1.5s;
 	animation-delay: 0s, .3s;
 	animation-timing-function: ease-out, ease-in-out;
 	animation-iteration-count: 1, infinite;
 	animation-fill-mode: forwards;
 	animation-direction: normal, alternate
 }

 @keyframes hvr-wobble-vertical {
 	16.65% {
 		transform: translateY(8px)
 	}

 	33.3% {
 		transform: translateY(-6px)
 	}

 	49.95% {
 		transform: translateY(4px)
 	}

 	66.6% {
 		transform: translateY(-2px)
 	}

 	83.25% {
 		transform: translateY(1px)
 	}

 	to {
 		transform: translateY(0)
 	}
 }

 .hvr-wobble-vertical {
 	display: inline-block;
 	vertical-align: middle;
 	transform: perspective(1px) translateZ(0);
 	box-shadow: 0 0 1px transparent
 }

 .hvr-wobble-vertical:active,
 .hvr-wobble-vertical:focus,
 .hvr-wobble-vertical:hover {
 	animation-name: hvr-wobble-vertical;
 	animation-duration: 1s;
 	animation-timing-function: ease-in-out;
 	animation-iteration-count: 1
 }

 .head {
 	top: 0;
 	left: 0;
 	right: 0;
 	width: 100%;
 	height: 100px;
 	box-sizing: border-box;
 	z-index: 1002;
 	position: relative;
 	background-color: #fff;
 	transition-property: height;
 	transition-duration: .2s;
 	transition-timing-function: ease;
 	max-width: 1920px;
 	margin: 0 auto
 }

 .head-wrapper {
 	width: 1600px;
 	margin: 0 auto;
 	display: flex;
 	justify-content: center;
 	align-items: center
 }

 .head-logo {
 	min-width: 160px;
 	height: 100%;
 	margin-right: 100px
 }

 .head-nav {
 	height: 100%;
 	width: 100%
 }

 .head-nav>ul {
 	height: 100%;
 	display: flex;
 	justify-content: flex-end
 }

 .head-nav>ul>li {
 	position: relative;
 	height: 100%
 }

 .head-nav>ul>li>a {
 	transition: color .3s ease;
 	transition: background-color .3s ease;
 	padding: 0 18px;
 	height: 100%;
 	display: flex;
 	font-weight: 700;
 	align-items: center;
 	justify-content: center;
 	text-transform: uppercase;
 	white-space: nowrap
 }

 .head-nav>ul>li .inmenu_1,
 .head-nav>ul>li:hover>a {
 	color: #0059b0
 }

 .head-nav>ul .submenu {
 	background-color: #fff;
 	position: absolute;
 	transform-origin: top;
 	top: 100%;
 	transition: all .4s ease;
 	transform: rotateX(90deg);
 	opacity: 0;
 	z-index: 2;
 	display: none
 }

 .head-nav>ul .submenu a {
 	display: block;
 	padding: 0 20px;
 	line-height: 40px;
 	white-space: nowrap;
 	transition: all .4s ease
 }

 .head-nav>ul .submenu a:hover {
 	background-color: #0059b0;
 	color: #fff
 }

 .head-nav>ul .more {
 	display: none
 }

 .head-top {
 	width: 100%;
 	height: 44px;
 	background: #2e2e2e;
 	color: #fff;
 	font-size: 14px
 }

 .head-top .common-wrapper_s {
 	height: 100%;
 	display: flex;
 	justify-content: space-between
 }

 .head-top .top-left {
 	height: 100%;
 	line-height: 40px
 }

 .head-top .top-left a {
 	color: #fff
 }

 .head-top .top-right {
 	line-height: 40px
 }

 .head-top .top-right,
 .head-top .top-right .search-wrap {
 	height: 100%;
 	display: flex;
 	align-items: center
 }

 .head-top .top-right .search-wrap:hover input {
 	padding-left: 14px;
 	width: 200px
 }

 .head-top .top-right input {
 	padding: 0;
 	width: 0;
 	border: none;
 	height: 75%;
 	outline: none;
 	border-radius: 3px;
 	transition: width .3s
 }

 .head-top .top-right.active input {
 	padding-left: 14px;
 	width: 200px
 }

 .head-top .icon-email {
 	opacity: .5;
 	position: relative;
 	top: 1px
 }

 .head-top .search-btn {
 	padding: 0 20px;
 	border-left: 1px solid #505050;
 	border-right: 1px solid #505050;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	cursor: pointer;
 	margin-left: 10px
 }

 .head-contact {
 	display: flex;
 	min-width: 160px;
 	margin-left: 50px
 }

 .head-contact .phone {
 	margin-top: 10px;
 	white-space: nowrap
 }

 .head-contact p:first-of-type {
 	font-size: 12px
 }

 .head-contact p:nth-of-type(2) {
 	font-size: 18px
 }

 .head-contact img {
 	width: 30px;
 	height: 30px;
 	position: relative;
 	top: 5px;
 	left: -20px
 }

 .head.active {
 	position: fixed;
 	top: 0;
 	height: 70px;
 	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
 }

 .nav-btn {
 	display: none;
 	position: relative;
 	margin: auto 0;
 	height: 4.2666666667vw;
 	width: 6vw
 }

 .nav-btn span {
 	border-radius: 2px;
 	position: absolute;
 	display: block;
 	width: 6vw;
 	height: .6666666667vw;
 	background-color: #000;
 	transition: top .2s .2s, transform .2s, background .2s, opacity 0s .2s
 }

 .nav-btn span:first-child {
 	top: .1vw
 }

 .nav-btn span:nth-child(2) {
 	top: 2.1333333333vw
 }

 .nav-btn span:nth-child(3) {
 	top: 4.2666666667vw
 }

 .toggle-animate span:first-of-type {
 	top: 1.6vw;
 	transform: rotate(45deg);
 	transition: top .2s, transform .2s .2s, background .2s
 }

 .toggle-animate span:nth-of-type(2) {
 	opacity: 0;
 	transition: opacity .2s
 }

 .toggle-animate span:nth-of-type(3) {
 	top: 1.6vw;
 	transform: rotate(-45deg);
 	transition: bottom .2s, transform .2s .2s, background .2s
 }

 .foot {
 	width: 100%
 }

 .foot .common-wrapper_s {
 	display: flex;
 	align-items: center
 }

 .foot .text {
 	width: 300px;
 	line-height: 60px
 }

 .mobile-bottom {
 	display: none
 }

 .foot-list {
 	padding-bottom: 70px;
 	background-color: #20232c
 }

 .foot-l {
 	width: 100%;
 	height: 100%;
 	display: flex
 }

 .foot-l .foot-u {
 	margin-top: 30px
 }

 .foot-l .foot-u .foot-cate a:before {
 	position: relative;
 	top: -2px;
 	content: "-";
 	margin-right: 10px
 }

 .foot-l .foot-u .foot-cate a:hover {
 	color: #fff;
 	opacity: 1;
 	padding-left: 10px
 }

 .foot-l .foot-u li {
 	margin: 20px 0
 }

 .foot-l .foot-u li a {
 	transition: all .3s ease;
 	color: #eee;
 	opacity: .6;
 	font-size: 14px;
 	line-height: 1.3
 }

 .foot-l .lfr {
 	display: flex
 }

 @keyframes hvr-pulse-grow {
 	to {
 		transform: scale(1.1)
 	}
 }

 .foot-l .lfr li {
 	margin-right: 10px;
 	display: inline-block;
 	vertical-align: middle;
 	transform: perspective(1px) translateZ(0);
 	box-shadow: 0 0 1px transparent
 }

 .foot-l .lfr li:last-child i {
 	font-size: 28px
 }

 .foot-l .lfr li:first-child i {
 	font-size: 22px
 }

 .foot-l .lfr li:active,
 .foot-l .lfr li:focus,
 .foot-l .lfr li:hover {
 	animation-name: hvr-pulse-grow;
 	animation-duration: .28s;
 	animation-timing-function: linear;
 	animation-iteration-count: infinite;
 	animation-direction: alternate
 }

 .foot-l .lfr a {
 	width: 50px;
 	height: 50px;
 	background: #0059b0;
 	display: flex;
 	justify-content: center;
 	align-items: center
 }

 .foot-l .lfr i {
 	color: #fff;
 	font-size: 18px
 }

 .foot-item {
 	padding-top: 70px;
 	height: 100%;
 	width: 25%
 }

 .foot-title {
 	font-size: 24px;
 	color: #f3f3f3;
 	line-height: 1.5;
 	text-transform: uppercase;
 	position: relative
 }

 .foot-title:after {
 	content: "";
 	position: absolute;
 	width: 54px;
 	height: 3px;
 	background: #0059b0;
 	top: 120%;
 	display: block;
 	left: 0
 }

 .foot-cate,
 .foot-nav {
 	padding-left: 100px
 }

 .foot-cate ul,
 .foot-nav ul {
 	margin-top: 42px
 }

 .foot-cate ul li,
 .foot-nav ul li {
 	margin: 10px 0
 }

 .foot-cate ul li a,
 .foot-nav ul li a {
 	transition: all .3s ease;
 	color: #fff;
 	font-size: 14px;
 	line-height: 2
 }

 .foot-cate ul li a:before {
 	position: relative;
 	top: -2px;
 	content: "";
 	display: inline-block;
 	width: 5px;
 	height: 5px;
 	border-right: 2px solid #fff;
 	border-bottom: 2px solid #fff;
 	margin-right: 14px;
 	transform: rotate(-45deg)
 }

 .foot-cate ul li a:hover {
 	color: #fff;
 	opacity: 1;
 	padding-left: 10px
 }

 .foot-right {
 	width: 100%;
 	height: 114px;
 	background-color: #20232c;
 	color: #d1d1d1;
 	border-top: 1px solid #44464e
 }

 .foot-right .common-wrapper_s {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	height: 100%
 }

 .foot-right .common-wrapper_s a {
 	color: #d1d1d1
 }

 .foot-right ul {
 	display: flex
 }

 .foot-right ul a {
 	padding: 0 10px;
 	color: #d1d1d1;
 	position: relative;
 	transition: color .3s ease
 }

 .foot-right ul a:after {
 	content: "";
 	position: absolute;
 	display: block;
 	right: 0;
 	height: 10px;
 	width: 1px;
 	top: 6px;
 	background: #fff;
 	opacity: .1
 }

 .foot-right ul a:hover {
 	color: #fff
 }

 .foot-right ul li:last-child a:after {
 	display: none
 }

 .footlinks {
 	background: #151821;
 	height: 50px;
 	line-height: 50px;
 	text-align: center;
 	font-size: 12px
 }

 .footlinks,
 .footlinks a {
 	color: #707070
 }

 .foot-intro {
 	color: #fff;
 	line-height: 1.8;
 	margin: 30px 0;
 	font-size: 14px
 }

 .foot-intro+p {
 	margin-bottom: 20px;
 	color: #fff
 }

 .send-letter img {
 	width: 120px
 }

 .foot-letter .send-letter {
 	margin-top: 42px
 }

 .foot-letter .send-letter p {
 	width: 250px;
 	font-size: 14px;
 	color: #fff;
 	line-height: 2
 }

 .foot-letter .send-letter input {
 	margin: 20px 0;
 	color: #fff;
 	transition: border .3s ease
 }

 .foot-letter .send-letter input:focus {
 	outline: none;
 	border: 1px solid #0059b0
 }

 .foot-letter .send-letter .eput {
 	height: 52px;
 	background: #20232c;
 	border: 1px solid #505050;
 	box-sizing: border-box;
 	width: 280px;
 	padding-left: 14px
 }

 .foot-letter .send-letter .eput::-webkit-input-placeholder {
 	color: #898989;
 	font-size: 14px
 }

 .foot-letter .send-letter .eput:-moz-placeholder,
 .foot-letter .send-letter .eput::-moz-placeholder {
 	color: #898989;
 	font-size: 14px
 }

 .foot-letter .send-letter .eput:-ms-input-placeholder {
 	color: #898989;
 	font-size: 14px
 }

 .foot-letter .send-letter .ebtn {
 	width: 150px;
 	height: 52px;
 	background: #0059b0;
 	box-sizing: border-box;
 	color: #fff;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	cursor: pointer
 }

 .foot-letter .send-letter .ebtn i {
 	margin-left: 14px
 }

 .swiper-slide {
 	display: flex;
 	justify-content: center
 }

 .swiper-lazy-preloader {
 	width: 30px !important;
 	height: 30px !important;
 	border-radius: 50% !important;
 	border: 2px solid #000 !important;
 	border-top-color: transparent !important
 }

 #tabs .tabs-item {
 	display: none
 }

 #tabs .current {
 	background-color: #0059b0
 }

 .tabs-top {
 	width: 100%;
 	display: flex
 }

 .tabs-title {
 	width: 25%;
 	height: 65px;
 	background: #111;
 	color: #fff;
 	line-height: 65px;
 	text-align: center;
 	box-sizing: border-box;
 	border-right: 2px solid #fff;
 	cursor: pointer;
 	transition: background-color .3s
 }

 .tabs-title:nth-of-type(4n) {
 	border-right: none
 }

 .tab-content {
 	border: 2px solid #e9e9e9;
 	padding: 48px 60px 18px
 }

 .tab-content img {
 	max-width: 100%;
 	max-height: 100%
 }

 .preview-container {
 	position: relative;
 	width: 450px;
 	background: #fff;
 	padding-bottom: 1px
 }

 .preview-container .small-box {
 	position: relative;
 	width: 450px;
 	height: 450px;
 	border-bottom: 1px solid #eee;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	box-sizing: border-box;
 	background-color: #fff;
 	cursor: move
 }

 .preview-container .small-box img {
 	max-width: 100%;
 	max-height: 100%
 }

 .preview-container .small-box .hover {
 	position: absolute;
 	width: 180px;
 	height: 180px;
 	background-color: hsla(0, 0%, 80%, .6);
 	border: 1px solid #eee;
 	display: none
 }

 .preview-container .thumbnail-box {
 	margin: 20px 0;
 	position: relative;
 	width: 100%;
 	box-sizing: border-box;
 	background: #fff
 }

 .preview-container .thumbnail-box .list {
 	width: 390px;
 	margin: 0 auto;
 	position: relative
 }

 .preview-container .thumbnail-box .list ul {
 	width: 100000px;
 	display: flex;
 	padding: 2px 0
 }

 .preview-container .thumbnail-box .list ul .item {
 	width: 58px;
 	height: 58px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	margin: 0 10px;
 	box-sizing: border-box;
 	overflow: hidden;
 	border: 1px solid #ccc
 }

 .preview-container .thumbnail-box .list ul .item:hover {
 	cursor: pointer
 }

 .preview-container .thumbnail-box .list ul .item img {
 	max-width: 100%;
 	max-height: 100%;
 	display: block
 }

 .preview-container .thumbnail-box .list ul .item-cur {
 	border: none;
 	outline: 2px solid #0059b0
 }

 .preview-container .thumbnail-box .list .banner-page {
 	display: none;
 	justify-content: center;
 	align-items: center;
 	position: absolute;
 	height: 6.6666666667vw;
 	width: 13.3333333333vw;
 	border-radius: 5.3333333333vw;
 	background: rgba(0, 0, 0, .8);
 	bottom: 1.3333333333vw;
 	right: 1.3333333333vw;
 	z-index: 999
 }

 .preview-container .thumbnail-box .list .banner-page span {
 	color: #fff;
 	font-size: 4vw
 }

 .preview-container .thumbnail-box .btn {
 	position: absolute;
 	top: 50%;
 	width: 22px;
 	height: 32px;
 	margin-top: -10px
 }

 .preview-container .thumbnail-box .btn-prev {
 	left: 0;
 	background: url(../image/btn_prev.png) no-repeat;
 	background-position: 10px 0;
 	background-size: 10px
 }

 .preview-container .thumbnail-box .btn-next {
 	right: 0;
 	background: url(../image/btn_next.png) no-repeat;
 	background-size: 10px
 }

 .preview-container .thumbnail-box .btn_prev_disabled {
 	background: url(../image/btn_prev_disabled.png) no-repeat;
 	background-position: 10px 0;
 	background-size: 10px;
 	cursor: not-allowed
 }

 .preview-container .thumbnail-box .btn_next_disabled {
 	background: url(../image/btn_next_disabled.png) no-repeat;
 	background-size: 10px;
 	cursor: not-allowed
 }

 .preview-container .big-box {
 	display: none;
 	overflow: hidden;
 	top: 0;
 	left: 449px;
 	border: 1px solid #eee;
 	position: absolute;
 	width: 550px;
 	height: 553.5px;
 	box-sizing: border-box;
 	background: #fff;
 	z-index: 20
 }

 .preview-container .big-box img {
 	display: block;
 	max-width: none;
 	max-height: none;
 	width: 130%
 }

 #feedbackForm .send-btn {
 	width: 170px;
 	height: 50px;
 	line-height: 50px;
 	text-align: center;
 	background: #24292f;
 	color: #fff;
 	border-radius: 3px;
 	margin-left: 50%;
 	transform: translateX(-50%);
 	cursor: pointer
 }

 #feedbackForm .send-btn .span {
 	display: inline-block
 }

 #feedbackForm .send-btn i {
 	display: none
 }

 .inquiry-form {
 	display: flex;
 	justify-content: space-between;
 	flex-wrap: wrap
 }

 .inquiry-form input {
 	width: 49%;
 	height: 50px;
 	font-size: 14px;
 	padding: 0 14px
 }

 .inquiry-form input,
 .inquiry-form textarea {
 	margin-bottom: 28px;
 	background: #f7f7f7;
 	border: none;
 	outline: none;
 	box-sizing: border-box
 }

 .inquiry-form textarea {
 	padding: 14px;
 	width: 100%;
 	font-family: Roboto, sans-serif;
 	font-size: 16px;
 	resize: none
 }

 .inquiry-form .input-error {
 	outline: 1px solid red
 }

 @media screen and (max-width:768px) {
 	.inquiry-form {
 		flex-direction: column
 	}

 	#feedbackForm {
 		width: 100%
 	}

 	#feedbackForm .send-btn {
 		margin-left: 50%;
 		transform: translateX(-50%)
 	}

 	.inquiry-form .form-l,
 	.inquiry-form .form-r {
 		width: 100%
 	}

 	.form-l input {
 		margin-bottom: 4vw
 	}

 	.inquiry-form input {
 		width: 100%
 	}
 }

 .compare-action {
 	position: relative;
 	height: 37px;
 	margin-top: 15px;
 	left: -20px;
 	display: flex;
 	align-items: center;
 	cursor: pointer
 }

 .compare-action span {
 	display: inline-block;
 	color: #000;
 	-webkit-user-select: none;
 	-ms-user-select: none;
 	user-select: none
 }

 .compare-action .compare-action-check+label {
 	width: 16px;
 	height: 16px;
 	content: " ";
 	border: 1px solid #000;
 	border-radius: 1px;
 	margin-right: 10px;
 	cursor: pointer
 }

 .compare-action .compare-action-check:checked+label:before {
 	font-size: 16px;
 	line-height: 16px;
 	content: "✓";
 	text-align: center;
 	color: #000;
 	position: relative;
 	left: 2px;
 	top: 1px
 }

 .compare-action input[type=checkbox] {
 	visibility: hidden
 }

 .compare-panel {
 	height: 100px;
 	background: #f1f1f1;
 	position: fixed;
 	z-index: 999999;
 	bottom: 0;
 	left: 0;
 	width: 100%;
 	display: none;
 	box-sizing: border-box;
 	border: 1px solid #ccc;
 	font-size: 14px
 }

 .compare-panel .button-area {
 	float: right;
 	height: 100%;
 	color: #fff;
 	display: flex;
 	align-items: center
 }

 .compare-panel .button-area .contact-button {
 	margin: 16px 20px;
 	background: #0059b0;
 	color: #fff;
 	line-height: 28px;
 	padding: 0 12px;
 	border-color: transparent;
 	border-radius: 3px;
 	font-size: 14px;
 	cursor: pointer
 }

 .clear-all,
 .close {
 	position: relative;
 	display: inline-block;
 	vertical-align: middle;
 	color: #666;
 	opacity: .5
 }

 .clear-all .ic-close,
 .close .ic-close {
 	position: absolute;
 	width: 32px;
 	height: 32px;
 	left: 12px;
 	top: 45px
 }

 .clear-all .ic-close:after,
 .clear-all .ic-close:before,
 .close .ic-close:after,
 .close .ic-close:before {
 	position: absolute;
 	left: 15px;
 	content: "";
 	height: 16px;
 	width: 2px;
 	background-color: #fff
 }

 .clear-all .ic-close:before,
 .close .ic-close:before {
 	transform: rotate(45deg)
 }

 .clear-all .ic-close:after,
 .close .ic-close:after {
 	transform: rotate(-45deg)
 }

 .button-area .clear-all {
 	margin-right: 20px;
 	cursor: pointer
 }

 .button-area .clear-all:hover {
 	opacity: 1;
 	color: #0059b0
 }

 .button-area .close {
 	position: relative;
 	width: 60px;
 	height: 100%;
 	background: #555;
 	cursor: pointer;
 	display: inline-grid;
 	align-items: Center;
 	font-size: 16px;
 	text-align: center
 }

 .button-area .close i {
 	color: #fff
 }

 .list-wrapper {
 	height: 100%;
 	margin-right: 380px;
 	position: relative;
 	display: flex;
 	align-items: center;
 	overflow-x: auto;
 	overflow-y: hidden
 }

 .list-wrapper::-webkit-scrollbar {
 	height: 8px
 }

 .list-wrapper::-webkit-scrollbar-track {
 	border-radius: 10px;
 	background-color: rgba(0, 0, 0, .1)
 }

 .list-wrapper::-webkit-scrollbar-thumb {
 	border-radius: 10px;
 	background-color: rgba(0, 0, 0, .3)
 }

 .list-wrapper .next,
 .list-wrapper .pre {
 	display: block;
 	position: absolute;
 	top: 0;
 	cursor: pointer;
 	height: 60px;
 	color: #999;
 	font-size: 32px;
 	line-height: 60px;
 	width: 32px
 }

 .list-wrapper .next {
 	right: 0;
 	text-align: right;
 	color: #fff
 }

 .list-wrapper .item-clear {
 	position: relative;
 	float: right;
 	box-sizing: border-box;
 	width: 20px;
 	height: 100%;
 	border-left: 1px solid #ebecf0;
 	cursor: pointer;
 	display: flex;
 	justify-content: center;
 	align-items: center
 }

 .list-wrapper .item-clear .ic-close {
 	position: absolute;
 	width: 32px;
 	height: 32px;
 	left: -6px;
 	top: 25px
 }

 .list-wrapper .item-clear .ic-close:after,
 .list-wrapper .item-clear .ic-close:before {
 	position: absolute;
 	left: 15px;
 	content: "";
 	height: 10px;
 	width: 2px;
 	background-color: #333
 }

 .list-wrapper .item-clear .ic-close:before {
 	transform: rotate(45deg)
 }

 .list-wrapper .item-clear .ic-close:after {
 	transform: rotate(-45deg)
 }

 .list-wrapper .item-clear .fa {
 	color: #c4c6cf
 }

 .list-wrapper .item-content {
 	padding: 7px;
 	overflow: hidden;
 	display: flex;
 	justify-content: center;
 	align-items: center
 }

 .list-wrapper .item-img {
 	float: left;
 	width: 80px;
 	height: 45px;
 	display: flex;
 	align-items: center
 }

 .list-wrapper .item-img img {
 	max-width: 100%;
 	max-height: 100%
 }

 .list-wrapper .item-title {
 	display: -webkit-box;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	font-size: 12px;
 	line-height: 18px;
 	color: #666;
 	margin-left: 10px
 }

 .cart-list {
 	padding: 0 32px
 }

 #productChache_listPC {
 	position: relative;
 	height: 90px;
 	overflow: hidden;
 	display: flex;
 	align-items: center
 }

 .selected-all {
 	margin-left: 0;
 	display: flex
 }

 .selected-item {
 	padding: 10px 6px
 }

 .selected-item .item-box {
 	width: 220px;
 	height: 60px;
 	background: #fff
 }

 @media(max-width:768px) {
 	.compare-action {
 		position: relative;
 		margin: 5.3333333333vw 2.6666666667vw;
 		height: 8vw;
 		font-size: 3.2vw;
 		left: -10px;
 		justify-content: flex-start
 	}

 	.compare-action .compare-action-check+label {
 		margin-left: 0;
 		margin-right: 5px
 	}

 	.products-content .pro-list .compare-action span {
 		margin: 0
 	}

 	.compare-panel {
 		height: 17vw
 	}

 	.compare-panel .button-area {
 		padding: 0 3vw;
 		display: flex;
 		justify-content: space-between;
 		float: none
 	}

 	.compare-panel .button-area .close {
 		display: none
 	}

 	.compare-panel .list-wrapper {
 		padding-left: 0;
 		position: absolute;
 		top: -15.6vw;
 		margin-right: 0;
 		width: 100%
 	}

 	.compare-panel .list-wrapper::-webkit-scrollbar {
 		height: 3px
 	}

 	.compare-panel .list-wrapper::-webkit-scrollbar-track {
 		border-radius: 3px;
 		background-color: rgba(0, 0, 0, .3)
 	}

 	.compare-panel .list-wrapper::-webkit-scrollbar-thumb {
 		border-radius: 3px;
 		background-color: rgba(0, 0, 0, .7)
 	}

 	.compare-panel .list-wrapper .cart-list {
 		padding: 0
 	}

 	.compare-panel .list-wrapper .cart-list #productChache_listPC {
 		background: #fff
 	}

 	.compare-panel .list-wrapper .cart-list #productChache_listPC .selected-all {
 		width: 100%
 	}

 	.compare-panel .list-wrapper .selected-item {
 		padding: 0;
 		width: 20vw;
 		position: relative
 	}

 	.compare-panel .list-wrapper .selected-item .item-box {
 		width: auto;
 		height: 14vw
 	}

 	.compare-panel .list-wrapper .selected-item .item-clear {
 		height: 30px;
 		width: 30px;
 		background: #eee;
 		border: none;
 		position: absolute;
 		border-radius: 50%;
 		opacity: .7;
 		left: 50%;
 		top: 50%;
 		transform: translate(-50%, -50%)
 	}

 	.compare-panel .list-wrapper .selected-item .item-clear .ic-close {
 		top: 10px;
 		left: 0
 	}

 	.compare-panel .list-wrapper .selected-item .item-content {
 		padding: 2px 3px;
 		box-sizing: border-box;
 		border: 1px solid #eee
 	}

 	.compare-panel .list-wrapper .selected-item .item-content .item-title {
 		display: none
 	}

 	.compare-panel .list-wrapper .selected-item .item-content .item-img {
 		width: auto;
 		height: 13vw
 	}
 }

 .inquiry-pro-list {
 	background: #fff;
 	margin: 50px 0;
 	display: none;
 	width: 100%;
 	box-sizing: border-box;
 	border: 1px solid #ddd;
 	padding: 0 100px
 }

 .inquiry-pro-list a {
 	text-decoration: none;
 	color: #000
 }

 .inquiry-pro-list .inquiry-pro-item {
 	width: 100%;
 	height: 100px;
 	border-bottom: 1px solid #ddd;
 	display: flex;
 	padding: 40px 10px;
 	margin-top: 0;
 	box-sizing: content-box
 }

 .inquiry-pro-list .inquiry-pro-item .pro-item-img {
 	height: 100%;
 	width: 200px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	overflow: hidden
 }

 .inquiry-pro-list .inquiry-pro-item .pro-item-img a {
 	width: 100%;
 	height: 100%
 }

 .inquiry-pro-list .inquiry-pro-item .pro-item-img img {
 	height: 100%
 }

 .inquiry-pro-list .inquiry-pro-item .pro-item-name {
 	padding-top: 30px;
 	margin-left: 50px;
 	font-size: 14px
 }

 .inquiry-pro-list .inquiry-pro-item .pro-item-name a {
 	font-size: 16px
 }

 .inquiry-pro-list .inquiry-pro-item .pro-item-name a:hover {
 	color: #0059b0
 }

 .inquiry-pro-list .inquiry-pro-item .pro-item-name p {
 	padding: 0;
 	margin: 0
 }

 .inquiry-pro-list .inquiry-pro-item .pro-item-del {
 	position: relative;
 	padding-top: 20px;
 	height: 100%;
 	width: 200px;
 	margin-left: auto;
 	display: flex;
 	justify-content: center;
 	align-items: center
 }

 .inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close {
 	position: absolute;
 	width: 32px;
 	height: 32px;
 	left: -6px;
 	top: 43px
 }

 .inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after,
 .inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before {
 	position: absolute;
 	left: 15px;
 	content: "";
 	height: 20px;
 	width: 2px;
 	background-color: #333
 }

 .inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before {
 	transform: rotate(45deg)
 }

 .inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after {
 	transform: rotate(-45deg)
 }

 .inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:hover {
 	cursor: pointer
 }

 .inquiry-pro-list .inquiry-pro-item:last-child {
 	border: none
 }

 @media(max-width:768px) {
 	.inquiry-pro-list {
 		padding: 1vw 5vw
 	}

 	.inquiry-pro-list .inquiry-pro-item {
 		box-sizing: border-box;
 		padding: 3vw;
 		margin: 0;
 		height: 20vw
 	}

 	.inquiry-pro-list .inquiry-pro-item .pro-item-del {
 		padding-top: 0;
 		width: 10vw
 	}

 	.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close {
 		right: 0;
 		top: 4vw
 	}

 	.inquiry-pro-list .inquiry-pro-item .pro-item-name {
 		font-size: 3vw;
 		margin: 0;
 		padding: 2vw 0 0;
 		max-width: 48vw
 	}

 	.inquiry-pro-list .inquiry-pro-item .pro-item-name p a {
 		font-size: 3.2vw;
 		overflow: hidden;
 		text-overflow: ellipsis;
 		display: -webkit-box;
 		-webkit-line-clamp: 1;
 		-webkit-box-orient: vertical
 	}

 	.inquiry-pro-list .inquiry-pro-item .pro-item-img {
 		min-width: 24vw;
 		margin-right: 3vw;
 		width: auto
 	}
 }

 .load {
 	animation: loading 1.4s ease infinite;
 	background-image: linear-gradient(90deg, #f0f0f0 25%, #e3e3e3 37%, #f0f0f0 63%);
 	background-size: 400% 100%
 }

 img.lazy {
 	opacity: 0
 }

 img:not(.initial) {
 	transition: opacity 1s, transform .3s ease
 }

 img.error,
 img.initial,
 img.loaded {
 	opacity: 1
 }

 img:not([src]) {
 	visibility: hidden
 }

 @keyframes loading {
 	0% {
 		background-position: 100% 50%
 	}

 	to {
 		background-position: 0 50%
 	}
 }

 #feedbackForm span.xh,
 .feedbackForm #feedbackForm .atextarea,
 .feedbackForm #feedbackForm .fsbtn,
 .feedbackForm #feedbackForm .lable,
 .feedbackForm #feedbackForm .submita,
 .feedbackForm #feedbackForm .text,
 .feedbackForm #feedbackForm table,
 .feedbackForm #msg,
 .feedbackForm .fput,
 .feedbackForm .ftxt {
 	max-width: none;
 	padding: 0;
 	margin: auto;
 	border: 0;
 	height: auto;
 	font-size: auto;
 	line-height: 1.5;
 	font-family: Arial;
 	color: #333;
 	background: 0 0;
 	text-align: left
 }

 .feedbackForm {}

 .feedbackForm table {
 	width: 100%
 }

 .feed-title {
 	font-size: 1.875rem;
 	color: #2c2c2c;
 	margin-top: 2.5rem;
 	margin-bottom: 1.25rem;
 	font-weight: 600;
 	text-transform: uppercase
 }

 .feedbackForm #feedbackForm td {
 	border: 0;
 	height: 48px;
 	padding: 0;
 	width: auto;
 	margin-left: 10px
 }

 .lable {
 	white-space: nowrap
 }

 .feedbackForm #feedbackForm tbody {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: space-between
 }

 .feedbackForm #feedbackForm tr {
 	border-radius: 2px;
 	box-sizing: border-box;
 	margin-bottom: 15px;
 	font-size: .9375rem;
 	color: #727272;
 	background: #f7f7f7
 }

 .feedbackForm #feedbackForm tr:nth-child(-n+4) {
 
 }

 .feedbackForm #feedbackForm tr:nth-child(-n+5) {
 	display: flex;
 	justify-content: flex-start
 }

 .feedbackForm #feedbackForm tr:nth-child(-n+5) td:first-child {
 	display: flex;
 	align-items: center;
 	padding: 0 5px
 }

 .feedbackForm #feedbackForm tr:nth-child(-n+5) td:last-child {
 	width: 100%;
 	flex-basis: 100%;
 	display: block
 }

 .feedbackForm #feedbackForm tr:nth-child(-n+5) input {
 	width: 100%;
 	height: 100%;
 	outline: 0
 }

 .feedbackForm #feedbackForm tr:nth-child(5) {
 	width: 100%;
 	flex-basis: 100%
 }

 .feedbackForm #feedbackForm tr:nth-child(6) {
 	width: 100%;
 	flex-basis: 100%;
 	display: flex;
 	flex-direction: column
 }

 .feedbackForm #feedbackForm tr:nth-child(7) {
 	width: 100%;
 	height: 0;
 	border: 0;
 	padding: 0
 }

 #feedbackForm input,
 .feedbackForm #feedbackForm #SubmitContent {
 	border: 0;
 	font-size: .9375rem;
 	color: #000;
 	padding-left: 5px;
 	box-sizing: border-box
 }

 .feedbackForm #feedbackForm #SubmitContent {
 	width: 100%;
 	margin-top: 10px;
 	padding-left: 0;
 	box-sizing: border-box;    
 }

 .feedbackForm #feedbackForm .submita {
 	color: #fff;
 	font-size: 16px;
 	padding: 10px 35px;
 	border: none;
 	background-color: #0059b0;
 	text-transform: uppercase;
 	cursor: pointer
 }

 #feedbackForm input::-webkit-input-placeholder {
 	font-size: 14px;
 	color: #666
 }

 #feedbackForm input:-ms-input-placeholder {
 	font-size: 14px;
 	color: #666
 }

 #feedbackForm input::placeholder {
 	font-size: 14px;
 	color: #666
 }

 #feedbackForm input {
 	color: #666
 }

 .feedbackForm #feedbackForm tr:nth-child(6) td {
 	height: auto;
 	padding: 0 5px;
 	display: block
 }

 .feedbackForm #feedbackForm tr:nth-child(6) textarea {
 	outline: 0;
 	text-indent: 15px
 }

 .feedbackForm #feedbackForm .xh {
 	color: red
 }

 .smtcss {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	position: relative;
 	top: -30px
 }

 @media screen and (max-width:768px) {
 	.feedbackForm #feedbackForm tr:nth-child(7) {
 		height: 20vw;
 		background: transparent
 	}

 	.feedbackForm #feedbackForm tr:nth-child(-n+4) {
 		width: 100%;
 		flex-basis: 100%
 	}

 	.feedbackForm #feedbackForm tr:nth-child(2),
 	.feedbackForm #feedbackForm tr:nth-child(4) {
 		display: none
 	}

 	.feedbackForm {
 		margin-bottom: 0
 	}
 }

 .ie {
 	background: #f4f4f4
 }

 .ie .adv-item article {
 	width: 100%
 }

 .ie .cate-btn {
 	left: 35%
 }

 .ie .banner {
 	margin-bottom: 80px
 }

 .ie #feedbackForm {
 	margin-bottom: 50px
 }

 .ie .link-wrap .link-l .link-sign,
 .ie .link-wrap .link-r .link-sign {
 	bottom: 20px
 }

 .ie .link-wrap .link-a {
 	margin-top: 40px
 }

 .ie .contact-icon {
 	position: relative
 }

 .ie .contact-icon img {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%)
 }

 .ie .contact-wrap {
 	margin-bottom: 50px
 }

 .ie .contact-infoes {
 	max-height: none
 }

 .ie .pro-c-main .common-wrapper_s {
 	margin-top: 50px
 }

 .ie10 #feedbackForm {
 	max-width: 1000px
 }

 .ie10 .contact-box .box-l {
 	max-width: 1200px
 }

 .ie10 .btn-list .btn,
 .ie10 .btn-list .LayImAhrefNode,
 .ie10 .pdown1,
 .ie10 .pdown2,
 .ie10 .pdown3 {
 	display: block
 }

 .ie10 .link-wrap .link-l,
 .ie10 .link-wrap .link-r {
 	background: transparent
 }

 @media(max-width:1700px) {

 	.adv-list .common-wrapper_s,
 	.common-wrapper_s,
 	.head-wrapper {
 		width: 1400px
 	}

 	.about-con {
 		padding-left: 100px
 	}

 	.news-r .news-info {
 		padding: 30px 20px
 	}
 }

 @media(max-width:1500px) {
 	.head-logo {
 		margin-right: 50px
 	}

 	.adv-list .common-wrapper_s,
 	.common-main .common-wrapper_s,
 	.common-wrapper_s,
 	.head-wrapper {
 		width: 1200px
 	}

 	.news-r .news-info {
 		padding: 20px 10px
 	}

 	.news-list .news-more {
 		padding: 8px
 	}

 	.news-l .news-info {
 		padding: 60px 28px
 	}

 	.pro-info {
 		padding: 16px;
 		max-width: 400px
 	}

 	.pro-name {
 		margin-bottom: 10px
 	}

 	.about .about-con {
 		padding: 30px 150px
 	}

 	.about .about-con,
 	.about .about-img {
 		width: 100%
 	}

 	.about .about-img {
 		max-height: 450px
 	}

 	.about .about-img img {
 		width: 100%;
 		object-fit: cover
 	}

 	.prolist-1 .pro-btn .arr {
 		width: 38px
 	}

 	.pro-btn {
 		line-height: 38px;
 		font-size: 12px
 	}

 	.pro-item:hover .pro-btn,
 	.prolist-1 .pro-item:hover .pro-btn .arr {
 		height: 38px
 	}
 }

 @media(max-width:1380px) {
 	.foot-letter .send-letter .eput {
 		width: 240px
 	}

 	.swiper-button-next,
 	.swiper-button-prev {
 		width: 50px;
 		height: 50px
 	}

 	.common-right {
 		display: none
 	}

 	.prolist-1 .pro-item {
 		width: calc(25% - 27.75px);
 		margin-right: 37px
 	}

 	.prolist-1 .pro-item:nth-of-type(3n) {
 		margin-right: 37px
 	}

 	.prolist-1 .pro-item:nth-of-type(4n) {
 		margin-right: 0
 	}

 	.foot-l {
 		flex-wrap: wrap
 	}

 	.foot-l .foot-item {
 		width: 50%;
 		box-sizing: border-box
 	}

 	.foot-l .foot-item:nth-of-type(2n) {
 		padding-left: 50px
 	}

 	.foot-l .foot-cate,
 	.foot-l .foot-nav {
 		padding-left: 0
 	}

 	.que-item {
 		padding: 30px
 	}

 	.pro-info {
 		max-width: none
 	}

 	.pro-c-info {
 		padding: 24px 50px 0 55px
 	}
 }

 @media(max-width:1240px) {

 	.adv-list .common-wrapper_s,
 	.common-main .common-wrapper_s,
 	.common-wrapper_s,
 	.head-wrapper {
 		width: 900px
 	}

 	.head-wrapper {
 		justify-content: space-between
 	}

 	.head-nav {
 		position: relative;
 		width: 44px;
 		height: 44px;
 		margin-right: auto;
 		background: #0059b0;
 		overflow: hidden
 	}

 	.head-nav:after {
 		content: "☰";
 		font-size: 16px;
 		width: 1em;
 		line-height: 1;
 		text-align: center;
 		position: absolute;
 		top: 50%;
 		left: 50%;
 		margin-top: -8px;
 		margin-left: -8px;
 		color: #fff
 	}

 	.head-nav>ul {
 		position: absolute;
 		top: 0;
 		left: 0;
 		width: 250px;
 		background: #0059b0;
 		padding-top: 44px
 	}

 	.head-nav.active {
 		overflow: visible
 	}

 	.head-nav.active:after {
 		content: "✕"
 	}

 	.head-nav.active ul {
 		height: auto;
 		flex-direction: column
 	}

 	.head-nav.active ul>li {
 		height: 44px
 	}

 	.head-nav.active ul>li>a {
 		color: #fff
 	}

 	.head-nav.active ul>li .inmenu_1,
 	.head-nav.active ul>li>a:hover {
 		text-decoration: underline
 	}

 	.head-nav.active>ul .submenu {
 		left: 100%;
 		top: 0;
 		padding-top: 0
 	}

 	.head-nav.active>ul .submenu a {
 		color: #333;
 		line-height: 44px
 	}

 	.head-nav.active>ul .submenu a:hover {
 		color: #fff
 	}

 	.news-l {
 		display: none
 	}

 	.adv-item {
 		width: 50%
 	}

 	.pro-item {
 		width: calc(50% - 20px);
 		margin-right: 40px
 	}

 	.pro-item:nth-of-type(2n) {
 		margin-right: 0
 	}

 	.news-list {
 		height: auto
 	}

 	.news-item {
 		width: 100% !important;
 		margin-bottom: 40px
 	}

 	.news-item:first-of-type {
 		flex-direction: row
 	}

 	.news-item:first-of-type .news-img {
 		flex: 1
 	}

 	.news-item:first-of-type .news-img img {
 		height: 100%;
 		max-width: none
 	}

 	.news-item:first-of-type .news-info {
 		flex: 1.5
 	}

 	.part-list {
 		flex-wrap: wrap
 	}

 	.part-item {
 		width: 33%
 	}

 	.foot-right ul {
 		display: none
 	}

 	.content-item,
 	.document-main .project-item,
 	.prolist-1 .pro-item {
 		margin-right: 40px;
 		width: calc(33% - 30px)
 	}

 	.content-item:nth-of-type(4n),
 	.document-main .project-item:nth-of-type(4n),
 	.prolist-1 .pro-item:nth-of-type(4n) {
 		margin-right: 40px
 	}

 	.content-item:nth-of-type(3n),
 	.document-main .project-item:nth-of-type(3n),
 	.prolist-1 .pro-item:nth-of-type(3n) {
 		margin-right: 0
 	}

 	.document-main .project-info {
 		padding: 15px
 	}

 	.pro-c-top {
 		flex-direction: column
 	}

 	.preview-container {
 		margin-left: 100px
 	}

 	.pro-c-info {
 		width: 800px;
 		margin: 30px auto;
 		padding: 0
 	}

 	.link-wrap .link-l {
 		margin-bottom: 30px
 	}

 	.link-wrap .link-l,
 	.link-wrap .link-r {
 		width: 100%;
 		height: 110px
 	}

 	.link-wrap {
 		height: auto;
 		flex-wrap: wrap
 	}
 }

 @media screen and (max-width:768px) {
 	.banner {
 		margin-top: 13.3333333333vw;
 		height: 40vw;
 		background-size: 100%
 	}

 	.banner img {
 		display: none
 	}

 	.banner-wrap {
 		padding-right: 4.5333333333vw;
 		align-items: flex-end;
 		box-sizing: border-box
 	}

 	.banner-title {
 		font-size: 36px
 	}

 	.about-main {
 		padding-top: 4vw
 	}

 	.about-main article .about-title {
 		margin: 4vw 0 0 !important;
 		font-size: 28px !important;
 		line-height: 1.3
 	}

 	.about-main article .a-line {
 		margin: 4vw auto !important
 	}

 	.tab-content {
 		padding: 5.3333333333vw
 	}

 	.tab-content p {
 		margin: 4vw 0 !important
 	}

 	.tab-content img {
 		margin-bottom: 4vw !important
 	}

 	.tabs-top {
 		flex-wrap: wrap
 	}

 	.tabs-title {
 		width: 50%;
 		border-bottom: 2px solid #fff;
 		-ms-text-overflow: ellipsis;
 		text-overflow: ellipsis;
 		overflow: hidden;
 		white-space: nowrap;
 		box-sizing: border-box;
 		padding: 2.6666666667vw;
 		height: auto;
 		line-height: 8.6666666667vw
 	}

 	#tabs {
 		margin-bottom: 4vw
 	}

 	.about-main article .adv-t {
 		line-height: 1.3
 	}

 	.head-contact,
 	.head-top {
 		display: none
 	}

 	.head-nav {
 		width: auto;
 		height: auto
 	}

 	.foot .common-wrapper_s {
 		width: 100%
 	}

 	.foot-l .foot-item:first-of-type {
 		display: none
 	}

 	.foot-letter .send-letter {
 		margin-top: 5.3333333333vw
 	}

 	.foot-l .foot-item,
 	.foot-l .foot-item:nth-of-type(2n) {
 		padding: 0;
 		margin-bottom: 3vw;
 		width: 100%
 	}

 	.foot-l .foot-letter {
 		display: none
 	}

 	.foot-cate ul,
 	.foot-nav ul {
 		display: flex;
 		flex-wrap: wrap
 	}

 	.foot-cate ul li,
 	.foot-nav ul li {
 		margin: 1vw 0 1vw 3.2vw
 	}

 	.foot-l {
 		padding: 4vw 0 0
 	}

 	.cu li i {
 		margin-right: 5px
 	}

 	.foot-title {
 		font-size: 18px
 	}

 	.foot-cate ul,
 	.foot-nav ul {
 		margin-top: 5.3333333333vw
 	}

 	.foot-letter .send-letter .eput {
 		margin: 10px 0
 	}

 	.foot-list {
 		padding-bottom: 0
 	}

 	.foot-right {
 		padding: 4vw 0;
 		height: auto
 	}

 	.foot-right p {
 		font-size: 12px;
 		text-align: center;
 		width: 100%
 	}

 	.foot-right ul {
 		display: none
 	}

 	.foot {
 		padding-bottom: 16vw
 	}

 	.bPosition {
 		padding-left: 4vw;
 		line-height: 1.4
 	}

 	.link-wrap .link-l,
 	.link-wrap .link-r {
 		height: 20vw
 	}

 	.search-wrap {
 		display: flex;
 		padding-left: 10vw;
 		margin: 4vw 0;
 		position: relative
 	}

 	.search-wrap input {
 		width: 75vw;
 		height: 10.6666666667vw;
 		background-color: #fff;
 		outline: none;
 		padding: 0 0 0 14px;
 		border: 1px solid #ccc
 	}

 	.search-wrap .search-btn {
 		height: 100%;
 		position: absolute;
 		right: 10vw;
 		width: 10vw
 	}

 	.search-wrap .search-btn i {
 		position: absolute;
 		top: 50%;
 		left: 50%;
 		transform: translate(-50%, -50%)
 	}

 	#toast-container {
 		padding-top: 150px
 	}

 	.head-wrapper {
 		height: 100%
 	}

 	.head {
 		height: 13.3333333333vw;
 		position: fixed;
 		top: 0;
 		left: 0;
 		right: 0;
 		box-shadow: none
 	}

 	.head-nav {
 		position: absolute
 	}

 	.head-nav>ul {
 		background-color: #fff;
 		top: 13.3333333333vw;
 		right: -100vw;
 		left: unset;
 		position: fixed;
 		flex-direction: column;
 		width: 100vw;
 		overflow-y: auto;
 		overflow-x: hidden;
 		padding-top: 0;
 		height: calc(100vh - 13.333vw);
 		justify-content: flex-start
 	}

 	.head-nav>ul>li {
 		position: relative;
 		height: auto;
 		margin: 0;
 		display: block;
 		padding: 4vw 5.3333333333vw;
 		border-bottom: 1px solid #ccc
 	}

 	.head-nav>ul>li a {
 		width: 100%;
 		display: flex;
 		justify-content: space-between;
 		color: #5d5d5d;
 		font-size: 15px;
 		height: auto
 	}

 	.head-nav>ul>li .inmenu_1 {
 		color: #0059b0
 	}

 	.head-nav>ul>li .inmenu_1:after {
 		content: none
 	}

 	.head-nav>ul>li:last-child {
 		border-bottom: none
 	}

 	.head-nav>ul>li i {
 		position: absolute;
 		box-sizing: border-box;
 		right: 4vw;
 		top: 4vw;
 		color: #5d5d5d;
 		transform: scale(1.4) rotate(-90deg);
 		transform-origin: center center;
 		transition: all .3s
 	}

 	.head-nav>ul>li .slide-active {
 		transform: scale(1.4) rotate(90deg)
 	}

 	.head-nav>ul>li:hover>a,
 	.head-nav>ul>li:hover>i {
 		color: #5d5d5d;
 		background-color: transparent
 	}

 	.head-nav>ul>li:hover>a:after,
 	.head-nav>ul>li:hover>i:after {
 		transform: translateX(-50%) rotateY(90deg)
 	}

 	.head-nav>ul .submenu {
 		transition: none;
 		position: relative;
 		width: 100%;
 		right: 0;
 		transform-origin: top;
 		transform: rotateX(0);
 		opacity: 1;
 		height: auto;
 		background: #fff;
 		top: 0;
 		list-style-type: square;
 		display: none;
 		padding-top: 0
 	}

 	.head-nav>ul .submenu li {
 		position: relative;
 		list-style-type: none;
 		padding: 1.3333333333vw 0 0;
 		margin: 0 0 0 5.3333333333vw;
 		border-bottom: none
 	}

 	.head-nav>ul .submenu li a {
 		font-size: 13px;
 		line-height: 26px
 	}

 	.head-nav>ul .submenu li a:hover {
 		background: transparent
 	}

 	.nav-btn {
 		display: flex
 	}

 	.head-wrapper {
 		justify-content: space-between;
 		position: relative;
 		padding: 0 5.3333333333vw;
 		margin: 0
 	}

 	.head-logo {
 		width: 37.3333333333vw
 	}

 	.mobile-bottom {
 		z-index: 4;
 		width: 100%;
 		justify-content: space-evenly
 	}

 	.mobile-bottom,
 	.mobile-bottom .mobile-bottom-item {
 		height: 16vw;
 		background: #0059b0;
 		display: flex;
 		align-items: center
 	}

 	.mobile-bottom .mobile-bottom-item {
 		padding: .6666666667vw 0;
 		flex-direction: column;
 		justify-content: space-around;
 		width: 16vw;
 		font-size: 4vw;
 		box-sizing: border-box
 	}

 	.mobile-bottom .mobile-bottom-item a {
 		display: flex;
 		flex-direction: column;
 		justify-content: space-around;
 		align-items: center;
 		width: 100%;
 		height: 100%;
 		color: #fff
 	}

 	.mobile-bottom .mobile-bottom-item i {
 		transform: scale(1.6);
 		margin-bottom: .6666666667vw
 	}

 	.table-responsive {
 		touch-action: auto;
 		width: 100%;
 		margin: 1.3333333333vw 0;
 		overflow-x: auto;
 		overflow-y: hidden;
 		-webkit-overflow-scrolling: touch;
 		-ms-overflow-style: -ms-autohiding-scrollbar
 	}

 	.xyz12 {
 		margin-top: 2.6666666667vw;
 		margin-left: 8vw;
 		background-color: transparent;
 		top: 0
 	}

 	.xyz12 a {
 		color: #fff;
 		font-size: 14px
 	}

 	#bmap {
 		height: 59.0666666667vw;
 		width: 100vw;
 		position: relative;
 		top: 0;
 		left: -4vw
 	}

 	.contact-wrap {
 		margin-top: 4vw
 	}

 	.contact-list {
 		flex-wrap: wrap;
 		height: auto;
 		padding: 4vw;
 		box-sizing: border-box
 	}

 	.contact-item {
 		width: 100%;
 		justify-content: flex-start;
 		margin-bottom: 4vw
 	}

 	.contact-box,
 	.contact-box .box-r {
 		flex-direction: column-reverse;
 		height: auto
 	}

 	.contact-box .box-r {
 		padding: 4vw 0;
 		width: 100%
 	}

 	.contact-box .box-t {
 		width: 100%;
 		-ms-writing-mode: lr-tb;
 		writing-mode: horizontal-tb;
 		text-align: center;
 		margin-top: 4vw;
 		font-size: 20px
 	}

 	.contact-box .box-icon {
 		margin-top: 0;
 		width: 10.6666666667vw;
 		height: 10.6666666667vw
 	}

 	.contact-box .box-icon i {
 		font-size: 24px
 	}

 	.contact-box .box-l {
 		padding: 4vw;
 		box-sizing: border-box
 	}

 	.contact-box .title-m {
 		font-size: 22px
 	}

 	.contact-main {
 		padding-top: 0
 	}

 	.common-main {
 		overflow-x: hidden
 	}

 	.feedback-main p {
 		line-height: 1.5
 	}

 	.document-main .video-list>li {
 		width: 100%;
 		margin-right: 0
 	}

 	.document-main .video-list {
 		flex-direction: column
 	}

 	.document-main .video-list .video-info {
 		padding-top: 4vw
 	}

 	.document-main .download-item {
 		padding: 4vw 0
 	}

 	.document-main .download-info {
 		font-size: 12px;
 		display: -webkit-box;
 		display: -moz-box;
 		max-height: 80px;
 		line-height: 16px;
 		text-overflow: ellipsis;
 		word-break: break-all;
 		-webkit-box-orient: vertical;
 		-webkit-line-clamp: 5;
 		overflow: hidden
 	}

 	.document-main .download-title {
 		position: relative;
 		padding-right: 20px;
 		font-size: 14px;
 		margin-bottom: 4vw;
 		line-height: 1.5
 	}

 	.document-main .download-title i {
 		position: absolute;
 		top: 5px;
 		right: 10px
 	}

 	.document-main .download-list {
 		top: 0
 	}

 	.document-main {
 		padding: 4vw 0
 	}

 	.document-main .project-list {
 		justify-content: space-between
 	}

 	.document-main .project-item {
 		width: 47%;
 		margin-right: 0
 	}

 	.document-main .project-info .info-r {
 		min-width: 30px;
 		height: 30px
 	}

 	.document-main .project-info {
 		padding: 2vw
 	}

 	.document-main .project-info .info-l p:nth-child(2) {
 		display: none
 	}

 	.document-main .project-info .info-l .title {
 		font-size: 12px;
 		display: -webkit-box;
 		display: -moz-box;
 		max-height: 28px;
 		line-height: 14px;
 		text-overflow: ellipsis;
 		word-break: break-all;
 		-webkit-box-orient: vertical;
 		-webkit-line-clamp: 2;
 		overflow: hidden
 	}

 	.document-main .faq-list .faq-item {
 		width: 100%;
 		margin-right: 0;
 		margin-bottom: 4vw
 	}

 	.document-main .faq-list .faq-title {
 		padding: 4vw 5vw 4vw 4vw
 	}

 	.document-main .faq-list .faq-con {
 		padding: 4vw
 	}

 	.document-main .faq-list .faq-title:after {
 		top: 45%
 	}

 	.document-main .faq-list .faq-title.active:after {
 		top: 35%
 	}

 	.document-main .project-item:nth-of-type(4n) {
 		margin-right: 0
 	}

 	.btn-list {
 		display: flex;
 		justify-content: space-between
 	}

 	.btn-list a,
 	.btn-list div {
 		width: 47%
 	}
 }

 @media screen and (max-width:768px) {

 	.adv-list .common-wrapper_s,
 	.common-main .common-wrapper_s,
 	.common-wrapper_s,
 	.head-wrapper {
 		width: 100%;
 		margin: 0
 	}

 	.common-wrapper_s {
 		padding: 0 4vw;
 		box-sizing: border-box
 	}

 	.about .about-con .about-title {
 		font-size: 20px
 	}

 	#swiper-banner {
 		margin-top: 13.3333333333vw
 	}

 	#swiper-banner .swiper-button-next,
 	#swiper-banner .swiper-button-prev {
 		width: 20px;
 		background: transparent
 	}

 	#swiper-banner .swiper-button-next i,
 	#swiper-banner .swiper-button-prev i {
 		color: #0059b0
 	}

 	#swiper-banner .swiper-button-next:hover,
 	#swiper-banner .swiper-button-prev:hover {
 		background: transparent
 	}

 	#swiper-banner .swiper-button-next,
 	#swiper-banner .swiper-container-rtl .swiper-button-prev {
 		right: 5px
 	}

 	.que {
 		flex-wrap: wrap;
 		flex-direction: column
 	}

 	.adv {
 		padding: 0;
 		margin: 5.3333333333vw 0
 	}

 	.adv-list .common-wrapper_s {
 		justify-content: space-between
 	}

 	.que-item {
 		width: 100%;
 		padding: 6.6666666667vw 4vw 10.6666666667vw
 	}

 	.que-num {
 		margin-right: 10px;
 		margin-bottom: 0
 	}

 	.que-num,
 	.que-title {
 		display: inline-block;
 		font-size: 24px
 	}

 	.que-item:hover:after,
 	.que-item:hover:before {
 		opacity: 0
 	}

 	.common-title {
 		font-size: 26px
 	}

 	.adv-item {
 		width: 48%;
 		padding: 2.4vw;
 		border: 1px solid #e1e1e1;
 		margin-bottom: 4vw
 	}

 	.adv-t {
 		font-size: 14px;
 		margin-bottom: 2.6666666667vw;
 		line-height: 1.3
 	}

 	.adv-item img {
 		width: 16vw;
 		height: 16vw;
 		margin: 5.3333333333vw 0
 	}

 	.adv-item article {
 		font-size: 12px;
 		margin-top: auto;
 		display: -webkit-box;
 		display: -moz-box;
 		max-height: 48px;
 		line-height: 16px;
 		text-overflow: ellipsis;
 		word-break: break-all;
 		-webkit-box-orient: vertical;
 		-webkit-line-clamp: 3;
 		overflow: hidden
 	}

 	.cate {
 		display: none
 	}

 	.pro-list {
 		justify-content: space-between;
 		margin-top: 6vw
 	}

 	.pro-item {
 		width: 47%
 	}

 	.pro-item,
 	.pro-item:nth-of-type(4n) {
 		margin-right: 0
 	}

 	.about-title {
 		font-size: 18px
 	}

 	.about .about-con {
 		padding: 66vw 4vw 4vw;
 		color: #151515
 	}

 	.about {
 		position: relative
 	}

 	.about article {
 		color: #151515;
 		margin: 4vw 0
 	}

 	.about .more-btn {
 		display: inline-block
 	}

 	.about ul li {
 		font-size: 12px;
 		background: url(../image/home-sel_blue.png) no-repeat;
 		background-position: 10px;
 		margin-bottom: 8px;
 		line-height: 2
 	}

 	.about .about-sel img {
 		visibility: hidden
 	}

 	.about-title {
 		color: #0059b0
 	}

 	.about .about-img {
 		width: 92vw;
 		left: 4vw;
 		position: absolute;
 		top: 4vw
 	}

 	.con-wrap {
 		background: #fff;
 		padding: 5.3333333333vw
 	}

 	.about-list .common-wrapper_s {
 		flex-wrap: wrap;
 		justify-content: space-between
 	}

 	.about-item {
 		width: 47%;
 		justify-content: flex-start;
 		margin-bottom: 4vw
 	}

 	.about-text {
 		font-size: 12px;
 		color: #fff
 	}

 	.about-num {
 		font-size: 20px;
 		color: #fff
 	}

 	.about-ic img {
 		width: 40px;
 		height: 40px
 	}

 	.about .about-list {
 		background: #24292f;
 		padding: 4vw 0
 	}

 	.news article {
 		margin: 4vw 0
 	}

 	.news {
 		padding: 6.6666666667vw 0 0
 	}

 	.news-item:first-of-type .news-info {
 		height: auto
 	}

 	.news-item:first-of-type .news-img,
 	.news-item:nth-of-type(2) .news-img,
 	.news-item:nth-of-type(3) .news-img {
 		flex: 1.3
 	}

 	.news-item:first-of-type .news-img img,
 	.news-item:nth-of-type(2) .news-img img,
 	.news-item:nth-of-type(3) .news-img img {
 		object-fit: cover
 	}

 	.news-item {
 		height: 30vw !important
 	}

 	.news-item .news-title {
 		white-space: pre-wrap;
 		font-size: 16px;
 		display: -webkit-box;
 		display: -moz-box;
 		max-height: 40px;
 		line-height: 20px;
 		text-overflow: ellipsis;
 		word-break: break-all;
 		-webkit-box-orient: vertical;
 		-webkit-line-clamp: 2;
 		overflow: hidden
 	}

 	.news-item .news-info {
 		flex: 0;
 		width: 60%;
 		padding: 4vw;
 		height: auto
 	}

 	.news-item .news-info article {
 		display: none
 	}

 	.news-item .news-img {
 		flex: 1.3;
 		width: 40%
 	}

 	.news-item .news-img a {
 		display: block;
 		width: 100%;
 		height: 100%
 	}

 	.news-item .news-more {
 		font-size: 12px
 	}

 	.news-item .news-date {
 		padding: 2vw
 	}

 	.part {
 		padding: 0
 	}

 	.part-item {
 		width: 33%;
 		padding: 4vw;
 		box-sizing: border-box
 	}

 	.part-list {
 		flex-wrap: wrap
 	}
 }

 @media screen and (max-width:768px) {
 	.content-item {
 		width: 47%;
 		margin-right: 0
 	}

 	.content-list1 {
 		justify-content: space-between
 	}

 	.content-list0 .content-item {
 		width: 47%;
 		display: block;
 		margin-bottom: 50px
 	}

 	.content-item:nth-of-type(4n) {
 		margin-right: 0
 	}

 	.content-list0 {
 		flex-direction: row;
 		flex-wrap: wrap;
 		justify-content: space-between
 	}

 	.content-list0 .content-info {
 		padding: 4vw 0 0
 	}

 	.content-main {
 		padding: 8vw 0;
 		background: #f7f7f7
 	}

 	.content-date {
 		right: 10px
 	}

 	.content-info {
 		padding-top: 4vw
 	}

 	.content-title {
 		font-size: 16px;
 		display: -webkit-box;
 		display: -moz-box;
 		max-height: 40px;
 		line-height: 20px;
 		text-overflow: ellipsis;
 		word-break: break-all;
 		-webkit-box-orient: vertical;
 		-webkit-line-clamp: 2;
 		overflow: hidden
 	}

 	.content-date {
 		padding: 1.3333333333vw 2.6666666667vw;
 		width: auto;
 		height: auto;
 		line-height: 16px
 	}

 	.content-more {
 		margin-top: 3vw;
 		padding: 3vw;
 		font-size: 12px;
 		width: auto;
 		height: auto;
 		transform: translateX(0);
 		line-height: 18px;
 		background: #ebebeb
 	}

 	.content-main .common-c-title {
 		font-size: 24px;
 		line-height: 1.4
 	}

 	.link-wrap .link-l,
 	.link-wrap .link-r {
 		width: 100%
 	}

 	.link-wrap .link-l {
 		margin-bottom: 4vw;
 		padding: 0 28px 0 130px
 	}

 	.link-wrap .link-r {
 		padding: 0 130px 0 28px
 	}

 	.link-wrap {
 		flex-direction: column
 	}

 	.link-a,
 	.link-a a {
 		-ms-text-overflow: ellipsis;
 		text-overflow: ellipsis;
 		overflow: hidden;
 		white-space: nowrap
 	}

 	.contant-c-main {
 		background: #fff
 	}

 	.content-list1 .content-info {
 		height: 40vw
 	}
 }

 @media screen and (max-width:768px) {
 	.pro-main {
 		padding: 4vw 0
 	}

 	.prolist-top {
 		display: none
 	}

 	.prolist-0,
 	.prolist-1 {
 		justify-content: space-between
 	}

 	.prolist-0 {
 		flex-direction: row;
 		flex-wrap: wrap
 	}

 	.prolist-0 .pro-info {
 		padding: 4vw
 	}

 	.prolist-0 .pro-item .pro-btn {
 		width: 100%
 	}

 	.prolist-0 .pro-img {
 		width: 100%;
 		height: auto;
 		margin-right: 0;
 		position: relative
 	}

 	.prolist-0 .pro-img:after {
 		display: block
 	}

 	.prolist-0 .img-wrap {
 		position: absolute;
 		top: 0;
 		left: 0;
 		bottom: 0;
 		justify-content: center;
 		align-items: center
 	}

 	.prolist-0 .pro-item {
 		display: flex;
 		flex-direction: column;
 		height: auto
 	}

 	.prolist-0 .pro-item:hover {
 		margin-bottom: 4vw
 	}

 	.prolist-0 .pro-item .pro-btn .arr {
 		display: none
 	}

 	.prolist-0 .pro-item,
 	.prolist-1 .pro-item {
 		width: 47%;
 		margin-right: 0;
 		margin-bottom: 4vw
 	}

 	.prolist-1 .pro-item:nth-of-type(3n),
 	.prolist-1 .pro-item:nth-of-type(4n) {
 		margin-right: 0
 	}

 	.common-left {
 		width: 100%
 	}

 	.common-pages {
 		width: 100%;
 		flex-wrap: wrap;
 		justify-content: flex-start;
 		margin-bottom: 4vw
 	}

 	.common-pages a,
 	.common-pages span {
 		margin-bottom: 4vw;
 		border-right: 1px solid #d7d7d7
 	}

 	.common-pages .last {
 		border-right: none
 	}

 	.common-pages .last a {
 		border-right: 1px solid #d7d7d7
 	}

 	.pro-item {
 		display: flex;
 		flex-direction: column
 	}

 	.pro-item .pro-btn {
 		height: 38px;
 		color: #fff;
 		order: 1
 	}

 	.prolist-1 .pro-item .pro-btn .arr {
 		display: none
 	}

 	.pro-info {
 		padding: 4vw
 	}

 	.pro-name {
 		height: 40px;
 		display: -webkit-box;
 		display: -moz-box;
 		max-height: 40px;
 		line-height: 20px;
 		text-overflow: ellipsis;
 		word-break: break-all;
 		-webkit-box-orient: vertical;
 		-webkit-line-clamp: 2;
 		overflow: hidden
 	}

 	.pro-c-main {
 		margin-top: 13.3333333333vw;
 		padding: 0
 	}

 	.pro-c-main .common-wrapper_s {
 		padding: 0
 	}

 	.pro-c-top {
 		flex-direction: column
 	}

 	.pro-c-top .pro-preview-left {
 		width: 100%;
 		min-width: 100%;
 		height: auto
 	}

 	.pro-c-top .pro-preview-left .preview-container {
 		visibility: hidden;
 		width: 100%
 	}

 	.pro-c-top .pro-preview-left .preview-container .small-box {
 		display: none
 	}

 	.pro-c-top .pro-preview-left .preview-container .thumbnail-box {
 		margin: 0
 	}

 	.pro-c-top .pro-preview-left .preview-container .thumbnail-box a {
 		display: none
 	}

 	.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list,
 	.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .wrapper {
 		width: 100%
 	}

 	.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item {
 		height: auto;
 		border: none;
 		margin: 0;
 		outline: none
 	}

 	.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img {
 		width: 100%
 	}

 	.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .banner-page {
 		display: flex
 	}

 	.pro-c-top .pro-preview-right {
 		margin-bottom: 0;
 		padding: 4vw 0
 	}

 	.pro-c-top .pro-preview-right .pro-name {
 		font-size: 4vw
 	}

 	.pro-c-top .pro-preview-right .pro-price,
 	.pro-c-top .pro-preview-right .pro-views {
 		font-size: 4vw;
 		margin: 1.3333333333vw 0
 	}

 	.pro-c-top .pro-preview-right .share-btn-list {
 		margin: 4vw 0
 	}

 	.pro-c-top .pro-preview-right article {
 		font-size: 3.2vw;
 		line-height: 4.8vw;
 		margin-right: 0
 	}

 	.pro-c-top .pro-preview-right .btn-list {
 		justify-content: space-between;
 		margin-top: 4vw
 	}

 	.pro-c-top .pro-preview-right .btn-list .btn-list .btn,
 	.pro-c-top .pro-preview-right .btn-list .btn-list .LayImAhrefNode,
 	.pro-c-top .pro-preview-right .btn-list .pdown1,
 	.pro-c-top .pro-preview-right .btn-list .pdown2,
 	.pro-c-top .pro-preview-right .btn-list .pdown3 {
 		width: 47%
 	}

 	.pro-c-top .pro-preview-right .btn-list .btn,
 	.pro-c-top .pro-preview-right .btn-list .pdown2 {
 		height: 6.6666666667vw;
 		width: 40vw;
 		margin: 4vw 0
 	}

 	.pro-c-top .pro-preview-right .btn-list .btn span,
 	.pro-c-top .pro-preview-right .btn-list .pdown2 span {
 		font-size: 4vw
 	}

 	.pro-c-top .singglepic {
 		width: 100% !important;
 		height: auto !important;
 		margin-bottom: 0 !important;
 		border: none !important
 	}

 	.pro-c-top .singglepic img {
 		max-width: 100%;
 		max-height: 100%;
 		width: 100%
 	}

 	.pro-c-info {
 		margin: 0;
 		padding: 4vw
 	}

 	.pro-c-name {
 		font-size: 20px;
 		margin: 4vw 0
 	}

 	#gallery .swiper-pagination-bullet {
 		background: #000;
 		opacity: .2
 	}

 	#gallery .swiper-pagination-bullet-active {
 		background: #0059b0;
 		opacity: 1
 	}

 	.pro-c-main article {
 		padding: 0 4vw
 	}

 	.pro-c-art {
 		margin-top: 4vw
 	}

 	.pro-c-art .inquiry,
 	.pro-c-art .link-wrap {
 		padding: 0 4vw
 	}

 	.pro-rel-top {
 		margin: 4vw 0
 	}

 	.pro-c-art .content-c-tit,
 	.pro-rel-top .pro-rel-tit {
 		font-size: 20px
 	}

 	.pro-rel {
 		padding: 4vw
 	}

 	.preview-container {
 		margin-left: 0
 	}

 	.pro-c-info {
 		width: 100%
 	}

 	.pro-c-con {
 		margin: 0 0 4vw
 	}

 	.pro-c-banner {
 		display: none
 	}

 	.btn-list .btn,
 	.btn-list .LayImAhrefNode,
 	.pdown1,
 	.pdown2,
 	.pdown3 {
 		width: 47%
 	}

 	.btn-list .btn>a,
 	.btn-list .LayImAhrefNode>a,
 	.pdown1>a,
 	.pdown2>a,
 	.pdown3>a {
 		width: 100%
 	}
 }

 /* add */
 .foot-right_b {
 	width: 100%;
 	background-color: #20232c;
 	color: #d1d1d1
 }

 .foot-right_b .common-wrapper_s {
 	padding: 10px 0;
 	width: 100%;
 	text-align: center;
 	display: flex;
 	justify-content: center
 }

 .singglepic {
 	width: 450px !important;
 	height: 450px !important
 }

 @media screen and (max-width:768px) {
 	.content-list0 .content-img {
 		height: auto
 	}

 	.content-list0 .content-img img {
 		width: 100%;
 		height: auto
 	}

 	.content-list0 .content-img a {
 		display: flex;
 		width: 100%;
 		height: 100%
 	}

 	.content-list0 .content-item {
 		height: auto
 	}

 	.content-list0 .content-more {
 		width: 100%;
 		box-sizing: border-box
 	}
 }

 .head-logo a {
 	display: flex;
 	height: 100%;
 	width: 100%;
 	justify-content: center;
 	align-items: center
 }

 .head-logo img {
 	max-height: 100%;
 	max-width: 100%;
 	width: auto
 }

 .e_mobile {
 	display: none
 }

 @media screen and (min-width:1250px) and (max-width:1920px) {

 	.about .about-con,
 	.about .about-img {
 		width: 50%;
 	}

 	.about .about-img img {
 		width: auto
 	}
 }

 @media screen and (max-width:768px) {
 	.banner img {
 		display: block;
 		width: 100%;
 		height: 100%;
 		object-fit: cover
 	}
 }

 @media screen and (max-width:768px) {
 	.pro-c-con {
 		display: none
 	}

 	.pro-c-main article p {
 		font-size: 18px;
 		line-height: 2
 	}

 	.content-main .content-c-date {
 		font-size: 12px;
 		color: #666
 	}

 	.content-main .content-c-date a {
 		color: #666
 	}

 	.content-main .content-top {
 		margin: 10px 0
 	}

 	.content-main .common-c-title {
 		font-size: 20px
 	}

 	.content-main .common-content article p {
 		font-size: 18px;
 		color: #444
 	}

 	.mobile-bottom,
 	.mobile-bottom .mobile-bottom-item {
 		min-height: 16vw
 	}

 	.mobile-bottom {
 		height: auto;
 		padding-bottom: constant(safe-area-inset-bottom);
 		padding-bottom: env(safe-area-inset-bottom)
 	}

 	.foot {
 		padding-bottom: calc(16vw + constant(safe-area-inset-bottom));
 		padding-bottom: calc(16vw + env(safe-area-inset-bottom))
 	}
 }

 .footlinks {
 	height: auto;
 	line-height: 1.4;
 	padding: 10px 0;
 }