@font-face {
	font-family: "iconfont";    src: url("?style/fonts/iconfont.eot");    src: url("?style/fonts/iconfont.eot") format("embedded-opentype"), url("?style/fonts/398815aa1ae046cd9cf1e773571ced63.woff") format("woff2"), url("?style/fonts/iconfont.woff") format("woff"), url("?style/fonts/iconfont.ttf") format("truetype"), url("?style/fonts/iconfont.svg") format("svg")
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal
}

.icon_close:before {
	content: "\e684"
}

.icon_arr_up:before {
	content: "\e685"
}

.icon_arr_right:before {
	content: "\e686"
}

.icon_douyin:before {
	content: "\e687"
}

.icon_contact:before {
	content: "\e688"
}

.icon_download:before {
	content: "\e689"
}

.icon_expert:before {
	content: "\e68a"
}

.icon_facebook:before {
	content: "\e68b"
}

.icon_lw_arr_right:before {
	content: "\e68c"
}

.icon_long_arr_left:before {
	content: "\e68d"
}

.icon_long_arr_right:before {
	content: "\e68e"
}

.icon_health:before {
	content: "\e68f"
}

.icon_info:before {
	content: "\e690"
}

.icon_linkedin:before {
	content: "\e691"
}

.icon_prev_left:before {
	content: "\e692"
}

.icon_phone:before {
	content: "\e693"
}

.icon_photo:before {
	content: "\e694"
}

.icon_search:before {
	content: "\e695"
}

.icon_tel_bold:before {
	content: "\e696"
}

.icon_service:before {
	content: "\e697"
}

.icon_location:before {
	content: "\e698"
}

.icon_prev_right:before {
	content: "\e699"
}

.icon_twitter:before {
	content: "\e69a"
}

.icon_weibo:before {
	content: "\e69b"
}

.icon_wx:before {
	content: "\e69c"
}

.icon_phone_mini:before {
	content: "\e69d"
}

.icon_backtop:before {
	content: "\e69e"
}

.icon_mouse:before {
	content: "\e69f"
}

.icon_mall:before {
	content: "\e6a0"
}

.icon_thin_left:before {
	content: "\e6a1"
}

.icon_thin_right:before {
	content: "\e6a2"
}

.icon_mall_:before {
	content: "\e6a3"
}

@-webkit-keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

@keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

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

.hvr-ripple-out:before {
	content: '';
	position: absolute;
	border: #e1e1e1 solid 6px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.hvr-ripple-out:hover:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:active:before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out
}

@-webkit-keyframes hvr-ripple-in {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1
	}
}

@keyframes hvr-ripple-in {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1
	}
}

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

.hvr-ripple-in:before {
	content: '';
	position: absolute;
	border: #e1e1e1 solid 4px;
	top: -12px;
	right: -12px;
	bottom: -12px;
	left: -12px;
	opacity: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.hvr-ripple-in:hover:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:active:before {
	-webkit-animation-name: hvr-ripple-in;
	animation-name: hvr-ripple-in
}

.hvr-float-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity
}

.hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	opacity: .8
}

.hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px)
}

.hvr-float {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-float:hover,.hvr-float:focus,.hvr-float:active {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px)
}

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

.hvr-bounce-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ed6b17;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:active {
	color: white
}

.hvr-bounce-to-right:hover:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.hvr-grow-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow, transform;
	transition-property: box-shadow, transform
}

