@import url(font/iconfont.css);

body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,button,input,textarea,th,td {
	font-weight: normal;
	margin: 0;
	padding: 0
}

body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,i {
	font: normal 12px PingFang SC, Helvetica Neue, Arial, Microsoft YaHei, Source Han Sans SC, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}

ul,ol,li {
	list-style: none
}

a {
	text-decoration: none;
	color: #333
}

a:hover {
	text-decoration: none
}

img {
	vertical-align: top;
	border: 0
}

button,input,textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: none;
	border-radius: 0;
	-webkit-appearance: none
}

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

div,a {
	-webkit-tap-highlight-color: rgba(255,255,255,0)
}

html {
	font-size: 100px
}

@media screen and (min-width: 320px) {
	html {
		font-size: 85.33333px
	}
}

@media screen and (min-width: 360px) {
	html {
		font-size: 96px
	}
}

@media screen and (min-width: 375px) {
	html {
		font-size: 100px
	}
}

@media screen and (min-width: 480px) {
	html {
		font-size: 128px
	}
}

@media screen and (min-width: 640px) {
	html {
		font-size: 170.66667px
	}
}

@media screen and (min-width: 750px) {
	html {
		font-size: 200px
	}
}

.clearfloat:after {
	font-size: 0;
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ' '
}

.clearfloat {
	*zoom: 1
}

.clearboth {
	clear: both
}

.checkBrowser {
	font-size: 14px;
	line-height: 40px;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 50%;
	width: 700px;
	height: 40px;
	margin-left: -360px;
	padding: 0 10px;
	color: #fff;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #e6212a
}

.checkBrowser a {
	font-size: 16px;
	line-height: 20px;
	position: absolute;
	top: 10px;
	right: 5px;
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	text-align: center;
	color: #333;
	border-radius: 50%;
	background-color: #fff
}

.paged {
	text-align: center
}

.paged a,.paged .p_info,.paged .current {
	display: inline-block;
	margin: 0 3px 2px;
	padding: 0 15px;
	font-size: 13px;
	text-align: center;
	border: 1px solid #dedede;
	background: #fff;
	color: #666;
	height: 40px;
	line-height: 40px
}

.paged .current,.paged a:hover {
	border: 1px solid #0a9da6;
	background: #0a9da6;
	color: #fff
}

.paged .prev {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg)
}

.article-swiper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	-ms-touch-action: none;
	touch-action: none;
	z-index: 8888
}

.article-swiper .swiper-zoom-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100%
}

.article-swiper .swiper-pagination {
	bottom: 1em;
	color: #fff
}

.article-swiper .swiper-slide img {
	max-width: 95%;
	max-height: -moz-calc(100% - 6em);
	max-height: calc(100% - 6em);
	vertical-align: middle
}

.article-swiper .swiper-slide p {
	position: absolute;
	top: 1em;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #fff;
	z-index: 22
}

.article-swiper .swiper-close-icon {
	position: absolute;
	top: .5rem;
	right: .3rem;
	z-index: 9999;
	width: 40px;
	height: 40px;
	cursor: pointer
}

.article-swiper .swiper-close-icon .iconfont {
	color: #fff;
	font-size: .25rem
}

.article-swiper .swiper-close-icon::after {
	width: 100%;
	position: absolute;
	height: 3px;
	background: #fff;
	content: "";
	top: 0;
	left: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.article-swiper .swiper-close-icon::before {
	width: 100%;
	position: absolute;
	height: 3px;
	background: #fff;
	content: "";
	top: 0;
	right: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg)
}

.wp1680 {
	width: 1680px;
	margin: 0 auto
}

@media (max-width: 1780px) {
	.wp1680 {
		width: auto;
		margin: 0 50px
	}
}

@media (max-width: 1024px) {
	.wp1680 {
		margin: 0 .1rem
	}
}

.wp1620 {
	width: 1620px;
	margin: 0 auto
}

@media (max-width: 1720px) {
	.wp1620 {
		width: auto;
		margin: 0 50px
	}
}

@media (max-width: 1024px) {
	.wp1620 {
		margin: 0 .1rem
	}
}

.wp1560 {
	width: 1560px;
	margin: 0 auto
}

@media (max-width: 1660px) {
	.wp1560 {
		width: auto;
		margin: 0 50px
	}
}

@media (max-width: 1024px) {
	.wp1560 {
		margin: 0 .1rem
	}
}

.wp1500 {
	width: 1680px;
	margin: 0 auto
}

@media screen and (max-width: 1440px){
	.wp1500 {
		width: 1500px;
	}
}

@media screen and (max-width: 1200px){
	.wp1500 {
		width: 1200px;
	}
}

@media (max-width: 1600px) {
	.wp1500 {
		width: auto;
		margin: 0 50px
	}
}

@media (max-width: 1024px) {
	.wp1500 {
		margin: 0 .1rem
	}
}

.wp1470 {
	width: 1470px;
	margin: 0 auto
}

@media (max-width: 1570px) {
	.wp1470 {
		width: auto;
		margin: 0 50px
	}
}

@media (max-width: 1024px) {
	.wp1470 {
		margin: 0 .1rem
	}
}

.wp1410 {
	width: 1410px;
	margin: 0 auto
}

@media (max-width: 1510px) {
	.wp1410 {
		width: auto;
		margin: 0 50px
	}
}

@media (max-width: 1024px) {
	.wp1410 {
		margin: 0 .1rem
	}
}

.wp1300 {
	width: 1300px;
	margin: 0 auto
}

@media (max-width: 1400px) {
	.wp1300 {
		width: auto;
		margin: 0 50px
	}
}

@media (max-width: 1024px) {
	.wp1300 {
		margin: 0 .1rem
	}
}

.wp1080 {
	width: 1080px;
	margin: 0 auto
}

@media (max-width: 1180px) {
	.wp1080 {
		width: auto;
		margin: 0 50px
	}
}

@media (max-width: 1024px) {
	.wp1080 {
		margin: 0 .1rem
	}
}

.fixed-box {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 999
}

.fixed-box .wp {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #333;
	width: 85px;
	height: 85px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	position: relative
}

.fixed-box .wp img {
	width: 30px;
	height: 30px;
	-o-object-fit: contain;
	object-fit: contain;
	margin-bottom: 3px
}

.fixed-box .wp .tel {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
	background: #333;
	color: #fff;
	font-size: 26px;
	width: 190px;
	height: 100%;
	text-align: center;
	line-height: 85px;
	padding-left: 10px;
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all
}

.fixed-box .online-service:hover .tel {
	opacity: 1
}

@media (max-width: 750px) {
	.fixed-box .wp {
		width: 50px;
		height: 50px;
		font-size: 10px
	}

	.fixed-box .wp img {
		width: 28px;
		height: 28px
	}

	.fixed-box .wp .tel {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 125px;
		font-size: .15rem;
		line-height: 50px;
		padding-left: 0
	}

	.fixed-box .iconfont {
		font-size: 20px
	}
}

.fixed-box .go-top .wp {
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s;
	visibility: hidden;
	opacity: 0
}

.fixed-box .go-top .iconfont {
	font-size: 30px
}

.fixed-box .go-top.show .wp {
	opacity: 1;
	visibility: visible
}

.fixed-box .go-top.show .wp:hover {
	background-color: #0a9da6
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 109;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.header.fixed {
	background-color: rgba(0,0,0,0.3)
}

.header .wp1680 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: .5rem
}

.header .logo a {
	display: block
}

.header .logo a img {}

@media (max-width: 750px) {
	.header .logo a img{
		height:0.4rem;
		}
}

.header-right {
	margin-top:0px;
	text-align:right;
}

@media (max-width: 1000px) {
	.header-right {
		display: none
	}
}

.header-search {
	margin-left: 25px;
	text-align:right;
}



.header-search .icon {
	color: #fff;
	font-size: 24px
}

.header-search .toptel {
	width: 180px;
	display:inline-block;
	font-size:20px;
	padding:5px 15px;
	color:#fff;
	font-weight:bold;
}
.header-search .toptel span{
	color:#fff;
	margin-right:10px;
	}


.header-mobile {
	display: none
}

@media (max-width: 1024px) {
	.header-mobile {
		display: block
	}
}

.header-mobile .icon {
	display: inline-block;
	vertical-align: top;
	font-size: .2rem;
	line-height: .2rem;
	color: #fff;
	margin-left: .15rem
}

.nav {
	font-size: 0
}

.nav li {
	display: inline-block;
	vertical-align: top;
	position: relative
}

.nav li>a {
	padding: 0 20px;
	display: block;
	text-align: center;
	position: relative;
}

.nav li>a span {
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	color: #fff;
	line-height: 28px;
	border-bottom: 2px solid transparent
}

@media screen and (max-width: 1440px) {
	.nav li>a span {
		font-size: 18px;
	}
}

.nav li>a i{
	position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-style: solid solid none none;
    position: absolute;
    top:8px;
    right:2px;
	-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: all .5s;
	}

.nav li.on>a span,.nav li:hover>a span {
	border-bottom-color: #fff
}

.nav li:hover {
	z-index: 4
}

.nav li:hover .sub {
	display: block
}

.nav .sub {
	position: absolute;
	width: 190px;
	top: 20px;
	left: 50%;
	margin-left: -90px;
	padding-top: 33px;
	display: none
}

.nav .sub .wrapper {
	position: relative;
	background: rgba(0,0,0,0.2);
	border-radius: 4px;
	padding: 10px 0
}

.nav .sub .wrapper:before {
	position: absolute;
	border-left: 6px solid transparent;
	border-bottom: 6px solid rgba(0,0,0,0.2);
	border-right: 6px solid transparent;
	top: -6px;
	left: 50%;
	margin-left: -6px;
	content: ''
}

.nav .sub .wrapper .item {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 10px 0
}

.nav .sub .wrapper .item:hover {
	color: #0a9da6
}

.footer {
	background-image: url(../images/footer_bg.jpg);
	background-position: center center;
	background-color: #161616;
	padding: .1rem 0 .1rem
}