.hvr-grow-shadow:hover,.hvr-grow-shadow:focus,.hvr-grow-shadow:active {
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

@media screen and (max-width: 800px) {
	hvr-float-shadow:hover,    .hvr-float-shadow:focus,    .hvr-float-shadow:active {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

	.hvr-float-shadow:hover:before,    .hvr-float-shadow:focus:before,    .hvr-float-shadow:active:before {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

	.hvr-float:hover,    .hvr-float:focus,    .hvr-float:active {
		-webkit-transform: none;
		transform: none
	}

	.hvr-bounce-to-right:hover,    .hvr-bounce-to-right:focus,    .hvr-bounce-to-right:active {
		color: white
	}

	.hvr-bounce-to-right:hover:before,    .hvr-bounce-to-right:focus:before,    .hvr-bounce-to-right:active:before {
		-webkit-transform: none;
		transform: none
	}

	.hvr-grow-shadow:hover,    .hvr-grow-shadow:focus,    .hvr-grow-shadow:active {
		box-shadow: 0;
		-webkit-transform: none;
		transform: none
	}
}

html,body,h1,h2,h3,h4,h5,h6,p,ul,li,input,button,textarea,section {
	margin: 0;
	padding: 0
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
	-webkit-appearance: none
}

input {
	-webkit-appearance: none
}

input[type="number"] {
	-moz-appearance: textfield
}

* {
	outline: 0;
	-webkit-font-smoothing: antialiased
}

.wow {
	visibility: hidden
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal
}

html,body {
	-webkit-user-select: none;
	user-select: none;
	overflow-x: hidden;
	background: #fff
}

body,input,button,textarea {
	font-family: -apple-system, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
	border: none;
	outline: none
}

body {
	line-height: 1
}

ol,ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	height: 1%
}

.t-center {
	text-align: center !important
}

.t-right {
	text-align: right !important
}

.t-left {
	text-align: left !important
}

html,body {
	-webkit-tap-highlight-color: transparent
}

a {
	text-decoration: none;
	outline: none;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent
}

img {
	vertical-align: middle;
	-webkit-touch-callout: none
}

.text-nowrap {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal !important;
	word-wrap: normal\0 !important
}

.text-wrap-2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
    /*!autoprefixer:off*/
	-webkit-box-orient: vertical
}

.pc- {
	display: block !important
}

.pc-flex {
	display: flex !important
}

.pc-inline {
	display: inline-block !important
}

.mobile- {
	display: none !important
}

.mobile-flex {
	display: none !important
}

.mobile-inline {
	display: none !important
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.page.bg-grey {
	background: #f9f9f9
}

.wrap {
	width: 100%
}

.wrap .container {
	width: 81.4%;
	max-width: 1560px;
	margin: 0 auto
}

.bg-grey {
	background: #4e4e4e
}

@-webkit-keyframes fadeInUpMini {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpMini {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30%, 0);
		-ms-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInUpMini {
	-webkit-animation-name: fadeInUpMini;
	animation-name: fadeInUpMini
}

@-webkit-keyframes zoomInMini {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.8, 0.8, 0.8);
		transform: scale3d(0.8, 0.8, 0.8)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomInMini {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.8, 0.8, 0.8);
		-ms-transform: scale3d(0.8, 0.8, 0.8);
		transform: scale3d(0.8, 0.8, 0.8)
	}

	50% {
		opacity: 1
	}
}

.zoomInMini {
	-webkit-animation-name: zoomInMini;
	animation-name: zoomInMini
}

@-webkit-keyframes fadeInLeftMini {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-15%, 15%, 0);
		transform: translate3d(-15%, 15%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftMini {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-15%, 15%, 0);
		-ms-transform: translate3d(-15%, 15%, 0);
		transform: translate3d(-15%, 15%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInLeftMini {
	-webkit-animation-name: fadeInLeftMini;
	animation-name: fadeInLeftMini
}

@-webkit-keyframes fadeInRightMini {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(15%, 15%, 0);
		transform: translate3d(15%, 15%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightMini {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(15%, 15%, 0);
		-ms-transform: translate3d(15%, 15%, 0);
		transform: translate3d(15%, 15%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInRightMini {
	-webkit-animation-name: fadeInRightMini;
	animation-name: fadeInRightMini
}

@-webkit-keyframes fadeInLeft2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-15%, 0, 0);
		transform: translate3d(-15%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-15%, 0, 0);
		-ms-transform: translate3d(-15%, 0, 0);
		transform: translate3d(-15%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInLeft2 {
	-webkit-animation-name: fadeInLeft2;
	animation-name: fadeInLeft2
}

@-webkit-keyframes fadeInRight2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(15%, 0, 0);
		transform: translate3d(15%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(15%, 0, 0);
		-ms-transform: translate3d(15%, 0, 0);
		transform: translate3d(15%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInRight2 {
	-webkit-animation-name: fadeInRight2;
	animation-name: fadeInRight2
}

.banner-text {
	position: absolute
}

.banner-text.black .banner-title {
	color: #000000
}

.banner-text.black .banner-desc {
	color: #7A7A7A
}

.banner-text .banner-title {
	font-size: 2.5rem;
	line-height: 1.4;
	color: #FFFFFF
}

.banner-text .banner-desc {
	font-size: 1.25rem;
	margin-top: 10px;
	color: #FFFFFF;
	font-weight: 200
}

.ui-tabs {
	width: 100%;
	overflow-x: auto;
	padding: 30px 0 0;
	border-bottom: 1px solid #EEEEEE;
	overflow-y: hidden
}

.ui-tabs::-webkit-scrollbar {
	display: none;
	width: 0px
}

.ui-tabs .main {
	width: auto;
	white-space: nowrap
}

.ui-tabs .ui-tab {
	display: inline-block;
	margin-right: 3.645vw;
	width: auto;
	cursor: pointer;
	padding-bottom: 30px;
	position: relative;
	transition: opacity .2s ease-in-out;
	box-sizing: border-box
}

.ui-tabs .ui-tab span {
	font-size: 1rem;
	color: #777777;
	letter-spacing: 0;
	text-align: center
}

.ui-tabs .ui-tab.active {
	border-bottom: 2px solid #ed6b17
}

.ui-tabs .ui-tab.active span {
	font-size: 1rem;
	color: #282828;
	letter-spacing: 0;
	text-align: center
}

.ui-tabs .ui-tab:last-child {
	margin-right: 0
}

.ui-tabs .ui-tab:hover {
	opacity: .7
}

.sec-header.fixed {
	position: fixed;
	top: 100px;
	left: 0;
	z-index: 5
}

.sec-header {
	width: 100%;
	height: 80px;
	background: #fff
}

.sec-header .container {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.sec-header .title {
	font-size: 1.25rem;
	color: #000000;
	letter-spacing: 0;
	font-weight: 500;
	margin-left: 50px
}

.sec-header .case__tabs {
	display: flex;
	align-items: center
}

.sec-header .case__tabs .case-tab {
	display: inline-block;
	margin-right: 50px;
	font-size: 0.875rem;
	color: #4E4E4E;
	cursor: pointer;
	transition: opacity .3s ease-in-out;
	position: relative
}

.sec-header .case__tabs .case-tab:hover {
	opacity: .7
}

.sec-header .case__tabs .case-tab.active {
	color: #ed6b17;
	cursor: default
}

.sec-header .case__tabs .case-tab.active:hover {
	opacity: 1
}

.sec-header .case__tabs .case-tab-btn {
    /* background: #ed6b17; */
	border-radius: 2px;
	font-size: 0.75rem;
	padding: 0 20px;
	height: 27px;
    /* cursor: pointer; */
	line-height: 27px;
	color: #FFFFFF;
	transition: opacity .3s ease-in-out
}

.sec-header .case__tabs .case-tab-btn:hover {
	opacity: .7
}

.sec-header .case__tabs.is-line .case-tab.active::after {
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	height: 1px;
	background: #ed6b17;
	bottom: -16px;
	left: 50%;
	transform: translate(-50%, 0)
}

.search-container {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 22;
	background: #fff;
	display: none
}

.search-container .search-title .title {
	height: 90px;
	line-height: 90px;
	font-size: 1.375rem;
	color: #999999;
	letter-spacing: 0
}

.search-container .search-list .search-item {
	height: 64px;
	margin: 8px 0
}

.search-container .search-list .search-item:nth-child(2n-1) {
	background: #F9F9F9
}

.search-container .search-list .search-item:first-child {
	margin-top: 0
}

.search-container .search-list .search-item .main {
	height: 64px;
	display: flex;
	align-items: center
}

.search-container .search-list .search-item .main .l1 {
	font-size: 1rem;
	color: #000000;
	letter-spacing: 0;
	width: 10.78125vw;
	transition: all .3s ease-in-out
}

.search-container .search-list .search-item .main .l2 {
	font-size: 0.75rem;
	color: #92969D;
	letter-spacing: 0;
	width: 19vw;
	transition: all .3s ease-in-out
}

.search-container .search-list .search-item .main .l3 {
	width: 142px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 0.875rem;
	color: #282828;
	transition: all .3s ease-in-out;
	border: 1px solid #999;
	box-sizing: border-box;
	border-radius: 4px;
	cursor: pointer
}

.search-container .search-list .search-item .main:hover .l1 {
	color: #ed6b17
}

.search-container .search-list .search-item .main:hover .l2 {
	color: #ed6b17
}

.search-container .search-list .search-item .main:hover .l3 {
	color: #ed6b17;
	border-color: #ed6b17
}

.search-container .search__header {
	height: 100px;
	border-bottom: 1px solid #EEEEEE
}

.search-container .search__header .main {
	height: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.search-container .search__header .search-box {
	display: flex;
	align-items: center;
	flex: 1
}

.search-container .search__header .search-box .iconfont {
	color: 000
}

.search-container .search__header .search-box .search-input {
	height: 25px;
	line-height: 25px;
	font-size: 1.125rem;
	outline: 0;
	margin-left: 10px;
	width: 60%
}

.search-container .search__header .search-right {
	display: flex;
	align-items: center;
	text-align: right
}

.search-container .search__header .search-btn {
	display: flex;
	width: 100px;
	height: 40px;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
	color: #FFFFFF;
	margin-right: 28px;
	background: #ed6b17;
	border-radius: 2px;
	cursor: pointer;
	transition: opacity .3s ease-in-out
}

.search-container .search__header .search-btn:hover {
	opacity: .7
}

.search-container .search__header .search-close {
	display: inline-block;
	width: 33px;
	height: 33px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #F9F9F9;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	transition: opacity .3s ease-in-out
}

.search-container .search__header .search-close .iconfont {
	font-size: 0.75rem
}

.search-container .search__header .search-close:hover {
	opacity: .7
}

.search-container .main {
	width: 60.885vw;
	margin: 0 auto
}

.img-preview-container {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1119;
	background: rgba(0, 0, 0, 0.9)
}

.img-preview-container .preview-slide {
	width: 100vw;
	height: 100vh
}

.img-preview-container .preview-slide .preview-img {
	position: absolute;
	max-width: 80vw;
	max-height: 80vh;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px
}

.img-preview-container .preview-close {
	position: absolute;
	right: 40px;
	top: 40px;
	cursor: pointer;
	outline: 0;
	transition: opacity .3s ease-in-out;
	z-index: 88
}

.img-preview-container .preview-close:hover {
	opacity: .7
}

.img-preview-container .preview-close .iconfont {
	color: #fff
}

.img-preview-container .preview-prev {
	position: absolute;
	left: 40px;
	top: 50%;
	cursor: pointer;
	outline: 0;
	transition: opacity .3s ease-in-out;
	transform: translate(0, -50%);
	z-index: 88
}

.img-preview-container .preview-prev:hover {
	opacity: .7
}

.img-preview-container .preview-prev.swiper-button-disabled {
	display: none
}

.img-preview-container .preview-prev .iconfont {
	color: #fff
}

.img-preview-container .preview-next {
	position: absolute;
	right: 40px;
	top: 50%;
	cursor: pointer;
	outline: 0;
	transition: opacity .3s ease-in-out;
	transform: translate(0, -50%);
	z-index: 88
}

.img-preview-container .preview-next.swiper-button-disabled {
	display: none
}

.img-preview-container .preview-next:hover {
	opacity: .7
}

.img-preview-container .preview-next .iconfont {
	color: #fff
}

.img-preview-container .prev-intro {
	width: 60vw;
	position: absolute;
	bottom: 40px;
	color: #fff;
	text-align: center;
	left: 20vw;
	font-size: 1rem
}

.ui-pagination {
	width: 100%;
	height: 12px;
	position: absolute;
	right: auto;
	top: auto;
	left: 0 !important;
	bottom: -5vw !important;
	z-index: 4;
	text-align: center
}

.ui-pagination .swiper-pagination-bullet {
	width: 8px !important;
	height: 8px !important;
	border-radius: 4px;
	box-sizing: border-box;
	background: #D8D8D8;
	margin: 0 4px !important;
	position: relative;
	opacity: 1
}

.ui-pagination .swiper-pagination-bullet-active {
	background: #393939
}

.photo-container .swiper-slide {
	width: 100% !important
}

.hvr-photo {
	overflow: hidden
}

.hvr-photo img {
	transition: all 1s ease-in-out
}

.hvr-photo .img {
	transition: all 1s ease-in-out
}

.hvr-photo:hover img {
	transform: scale(1.05, 1.05)
}

.hvr-photo:hover .img {
	transform: scale(1.05, 1.05)
}

.ui-pageing {
	margin: 1.5625vw auto;
	display: flex;
	align-items: center;
	justify-content: center
}

.ui-pageing .page-prev {
	color: #000000;
	padding: 0 10px;
	margin: 0 10px;
	font-size: 1rem;
	cursor: pointer
}

.ui-pageing .page-prev:hover {
	opacity: .7
}

.ui-pageing .page-prev.hidden {
	color: #CCCCCC
}

.ui-pageing .page-prev.hidden:hover {
	opacity: 1
}

.ui-pageing .page-next {
	color: #000000;
	padding: 0 10px;
	margin: 0 10px;
	font-size: 1rem;
	cursor: pointer
}

.ui-pageing .page-next:hover {
	opacity: .7
}

.ui-pageing .page-next.hidden {
	color: #CCCCCC
}

.ui-pageing .page-next.hidden:hover {
	opacity: 1
}

.ui-pageing .ui-page-content {
	display: flex;
	align-items: center
}

.ui-pageing .ui-page-content .page-input {
	padding: 0;
	height: 36px;
	line-height: 16px;
	box-sizing: border-box;
	font-size: 1rem;
	width: 32px;
	text-align: center;
	background: transparent;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	color: #000000
}

.ui-pageing .ui-page-content .rt {
	font-size: 1rem;
	margin: 0 10px;
	color: #AAAAAA
}

.ui-pageing .ui-page-content .total-page {
	font-size: 1rem;
	color: #AAAAAA
}

.vhidden {
	visibility: hidden
}

@media screen and (max-width: 1800px) {
	html {
		font-size: 15px
	}
}

@media screen and (max-width: 1680px) {
	html {
		font-size: 14px
	}
}

@media screen and (max-width: 1560px) {
	html {
		font-size: 13px
	}
}

@media screen and (max-width: 1440px) {
	html {
		font-size: 13px
	}

	.wrap {
		width: 100%
	}

	.wrap .container {
		width: 88%
	}

	.sec-header.fixed {
		top: 66px
	}
}

@media screen and (max-width: 1200px) {
	html {
		font-size: 12px
	}

	.wrap {
		width: 100%
	}

	.wrap .container {
		width: 90%
	}
}

@media screen and (max-width: 800px) {
	html {
		font-size: 16px
	}

	body {
		overflow-x: hidden
	}

	.pc- {
		display: none !important
	}

	.pc-flex {
		display: none !important
	}

	.pc-inline {
		display: none !important
	}

	.mobile- {
		display: block !important
	}

	.mobile-flex {
		display: flex !important
	}

	.mobile-inline {
		display: inline-block !important
	}

	.ui-tabs {
		width: 100%;
		overflow-x: auto;
		padding: 0;
		background: #FFFFFF;
		box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04);
		border-radius: 4px;
		font-size: 14px;
		color: #777777;
		letter-spacing: 0
	}

	.ui-tabs .main {
		padding: 0 6.4vw
	}

	.ui-tabs .ui-tab {
		display: inline-block;
		margin-right: 38px;
		font-size: 14px;
		color: #777777;
		letter-spacing: 0;
		text-align: center;
		cursor: pointer;
		padding: 14px 0 12px;
		line-height: 20px;
		position: relative;
		box-sizing: border-box
	}

	.ui-tabs .ui-tab span {
		font-size: 14px;
		color: #777777;
		letter-spacing: 0;
		text-align: center
	}

	.ui-tabs .ui-tab.active {
		border-bottom: none;
		position: relative
	}

	.ui-tabs .ui-tab.active span {
		font-size: 14px;
		color: #000;
		letter-spacing: 0;
		text-align: center
	}

	.ui-tabs .ui-tab.active::after {
		content: '';
		display: block;
		width: 32px;
		height: 2px;
		background: #ed6b17;
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translate(-50%, 0);
		z-index: 3
	}

	.ui-tabs .ui-tab:last-child {
		margin-right: 6.4vw
	}

	.ui-tabs .ui-tab:hover {
		opacity: .7
	}

	.sec-header.fixed {
		top: 50px
	}

	.sec-header {
		height: 48px
	}

	.sec-header .container {
		height: 48px;
		padding: 0 4vw
	}

	.sec-header .title {
		font-family: PingFangSC-Medium;
		font-size: 16px;
		color: #282828;
		letter-spacing: 0;
		margin-left: 0
	}

	.sec-header .y-btn {
		width: 78px;
		height: 28px;
		border-radius: 4px;
		background: #ed6b17;
		text-align: center;
		font-size: 12px;
		color: #FFFFFF;
		line-height: 28px
	}

	.ui-pagination {
		width: 100%;
		height: 12px;
		position: absolute;
		right: auto;
		top: auto;
		left: 0 !important;
		bottom: -5vw !important;
		z-index: 4;
		text-align: center
	}

	.ui-pagination .swiper-pagination-bullet {
		width: 6px !important;
		height: 6px !important;
		border-radius: 3px;
		box-sizing: border-box;
		background: #D8D8D8;
		margin: 0 4px !important;
		position: relative;
		opacity: 1
	}

	.ui-pagination .swiper-pagination-bullet-active {
		background: #393939
	}

	.photo-container .swiper-slide {
		width: 100% !important
	}

	.vhidden {
		display: none
	}
}

.header {
	width: 100%;
	height: 100px;
	background: transparent;
	position: relative;
	top: 0;
	left: 0;
	z-index: 11;
	box-sizing: border-box;
	transition: background-color .6s ease-in-out, border .6s ease-in-out
}

.header .container {
	height: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	display: flex;
	justify-content: space-between;
	position: relative
}

.header .left-icon {
	display: none
}

.header .right-icon {
	display: none
}

.header .brand {
	display: flex;
	align-items: center !important;
	position: relative
}

.header .brand h1 {
	padding-left: 10px;
	border-left: 1px solid #666;
	font-size: 1rem;
	margin-left: 14px;
	color: #666;
	font-weight: 500;
	display: none;
}

.header .navbar .nav-item a {
	color: #333;
	margin-left: 50px;
	transition: all .2s ease-in-out
}

.header .navbar .nav-item a:hover {
	color: #ed6b17
}

.header .navbar .nav-item a.active {
	color: #ed6b17
}

.header .logo {
    /*width: 109px;    height: 30px;*/
	height: 67px;
	transition: all .3s ease-in-out;
	opacity: 1
}

.header .logo_green {
    /*width: 109px;*/
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .3s ease-in-out;
	opacity: 0
}

.header-height {
	width: 100%;
	height: 100px
}

.menu-box {
	display: none
}

.header.deep .logo {
	opacity: 0 !important
}

.header.deep .logo_green {
	opacity: 1 !important
}

.header.deep .brand h1 {
	border-left-color: #92969D;
	color: #92969D
}

.header.deep .navbar .nav-item a {
	color: #282828
}

.header.deep .navbar .nav-item a:hover {
	color: #ed6b17
}

.header.deep .navbar .nav-item a.active {
	color: #ed6b17
}

.header.grey .logo {
	opacity: 1 !important
}

.header.grey .logo_green {
	opacity: 0 !important
}

.header.current {
	background: #fff;
	border-bottom: 1px solid #eee
}

.header.current .logo {
	opacity: 0
}

.header.current .logo_green {
	position: absolute;
	opacity: 1
}

.header.current .brand {
	display: flex;
	align-items: center !important;
	position: relative
}

.header.current .brand h1 {
	border-left-color: #92969D;
	color: #92969D
}

.header.current .navbar .nav-item a {
	color: #282828
}

.header.current .navbar .nav-item a:hover {
	color: #ed6b17
}

.header.current .navbar .nav-item a.active {
	color: #ed6b17
}

.mob-search-box {
	display: none
}

.header.hide {
	display: none
}

.header.fixed {
	position: fixed;
	top: 0;
	left: 0
}

.header.fiex_curr {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999 !important;
	background: rgba(255,255,255,.9);
	border-bottom: 1px solid #f0f0f0;
}

.main {
	width: 81.3vw !important;
	margin: auto;
}

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

.syxw_box .xw_left {
	width: 41%;
}

.xw_img,.cont_img {
	overflow: hidden;
}

.xw_img img,.cont_img img {
	width: 100%;
	transition: 2s;
}

.xw_img:hover img,.cont_img:hover img {
	transform: scale(1.2);
}

.xw_li {
	padding: 20px;
	background-color: #eaeaea;
	margin-bottom: 20px;
}

.xw_li:last-child {
	margin-bottom: 0;
}

.xw_li .xw_img {
	float: left;
	width: 28%;
}

.xw_li .xw_textbox {
	float: right;
	width: 68%;
}

.xw_textbox h3 a {
	font-size: 18px;
	color: #111;
	margin-bottom: 10px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.xw_textbox .xw_p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}

.xw_right {
	width: 57%;
	background: #f6f6f6;
}

.xw_contbox {
	display: none;
	background-color: #f6f6f6;
}

.xw_contbox .media-body {
	padding: 24px;
}

.media-body h2 {
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 15px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.media-body .desc {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.xw_li.curre {
	background-color: #333;
}

.xw_li.curre .xw_textbox h3 a {
	color: #fff;
}

.xw_li.curre .xw_textbox .xw_p {
	color: #fff;
}

.about_body {
	background: #f5f5f5;
	padding: 80px 0;
}

.about_body .flex {
	justify-content: space-between;
}

.about_left {
	width: 39%;
	padding: 12% 70px;
	background: url(?style/images/abimg.jpg) no-repeat center;
	background-size: cover;
}

.about_name {
	position: relative;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
	padding-left: 50px;
	letter-spacing: 2px;
}

.about_name:before {
	position: absolute;
	left: 0;
	top: 13px;
	width: 40px;
	height: 4px;
	background: #f18b43;
	display: block;
	content: '';
}

.ab_ms {
	font-size: 26px;
	color: #fff;
	font-weight: bold;
}

.about_right {
	width: 61%;
	padding: 5vw 50px;
	background: url(?style/images/sy_abbg.jpeg) no-repeat center;
	background-size: cover;
}

.gsjj {
	font-size: 16px;
	color: #3f4150;
	line-height: 30px;
	padding-bottom: 30px;
}

.about_right .count-list {
	width: 100%;
	margin: 30px auto;
}

.about_right .count-list .item .count {
	font-size: 40px;
}

.ab_more {
	display: block;
	width: 128px;
	height: 45px;
	border: #666 solid 1px;
	line-height: 45px;
	color: #666;
	font-size: 14px;
	text-align: center;
}

.ab_more:hover {
	border: #ed6b17 solid 1px;
	background: #ed6b17;
	color: #fff;
}

@media screen and (max-width: 1440px) {
	.header {
		height: 66px
	}

	.header .container {
		height: 66px
	}

	.header-height {
		height: 66px
	}
}

@media screen and (max-width: 1200px) {
	.header {
		height: 66px
	}

	.header .container {
		height: 66px
	}

	.header-height {
		height: 66px
	}
}

@media screen and (max-width: 800px) {
	.header-height {
		height: 50px
	}

	.header {
        /*position: fixed;*/
		top: 0;
		left: 0;
		height: 50px
	}

	.header .container {
		height: 50px;
		width: 94vw
	}

	.header .navbar {
		display: none;
		position: absolute
	}

	.header .left-icon {
		width: 20px;
		height: 20px;
		position: relative;
		display: block;
		padding: 10px;
		left: 0;
		cursor: pointer
	}

	.header .left-icon span {
		display: block;
		width: 16px;
		height: 1px;
		border-radius: 1px;
		background: #111 !important;
		position: absolute;
		transform-origin: 0% 0%;
		transition: all .3s ease-in-out
	}

	.header .left-icon span:first-child {
		top: 13px;
		left: 12px
	}

	.header .left-icon span:nth-child(2) {
		top: 19px;
		left: 12px;
		opacity: 1
	}

	.header .left-icon span:last-child {
		top: 25px;
		left: 12px
	}

	.header .right-icon {
		width: 20px;
		height: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		padding: 10px;
		position: relative;
		right: 0;
		font-size: 18px;
		cursor: pointer
	}

	.header .right-icon .icon_close {
		display: none;
		font-size: 12px
	}

	.header .right-icon.current .icon_search {
		display: none
	}

	.header .right-icon.current .icon_close {
		display: block
	}

	.header .brand img {
        /*width: 68px;        height: 18px*/
		height: 35px;
	}

	.header .brand h1 {
		font-size: 12px;
		color: #333 !important;
		margin-left: 8px
	}

	.header.current {
		border-bottom: none
	}

	.header.current .left-icon span {
		background-color: #282828
	}

	.header.current .right-icon {
		color: #282828
	}

	.header .left-icon.current span {
		background-color: #282828
	}

	.header .left-icon.current span:first-child {
		top: 12px;
		left: 13px;
		width: 21px;
		transform: rotate(45deg)
	}

	.header .left-icon.current span:nth-child(2) {
		opacity: 0
	}

	.header .left-icon.current span:last-child {
		top: 27px;
		width: 21px;
		transform: rotate(-45deg)
	}

	.header .left-icon.hide {
		visibility: hidden
	}

	.header .right-icon.hide {
		visibility: hidden
	}

	.menu-box {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 6;
		background: #fff;
		overflow-y: auto
	}

	.menu-box .main {
		width: 86.68vw;
		margin: 60px auto 50px
	}

	.menu-box .menu-item {
		display: block;
		border-bottom: 1px solid #f1f1f1
	}

	.menu-box .menu-title {
		display: block;
		width: 100%;
		height: 55px;
		position: relative;
		box-sizing: border-box;
		cursor: pointer
	}

	.menu-box .menu-title span {
		font-size: 14px;
		color: #282828;
		line-height: 55px
	}

	.menu-box .menu-title i {
		position: absolute;
		display: block;
		top: 50%;
		right: 0;
		width: 12px;
		height: 12px;
		transition: all .3s ease-in-out;
		transform: translate(0, -50%)
	}

	.menu-box .menu-title i::before {
		content: '';
		width: 12px;
		height: 1px;
		background: #777777;
		border-radius: 1px;
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%)
	}

	.menu-box .menu-title i::after {
		content: '';
		width: 1px;
		height: 12px;
		background: #777777;
		border-radius: 1px;
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%)
	}

	.menu-box .menu-title.current i::after {
		opacity: 0
	}

	.menu-box .menu-content {
		display: none
	}

	.menu-box .menu-content a {
		display: block;
		width: 100%;
		height: 37px;
		line-height: 37px;
		font-size: 13px;
		color: #666666
	}

	.mob-search-box {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 6;
		background: #fff
	}

	.mob-search-box .main {
		width: 86.68vw;
		margin: 60px auto 50px
	}

	.mob-search-box .m-search-main {
		height: 46px;
		display: flex;
		align-items: center;
		border-bottom: 1px sold #dcdcdc
	}

	.mob-search-box .m-search-main input {
		flex: 1;
		margin-left: 10px;
		font-size: 14px;
		outline: 0;
		color: #777777
	}

	.mob-search-box .m-search-main .iconfont {
		color: #282828
	}

	.mob-search-box .m-search-btn {
		height: 11.2vw;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		background: #666666;
		cursor: pointer;
		border-radius: 4px;
		font-size: 14px;
		color: #FFFFFF;
		margin: 14px 0 28px
	}

	.mob-search-box .quick-enter {
		font-size: 13px;
		color: #AAAAAA;
		margin-bottom: 5px
	}

	.mob-search-box .m-search-item {
		width: 100%;
		height: 55px;
		position: relative;
		box-sizing: border-box;
		border-bottom: 1px solid #f1f1f1;
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer
	}

	.mob-search-box .m-search-item span {
		font-size: 14px;
		color: #282828
	}

	.mob-search-box .m-search-item i {
		color: #999;
		font-size: 13px
	}

	.header.grey {
		background: #333 !important;
		color: #fff !important
	}

	.header.grey .brand-title {
		color: #fff !important
	}

	.header.grey .left-icon span {
		background: #fff !important
	}

	.header.grey .right-icon {
		color: #fff !important
	}
}

.footer {
	font-size: 30px;
	background: #7e7f7f;
	padding-top: 40px;
	position: relative;
	z-index: 5
}

.footer .footer__nav-title {
	font-size: 14px;
	color: #FFFFFF
}

.footer .footer__nav {
	margin-top: 30px
}

.footer .footer__nav a {
	display: block;
	font-size: 12px;
	color: #CCCCCC;
	letter-spacing: 0;
	line-height: 26px;
	transition: opacity .3s ease-in-out
}

.footer .footer__nav a:hover {
	opacity: .7
}

.footer__main-map {
	display: flex;
	flex: 1;
	align-items: flex-start
}

.footer__main-map .footer__main-block {
	flex: 1
}

.footer__main {
	display: flex
}

.footer__aside-contact {
	width: 200px
}

.footer__aside-contact .footer__aside-block .phone {
	display: block;
	font-size: 27px;
	color: #ed6b17;
	letter-spacing: 0;
	line-height: 38px;
	margin-top: 30px;
	transition: opacity .3s ease-in-out;
	cursor: pointer;
	margin-bottom: 70px;
	font-family: 'DINPro-Regular'
}

.footer__aside-contact .footer__aside-block .phone:hover {
	opacity: .7
}

.footer__aside-contact .footer__aside-block .contact-span {
	font-size: 12px;
	color: #CCCCCC;
	letter-spacing: 0;
	margin-top: 2px;
	margin-bottom: 70px
}

.footer__aside-contact .contact-icons {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 30px
}

.footer__aside-contact .contact-icons .iconfont {
	width: 33.33%;
	color: #fff;
	margin-bottom: 25px;
	transition: opacity .3s ease-in-out;
	cursor: pointer
}

.footer__aside-contact .contact-icons .iconfont:hover {
	opacity: .7
}

.footer__bottom {
	border-top: 1px solid #999999;
	margin-top: 55px;
	padding: 30px 0;
	font-size: 12px;
	color: #dddddd;
	transition: opacity .3s ease-in-out;
	font-weight: 200
}

.footer__bottom span:first-child {
	margin-right: 10px
}

.footer__bottom span:last-child {
	margin-left: 10px
}

.footer__bottom a {
	font-size: 12px;
	margin: 0 3px;
	color: #dddddd;
	transition: opacity .3s ease-in-out;
	font-weight: 200
}

.footer__bottom a:hover {
	opacity: .7
}

.qr-dialog-box.iconfont:hover {
	opacity: 1 !important
}

.qr-dialog-box {
	position: relative
}

.qr-dialog-box .qr-dialog {
	display: none;
	position: absolute;
	padding: 6px 10px;
	bottom: 25px;
	width: 120px;
	height: 134px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 4px;
	left: 10px;
	transform: translate(-50%, 0)
}

.qr-dialog-box .qr-dialog .qr-dialog-title {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #1A1A1A;
	letter-spacing: 0;
	margin-top: 5px;
	line-height: 1.4;
	text-align: center
}

.qr-dialog-box .qr-dialog .arrow {
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translate(-50%, 0)
}

.qr-dialog-box .qr-dialog-img {
	width: 100px
}

.qr-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6)
}

.qr-mask .mob-qr-dialog {
	width: 72vw;
	padding: 5.867vw;
	box-sizing: border-box;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.qr-mask .mob-qr-dialog .icon_close {
	position: absolute;
	padding: 10px;
	top: -35px;
	right: -30px;
	color: #fff
}

.qr-mask .mob-qr-dialog .title {
	font-size: 0.9375rem;
	color: #282828;
	line-height: 1.4;
	margin-bottom: 5.6vw
}

.qr-mask .mob-qr-dialog .qr-code {
	width: 47.73vw;
	margin: 0 auto 4.8vw
}

.qr-mask .mob-qr-dialog .desc {
	font-size: 0.75rem;
	color: #ed6b17;
	position: relative;
	line-height: 1.5;
	margin-bottom: 7.467vw
}

.qr-mask .mob-qr-dialog .desc::after {
	content: '';
	display: block;
	width: 1em;
	height: 1px;
	background-color: #ed6b17;
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translate(-50%, 0)
}

.qr-mask .mob-qr-dialog .tips {
	font-family: PingFangSC-Regular;
	font-size: 0.75rem;
	color: #AAAAAA;
	line-height: 1.4
}

.sx_main {
	width: 50%;
}

.sx_main form {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sx_main .sx_list {
	width: 48%;
	font-size: 18px;
	color: #111111;
	height: 40px;
	line-height: 40px;
    /*box-sizing: border-box;    background-image: url(?style/images/jiantou_x.png);    background-position: right 20px center;    background-repeat: no-repeat;    position: relative;*/
}

.sx_main .form-box select {
	border: 1px solid #ed6b17;
	font-size: 16px;
	width: 100%;
	background-image: url(?style/images/jiantou_x.png);
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 15px;
	position: relative;
	line-height: 40px;
	height: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0 10px;
	border-radius: 5px;
}

.pro-cate-main .right.cp_body {
	width: 100%;
}

.pro-cate-main .cp_body .pro-list .item {
	width: 31.5%;
}
.pro-cate-main .cp_body .pro-list .proitrem {
	width: 48%;
	margin-bottom: 20px;
}
.pro_pic {
    height: 320px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pro_pic img {
    /*height: 100%;*/
	width: 100%;
	display: block;
}
.goods-more {
	width: 100% !important;
	height: auto !important;
}
.pro_li .pro_pic{
	height: auto;
    overflow: hidden;
    display: block;
    justify-content: center;
    align-items: center;
}
.pro_li .al_info{
	padding: 11rem 15px;
}
.pro_li:hover .al_info {
    background: rgba(255,255,255,.7);
    padding: 20px 15px;
    height: inherit;
}
.pro_li:hover .al_title {
    color: #333;
    margin-bottom: 10px;
}
.pro_li:hover .al_desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.pages_box a {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px 8px;
	font-size: 14px;
	margin: 0 2px;
	color: #666;
}

.pages_box a.current,.pages_box a:hover {
	border: 1px solid #ed6b17;
	color: #ed6b17
}

.banner img {
	width: 100%;
}

.sy_contbody {
	width: 81.3vw !important;
	margin: auto;
}

.sy_contbody .ui-page {
	margin-top: 0;
}

.clearfix:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
}

.b-7-z {
	width: 30%;
	float: left;
}

.b-7-m {
	width: 30%;
	margin: 0 5%;
	float: left;
}

.b-7-y {
	width: 30%;
	float: right;
}

.xw_box img {
	max-width: 100%;
}

.xw_box dt {
	height: 41px;
	line-height: 41px;
	border-bottom: 1px dashed #ddd;
	padding: 5px 0;
}

.xw_box dt h3 {
	float: left;
	font-size: 20px;
	font-weight: normal;
	background: url(?style/images/line2.png) left center no-repeat;
	padding-left: 14px;
	color: #000;
}

.xw_box dt a {
	float: right;
	font-family: Arial;
}

.xw_box dd {
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	border-bottom: 1px dashed #ddd;
	margin: 0;
}

.xw_box dd a {
	float: left;
	background: url(?style/images/ico9.png) left center no-repeat;
	padding-left: 10px;
	color: #666;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 70%;
}

.xw_box dd span {
	float: right;
	font-family: Arial;
	color: #888;
}

.header .left-icon span {
	left: 0!important;
}

.gywm-top {
	margin-top: 6vw;
}

.about_box {
	margin-bottom: 6vw;
}

.clearfix {
	height: auto !important;
}

.clearfix:after {
	clear: both;
	display: block;
	content: '';
}

.ab_left {
	float: left;
	width: 45%;
}

.ab_left img {
	max-width: 100%;
}

.ba_right {
	float: right;
	width: 51%;
}

.ab_name {
	font-size: 22px;
	margin-bottom: 45px;
	position: relative;
	color: #489605;
}

.ab_name:after {
	position: absolute;
	left: 0;
	bottom: -26px;
	width: 50px;
	height: 4px;
	display: block;
	content: '';
	background: #ed6b17;
}

.ab_text {
	font-size: 16px;
	line-height: 1.6;
	color: #666;
	margin-bottom: 20px;
}

.lxwm_ul {
	margin-bottom: 20px;
}

.lxwm_ul li {
	align-items: center;
	margin-bottom: 10px;
	font-size: 16px;
	color: #666;
}

.lxwm_ul li img {
	height: 20px;
	margin-right: 10px;
}

.more {
	border: 1px solid #ddd;
	font-size: 14px;
	line-height: 1.6;
	color: #666;
	display: inline-block;
	padding: 5px 20px;
}

.more:hover {
	background: #ed6b17;
	border: 1px solid #ed6b17;
	color: #fff;
}

footer {
	width: 100%;
	background: #6b6969;
	padding: 50px 0px 0;
}

.foot-box {
	padding-bottom: 30px;
	width: 81.4%;
	max-width: 1560px;
	margin: 0 auto;
}

.ft_left {
	width: 20%;
	float: left;
}

.ft_name {
	color: #fff;
	font-size: 16px;
	margin-bottom: 15px;
}

.ft_nav {
	width: 85%;
}

.ft_nav a {
	font-size: 14px;
	color: #fff;
	line-height: 1.8;
}

.ft_zhong {
	float: left;
	width: 20%;
	text-align: center;
}

.ft_zhong img {
	height: 140px;
}

.ft_right {
	width: 32%;
	float: right;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
}

.f_contact ul li {
	margin-bottom: 5px;
	height: 34px;
	line-height: 34px;
	padding-left: 30px;
}

.f_contact ul li.phone {
	background: url(?style/images/tel1.png) no-repeat center left;
	background-size: 15px;
}

.f_contact ul li.email {
	background: url(?style/images/em1.png) no-repeat center left;
	background-size: 20px;
}

.f_contact ul li.address {
	background: url(?style/images/ad1.png) no-repeat center left;
	background-size: 16px;
}

.bottm {
	clear: both;
	width: 100%;
	height: 58px;
	line-height: 58px;
	text-align: center;
	font-size: 14px;
	color: #d0d0d0;
	/*border-top: 1px solid #4b4b4b;*/
}

.bottm a {
	font-size: 14px;
	color: #d0d0d0;
}

/*光标*/
.home1 .header .navbar .nav-item a.active1,.home2 .header .navbar .nav-item a.active2,.home3 .header .navbar .nav-item a.active3,.home4 .header .navbar .nav-item a.active4,.home5 .header .navbar .nav-item a.active5,.home6 .header .navbar .nav-item a.active6,.home7 .header .navbar .nav-item a.active7,.home8 .header .navbar .nav-item a.active8 {
	color: #ed6b17;
}

input.radio2 {
	border: 1px solid #ccc;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background: none;
}

.sx_body {
	padding: 20px 15px;
	background: #f5f5f5;
}

.shaixuan {
	display: flex;
	align-items: center;
}

.shaixuan label {
	margin-right: 10px;
}

.shaixuan {
	margin: 15px 0;
}

.shaixuan a {
	display: inline-block;
	color: #666;
	font-size: 14px;
	margin: 0 10px;
}

.sx_body {
	margin-bottom: 30px;
}
.zx{
	width: 65%;
}
.zx_con {
	text-align: left;
	background: #f5f5f5;
	margin: 0 auto 10px;
	padding: 20px 0;
}

.query_filter_item {
	margin-top: 0;
	display: flex;
}

.zx_con h2 {
	/*width: 50px;*/
	margin-right: 15px;
	margin-left: 18px;
	color: #001432;
	font-size: 14px;
}

.zx_con ul {
	width: 80%;
	display: block;
	text-align: left;
	font-size: 14px;
	overflow: hidden;
}

.zx_con ul li {
	display: inline-block;
	cursor: pointer;
	margin: 0 10px 0;
	color: #7A869A;
}
.zx_con ul li a{
	color: #7A869A;
}
.zx_con ul li a:hover,.zx_con ul li.active a{
	color: #ed6b17;
}
.sy_cpbody ul li {
	float: left;
	width: 24.8%;
	margin: 0 .2% 10px 0;
	position: relative;
	transition: all ease .3s 0s;
	-moz-transition: all ease .3s 0s;
	-webkit-transition: all ease .3s 0s;
}

.sy_cpbody ul li:nth-child(4n) {
	margin-right: 0;
}

.sy_cpbody ul li a {
	display: block;
	width: 100%;
	height: 460px;
	display: flex;
	justify-content: center;
	overflow: hidden;
	align-items: center;
}

.sy_cpbody .lazy_img{
	height: 100%;
	width: 100%;
}
.sy_cpbody .sycp_img_h{
	display: none;
}
.sy_cpbody ul .con {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 30px 28px 37px;
	color: #fff;
	z-index: 1;
	display: block;
	width: 100%;
	justify-content: start;
}

.sy_cpbody ul .con:before {
	content: '';
	width: 16px;
	height: 9px;
	background: none;
	display: block;
	margin-bottom: 10px;
}

.con .tit {
	font-size: 26px;
	margin-bottom: 20px;
}

.con .subTit {
	margin-bottom: 10px;
	font-size: 16px;
}

.con .des {
	line-height: 22px;
	font-size: 14px;
	margin-top: 10px;
	color: #b9b9b9;
	display: none;
}

.con .is-plain {
	height: auto;
	width: auto;
	background: none;
	padding: 8px 40px;
	margin-top: 15px;
	color: #ed6917;
	border-color: #ed6917;
	display: inline-block;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid #ed6917;
	text-align: center;
	outline: none;
	transition: .1s;
	font-weight: 500;
	font-size: 14px;
	border-radius: 30px;
}

.sy_cpbody ul li:hover {
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	z-index: 1;
	box-shadow: 0 5px 20px #ccc;
}

.sy_cpbody ul li:hover .con {
	background: rgba(255,255,255,.7);
	border-bottom: solid 3px #ed6917;
	left: 0;
	bottom: -1px;
	right: -1px;
}

.sy_cpbody li:hover .con::before {
	content: '';
	width: 0px;
	height: 0;
	overflow: hidden;
	border-width: 0 15px 15px;
	border-style: solid;
	border-color: transparent transparent rgba(255,255,255,.7);
	position: absolute;
	left: 50%;
	top: -14px;
	margin-left: -15px;
	background: none;
}

.sy_cpbody li:hover .con .tit, .sy_cpbody li:hover .con .subTit {
	color: #333;
}

.sy_cpbody li:hover .con .des {
	display: block;
	color: #666;
}

.sy_cpbody li:hover .con .is-plain {
	background: #ed6917;
	color: #fff;
}
.sy_cpbody li:hover .sycp_img_h{
	display: block;
}
.sy_cpbody li:hover .sycp_img{
	display: none;
}
.botbtn a {
	color: #666;
}

.botbtn:hover a {
	color: #ed6917;
}

.sylxwm_body {
	padding: 50px 0;
	background: url(?style/images/lxwm_bg.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
	color: #fff;
}

.lx_title {
	font-size: 30px;
	margin-bottom: 20px;
}

.zhong {
	font-size: 28px;
	margin-bottom: 20px;
	letter-spacing: 2px;
	font-weight: bold;
}

.lx_cont span {
	display: block;
	width: 60px;
	height: 3px;
	background: #fff;
	margin: auto;
}

.lx_cont ul {
	margin: 20px 0;
}

.lx_cont ul li {
	font-size: 14px;
	line-height: 24px;
}

.lj_box {
	justify-content: center;
	margin-top: 30px;
}

.lj_box .lj_li {
	margin: 0 35px;
}

.lj_box .lj_li img {
	height: 50px;
}

.lj_box .lj_li a {
	color: #fff;
}

.link_box {
	padding: 20px 0;
	font-size: 14px;
	line-height: 24px;
	border-bottom: 1px solid #7a7a7a;
	color: #fff;
	background: #6b6969;
}

.link_box a {
	color: #fff;
}

.pro-tabs {
	width: 100% !important;
}
.sy_anli{
	margin-bottom: 50px;
}
.sy_anli:after{
	display: block;
	content: '';
	clear: both;
}
.anli_list {
	position: relative;
	width: 33.2%;
	margin-bottom: 20px;
	margin-right: .2%;
	float: left;
}
.anli_list:nth-child(3n){
	margin-right: 0;
}
.al_pic{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.al_pic img{
	height: 100%;
	width: 100%;
}
.al_info{
	position: absolute;
    left: 0;
	transition: all 0.8s ease 0s;
    bottom: 0;
	height: 100%;
    padding: 27% 15px;
    background: rgba(0,0,0,.3);
    width: 100%;
}
.al_title{
	font-size: 18px;
	text-align: center;
	color: #fff;
}
.al_desc{
	display: none;
	font-size: 14px;
	line-height: 22px;
	color: #666;
}
.anli_list:hover .al_info{
	background: rgba(255,255,255,.7);
	padding: 20px 15px;
	height: inherit;
}
.anli_list:hover .al_title{
	color: #333;
	margin-bottom: 10px;
}
.anli_list:hover .al_desc{

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.mbx_body{
	padding: 20px 0;
    font-size: 14px;
    line-height: 1;
	color: #a6a6a6;
}
.mbx_body a{
	color: #a6a6a6;
}
.mbx_body a.active{
	color: #333;
}
.case_name{
	font-size: 26px;
	text-align: center;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
.al_nav{
	justify-content: space-between;
}
.alnav_box{
	width: 300px;
	position:relative;
}
.alnav_box .al_type{
	padding: 5px 10px;
	border: 1px solid #ccc;
	font-size: 16px;
	line-height: 1.5;
	background: url(?style/images/xia.png) no-repeat right 5px center;
	background-size: 25px;
}
.alnav_box .fl_box{
	position: absolute;
    left: 0;
    top: 38px;
    width: 100%;
    z-index: 99;
    border: 1px solid #ccc;
	background: #fff;
	display: none;
}
.fl_box ul{
	padding: 10px;
}
.fl_box ul li{
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 5px;
}
.fl_box ul li:last-child{
	margin-bottom: 0;
}
.fl_box ul li a{
	color: #333;
}
.fl_box ul li a:hover{
	color: #ed6b17;
}
.al_search{
	width: 300px;
}
.ipt_tt{
	width: 75%;
    padding: 5px;
    font-size: 14px;
    color: #333;
    background: none;
    border: 1px solid #ccc;
}
.tijiao{
	width: 20%;
    font-size: 14px;
    text-align: center;
    background: #ccc;
    border: 1px solid #ccc;
    border-left: none;
}
.case_li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
	position: relative;
}
.case_li:nth-child(3n){
	margin-right: 0;
}
.an_img{
	overflow: hidden;
}
.an_img img{
	width: 100%;
	transition: all 0.5s linear;
}

.case_li .al_title{
	position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(255,255,255,.7);
    z-index: 9;
    padding: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
}
.case_li .al_title a{
	color: #333;
}
.case_li:hover .an_img img{
	transform: scale(1.1);
    transition: all 1s ease-in-out;
}
.case_li:hover .al_title a{
	color: #ed6b17;
}
.kj_body{
	width: 100% !important;
}
.xwsy_body{
	width: 97.5rem;
    margin: 0 auto;
    /*margin-bottom: 60px;*/
    max-width: 94vw;
}
.pc_h{
	height: 100px;
}
.sorry{
	padding: 20px 0;
    font-size: 20px;
    text-align: center;
    color: #ec6b17;
    font-weight: bold;
    letter-spacing: 2px;
	display: none;
}
.sorry:first-child{
	display: block;
}
.jscs_box {
	margin: 40px 0;
	padding: 20px;
    border: 1px solid #e5e5e5;
}
.jscs_box ul li{
	float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.5;
    color: #666;
}
.jscs_box ul li:nth-child(3n){
	margin-right: 0;
}

.pages_box{
	text-align: center;
    margin-top: 30px;
}


.page_ny {
	margin-top: 40px;
	justify-content: space-between;
}
.page_ny .prev,.page_ny .next{
	width: 48%;
	border: 1px solid #ddd;
	padding: 10px;
}
.page_ny .next{
	text-align: right;
}
.page_ny a{
	color: #333;
}


/*新底部样式*/
.db_left{
	float: left;
	width: 40%;
}
.db_center{
	float: left;
    width: 25%;
    margin: 0 5%;
}
.db_lxfa{
	float: right;
    width: 25%;
}
.db_left ul li{
	float: left;
	/*width: 23%;*/
	margin-right: 14%;
}
.db_left ul li:last-child{
	margin-right: 0;
}
.db_left .ft_nav{
	width: 100%;
}
.db_center{
    padding-right: 2%;
}
.db_cpmoany{
	font-size: 17px;
    margin-bottom: 10px;
    color: #ffac78;
    font-weight: bold;
}
.text_gs {
	font-size: 14px;
    line-height: 1.5;
    color: #fff;
	margin-bottom: 10px;
}
.weixin{
	text-align: left;
}
.weixin img{
	height: 120px;
}
.f_contact ul li{
	color: #fff;
	font-size: 14px;
}


/*联系我们位置*/
.contact-con {
    border: 1px solid #e1e1e1;
    padding: 16px 0;
    margin-bottom: 50px;
	position: relative;
}
.contact-deta {
    float: left;
    width: 46%;
    padding: 20px 0;
    margin: 0 2%;
    border-bottom: 1px solid #e9e9e9;
    font-size: 16px;
    color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.contact-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-color: #ed6a17;
    border-radius: 50%;
    margin-right: 20px;
    overflow: hidden;
}
.contact-icon img {
    width: 40px;
    height: 40px;
    display: block;
}
.contact-list-txt {
    max-width: 150px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 40px;
    overflow: hidden;
}
.contact-info {
    padding-top: 8px;
    max-height: 48px;
    line-height: 24px;
    -ms-word-break: break-all;
    word-break: break-all;
    overflow: hidden;
}
.contact-icon2 {
    width: 1px;
    height: 164px;
    top: 16px;
    left: 50%;
    background-color: #e1e1e1;
	position: absolute;
}
.contact-info a{
	color: #333;
}
.contact-info a:hover{
	color: #ed6a17;
}
.contact-deta:nth-child(3),.contact-deta:nth-child(4){
	border: none;
}


.syxw_tp{
	display: flex;
    align-items: center;
    justify-content: center;
    height: 270px;
    overflow: hidden;
}
.syxw_tp img{
	
}
.cont-boottom .content-anilg .syxw_tp a img {
    width: 100%;
    height: auto;
}
@media(max-width: 1510px){
	.db_left ul li{
		margin-right: 10%;
	}
	.db_center{
		padding-right: 0;
	}
}
@media screen and (max-width: 800px) {
	.footer {
		padding-top: 0
	}
	.syxw_tp{
		height: 190px;
		display: block;
	}
	.cont-boottom .content-anilg .syxw_tp a img {
		width: 100%;
		height: auto;
	}
	.header.current .left-icon span {
		left: 0!important;
	}

	.header .left-icon span:first-child {
		top: 4px !important;
	}

	.header .left-icon span:nth-child(2) {
		top: 10px !important;
	}

	.header .left-icon span:last-child {
		top: 16px !important;
	}

	.header .left-icon.current span:first-child {
		top: 3px !important;
	}

	.header .left-icon.current span:last-child {
		top: 17px !important;
	}

	.footer .footer-backtop {
		width: 100%;
		height: 50px;
		cursor: pointer;
		background: #4e4e4e;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 12px;
		color: #F9F9F9;
		letter-spacing: 0
	}

	.footer .footer-backtop .iconfont {
		transform: rotate(-90deg) scale(0.7, 0.7);
		margin-left: 3px
	}

	.footer .footer-backtop:hover {
		opacity: .7
	}

	.footer .footer__nav-title {
		height: 56px;
		box-sizing: border-box;
		font-size: 12px;
		color: #DCDCDC;
		letter-spacing: 0;
		line-height: 56px;
		width: 100%;
		cursor: pointer;
		position: relative
	}

	.footer .footer__nav-title::after {
		content: '';
		display: block;
		width: 12px;
		height: 1px;
		border-radius: 1px;
		background: #DCDCDC;
		position: absolute;
		right: 0px;
		top: 50%;
		transform: translate(0, -50%)
	}

	.footer .footer__nav-title::before {
		content: '';
		display: block;
		width: 1px;
		height: 12px;
		border-radius: 1px;
		background: #DCDCDC;
		position: absolute;
		right: 5.5px;
		top: 50%;
		transform: translate(0, -50%)
	}

	.footer .footer__nav {
		margin-top: 0;
		display: none
	}

	.footer .footer__nav a {
		display: block;
		display: block;
		width: 100%;
		height: 37px;
		line-height: 37px;
		font-size: 13px;
		color: #DCDCDC
	}

	.footer .footer__nav a:hover {
		opacity: .7
	}

	.footer__main {
		display: block
	}

	.footer__main-map {
		display: block
	}

	.footer__main-map .footer__main-block.active {
		display: block
	}

	.footer__main-map .footer__main-block.active .footer__nav-title::before {
		display: none
	}

	.footer__mob-contact {
		margin-top: 37px
	}

	.footer__mob-contact .footer-contact-item {
		display: flex;
		align-items: center;
		margin-bottom: 18px
	}

	.footer__mob-contact .footer-contact-item .footer-left {
		width: 7em;
		font-size: 12px;
		color: #FFFFFF;
		letter-spacing: 0
	}

	.footer__mob-contact .footer-contact-item .footer-right {
		display: flex;
		align-items: center
	}

	.footer__mob-contact .footer-contact-item .footer-right .iconfont {
		color: #BEBEBE
	}

	.footer__mob-contact .footer-contact-item .footer-ct span {
		opacity: 0.9;
		font-size: 18px;
		color: #ed6b17;
		letter-spacing: 0;
		margin-left: 5px
	}

	.footer__mob-contact .footer-contact-item .footer-link .iconfont {
		font-size: 1.25rem;
		margin-right: 4.8vw
	}

	.footer-mob__bottom {
		padding-top: 15px;
		padding-bottom: 20px
	}

	.footer-mob__bottom p {
		opacity: 0.8;
		font-size: 12px;
		color: #FFFFFF;
		letter-spacing: 0;
		margin-bottom: 9px
	}

	.footer-mob__bottom p a:first-child {
		margin-left: 0
	}

	.footer-mob__bottom a {
		opacity: 0.8;
		font-size: 12px;
		color: #FFFFFF;
		margin: 0 6px
	}

	.footer-mob__bottom span {
		display: block;
		font-size: 11px;
		color: rgba(255, 255, 255, 0.51);
		letter-spacing: 0;
		margin-bottom: 6px
	}

	.pro_bread {
		width: 94%;
		margin: auto;
	}

	.heal-detail-container {
		width: 94% !important;
	}

	.heal-detail-recommand {
		margin: 0 -5% !important;
	}

	.proInfo_list1 .top_img {
		height: 390px;
	}

	.sx_main {
		width: 70%;
	}

	.sx_main .sx_list {
		font-size: 14px;
		height: 30px;
		line-height: 30px;
	}

	.sx_main .form-box select {
		font-size: 14px;
		height: 30px;
		line-height: 30px;
	}

	.icon_search {
		display: none;
	}

	.pro_list2_nav.fix,.pro_list2_nav {
		position: relative !important;
		top: 0 !important;
		z-index: 1;
	}

	.ct-page {
		margin-top: 40px;
	}

	.foot-box {
		display: none;
	}

	footer {
		padding: 10px 0;
	}

	.bottm {
		height: auto;
		line-height: 1.8;
		border-top: none;
	}

	.ab_left {
		margin-bottom: 20px;
	}

	.ab_left,.ba_right {
		width: 100%;
	}

	.main,.xwsy_body {
		width: 94vw !important;
	}

	.syxw_box .xw_left,.xw_right {
		width: 100%;
	}

	.xw_li {
		padding: 10px;
	}

	.xw_li .xw_img {
		width: 31%;
	}

	.xw_li .xw_textbox {
		width: 66%;
	}

	.xw_textbox h3 a {
		font-size: 14px;
	}

	.xw_textbox .xw_p {
		font-size: 12px;
		line-height: 18px;
	}

	.xw_right {
		margin-top: 20px;
	}

	.xw_contbox .media-body {
		padding: 16px 10px;
	}

	.media-body h2 {
		font-size: 18px;
	}

	.media-body .desc {
		font-size: 14px;
		line-height: 24px;
		-webkit-line-clamp: 2;
	}

	.about_body {
		padding: 50px 0;
	}

	.about_left {
		width: 100%;
		padding: 75px 30px;
	}

	.about_right {
		width: 100%;
		padding: 40px 15px;
	}

	.about_name {
		font-size: 26px;
	}

	.ab_ms {
		font-size: 22px;
	}

	.about_name:before {
		top: 10px;
	}

	.gsjj {
		font-size: 15px;
		padding-bottom: 0;
	}

	.cont-top-1 h2 {
		margin-bottom: 15px !important;
	}

	.cont-top {
		margin-bottom: 30px !important;
	}

	.about_right .count-list {
		display: none;
	}

	.ab_more {
		margin-top: 20px;
		height: 38px;
		line-height: 38px;
	}

	.sx_body {
		padding: 20px 10px;
	}

	.shaixuan label {
		font-size: 14px;
	}

	.sy_cpbody ul li {
		width: 100%;
	}

	.sy_cpbody ul li a {
		height: 330px;
	}

	.sy_cpbody ul .con {
		padding: 20px 15px;
	}

	.con .tit {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.con .des {
		line-height: 20px;
	}

	.con .is-plain {
		font-size: 12px;
		padding: 8px 30px;
	}

	.lx_title {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.zhong {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.lj_box .lj_li {
		margin: 0 25px;
	}

	.lj_box .lj_li img {
		height: 35px;
		margin-bottom: 5px;
	}
	.sy_anli {
		margin-bottom: 30px;
	}
	.anli_list{
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.al_pic {
		height: 245px;
	}
	.pro_li .al_info{
		padding: 30% 15px;
	}
	.al_title {
		font-size: 16px;
	}
	.case_name{
		font-size: 22px;
		margin-bottom: 20px;
		padding: 20px 0;
	}
	.alnav_box{
		width: 100%;
		margin-bottom: 20px;
	}
	.al_search{
		width: 100%;
	}
	.ipt_tt{
		width: 79%;
	}
	.tijiao {
		width: 17%;
	}
	.case-box{
		margin-top: 40px;
	}
	.case_li{
		width: 100%;
		margin-right: 0;
	}
	.zx {
		width: 100%;
		margin: 20px 0 0;
	}
	.pro-cate-header{
		flex-wrap: wrap;
	}
	.zx_con h2 {
		width: auto;
		margin: 0 5px;
		font-size: 14px;
	}
	.zx_con ul li{
		margin: 0 5px 10px;
	}
	.jscs_box ul li{
		width: 100%;
		margin-right: 0;
		font-size: 14px;
	}
	.page_ny .prev, .page_ny .next{
		width: 100%;
		font-size: 14px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.page_ny .next{
		text-align: left;
		margin-top: 15px;
	}
	.contact-deta{
		width: 96%;
		padding: 10px 0;
		margin: 0 2%;
		font-size: 14px;
	}
	.contact-icon{
		margin-right: 10px;
		width: 35px;
		height: 35px;
	}
	.contact-icon img {
		width: 35px;
		height: 35px;
	}

	.contact-icon2{
		display: none;
	}
	.contact-deta:nth-child(3){
		border-bottom: 1px solid #e9e9e9;
	}
	.content-anilg .characters {
		bottom: 0;
		left: 0;
	}
	.characters .samte{
		height: auto;
		width: calc(100% - 40px);
		display: block;
	}
	.swiper-container-t {
		width: 100% !important;
		height: auto !important;
	}
}

@media(min-width: 800px) {
	.m_tel {
		display: none !important;
	}
}