.footer .top {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.footer .footer-logo .ewm {
	width: 120px;
	text-align: center;
	background-color: #fff;
	padding: 10px 10px 0;
	margin:0 auto;
	margin-top:20px;
}
.footer .footer-logo .ewm p{
	font-size:15px;
	line-height:200%;
	}

.footer .bottom {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.footer .bottom .right {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 50px
}
.footer .bottom .right .ba{
	display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 30px;
	}
.footer .bottom .right .ba a{
	color:#999;
	}
@media screen and (max-width: 1440px){
	.footer .bottom .right .ba{
		font-size: 15px;
	}
}

@media screen and (max-width: 1024px) {
	.footer .bottom .right {
		margin-left: 0
	}
}

.footer .copyright {
	font-size: 18px;
	color: #999;
	line-height:200%;
}
@media screen and (max-width: 1440px){
	.footer .copyright {
	font-size: 15px;
	}
}

.footer .copyright a {
	color: #999
}

.footer .copyright a:hover {
	color: #0a9da6
}

.footer .copyright img {
	margin-right: 3px
}

.footer .phone {
	display: inline-block;
	vertical-align: top;
	font-size: 22px;
	line-height: 30px;
	color: #fff
}

.footer .footer-icon {
	display: inline-block;
	vertical-align: top
}

.footer .footer-icon .icon-box {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 20;
	margin-left: 12px
}

.footer .footer-icon .icon-box:hover .icon {
	background-color: #fff
}

.footer .footer-icon .icon-box:hover .footer-ewm {
	display: block
}

.footer .footer-icon .icon {
	width: 26px;
	height: 26px;
	border-radius: 100%;
	text-align: center;
	line-height: 26px;
	background: #bbb;
	font-size: 16px;
	color: #161616;
	display: block;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	cursor: pointer
}

.footer .footer-icon .footer-ewm {
	position: absolute;
	width: 120px;
	text-align: center;
	background-color: #fff;
	padding: 10px 10px 0;
	left: 50%;
	margin-left: -70px;
	bottom: 45px;
	display: none
}

.footer .footer-icon .footer-ewm:after {
	position: absolute;
	content: '';
	left: 50%;
	border-top: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	margin-left: -8px;
	bottom: -8px
}

.footer .footer-icon .footer-ewm img {
	width: 120px;
	height: auto
}

.footer .footer-icon .footer-ewm p {
	font-size: 12px;
	line-height: 40px;
	color: #666
}

.footer .footer-icon .footer-ewm.qq {
	padding: 0 10px
}

.footer .footer-icon .footer-ewm.qq p {
	font-size: 18px
}

@media (max-width: 1024px) {
	.footer {
		padding: .2rem .2rem .2rem
	}

	.footer .footer-logo img {
		height: .15rem
	}

	.footer .bottom {
		margin-top: .1rem;
		display: block
	}

	.footer .copyright span {
		display: block
	}

	.footer .right {
		margin-top: .1rem
	}

	.footer .phone {
		display: block;
		margin-bottom: .25rem
	}

	.footer .footer-icon .icon-box {
		margin-left: 0;
		margin-right: 10px
	}

	.footer .footer-icon .footer-ewm {
		position: fixed;
		top: 50%;
		left: 50%;
		margin: 0;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		height: 160px
	}

	.footer .footer-icon .footer-ewm:after {
		display: none
	}
}

@media (max-width: 1024px) {
	.fast-link {
		display: none
	}
}

.fast-link .dl {
	display: inline-block;
	vertical-align: top;
	margin-right: 60px
}

.fast-link .dl:last-child {
	margin-right: 0
}

.fast-link .dt {
	margin-bottom: 20px;
	font-size: 16px
}

.fast-link .dt a {
	color: #999
}

.fast-link .dt a:hover {
	color: #0a9da6
}

.fast-link .dd {
	font-size: 13px;
	margin-bottom: 10px;
	line-height: 22px
}

.fast-link .dd a {
	color: #ddd
}

.fast-link .dd a:hover {
	color: #0a9da6
}

.nav-mobile {
	position: absolute;
	width: 2.65rem;
	top: .55rem;
	left: 0;
	bottom: 0;
	z-index: 103;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	-o-transition: transform .4s ease;
	-moz-transition: transform .4s ease, -moz-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
}

.nav-mobile.anim {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0)
}

.nav-mobile-con {
	display: none;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 9902;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

.nav-mobile-con .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 102
}

.nav-mobile-top {
	width: 100%;
	height: .55rem;
	line-height: .55rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 .25rem;
	background-color: #393939;
	font-size: .15rem;
	color: #fff;
	z-index: 103;
	position: absolute;
	top: 0;
	left: 0
}

.nav-mobile-search {
	position: absolute;
	left: 0;
	top: .55rem;
	background-color: #f5f5f5;
	padding: .09rem .2rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 104;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.nav-mobile-search input[type="text"] {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: .25rem;
	line-height: .25rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	font-size: .13rem;
	background: none
}

.nav-mobile-search button {
	width: .4rem;
	height: .25rem;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	background: none;
	font-size: .2rem;
	color: #555
}

.nav-mobile-wp {
	position: relative;
	padding: 0 .25rem
}

.nav-mobile-wp .mobiletel{
	font-size:0.18rem;
	font-weight:bold;
	line-height:0.5rem;
	color:#C00;
	}
.nav-mobile-wp .mobiletel span{
	color:#C00;
	margin-right:5px;
	}

.nav-mobile-title {
	position: relative;
	border-bottom: 1px solid #ededed
}

.nav-mobile-title>a {
	position: relative;
	display: block;
	line-height: .42rem;
	font-size: .14rem;
	color: #333;
	z-index: 2;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%
}

.nav-mobile-title.on>a,.nav-mobile-title.open>a {
	color: #0a9da6
}

.nav-mobile-title.on .nav-mobile-child-btn i,.nav-mobile-title.open .nav-mobile-child-btn i {
	color: #0a9da6
}

.nav-mobile-title.open .nav-mobile-child-btn i {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg)
}

.nav-mobile-child-btn {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: right;
	line-height: .42rem;
	font-size: .15rem;
	font-weight: bold;
	z-index: 1;
	color: #848484
}

.nav-mobile-child-btn span {
	display: inline-block;
	margin-right: .2rem
}

.nav-mobile-child-btn i {
	position: absolute;
	display: block;
	width: .2rem;
	height: 100%;
	top: 0;
	right: 0;
	color: #888;
	line-height: .42rem;
	text-align: center;
	font-size: .15rem;
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	-o-transition: transform .2s ease;
	-moz-transition: transform .2s ease, -moz-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease, -moz-transform .2s ease
}

.nav-mobile-child-btn i:before {
	content: '>'
}

.nav-mobile-child-btn+a {
	display: inline-block;
	width: auto
}

.nav-mobile .sub {
	padding: 0 .2rem;
	display: none
}

.nav-mobile .sub li {
	border-bottom: 1px solid #ededed;
	padding-left: .15rem;
	position: relative;
	height: .42rem;
	overflow: hidden
}

.nav-mobile .sub li a {
	display: block;
	line-height: .42rem;
	font-size: .14rem;
	height: .42rem;
	color: #333;
	overflow: hidden
}

.nav-mobile .sub li.on a,.nav-mobile .sub li:active a,.nav-mobile .sub li.active a {
	color: #0a9da6
}

.inside-banner .pc-banner {
	width: 100%;
	height: 450px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

.inside-banner .mobile-banner {
	width: 100%;
	padding-top: 60%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: none
}

@media (max-width: 750px) {
	.inside-banner .pc-banner {
		display: none
	}

	.inside-banner .mobile-banner {
		display: block
	}
}

.inside-menu {
	background-color: #f4f4f4;
	border-bottom: 1px solid #dddfdf
}

.inside-menu .wp1620 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

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

.bread .iconfont {
	font-size: 18px
}

.bread a {
	color: #666
}

.bread a:hover {
	color: #0a9da6
}

@media (max-width: 1000px) {
	.bread {
		display: none
	}
}

.inside-swiper {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden
}

.inside-swiper .swiper-wrapper {
	font-size: 0
}

.inside-swiper .swiper-slide {
	display: inline-block;
	vertical-align: top;
	width: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 .05rem
}

.inside-swiper .swiper-slide:first-child {
	padding-left: 0
}

.inside-swiper .swiper-slide a {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 80px;
	height: 80px;
	color: #333;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	border-bottom: 2px solid transparent
}
.inside-swiper .swiper-slide a span{
	margin-right:5px;
	}

.inside-swiper .swiper-slide.on a,.inside-swiper .swiper-slide:hover a {
	color: #0a9da6;
	border-bottom-color: #0a9da6
}

@media (max-width: 750px) {
	.inside-swiper .swiper-slide a {
		font-size: 14px;
		line-height: 50px;
		height: 50px
	}
}

.video-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9001
}

.video-popup.show .video-popup-box,.video-popup.show .video-popup-mask {
	opacity: 1
}

.video-popup.show .video-popup-box {
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1)
}

.video-popup-box {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1340px;
	background-color: #000;
	-webkit-box-shadow: 0 6px 20px rgba(0,0,0,0.8);
	box-shadow: 0 6px 20px rgba(0,0,0,0.8);
	opacity: 0;
	z-index: 6;
	-webkit-transform: translate(-50%, -50%) scale(0.8);
	-moz-transform: translate(-50%, -50%) scale(0.8);
	transform: translate(-50%, -50%) scale(0.8);
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}

.video-popup-box .icon-close-circle {
	font-size: .4rem;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.video-popup-box .icon-close-circle:hover {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.video-popup .video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden
}

.video-popup .video iframe,.video-popup .video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.video-popup .video iframe video,.video-popup .video video video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.video-popup-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 2;
	opacity: 0;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}

.video-popup-close {
	position: absolute;
	top: -24px;
	right: -58px;
	color: #fff;
	font-size: 38px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	z-index: 9
}

.video-popup-close:hover {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media screen and (max-width: 1440px) {
	.video-popup-box {
		width: -moz-calc(100% - 100px);
		width: calc(100% - 100px)
	}
}

@media screen and (max-width: 750px) {
	.video-popup.show .video-popup-box {
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}

	.video-popup-box {
		top: 0;
		left: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		height: 100%;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8)
	}

	.video-popup-close {
		top: 27%;
		right: 3%;
		border-radius: 50%;
		padding: 1%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: .19rem
	}
}

.apply-modal {
	display: none
}

.apply-modal.show .apply-modal-box,.apply-modal.show .apply-modal-mask {
	opacity: 1
}

.apply-modal.show .apply-modal-box {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}

.apply-modal-box {
	position: fixed;
	bottom: 8%;
	right: 0;
	width: 300px;
	padding: 50px 20px 30px;
	background-color: #333;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	opacity: 0;
	border-radius: 8px;
	z-index: 2001;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.apply-modal-title {
	position: relative;
	margin-bottom: 35px;
	text-align: center
}

.apply-modal-title:after {
	content: '';
	display: block;
	margin: 7px auto 0;
	width: 20px;
	height: 3px;
	background-color: #0a9da6
}

.apply-modal-title .en {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 1;
	font-size: 46px;
	font-family: "Source Han Sans CN";
	color: rgba(232,232,232,0.5);
	font-weight: bold;
	text-transform: uppercase
}

.apply-modal-title .cn {
	position: relative;
	padding-top: 8px;
	line-height: 42px;
	font-size: 32px;
	font-weight: bold;
	z-index: 2;
	color: #fff
}

.apply-modal .close-btn {
	position: absolute;
	top: 20Px;
	right: 24Px;
	font-size: 26Px;
	color: #fff;
	cursor: pointer;
	z-index: 2;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.apply-modal .close-btn:hover {
	color: #0a9da6
}

.apply-modal textarea,.apply-modal button,.apply-modal input {
	display: block;
	width: 100%;
	outline: none;
	border: none;
	background-color: transparent;
	resize: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.apply-modal .textarea-box,.apply-modal .input-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px;
	padding-left: .05rem;
	height: 50px;
	line-height: 50px;
	background-color: #fff
}

.apply-modal .textarea-box {
	height: auto;
	min-height: 50px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	padding-bottom: 20px
}

.apply-modal .textarea-box textarea {
	padding-right: .1rem;
	font-size: 16px;
	color: #666
}

.apply-modal .input-text {
	font-size: 16px;
	color: #666
}

.apply-modal .input {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0
}

.apply-modal .input input {
	display: block;
	width: 100%;
	padding-right: .1rem;
	font-size: 16px;
	color: #666;
	height: 50px;
	line-height: 50px;
	border: none;
	background: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.apply-modal .select {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
	position: relative;
	overflow: hidden
}

.apply-modal .select select {
	opacity: 0;
	z-index: 5
}

.apply-modal .select .map-select {
	display: block;
	padding-right: .1rem;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #666;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.apply-modal .select .map-select::-ms-expand {
	display: none
}

.apply-modal .select .map-select .customSelectInner {
	position: relative;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.apply-modal .select .map-select .customSelectInner:after {
	position: absolute;
	right: 0;
	top: 50%;
	border-style: solid;
	border-width: 5px 4px 0;
	border-color: #666 transparent transparent;
	content: '';
	margin-top: -2px
}

.apply-modal .captcha {
	margin-bottom: 10px;
	border: 1px solid #f0f0f0
}

.apply-modal .captcha .geetest_holder.geetest_wind .geetest_radar_btn,.apply-modal .captcha .geetest_holder.geetest_wind .geetest_success_btn {
	background: #f0f0f0;
	border: none
}

.apply-modal .captcha .geetest_holder.geetest_wind .geetest_radar_btn:hover,.apply-modal .captcha .geetest_holder.geetest_wind .geetest_success_btn:hover {
	background: #f0f0f0
}

.apply-modal button {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #f0f0f0;
	background-color: #0a9da6;
	cursor: pointer;
	border: none;
	outline: none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	border-radius: 25px
}

.apply-modal button:hover {
	opacity: .8
}

@media screen and (max-width: 1400px) {
	.apply-modal-box {
		padding: 70px 90px 80px
	}

	.apply-modal-title {
		position: relative;
		margin-bottom: 35px
	}

	.apply-modal-title .en {
		font-size: 42px
	}

	.apply-modal-title .cn {
		line-height: 38px;
		font-size: 30px
	}

	.apply-modal .input-text {
		font-size: 15px
	}

	.apply-modal .input input {
		font-size: 15px
	}

	.apply-modal .select .map-select {
		font-size: 15px
	}

	.apply-modal button {
		font-size: 16px
	}
}

@media screen and (max-width: 750px) {
	.apply-modal-box {
		padding: .3rem .25rem .35rem;
		max-width: 90vw;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.apply-modal-title {
		margin-bottom: 18Px
	}

	.apply-modal-title:after {
		margin-top: 5Px;
		height: 2Px
	}

	.apply-modal-title .en {
		font-size: 30Px
	}

	.apply-modal-title .cn {
		padding-top: 5Px;
		line-height: 28Px;
		font-size: 24Px
	}

	.apply-modal-title .cn:after {
		margin-top: 4Px;
		height: 11Px
	}

	.apply-modal .close-btn {
		position: absolute;
		top: 12Px;
		right: 12Px;
		font-size: 18Px
	}

	.apply-modal .input-box {
		height: 40Px;
		line-height: 40Px
	}

	.apply-modal .input-text {
		font-size: 14Px
	}

	.apply-modal .input input,.apply-modal .select .map-select {
		font-size: 14Px;
		height: 40Px;
		line-height: 40Px
	}

	.apply-modal button {
		line-height: 40Px;
		font-size: 14Px
	}
}

.uweb-search {
	width: 1200px;
	max-width: 100%;
	margin: .42rem auto .5rem
}

@media (max-width: 1200px) {
	.uweb-search {
		width: auto;
		margin-right: .15rem;
		margin-left: .15rem
	}
}

.uweb-search-input-con {
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 25px
}

.uweb-search-select-con {
	float: left;
	width: 37%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 25px
}

@media screen and (max-width: 750px) {
	.uweb-search-input-con,.uweb-search-select-con {
		float: none;
		width: 100%;
		padding-right: 0;
		margin-bottom: 10px
	}
}

.uweb-search-top {
	position: relative;
	margin-bottom: 40px;
	height: 44px;
	width: 100%
}

.uweb-search-top-s .uweb-search-input-con {
	float: left;
	width: 87%
}

@media screen and (max-width: 750px) {
	.uweb-search-top {
		height: auto
	}

	.uweb-search-top-s .uweb-search-input-con {
		width: 100%
	}
}

.uweb-search-top-text {
	float: left;
	width: 80px;
	font-size: 14px;
	color: #666;
	line-height: 44px
}

.uweb-search-top-input {
	margin: 0 0 0 80px;
	height: 44px;
	border: 1px solid #e9e9e9
}

.uweb-search-top-input input {
	width: 100%;
	height: 100%;
	border: 0;
	font-size: 14px;
	padding: 0 20px
}

.uweb-search-top-button {
	float: left;
	width: 13%;
	height: 46px;
	background: #0a9da6;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	line-height: 46px;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	padding: 0
}

.uweb-search-top-button:hover {
	opacity: .7
}

@media screen and (max-width: 750px) {
	.uweb-search-top-button {
		float: none;
		width: 100%
	}
}

.uweb-search-top-input2 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 80px;
	height: 44px;
	border: 1px solid #e9e9e9
}

.uweb-search-top-input2 input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 0;
	font-size: 14px;
	padding: 0 20px
}

.uweb-search-top-text1 {
	float: left;
	width: 70px;
	font-size: 14px;
	color: #666;
	line-height: 44px
}

.uweb-search-top-select {
	position: relative;
	margin-left: 70px;
	height: 44px;
	border: 1px solid #e9e9e9;
	font-size: 14px;
	color: #999
}

.uweb-search-top-select:after {
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #999
}

.uweb-search-top-select select {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100% !important;
	border: 0px;
	padding: 0 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.uweb-search-top-select .customSelect {
	width: 100%;
	height: 100%;
	line-height: 42px;
	padding: 0 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width: 1200px) {
	.uweb-search-top-select {
		float: none;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: auto
	}
}

.uweb-search-content {
	margin: 40px -12px;
	font-size: 0
}

.uweb-search-content li {
	display: inline-block;
	vertical-align: top;
	padding: 0 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	height: 156px;
	margin-bottom: 30px
}

.uweb-search-content li a {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #e9e9e9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px 40px 30px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.uweb-search-content li a:hover {
	background: #f1f1f1
}

.uweb-search-content li a:hover .text {
	color: #0a9da6
}

.uweb-search-content li a:hover .btn {
	background: #0a9da6
}

.uweb-search-content li a .text {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	line-height: 22px;
	max-height: 44px;
	overflow: hidden
}

.uweb-search-content li a .time {
	margin-top: 5px;
	font-size: 14px;
	font-family: "Arial";
	color: #999
}

.uweb-search-content li a .btn {
	margin-top: 20px;
	width: 95px;
	height: 28px;
	background: #999;
	font-size: 14px;
	color: #fff;
	line-height: 28px;
	text-align: center;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

@media screen and (max-width: 1200px) {
	.uweb-search-content {
		margin-right: 0;
		margin-left: 0
	}

	.uweb-search-content li:nth-child(2n+1) {
		padding: 0 12px 0 0
	}

	.uweb-search-content li:nth-child(2n) {
		padding: 0 0 0 12px
	}
}

@media screen and (max-width: 480px) {
	.uweb-search-content li {
		float: none;
		width: 100%;
		height: auto
	}

	.uweb-search-content li:nth-child(2n+1),.uweb-search-content li:nth-child(2n) {
		padding: 0
	}

	.uweb-search-content li a .text {
		max-height: none
	}
}

.uweb-search-tip-con {
	margin: 40px auto;
	width: 1200px;
	max-width: 100%;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: .5rem;
	text-align: center
}

.uweb-search-tip-con .title {
	font-size: 24px;
	color: #333;
	margin-bottom: 20px
}

.uweb-search-tip-con .tips {
	font-size: 14px;
	color: orange;
	font-weight: bold;
	line-height: 28px;
	width: 900px;
	margin: 0 auto 10px;
	max-width: 100%
}

.uweb-search-tip-con .p {
	font-size: 14px;
	color: #333;
	line-height: 28px;
	margin-bottom: 10px
}

.uweb-search-tip-con .num {
	color: red;
	padding: 0 3px;
	text-decoration: underline
}

.uweb-search-tip-con .tip-btn {
	display: block;
	width: 140px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: #fff;
	background: #999;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0 auto;
	cursor: pointer
}

.uweb-search-tip-con .tip-btn:hover {
	background: #b3b3b3
}

.tips-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 9000
}

.tips-popup.init {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.tips-popup.show .tips-popup-mask {
	opacity: 1
}

.tips-popup.show .tips-popup-box {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}

.tips-popup-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.tips-popup-box {
	position: relative;
	padding: 18px 24px 8px;
	width: 320px;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	border-radius: 8px;
	z-index: 9;
	opacity: 0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

@media screen and (max-width: 414px) {
	.tips-popup-box {
		max-width: -moz-calc(100% - .4rem);
		max-width: calc(100% - .4rem);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

.tips-popup-head {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 10px
}

.tips-popup-head .title {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
	padding-top: 1px;
	line-height: 22px;
	font-size: 16px;
	color: #000
}

.tips-popup-close {
	margin: 5px 0 0 10px;
	width: 14px;
	height: 14px;
	background: url(../images/tips_icon.png) top -130px left no-repeat;
	opacity: .7;
	z-index: 2;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.tips-popup-close:hover {
	opacity: 1
}

.tips-popup-content {
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 24px;
	color: #666
}

.tips-popup-footer {
	padding: 4px 0;
	text-align: right;
	font-size: 0
}

.tips-popup-footer li {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	padding: 8px 15px;
	line-height: 1;
	font-size: 12px;
	white-space: nowrap;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.tips-popup-footer li:hover {
	opacity: .8
}

.tips-popup-footer .cancel-btn {
	color: #666;
	background-color: #fff;
	border-color: #dcdfe6
}

.tips-popup-footer .submit-btn {
	color: #fff
}

.tips-popup .tips-icon {
	margin-right: 10px;
	width: 24px;
	height: 24px;
	background-image: url(../images/tips_icon.png);
	background-repeat: no-repeat
}

.tips-popup .tips-icon-success {
	background-position: 0 -104px
}

.tips-popup .tips-icon-question {
	background-position: 0 -78px
}

.tips-popup .tips-icon-info {
	background-position: 0 -52px
}

.tips-popup .tips-icon-error {
	background-position: 0 -26px
}

.tips-popup .tips-icon-alert {
	background-position: 0 0
}

.tips-popup-icon {
	padding-left: 20px;
	padding-right: 20px
}

.tips-popup-icon .tips-popup-content {
	padding-left: 34px
}

.captcha-title {
	height: 42px;
	width: 100%;
	text-align: center;
	border-radius: 2px;
	background-color: #f3f3f3;
	color: #bbb;
	font-size: 14px;
	letter-spacing: .1px;
	line-height: 42px
}

.captcha-show {
	display: none;
	height: 42px;
	width: 100%;
	text-align: center;
	border-radius: 2px;
	background-color: #f3f3f3
}

.captcha-loading {
	margin: auto;
	width: 70px;
	height: 20px
}

.captcha-loading-dot {
	float: left;
	width: 8px;
	height: 8px;
	margin: 18px 4px;
	background: #ccc;
	border-radius: 50%;
	opacity: 0;
	-webkit-box-shadow: 0 0 2px black;
	box-shadow: 0 0 2px black;
	-webkit-animation: loadingFade 1s infinite;
	-moz-animation: loadingFade 1s infinite;
	animation: loadingFade 1s infinite
}

.captcha-loading-dot:nth-child(2) {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	animation-delay: .1s
}

.captcha-loading-dot:nth-child(3) {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	animation-delay: .2s
}

.captcha-loading-dot:nth-child(4) {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	animation-delay: .3s
}

.captcha .geetest_holder.geetest_wind .geetest_logo,.captcha .geetest_holder.geetest_wind .geetest_success_logo {
	display: none
}

@-webkit-keyframes loadingFade {
	0% {
		opacity: 0
	}

	50% {
		opacity: .8
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes loadingFade {
	0% {
		opacity: 0
	}

	50% {
		opacity: .8
	}

	100% {
		opacity: 0
	}
}

@keyframes loadingFade {
	0% {
		opacity: 0
	}

	50% {
		opacity: .8
	}

	100% {
		opacity: 0
	}
}

.error-con {
	padding: .5rem 0;
	background: #fff
}

.error-box {
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: .25rem;
	text-align: center;
	width: 1360px;
	max-width: 100%;
	margin: 0 auto
}

.error-box img {
	display: inline-block;
	vertical-align: top;
	max-width: 100%
}

.error-box .tips {
	margin: 20px auto;
	font-size: 18px;
	color: #666
}

.error-box .btn a {
	display: inline-block;
	vertical-align: top;
	width: 170px;
	height: 40px;
	margin: 0 2px;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	background: #999;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	line-height: 40px;
	max-width: 45%
}

.error-box .btn a:hover {
	background: #a6a6a6
}

.share-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: .1rem;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.share-box-item {
	cursor: pointer;
	background-color: #181818;
	color: #fff;
	margin-right: 15px;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 50%
}

.share-box-item .iconfont {
	font-size: 20px;
	line-height: 40px
}

.share-box .share-to-wechat {
	position: relative
}

.share-box .share-to-wechat .wechat-ewm {
	position: absolute;
	border-radius: 5px;
	border: 1px solid #eee;
	background: #fff;
	left: 50%;
	top: 32px;
	padding: 10px 10px 5px;
	display: none;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}

.share-box .share-to-wechat .wechat-ewm p {
	font-size: 12px;
	color: #333;
	text-align: center;
	margin-top: 5px
}

.share-box .share-to-wechat:hover {
	background-color: #3dbe5b
}

.share-box .share-to-wechat:hover .wechat-ewm {
	display: block
}

.share-box .share-to-qq,.share-box .share-to-qzone,.share-box .share-to-weibo,.share-box .share-to-wechat {
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	-moz-transition: background-color .3s;
	transition: background-color .3s
}

.share-box .share-to-qq:hover {
	background-color: #21b3f7
}

.share-box .share-to-qzone:hover {
	background-color: #f8c514
}

.share-box .share-to-weibo:hover {
	background-color: #ff5757
}

.wechat-tip-mask {
	top: 0;
	left: 0;
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	display: none;
	background-image: url(../images/share_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto
}

.index-banner-pc {
	position: relative
}

@media (max-width: 750px) {
	.index-banner-pc {
		display: none
	}
}

.index-banner-pc .swiper-slide {
	background-color: #fff
}

.index-banner-pc .swiper-slide-active .banner-text,.index-banner-pc .swiper-slide-active .banner-list {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0)
}

.index-banner-pc .banner {
	position: relative
}

.index-banner-pc .banner .link {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	padding-top: 49.6875%;
	position: relative
}

.index-banner-pc .banner-video-box {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	padding-top: 49.6875%;
	position: relative
}

.index-banner-pc .banner-video-box video,.index-banner-pc .banner-video-box .mejs__container,.index-banner-pc .banner-video-box .mejs__overlay,.index-banner-pc .banner-video-box .mejs__poster {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	left: 0
}

.index-banner-pc .banner-video-box video {
	-o-object-fit: cover;
	object-fit: cover
}

.index-banner-pc .banner-prev,.index-banner-pc .banner-next {
	position: absolute;
	font-size: 32px;
	color: #fff;
	line-height: 40px;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
	opacity: .4;
	z-index: 4;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	outline: none
}

.index-banner-pc .banner-prev:hover,.index-banner-pc .banner-next:hover {
	opacity: 1
}

.index-banner-pc .banner-prev {
	left: 40px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg)
}

.index-banner-pc .banner-next {
	right: 40px
}

.index-banner-pc .text-box {
	position: absolute;
	left: 9.375%;
	bottom: 22.91667%;
	z-index: 5
}

.index-banner-pc .banner-text {
	font-size: 40px;
	color: #fff;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	line-height: 1.5;
	text-shadow:#333 0 2px 2px;
}

@media (max-width: 1440px) {
	.index-banner-pc .banner-text {
		font-size: 34px
	}
}

.index-banner-pc .banner-list {
	font-size: 0;
	-webkit-transition: all 1s .5s;
	-o-transition: all 1s .5s;
	-moz-transition: all 1s .5s;
	transition: all 1s .5s;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	margin-top: 30px
}

.index-banner-pc .banner-list .item {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 20px;
	color: #fff;
	margin-right: 40px;
	position: relative;
	padding-left: 30px;
	line-height: 30px;
	text-shadow:#333 0 2px 2px;
}

.index-banner-pc .banner-list .item:before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	border: 1px solid #fff;
	position: absolute;
	left: 6px;
	top: 11px
}

.index-banner-pc .banner-list .item:after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	border: 2px solid rgba(255,255,255,0.4);
	position: absolute;
	left: 0;
	top: 5px
}

.index-banner-pc .banner-thumb {
	position: absolute;
	right: 120px;
	z-index: 15;
	bottom: 70px;
	height: 90px
}

.index-banner-pc .banner-thumb .swiper-slide {
	width: 100%;
	position: relative;
	font-size: 14px;
	line-height: 30px;
	background: none;
	color: #fff;
	cursor: pointer;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.index-banner-pc .banner-thumb .text {
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	padding-left: 3px;
	opacity: .7
}

.index-banner-pc .banner-thumb .process {
	position: absolute;
	top: 0;
	right: 0;
	width: 3px;
	height: 100%;
	background-color: #bfbfbf;
	opacity: 0;
	overflow: hidden
}

.index-banner-pc .banner-thumb .process:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background-color: #fff;
	display: block;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%)
}

.index-banner-pc .banner-thumb .swiper-slide-active .text {
	padding-left: 0;
	opacity: 1
}

.index-banner-pc .banner-thumb .swiper-slide-active .process {
	opacity: 1
}

.index-banner-pc .banner-thumb .swiper-slide-active .process:before {
	-webkit-transition: all 4s;
	-o-transition: all 4s;
	-moz-transition: all 4s;
	transition: all 4s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0)
}

.index-banner-mobile {
	display: none
}

@media (max-width: 750px) {
	.index-banner-mobile {
		display: block
	}
}

.index-banner-mobile .swiper-slide {
	background-color: #fff
}

.index-banner-mobile .swiper-slide-active .banner-text,.index-banner-mobile .swiper-slide-active .banner-list {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0)
}

.index-banner-mobile .link,.index-banner-mobile .video-box {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	padding-top: 160%;
	position: relative
}

.index-banner-mobile .video-mobile-btn {
	width: .325rem;
	height: .325rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -.16rem 0 0 -.16rem;
	z-index: 50;
	cursor: pointer
}

.index-banner-mobile .video-mobile-btn img {
	width: 100%;
	height: 100%
}

.index-banner-mobile .text-box {
	position: absolute;
	left: .15rem;
	bottom: .8rem;
	z-index: 5
}

.index-banner-mobile .banner-text {
	font-size: .2rem;
	color: #fff;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	line-height: 1.5
}

.index-banner-mobile .banner-list {
	font-size: 0;
	-webkit-transition: all 1s .5s;
	-o-transition: all 1s .5s;
	-moz-transition: all 1s .5s;
	transition: all 1s .5s;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	margin-top: .15rem
}

.index-banner-mobile .banner-list .item {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: .11rem;
	color: #fff;
	margin-right: .2rem;
	position: relative;
	padding-left: .15rem;
	line-height: .15rem
}

.index-banner-mobile .banner-list .item:before {
	position: absolute;
	content: '';
	display: block;
	width: .12rem;
	height: .12rem;
	border-radius: 100%;
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	left: 0;
	top: 0
}

.index-banner-mobile .swiper-pagination {
	bottom: .25rem
}

.index-banner-mobile .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	opacity: 1;
	border-radius: 100%;
	background: #b5b5b5;
	margin: 0 .07rem !important
}

.index-banner-mobile .swiper-pagination-bullet-active {
	background: #fff
}

.index-section-1 {
	background-color: #fff;
	padding-top: .5rem
}

.index-section-1 .num-list {
	padding: .3rem 0 .5rem;
	width: 1120px;
	margin: 0 auto;
	font-size: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width: 1220px) {
	.index-section-1 .num-list {
		margin: 0 50px;
		width: auto
	}
}

@media (max-width: 1180px) {
	.index-section-1 .num-list {
		margin: 0 .15rem
	}
}

.index-section-1 .num-list .item {
	text-align: right;
	padding-right: 90px;
	position: relative
}

.index-section-1 .num-list .item:last-child {
	padding-right: 0
}

.index-section-1 .num-list .item:last-child:after {
	display: none
}

.index-section-1 .num-list .item:after {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: .34rem;
	background-color: #ececec;
	content: ''
}

.index-section-1 .num-list .t {
	margin-bottom: 10px
}

.index-section-1 .num-list .t .span {
	display: inline-block;
	font-size: .25rem;
	color: #333
}

.index-section-1 .num-list .t sup {
	font-size: 16px;
	color: #777;
	vertical-align: top
}

.index-section-1 .num-list .p {
	font-size: 15px;
	color: #666
}

@media (max-width: 750px) {
	.index-section-1 .num-list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 2.85rem;
		margin: 0 auto;
		padding-top: 0
	}

	.index-section-1 .num-list .item {
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: .25rem;
		margin-top: .2rem
	}

	.index-section-1 .num-list .item:last-child {
		padding-right: .25rem
	}

	.index-section-1 .num-list .item:last-child:after {
		display: block
	}

	.index-section-1 .num-list .t sup {
		font-size: 12px
	}

	.index-section-1 .num-list .p {
		font-size: 10px
	}
}

.index-section-1 .img {
	width: 100%;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat
}

.index-section-1 .img-pc {
	height: 2.6rem
}
@media screen and (max-width: 1440px){
	.index-section-1 .img-pc {
		height: 2.2rem
	}
}
.index-section-1 .img-mobile {
	padding-top: 50.66667%;
	display: none;
	background-attachment: scroll
}

@media (max-width: 750px) {
	.index-section-1 .img-pc {
		display: none
	}

	.index-section-1 .img-mobile {
		display: block
	}
}

.index-title {
	text-align: center;
	width: 1105px;
	margin: 0 auto
}

@media (max-width: 1205px) {
	.index-title {
		width: auto;
		margin: 0 50px
	}
}

@media (max-width: 1165px) {
	.index-title {
		margin: 0 .15rem
	}
}

.index-title .top {
	font-size: 45px;
	color: #333;
	font-weight:bold;
}

.index-title .text {
	font-size: 16px;
	line-height: 40px;
	color: #666
}

.index-title .more {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: #999;
	margin-top: .1rem
}

.index-title .more:hover {
	color: #0a9da6
}

.index-section-1 .comp{
    padding: 0.2rem 0 0.1rem;
    width: 1440px;
    margin: 0 auto;
	font-size: 18px;
    line-height: 40px;
    color: #666;
	text-align:center;
}

@media screen and (max-width: 1440px){
	.index-section-1 .comp{
		width:1200px;
		font-size: 16px;
		}
}

@media (max-width: 1440px) {
	.index-title .top {
		font-size: 38px
	}
	
}

@media (max-width: 750px) {
	.index-title .top {
		font-size: 22px
	}

	.index-title .text {
		font-size: 14px;
		line-height: 30px
	}

	.index-title .more {
		font-size: 14px
	}
	.index-section-1 .comp{
		width:auto;
		padding: 0.2rem 0.5% 0.1rem;
		font-size:14px;
		line-height:200%;
	}
}

.index-section-2 {
	padding-top: .3rem;
	background-color: #fff
}

.index-section-2 .list {
	padding-top: .2rem;
	font-size: 0;
}

.index-section-2 .list li {
	display: inline-block;
	vertical-align: top;
	width: 24%;
	margin:0 0.5%;
}

.index-section-2 .list li:nth-child(2n) .con {
	background-color: #ecf1f3
}

.index-section-2 .list .wrapper {
	display: block
}

.index-section-2 .list .wrapper:hover .img img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.index-section-2 .list .img {
	position: relative;
	width: 100%;
	padding-top: 83.33333%;
	overflow: hidden
}

.index-section-2 .list .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	top: 0;
	left: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.index-section-2 .list .con {
	padding:0.1rem 0.1rem;
	text-align: center
}

.index-section-2 .list .t {
	font-size: 22px;
	line-height: 30px;
	overflow: hidden;
	color: #333;
	font-weight: bold
}

.index-section-2 .list .tel{
	font-size: 18px;
	line-height: 30px;
	}

.index-section-2 .list .p {
	margin: 0 auto;
	font-size: 15px;
	line-height:30px;
	overflow: hidden;
	color: #666;
	margin-top:10px;
}

@media (max-width: 750px) {
	.index-section-2 .list li {
		width: 49%
	}

	.index-section-2 .list .t {
		font-size: 16px;
		line-height: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.index-section-2 .list .p {
		font-size: 12px;
		display:none;
	}
}

.index-section-3 {
	padding-top: .35rem;
	background-color: #f8f8f8
}

.index-section-3 .list {
	font-size: 0;
	padding-top: .25rem
}

.index-section-3 .list li {
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 24%;
	margin:0 0.5%;
}


.index-section-3 .list .wrapper {
	display: block
}

.index-section-3 .list .wrapper:hover .arrow {
	background-color: #0a9da6
}

.index-section-3 .list .wrapper:hover .img img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.index-section-3 .list .img {
	position: relative;
	width: 100%;
	padding-top: 73.77049%;
	overflow: hidden
}

.index-section-3 .list .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	top: 0;
	left: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.index-section-3 .list .con {
	padding: .1rem .1rem .15rem
}

.index-section-3 .list .t {
	font-size: 22px;
	font-weight: bold;
	color: #333;
	text-align:center;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: .075rem
}
@media screen and (max-width: 1440px){
	.index-section-3 .list .t {
		font-size: 18px;
	}
}

.index-section-3 .list .p {
	font-size: 16px;
	line-height: 36px;
	height: 72px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #666;
	margin-bottom: 10px
}

.index-section-3 .list .arrow {
	width: 26px;
	height: 26px;
	border-radius: 100%;
	text-align: center;
	line-height: 26px;
	background-color: #999;
	color: #fff;
	font-size: 12px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

@media (max-width: 750px) {
	.index-section-3 .list {
		padding-right: .1rem;
		padding-left: .1rem
	}

	.index-section-3 .list li {
		width: 100%;
		padding: 0 !important
	}

	.index-section-3 .list .t {
		font-size: 18px
	}

	.index-section-3 .list .p {
		font-size: 14px;
		line-height: 24px;
		height: auto
	}

	.index-section-3 .list .con {
		padding: .15rem .15rem .35rem
	}
}

.index-section-4 {
	padding-top: .4rem;
	padding-left:.2rem;
	padding-right:.2rem;
	background-color: #fff;
}

.index-section-4 .box {
	margin-top: .2rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.index-section-4 .thumb {
	-webkit-box-flex: 540;
	-moz-box-flex: 540;
	-ms-flex: 540;
	flex: 540;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 10px
}

.index-section-4 .thumb .item {
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 33.33%;
	padding-right: .1rem;
	padding-bottom: .1rem
}

.index-section-4 .thumb .item .p{
	font-size:20px;
}
@media screen and (max-width: 1440px) {
	.index-section-4 .thumb .item .p{
		font-size:15px;
	}
}

.index-section-4 .thumb .item.on .front,.index-section-4 .thumb .item:hover .front {
	display: none
}

.index-section-4 .thumb .item.on .back,.index-section-4 .thumb .item:hover .back {
	display: block
}

.index-section-4 .thumb .item.on .p,.index-section-4 .thumb .item:hover .p {
	color: #fff;
	font-size:20px;
}
@media screen and (max-width: 1440px) {
	.index-section-4 .thumb .item.on .p,.index-section-4 .thumb .item:hover .p {
		color: #fff;
		font-size:15px;
	}
}

.index-section-4 .thumb .item.on .square,.index-section-4 .thumb .item:hover .square {
	background-color: #0a9da6
}

.index-section-4 .thumb .wrapper {
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden
}

.index-section-4 .thumb .square {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	background-color: #f5f5f5;
	cursor: pointer;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.index-section-4 .thumb .icon {
	width: .4rem;
	height: .4rem;
	margin: 0 auto;
	color:#0a9da6;
	font-size:60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-section-4 .thumb .icon img {
	width: 100%;
	height: 100%
}

.index-section-4 .thumb .front {
	display: block
}

.index-section-4 .thumb .back {
	display: none
}

.index-section-4 .thumb .p {
	font-size: 22px;
	color: #0a9da6
}

.index-section-4 .thumb .item.on .icon{
	color:#fff;
	}
.index-section-4 .thumb .item:hover .icon{
	color:#fff;
	}
@media (max-width: 1440px) {
	.index-section-4 .thumb .p {
		font-size: 18px
	}
}

@media (max-width: 750px) {
	.index-section-4 .box {
		display: block
	}

	.index-section-4 .thumb .wrapper {
		height: 0;
		padding-top: 100%
	}

	.index-section-4 .thumb {
		margin-right: 0;
		padding-left: .1rem
	}

	.index-section-4 .thumb .item {
		width: 33.33%;
		height: auto
	}

	.index-section-4 .thumb .p {
		font-size: 14px
	}
}

.index-pro {
	-webkit-box-flex: 1370;
	-moz-box-flex: 1370;
	-ms-flex: 1370;
	flex: 1370;
	margin-bottom: 20px;
	background:#f5f5f5;
}

.index-pro .item {
	display: none;
	position: relative;
	overflow: hidden
}

.index-pro .item:first-child {
	display: block
}

.index-pro .bg {
	width: 100%;
	padding-top: 57.66423%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

.index-pro .con {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:.2rem 0 0 .2rem;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s
}

.index-pro .t {
	color: #333;
	font-size: 26px;
	font-weight:bold;
	max-width: 330px;
	margin-bottom:0.05rem;
}

.index-pro .t span{
	font-size:34px;
	margin-right:5px;
	float:left;
	}

.index-pro .p {
	font-size: 14px;
	color: #666;
	max-width: 100%;
	line-height:150%;
	text-shadow:#CCC 2px 0 0;
	padding-left:35px;
}


@media (max-width: 750px) {
	.index-pro {
		padding-right: .1rem;
		padding-left: .1rem
	}

	.index-pro .con {
		padding: .25rem .25rem 0 .25rem;
		background-color: rgba(10,157,166,0.8);
		opacity: 0
	}

	.index-pro .t {
		font-size: 18px;
		color: #fff;
		max-width: 250px
	}

	.index-pro .p {
		font-size: 13px;
		line-height: 22px;
		color: #fff
	}

	.index-pro .arrow {
		background-color: #fff;
		color: #0a9da6
	}

	.index-pro .item:hover .con {
		opacity: 1
	}
}

.index-section-5 {
	background-color: #eee;
	padding-top: .6rem
}

.index-section-5 .list {
	font-size: 0;
	padding-top: .25rem
}

.index-section-5 .list li {
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%
}

.index-section-5 .list li:nth-child(2n+1) {
	padding-right: 30px
}

.index-section-5 .list li:nth-child(2n) {
	padding-left: 30px
}

.index-section-5 .list .wrapper {
	display: block
}

.index-section-5 .list .wrapper:hover .arrow {
	background-color: #0a9da6
}

.index-section-5 .list .wrapper:hover .img img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.index-section-5 .list .img {
	position: relative;
	width: 100%;
	padding-top: 39.50617%;
	overflow: hidden
}

.index-section-5 .list .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	top: 0;
	left: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.index-section-5 .list .con {
	padding: .15rem .1rem .25rem
}

.index-section-5 .list .t {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: .075rem
}

.index-section-5 .list .p {
	font-size: 16px;
	line-height: 36px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #666;
	height: 72px;
	margin-bottom: 10px
}

.index-section-5 .list .arrow {
	width: 26px;
	height: 26px;
	border-radius: 100%;
	text-align: center;
	line-height: 26px;
	background-color: #999;
	color: #fff;
	font-size: 12px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

@media (max-width: 750px) {
	.index-section-5 .list {
		padding-right: 0;
		padding-left: 0
	}

	.index-section-5 .list li {
		width: 100%;
		padding: 0 !important
	}

	.index-section-5 .list .t {
		font-size: 18px
	}

	.index-section-5 .list .p {
		font-size: 14px;
		line-height: 24px;
		height: auto
	}

	.index-section-5 .list .con {
		padding: .15rem .15rem .35rem
	}
}

.index-section-6 {
	padding:.4rem 0 .4rem;
	background-color: #eee
}

.index-section-6 .wp1680 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width: 750px) {
	.index-section-6 .wp1680 {
		display: block
	}
}

.index-news-l-box {
	-webkit-box-flex: 600;
	-moz-box-flex: 600;
	-ms-flex: 600;
	flex: 600;
	overflow: hidden
}

.index-news-l-box .index-news-box .img {
	padding-top: 56.66667%
}

.index-news-r-box {
	-webkit-box-flex: 980;
	-moz-box-flex: 980;
	-ms-flex: 980;
	flex: 980;
	overflow: hidden;
	margin-left: 100px
}

.index-news-r-box .index-news-box .img {
	padding-top: 72.34043%
}

@media (max-width: 750px) {
	.index-news-r-box {
		margin-top: .3rem;
		margin-left: 0;
		border-top: 1px solid #e4e3e3;
		padding-top: .3rem
	}
}

.index-news-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.index-news-wrapper .index-news-box {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden
}

.index-news-wrapper .index-news-box .con{
	border-bottom:#CCC dotted 1px;
	margin-bottom:15px;
	}

.index-news-wrapper .index-news-box:nth-child(2n) {
	margin-left: 40px
}

@media (max-width: 1440px) {
	.index-news-wrapper .index-news-box:nth-child(2n) {
		margin-left: 30px
	}
}

@media (max-width: 750px) {
	.index-news-wrapper {
		display: block
	}

	.index-news-wrapper .index-news-box:nth-child(2n) {
		margin-left: 0
	}
}

.index-news-title {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.index-news-title .t {
	font-size: 32px;
	font-weight: bold;
	color: #333
}

.index-news-title .more {
	font-size: 16px;
	color: #999;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.index-news-title .more:hover {
	color: #0a9da6
}

@media (max-width: 1440px) {
	.index-news-title .t {
		font-size: 28px
	}
}

@media (max-width: 750px) {
	.index-news-title .t {
		font-size: 20px
	}

	.index-news-title .more {
		font-size: 14px
	}
}

.index-news-box {
	margin-top: .175rem
}

.index-news-box .img-box {
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: .125rem
}

.index-news-box .img-box:hover .img img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.index-news-box .img-box .img {
	position: relative;
	overflow: hidden
}

.index-news-box .img-box .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.index-news-box .img-box .time {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #666;
	color: #fff;
	text-align: center;
	z-index: 2;
	width: 80px;
	padding: 15px 0
}

.index-news-box .img-box .day {
	font-size: 30px
}

.index-news-box .img-box .date {
	font-size: 14px
}

.index-news-box .t {
	font-size: 22px;
	font-weight: bold;
	color: #333;
	line-height:150%;
	margin-bottom:5px
}
@media screen and (max-width: 1440px){
	.index-news-box .t {
		font-size: 18px;
		line-height:150%;
	}
}

.index-news-box .t a {
	color: #333;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.index-news-box .t a:hover {
	color: #0a9da6
}

.index-news-box .pp {
	font-size: 14px;
    line-height: 30px;
    height: 60px;
    color: #666;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index-news-box .p {
	font-size: 18px;
	line-height: 200%;
	color: #666;
	padding-bottom:6px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (max-width: 1440px){
	.index-news-box .p {
		font-size: 14px;
		line-height: 150%;
	}
}

@media (max-width: 750px) {
	.index-news-box .t {
		font-size: 16px
	}

	.index-news-box .p {
		line-height: 24px;
		height: 48px
	}
}


p#back-to-top{
  position:fixed;
  bottom:100px;
  right:20px;
}
p#back-to-top a{
  text-align:center;
  text-decoration:none;
  color:#d1d1d1;
  display:block;
  width:30px;
  /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
  -moz-transition:color1s;
  -webkit-transition:color1s;
  -o-transition:color1s;
}
p#back-to-top a:hover{
  color:#979797;
}
p#back-to-top a span{
  background:#0a9da6;
  border-radius:6px;
  display:block;
  height:40px;
  line-height:40px;
  width:40px;
  color:#fff;
  vertical-align:middle;
  font-size:22px;
}
#back-to-top a:hover span{}

.about-culture {
	background-color: #fff;
	padding: .55rem 0 .7rem
}

.about-title {
	text-align: center
}

.about-title .t {
	font-size: 32px;
	color: #333;
	margin-bottom: .075rem;
	font-weight: bold
}

.about-title .p {
	font-size: 14px;
	color: #666;
	line-height: 30px
}

@media (max-width: 750px) {
	.about-title .t {
		font-size: 22px
	}
}

.about-icon-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: .6rem;
	width: 1300px;
	max-width: 100%
}

.about-icon-list .item {
	text-align: center;
	position: relative;
	padding-bottom: .2rem;
	min-width: 250px
}

.about-icon-list .item:after {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 56px;
	height: 2px;
	background-color: #000;
	content: '';
	margin-left: -28px
}

.about-icon-list .icon {
	width: 90px;
	height: 90px;
	margin: 0 auto 20px
}

.about-icon-list .icon img {
	width: 100%;
	height: 100%
}

.about-icon-list .t {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	margin-bottom: .075rem
}

.about-icon-list .p {
	font-size: 18px;
	color: #666
}

@media (max-width: 750px) {
	.about-icon-list {
		display: block;
		padding-top: 0
	}

	.about-icon-list .item {
		margin-top: .25rem
	}

	.about-icon-list .t {
		font-size: 18px
	}

	.about-icon-list .p {
		font-size: 14px
	}
}

.about-article {
	width: 100%;
	padding: .2rem 0 .2rem;
	line-height: 36px;
	color: #666;
	font-size: 16px
}

.about-article p {
	margin-bottom: 18px
}

.about-article img {
	max-width: 100%;
	height: auto !important
}

.about-article ul {
	list-style: disc
}

.about-article ul li {
	list-style: disc
}

.about-article ol {
	list-style: decimal
}

.about-article ol li {
	list-style: decimal
}

.about-article .h1 {
	font-size: 32px;
	font-weight: bold;
	color: #333;
	margin-bottom: .175rem;
	text-align: center
}

.about-article p {
	margin-bottom: 30px
}

@media (max-width: 750px) {
	.about-article {
		line-height: 30px;
		font-size: 14px
	}

	.about-article .h1 {
		font-size: 24px
	}
}

.about-video {
	background-color: #f1f2f2;
	padding-top: .45rem
}

.about-video .video-box {
	position: relative;
	width: 100%;
	padding-top: 41.66667%;
	overflow: hidden;
	margin-top: .175rem;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

.about-video .video-box video,.about-video .video-box .mejs__container,.about-video .video-box .mejs__overlay,.about-video .video-box .mejs__poster {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	left: 0
}

.about-video .video-box .btn {
	position: absolute;
	width: .325rem;
	height: .325rem;
	top: 50%;
	left: 50%;
	margin: -.16rem 0 0 -.16rem;
	z-index: 5;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: .8;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.about-video .video-box:hover .btn {
	opacity: 1
}

@media (max-width: 750px) {
	.about-video .mejs__overlay-button {
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		transform: scale(0.5)
	}
}

.about-history {
	padding: .55rem 0 1.1rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 989px;
	background-image: url(../images/img9.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #eceff4
}

@media (max-width: 750px) {
	.about-history {
		min-height: 0
	}
}

.about-history-swiper {
	margin-top: .35rem
}

.about-history-swiper:after {
	position: absolute;
	left: 50px;
	right: 50px;
	top: 54px;
	height: 1px;
	content: '';
	background: #e0e1e3
}

.about-history-swiper .history-prev,.about-history-swiper .history-next {
	position: absolute;
	top: 38px;
	cursor: pointer;
	outline: none;
	font-size: 22px;
	line-height: 30px;
	color: #ccc;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	z-index: 5
}

.about-history-swiper .history-prev:hover,.about-history-swiper .history-next:hover {
	color: #333
}

.about-history-swiper .history-prev {
	left: 0;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg)
}

.about-history-swiper .history-next {
	right: 0
}

.about-history-swiper .swiper-slide {
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 4
}

.about-history-swiper .swiper-slide.on .icon,.about-history-swiper .swiper-slide.on .p,.about-history-swiper .swiper-slide.on .t {
	color: #0a9da6
}

.about-history-swiper .swiper-slide.on .dot {
	background: #0a9da6
}

.about-history-swiper .icon {
	font-size: 34px;
	line-height: 40px;
	color: #a1a1a1;
	margin: 0 auto 10px
}

.about-history-swiper .dot {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #a1a1a1;
	margin: 0 auto .15rem
}

.about-history-swiper .t {
	font-size: 26px;
	color: #333;
	margin-bottom: 10px
}

.about-history-swiper .p {
	font-size: 16px;
	color: #333
}

@media (max-width: 750px) {
	.about-history-swiper .t {
		font-size: 16px
	}

	.about-history-swiper .p {
		font-size: 12px
	}
}

.about-history-con {
	margin-top: .42rem;
	position: relative
}

.about-history-con:after {
	position: absolute;
	width: 1px;
	top: 0;
	bottom: 0;
	content: '';
	background: #dfdfdf;
	left: 111px
}

.about-history-con .box:first-child {
	display: block
}

.about-history-con .box {
	display: none;
	position: relative;
	z-index: 2
}

.about-history-con .item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: .17rem
}

.about-history-con .item:last-child {
	margin-bottom: 0
}

.about-history-con .year {
	font-size: 28px;
	color: #222;
	width: 100px
}

.about-history-con .dot {
	background-image: url(../images/icon7.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	width: 24px;
	height: 24px;
	margin-right: .15rem
}

.about-history-con .con {
	border: 1px solid #d1d1d1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: .175rem;
	font-size: 16px;
	line-height: 30px;
	color: #333
}

@media (max-width: 750px) {
	.about-history-con:after {
		left: 72px
	}

	.about-history-con .year {
		font-size: 18px;
		width: 60px
	}

	.about-history-con .con {
		font-size: 14px;
		line-height: 24px
	}
}

.about-video-dialog {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	z-index: 1999;
	display: none
}

.about-video-dialog .close-btn {
	position: absolute;
	font-size: 24px;
	color: #fff;
	top: 0;
	right: 0;
	z-index: 5;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer
}

.about-video-dialog-con {
	width: 1200px;
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.about-video-dialog-con .box {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden
}

.about-video-dialog-con .box iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.honor-con {
	padding: .45rem 0 .6rem;
	background-image: url(../images/img10.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative
}

.honor-con:after {
	position: absolute;
	width: 100%;
	height: 1px;
	background: rgba(10,157,166,0.2);
	content: '';
	bottom: .63rem
}

@media (max-width: 750px) {
	.honor-con:after {
		bottom: .66rem
	}
}

.honor-swiper {
	margin-top: .3rem;
	position: relative;
	z-index: 5
}

.honor-swiper .honor-prev,.honor-swiper .honor-next {
	position: absolute;
	cursor: pointer;
	outline: none;
	font-size: 32px;
	line-height: 40px;
	color: #bcbcbc;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	top: 50%;
	margin-top: -moz-calc(-20px - .217rem);
	margin-top: calc(-20px - .217rem);
	z-index: 6
}

.honor-swiper .honor-prev:hover,.honor-swiper .honor-next:hover {
	color: #333
}

.honor-swiper .honor-prev {
	left: -50px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg)
}

.honor-swiper .honor-next {
	right: -50px
}

.honor-swiper .swiper-slide {
	position: relative;
	padding-bottom: .425rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: auto;
	cursor: pointer
}

.honor-swiper .swiper-slide:after {
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	border: 1px solid #0a9da6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	bottom: 0;
	left: 50%;
	margin-left: -7px;
	content: '';
	z-index: 4
}

.honor-swiper .swiper-slide:before {
	position: absolute;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 0;
	background: #0a9da6;
	content: '';
	bottom: 0;
	-webkit-transition: all .45s;
	-o-transition: all .45s;
	-moz-transition: all .45s;
	transition: all .45s
}

.honor-swiper .swiper-slide.on .text-box {
	border-color: #0a9da6;
	background-image: url(../images/img11.jpg)
}

.honor-swiper .swiper-slide.on:after {
	background: #0a9da6
}

.honor-swiper .swiper-slide.on:before {
	height: 34px
}

.honor-swiper .text-box {
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: .62rem .87rem;
	border: 2px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	padding: .15rem .2rem;
	width: 100%
}

.honor-swiper .year {
	font-size: 28px;
	color: #222;
	margin-bottom: .125rem;
	font-weight: bold
}

.honor-swiper .p {
	font-size: 14px;
	line-height: 30px;
	color: #666;
	min-height: 270px
}

@media (max-width: 1024px) {
	.honor-swiper {
		padding-right: 30px;
		padding-left: 30px
	}

	.honor-swiper .honor-prev {
		left: 0
	}

	.honor-swiper .honor-next {
		right: 0
	}
}

@media (max-width: 749px) {
	.honor-swiper .swiper-slide.swiper-slide-active .text-box {
		border-color: #0a9da6;
		background-image: url(../images/img11.jpg)
	}

	.honor-swiper .swiper-slide.swiper-slide-active:after {
		background: #0a9da6
	}

	.honor-swiper .swiper-slide.swiper-slide-active:before {
		height: 34px
	}
}

.product-list-con {
	background-color: #fff;
	padding: .2rem 0 .2rem
}

.product-list-item {
	margin-bottom: .25rem
}

.product-list-item:last-child {
	margin-bottom: 0
}

.product-list-item .title {
	font-size: 28px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
	text-align:center;
}

.product-list-item .p {
	font-size: 14px;
	line-height: 30px;
	color: #666
}

@media (max-width: 750px) {
	.product-list-item .title {
		font-size: 20px
	}

	.product-list-item .p {
		font-size: 12px;
		line-height: 24px
	}
}

.product-list {
	margin: 0 -15px;
	font-size: 0;
	border-bottom: 1px solid #eee
}

.product-list li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.product-list .wrapper {
	display: block;
	border-bottom: 2px solid transparent;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.product-list .wrapper:hover {
	border-bottom-color: #0a9da6
}

.product-list .wrapper:hover .t {
	color: #0a9da6
}

.product-list .wrapper:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1)
}

.product-list .img {
	position: relative;
	width: 100%;
	padding-top:75%;
	overflow: hidden;
	margin-bottom: .01rem
}

.product-list .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s
}

.product-list .t {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height:350%;
	overflow: hidden;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 1366px) {
	.product-list .t {
		font-size: 14px
	}
}

@media (max-width: 1000px) {
	.product-list {
		margin: 0 -5px
	}

	.product-list li {
		padding: 0 5px;
		width: 50%
	}
}

@media (max-width: 750px) {
	.product-list .wrapper {
		padding-bottom: 10px
	}
}

.product-detail-top {
	padding: .1rem 0 .1rem;
	background-color: #fff
}

.product-detail-top .title {
	text-align: center;
	font-size: 32px;
	color: #333;
	padding: 0 .15rem;
	font-weight: bold;
	margin-bottom: .25rem
}

@media (max-width: 750px) {
	.product-detail-top .title {
		font-size: 22px
	}
}

.product-detail-swiper {
	position: relative
}

.product-detail-swiper .swiper-slide {
	width: 1100px;
	position: relative
}

.product-detail-swiper .swiper-slide:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	content: '';
	background: rgba(177,177,177,0.7)
}

.product-detail-swiper .swiper-slide.swiper-slide-active:before {
	display: none
}

@media (max-width: 1100px) {
	.product-detail-swiper .swiper-slide {
		width: 100%
	}
}

.product-detail-swiper .img {
	position: relative;
	width: 100%;
	padding-top: 57.63636%;
	overflow: hidden
}

.product-detail-swiper .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.product-detail-swiper .swiper-pagination {
	bottom: .15rem
}

.product-detail-swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	opacity: 1;
	cursor: pointer;
	outline: none;
	background: #666;
	margin: 0 .04rem !important
}

.product-detail-swiper .swiper-pagination-bullet-active {
	background: #0a9da6
}

.product-detail-swiper .product-detail-prev,.product-detail-swiper .product-detail-next {
	position: absolute;
	top: 50%;
	font-size: 30px;
	line-height: 40px;
	margin-top: -20px;
	color: #bcbcbc;
	z-index: 5;
	left: 50%;
	outline: none;
	cursor: pointer;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.product-detail-swiper .product-detail-prev:hover,.product-detail-swiper .product-detail-next:hover {
	color: #333
}

.product-detail-swiper .product-detail-prev {
	margin-left: -540px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg)
}

.product-detail-swiper .product-detail-next {
	margin-left: 510px
}

@media (max-width: 1100px) {
	.product-detail-swiper .product-detail-prev {
		left: .15rem;
		margin-left: 0
	}

	.product-detail-swiper .product-detail-next {
		left: auto;
		right: .15rem;
		margin-left: 0
	}
}

.product-menu {
	text-align: center;
	background-color: #f4f4f4;
	border-bottom: 1px solid #dfdfdf;
	font-size: 0
}

.product-menu .item {
	display: inline-block;
	vertical-align: top;
	height: 70px;
	line-height: 70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 2px solid transparent;
	font-size: 16px;
	margin: 0 .225rem;
	color: #333;
	cursor: pointer;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.product-menu .item.on {
	color: #0a9da6;
	border-bottom-color: #0a9da6
}

@media (max-width: 750px) {
	.product-menu .item {
		height: 50px;
		line-height: 50px;
		font-size: 14px
	}
}

.product-detail-con {
	background-color: #fff
}

.product-detail-con .box {
	display: none
}

.product-detail-con .box:first-child {
	display: block
}

.product-detail-con .solution {
	background-color: #fff;
	padding: .45rem 0 .2rem
}

.product-detail-con .article {
	line-height: 30px;
	color: #666;
	font-size: 14px
}

.product-detail-con .article p {
	margin-bottom: 20px
}

.product-detail-con .article img {
	max-width: 100%;
	height: auto !important
}

.product-detail-con .article ul {
	list-style: disc
}

.product-detail-con .article ul li {
	list-style: disc
}

.product-detail-con .article ol {
	list-style: decimal
}

.product-detail-con .article ol li {
	list-style: decimal
}

.product-detail-con .intro {
	background-color: #f8f8f8;
	padding: .1rem 0 .1rem
}

.product-detail-con .param {
	background-color: #fff;
	padding: .45rem 0 .2rem
}

.product-detail-con .mobile-article {
	display: none
}

@media (max-width: 800px) {
	.product-detail-con .pc-article {
		display: none
	}

	.product-detail-con .mobile-article {
		display: block
	}
}

.product-detail-title {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e4e4e5;
	margin-bottom: .2rem
}

.product-detail-title strong {
	font-size: 24px;
	font-weight: bold;
	line-height: 50px;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 2px solid #0a9da6
}

.product-detail-title .more {
	color: #0a9da6;
	font-size: 14px
}

.product-detail-title .more:hover {
	text-decoration: underline
}

@media (max-width: 750px) {
	.product-detail-title strong {
		font-size: 18px
	}
}

.product-detail-page {
	border-top: 1px solid #f2efef;
	padding-top: .25rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: .2rem
}

.product-detail-page .back {
	font-size: 16px;
	color: #666;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.product-detail-page .back:hover {
	color: #0a9da6
}

.product-detail-page .pro-page {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	margin-right: .1rem
}

.product-detail-page .pro-page li {
	padding: 6px 0
}

.product-detail-page .pro-page a {
	font-size: 14px;
	color: #666;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.product-detail-page .pro-page a:hover {
	color: #0a9da6
}

@media (max-width: 750px) {
	.product-detail-page {
		display: block
	}

	.product-detail-page .back {
		display: block;
		text-align: center;
		margin: .2rem auto 0
	}
}

.news-list-con {
	padding: .35rem 0 .45rem
}

.news-list-top {
	text-align: center;
	margin-bottom: .5rem
}

.news-list-top .t {
	font-size: 35px;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px
}

.news-list-top .p {
	font-size: 14px;
	line-height: 30px;
	color: #666
}

@media (max-width: 750px) {
	.news-list-top .t {
		font-size: 22px
	}

	.news-list-top .p {
		font-size: 12px;
		line-height: 24px
	}
}

.news-list-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.news-list-box .list-box {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
}

.news-list-box .side-bar {
	border-left: 1px solid #ececec;
	padding-left: 60px;
	width: 400px;
	overflow: hidden
}

.news-list-box .side-bar .title {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-bottom: .15rem
}

@media (max-width: 1250px) {
	.news-list-box {
		display: block
	}

	.news-list-box .list-box {
		margin-right: 0
	}

	.news-list-box .side-bar {
		padding-left: 0;
		border-left: none;
		width: 100%;
		margin-top: .4rem
	}
}

.side-bar-list .wrapper {
	display: block;
	margin-bottom: .2rem
}

.side-bar-list .wrapper:hover .img-box .img img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.side-bar-list .wrapper:hover .t {
	color: #0a9da6
}

.side-bar-list .img-box {
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: .125rem
}

.side-bar-list .img-box .img {
	position: relative;
	overflow: hidden
}

.side-bar-list .img-box .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.side-bar-list .img-box .img-288 {
	padding-top: 72%
}

.side-bar-list .img-box .img-226 {
	padding-top: 56.5%
}

.side-bar-list .img-box .time {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #0a9da6;
	color: #fff;
	text-align: center;
	z-index: 2;
	width: 80px;
	padding: 15px 0
}

.side-bar-list .img-box .day {
	font-size: 30px
}

.side-bar-list .img-box .date {
	font-size: 14px
}

.side-bar-list .t {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.side-bar-list .p {
	font-size: 14px;
	line-height: 30px;
	color: #666;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media (max-width: 750px) {
	.side-bar-list .t {
		font-size: 16px
	}

	.side-bar-list .p {
		font-size: 12px;
		line-height: 26px
	}
}

.news-list {
	margin-bottom: .3rem
}

.news-list li:first-child .wrapper {
	padding-top: 0
}

.news-list .wrapper {
	padding: .225rem 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #ececec;
	position: relative;
	overflow: hidden
}

.news-list .wrapper:before {
	position: absolute;
	left: 0;
	height: 2px;
	content: '';
	display: block;
	bottom: 0;
	width: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	background: #0a9da6
}

.news-list .wrapper:hover:before {
	width: 100%
}

.news-list .wrapper:hover .t {
	color: #0a9da6
}

.news-list .time {
	text-align: center;
	margin-right: .2rem;
	font-weight: bold;
	color: #333
}

.news-list .day {
	font-size: 36px
}

.news-list .date {
	font-size: 15px
}

.news-list .box {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden
}

.news-list .t {
	font-size: 18px;
	font-weight: bold;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	color: #333;
	margin-bottom: .1rem;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.news-list .p {
	font-size: 16px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

@media (max-width: 750px) {
	.news-list .t {
		font-size: 16px
	}

	.news-list .p {
		font-size: 12px
	}
}

.news-detail-con {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
}

@media (max-width: 1250px) {
	.news-detail-con {
		margin-right: 0
	}
}

.news-detail-top {
	margin-bottom: .15rem;
	text-align:center;
}

.news-detail-top .title {
	font-size: 28px;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px
}

.news-detail-top .tool {
	font-size: 14px;
	color: #888
}

@media (max-width: 750px) {
	.news-detail-top .title {
		font-size: 20px
	}
}

.news-detail-article {
	line-height: 40px;
	color: #666;
	padding-bottom: .15rem;
	padding-top: .05rem;
	font-size: 14px;
	border-top:#DEDEDE solid 1px;
}

.news-detail-article p {
	margin-bottom: 20px
}

.news-detail-article img {
	max-width: 100%;
	height: auto !important
}

.news-detail-article ul {
	list-style: disc
}

.news-detail-article ul li {
	list-style: disc
}

.news-detail-article ol {
	list-style: decimal
}

.news-detail-article ol li {
	list-style: decimal
}

@media (max-width: 750px) {
	.news-detail-article {
		line-height: 30px
	}
}

.article-con {
	padding: .45rem 0;
	background-color: #fff
}

.article-con .title {
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px
}

.article-con .p {
	font-size: 14px;
	color: #333;
	text-align: center;
	margin-bottom: .2rem
}

.article-con .article {
	line-height: 36px;
	color: #333;
	font-size: 16px
}

.article-con .article p {
	margin-bottom: 18px
}

.article-con .article img {
	max-width: 100%;
	height: auto !important
}

.article-con .article ul {
	list-style: disc
}

.article-con .article ul li {
	list-style: disc
}

.article-con .article ol {
	list-style: decimal
}

.article-con .article ol li {
	list-style: decimal
}

@media (max-width: 750px) {
	.article-con .title {
		font-size: 20px
	}

	.article-con .article {
		font-size: 14px;
		line-height: 30px
	}
}

.brand {
	overflow: hidden
}

.brand-sub-title {
	font-size: 28px;
	color: #333;
	line-height: 1;
	font-weight: bold;
	margin-top: 55px
}

@media screen and (max-width: 1024px) {
	.brand-sub-title {
		font-size: .18rem;
		line-height: 1.4
	}
}

.brand-info {
	margin-top: 25px;
	color: #666;
	line-height: 36px;
	font-size: 16px
}

.brand-info p {
	margin-bottom: 18px
}

.brand-info img {
	max-width: 100%;
	height: auto !important
}

.brand-info ul {
	list-style: disc
}

.brand-info ul li {
	list-style: disc
}

.brand-info ol {
	list-style: decimal
}

.brand-info ol li {
	list-style: decimal
}

@media screen and (max-width: 1024px) {
	.brand-info {
		font-size: 14px;
		line-height: 30px
	}
}

.brand-info img {
	max-width: 100%
}

.brand-dashed {
	border-bottom: 1px dashed #dedbd4;
	margin-top: 70px;
	margin-bottom: 100px
}

.brand-tag {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	margin-top: 30px;
	padding-right: 130px
}

@media screen and (max-width: 1024px) {
	.brand-tag {
		padding-right: 0
	}
}

.brand-tag-item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	border: .005rem solid #cfcbc0;
	border-radius: 25px;
	color: #9c7d5c;
	font-size: 18px;
	line-height: 1;
	padding: 15px 43px;
	margin-right: 10px;
	margin-bottom: 10px
}

@media screen and (max-width: 1024px) {
	.brand-tag-item {
		width: 47%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-right: .1rem;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: .17rem;
		padding: .13rem .4rem;
		border-radius: .25rem;
		margin-bottom: .15rem
	}
}

.brand .mt60 {
	margin-top: 60px
}

.brand .mb70 {
	margin-bottom: 70px
}

.serve-list {
	margin-top: -80px
}

.serve-list .arrow {
	width: 26px;
	height: 26px;
	border-radius: 100%;
	text-align: center;
	line-height: 26px;
	background-color: #999;
	color: #fff;
	font-size: 12px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	margin-top: 30px
}

.serve-list .box-img {
	position: relative;
	padding-top: 54.54545%;
	overflow: hidden
}

.serve-list .box-img:hover img {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	transform: scale(1.08)
}

.serve-list .box-img img {
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.serve-list .h3 {
	font-family: 'Arial';
	font-weight: bold;
	font-size: 38px;
	color: #333
}

.serve-list .h4 {
	margin-bottom: 40px;
	font-size: 28px;
	font-weight: bold;
	color: #333
}

.serve-list .p {
	font-size: 18px;
	line-height: 36px;
	color: #555
}

@media screen and (max-width: 1024px) {
	.serve-list .p {
		font-size: .15rem;
		line-height: 2
	}
}

.serve-list .more {
	display: inline-block;
	margin-top: 25px;
	width: 130px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	border-radius: 5px;
	padding-left: 28px;
	background: url("images/icon09.png") no-repeat 8px center #292929
}

.serve-list .more:hover {
	color: #fff;
	background-color: #0184ef
}

.serve-cell {
	padding: 68px 0;
	border-bottom: 1px solid #efefef;
	display: block
}

.serve-cell .content {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-flow: row-reverse;
	flex-flow: row-reverse
}

@media screen and (max-width: 1024px) {
	.serve-cell .content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column
	}
}

@media screen and (min-width: 1024px) {
	.serve-cell:nth-child(even) .content {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-flow: row;
		flex-flow: row
	}

	.serve-cell:nth-child(even) .left {
		padding: 25px 0 0 80px
	}
}

.serve-cell .right {
	width: 50%
}

@media screen and (max-width: 1024px) {
	.serve-cell .right {
		width: 100%
	}
}

.serve-cell .left {
	width: 50%;
	padding: 25px 80px 0 0
}

@media screen and (max-width: 1024px) {
	.serve-cell .left {
		width: 100%
	}
}

@media (max-width: 1200px) {
	.serve-list {
		padding: 0 8px 30px
	}

	.serve-list .h3 {
		font-size: 26px
	}

	.serve-list .h4 {
		margin-bottom: 10px;
		font-size: 22px
	}

	.serve-list .more {
		margin-top: 10px
	}

	.serve-cell01 {
		padding: 50px 0
	}

	.serve-cell01 .right {
		float: none;
		width: 100%
	}

	.serve-cell01 .left {
		float: none;
		width: 100%;
		padding: 15px 0 0
	}

	.serve-cell02 {
		padding: 50px 0;
		border-bottom: 1px solid #efefef
	}

	.serve-cell02 .right {
		float: none;
		width: 100%
	}

	.serve-cell02 .left {
		float: none;
		width: 100%;
		padding: 15px 0 0
	}
}

.coop-con {
	padding: .45rem 0 .35rem;
	background: #f6f8f8
}

.case-title {
	text-align: center
}

.case-title .top {
	font-size: 32px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px
}

.case-title .text {
	font-size: 14px;
	color: #666
}

@media (max-width: 750px) {
	.case-title .top {
		font-size: 20px
	}
}

.coop-swiper {
	position: relative;
	margin-top: .25rem
}

.coop-swiper .coop-prev,.coop-swiper .coop-next {
	position: absolute;
	top: 50%;
	font-size: 28px;
	line-height: 40px;
	margin-top: -moz-calc(-20px - .062rem);
	margin-top: calc(-20px - .062rem);
	cursor: pointer;
	outline: none;
	color: #ccc;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	z-index: 10
}

.coop-swiper .coop-prev:hover,.coop-swiper .coop-next:hover {
	color: #0a9da6
}

.coop-swiper .coop-prev {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	left: -35px
}

.coop-swiper .coop-next {
	right: -35px
}

.coop-swiper .swiper-slide .box {
	font-size: 0;
	margin: 0 -12px
}

.coop-swiper .swiper-slide .item {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	padding: 0 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: .125rem
}

.coop-swiper .swiper-slide .wrapper {
	display: block;
	background-color: #fff;
	cursor: pointer;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.coop-swiper .swiper-slide .wrapper:hover {
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 10px rgba(0,0,0,0.2)
}

.coop-swiper .swiper-slide .img {
	position: relative;
	width: 100%;
	padding-top: 50%;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #fff
}

.coop-swiper .swiper-slide .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media (max-width: 1024px) {
	.coop-swiper {
		padding-right: .15rem;
		padding-left: .15rem
	}

	.coop-swiper .coop-prev {
		left: 0
	}

	.coop-swiper .coop-next {
		right: 0
	}

	.coop-swiper .swiper-slide .box {
		margin: 0 -5px
	}

	.coop-swiper .swiper-slide .item {
		width: 33.33%;
		padding: 0 5px
	}
}

.case-con {
	padding: .04rem 0 .05rem;
	background-color: #fff
}

.case-menu {
	background-color: #ebebeb;
	margin-bottom: .2rem;
	margin-top: .25rem
}

.case-menu .swiper-slide {
	width: auto
}

.case-menu .swiper-slide a {
	display: block;
	width: 200px;
	text-align: center;
	border-bottom: 2px solid transparent;
	height: 70px;
	line-height: 70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	overflow: hidden
}

@media (max-width: 750px) {
	.case-menu .swiper-slide a {
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		padding: 0 .2rem;
		width: auto
	}
}

.case-menu .swiper-slide.on a,.case-menu .swiper-slide:hover a {
	color: #0a9da6;
	border-bottom-color: #0a9da6
}

.case-list {
	padding-bottom: .15rem;
	padding-top: .35rem
}

.case-list li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	padding: 0 20px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: .2rem
}

.case-list .wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #f1f1f1
}

.case-list .left {
	-webkit-box-flex: 290;
	-moz-box-flex: 290;
	-ms-flex: 290;
	flex: 290;
	overflow: hidden;
	background-color: #f6f8f8;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: .62rem auto
}

.case-list .text-box {
	padding: .2rem .2rem 0 .175rem
}

.case-list .t {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: .075rem
}

.case-list .t a {
	color: #333
}

.case-list .t a:hover {
	color: #0a9da6
}

.case-list .p {
	font-size: 14px;
	line-height: 30px;
	color: #666
}

@media (max-width: 1440px) {
	.case-list .text-box {
		padding: .1rem .1rem 0 .1rem
	}
}

@media (max-width: 1250px) {
	.case-list {
		margin: 0
	}

	.case-list li {
		width: 100%;
		padding: 0
	}

	.case-list .p {
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 6;
		-webkit-box-orient: vertical
	}
}

@media (max-width: 800px) {
	.case-list .wrapper {
		display: block
	}

	.case-list .text-box {
		padding: .2rem
	}
}

.case-list-swiper {
	-webkit-box-flex: 530;
	-moz-box-flex: 530;
	-ms-flex: 530;
	flex: 530;
	overflow: hidden
}


.case-list-swiper:before {
	position: absolute;
	left: 0;
	width: 16.98113%;
	right: 0;
	height: 100%;
	top: 0;
	z-index: 2;
	content: '';
	background: rgba(255,255,255,0.8);
	display: none
}

.case-list-swiper.is-end:before {
	display: block
}

.case-list-swiper.is-end:after {
	display: none
}

.case-list-swiper.is-end .case-list-swiper-prev {
	color: #333
}

.case-list-swiper .case-list-swiper-next,.case-list-swiper .case-list-swiper-prev {
	font-size: 36px;
	line-height: 40px;
	margin-top: -20px;
	position: absolute;
	z-index: 50;
	cursor: pointer;
	outline: none;
	top: 50%
}

.case-list-swiper .case-list-swiper-next {
	color: #333;
	right: 40px
}

.case-list-swiper .case-list-swiper-prev {
	color: #fff;
	left: 40px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media (max-width: 1440px) {
	.case-list-swiper .case-list-swiper-next {
		right: .1rem
	}

	.case-list-swiper .case-list-swiper-prev {
		left: .1rem
	}
}

.case-list-swiper .swiper-slide {
	width:100%;
}

.case-list-swiper .swiper-slide .img {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 70.45455%;
	overflow: hidden
}

.case-list-swiper .swiper-slide .img img {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.case-list-swiper .swiper-slide .img:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1)
}

.join-con {
	padding: .35rem 0 .5rem;
	background-color: #fff
}

.join-title {
	text-align: center;
	margin-bottom: .25rem
}

.join-title .t {
	font-size: 32px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px
}

.join-title .p {
	text-align: center;
	font-size: 14px;
	color: #666
}

@media (max-width: 750px) {
	.join-title .t {
		font-size: 22px
	}
}

.join-list {
	margin: 0 -14px;
	font-size: 0;
	padding-bottom: .2rem
}

.join-list li {
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 25%;
	padding: 0 14px;
	margin-bottom: 22px
}

.join-list .wrapper {
	height: 450px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	background-color: #f4f4f4;
	border: 2px solid #f4f4f4;
	padding: .4rem .25rem;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: .65rem auto
}

.join-list .wrapper:hover {
	background-color: #fff;
	background-image: url(../images/img11.jpg);
	border-color: #0a9da6
}

.join-list .wrapper:hover .arrow {
	background: #0a9da6
}

.join-list .t {
	font-size: 22px;
	font-weight: bold;
	color: #333;
	line-height: 40px;
	height: 80px;
	overflow: hidden;
	margin-bottom: .1rem
}


.join-list .p {
	font-size: 14px;
	line-height: 30px;
	height: 180px;
	overflow: hidden;
	color: #666
}

.join-list .arrow {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	text-align: center;
	line-height: 30px;
	background: #333;
	color: #fff;
	font-size: 16px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	margin-top: .1rem
}

.join-list .hide-article {
	display: none
}

@media (max-width: 1440px) {
	.join-list .wrapper {
		padding: .3rem .15rem
	}
}

@media (max-width: 1024px) {
	.join-list li {
		width: 50%
	}
}

@media (max-width: 750px) {
	.join-list {
		margin: 0
	}

	.join-list .wrapper {
		height: 300px
	}

	.join-list li:nth-child(2n+1) {
		padding: 0 5px 0 0 !important
	}

	.join-list li:nth-child(2n) {
		padding: 0 0 0 5px !important
	}

	.join-list .t {
		font-size: 16px;
		line-height: 30px;
		height: auto
	}

	.join-list .p {
		height: 150px
	}
}

.join-dialog {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10001;
	background-color: rgba(0,0,0,0.5);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	opacity: 0;
	visibility: hidden
}

.join-dialog.show {
	visibility: visible;
	opacity: 1
}

.join-dialog-box {
	width: 800px;
	height: 900px;
	max-width: 100%;
	max-height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fff
}

.join-dialog-title {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #333;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: .59rem;
	padding: 0 .15rem 0 .4rem;
	color: #fff;
	margin-bottom: .25rem
}

.join-dialog-title strong {
	font-size: 26px
}

.join-dialog-title .close-btn {
	font-size: 32px;
	cursor: pointer
}

.join-dialog-con {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 .15rem 0 .4rem
}

.join-dialog-scroll {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 36px;
	color: #666
}

.join-dialog-scroll-wp {
	padding-right: .25rem
}

.join-dialog-scroll .bscroll-indicator {
	background: #e5eaea !important;
	cursor: pointer
}

.join-dialog-btn {
	padding: 0 .15rem 0 .4rem;
	margin-bottom: .4rem;
	margin-top: .2rem
}

.join-dialog-btn a {
	display: inline-block;
	vertical-align: top;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 14px;
	padding: 0 15px;
	border-radius: 2px;
	background: #424242;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.join-dialog-btn a:hover {
	background: #0a9da6
}

@media (max-width: 750px) {
	.join-dialog-title {
		padding: 0 .15rem
	}

	.join-dialog-title strong {
		font-size: 18px
	}

	.join-dialog-con {
		padding: 0 .15rem
	}

	.join-dialog-btn {
		padding: 0 .15rem;
		text-align: center
	}
}

.contact-con {
	background-color: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	padding:20px 0;
}
.contactmap{
	height:500px;
	}
#dtcontainer{
	height:500px;
	}

@media (max-width: 1024px) {
	.contact-con {
		display: block
	}
}

.map-con {
	width: 47%;
	overflow: hidden;
	padding-left:3%;
}

.map-con .map {
	width: 100%;
	height: 3.8rem;
	overflow: hidden
}

@media (max-width: 1024px) {
	.map-con {
		width: 100%
	}
}

.contact-box {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	padding:45px 0;
}

.contact-box .title {
	padding-bottom: .12rem;
	border-bottom: 1px solid #e7e7e7;
	font-size: 30px;
	color: #333;
	margin-bottom: .05rem;
	font-weight:bold;
}

.contact-box .article {
	font-size: 14px;
	line-height: 32px;
	color: #666
}

.contact-box .article .item {
	margin-bottom: 16px
}

.contact-box .article .item img {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px
}

.contact-box .article .ewm-box {
	margin: 0 auto;
	text-align: center
}

.contact-box .article-scroll {
	position: relative;
	width: 100%;
	overflow: hidden
}

.contact-box .article-scroll .bscroll-vertical-scrollbar {
	z-index: 20 !important
}

.contact-box .article-scroll .bscroll-indicator {
	background: #e5eaea !important;
	cursor: pointer
}

.contact-box .article-wp {
	position: relative;
	padding-right: 10px
}

@media (max-width: 1440px) {
	.contact-box {
		margin: 0 100px
	}

	.contact-box .article {
		margin-bottom: .2rem
	}
}

@media (max-width: 750px) {
	.contact-box {
		margin: 0 .15rem;
		padding-bottom:0rem
	}

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

	.contact-box .article-scroll {
		height:auto;
	}
}

/*# sourceMappingURL=maps/style.css.map */

/*# sourceMappingURL=maps/style.css.map */


.fl{
 float:left;
 }
.fr{
 float:right
 }
.clear{
	clear:both;
	}
.pageNav{
 clear:both; margin-top:30px; text-align:center;
}
.pageNav{
	height:30px;
	}
.pageNav a{
 padding:8px 10px; font-size:15px; background:#EBEBEB;
}

.pageNav a.prev, .pageNav a.next, .pageNav a.cur{
 background-color:#0a9da6;  color:#ffffff; padding:8px 10px;
}
.pageNav a:hover{
	background:#0a9da6;
	color:#fff;
	}