@charset "UTF-8";
.bd_weixin_popup {
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}


.header .slogan {
	float: left;
	border-left: 1px solid #eaeaea;
	margin-left: 20px;
	margin-top: 25px;
	padding: 8px 0 8px 20px
}

.header .slogan h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	color: #ce2620
}

.header .slogan p {
	font-size: 18px;
	line-height: 1;
	color: #2b2b2b;
	margin-top: 12px
}

.header-right {
	float: right
}

.language {
	float: right;
	position: relative
}

.language-text {
	display: block;
	font-size: 16px;
	color: #191919;
	line-height: 24px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.language-text i {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	margin-left: 4px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.language-list {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 10;
	background: #fff;
	padding: 10px 0;
	-webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s
}

.language-list a {
	display: block;
	padding: 10px 30px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.language-list a:hover {
	color: #2179bc
}

.language:hover .language-text {
	color: #2179bc
}

.language:hover .language-text i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.language:hover .language-list {
	opacity: 1;
	visibility: visible
}

.header-top .sep {
	float: right;
	display: inline-block;
	width: 1px;
	height: 16px;
	background: #888;
	margin: 4px 13px
}

.header-search {
	float: right;
	margin-top: 15px;
	position: relative
}

.bt-search {
	position: relative;
	border: none;
	background: none;
	float: left;
	width: 30px;
	height: 22px;
	line-height: 18px;
	cursor: pointer;
	transition: .5s;
	z-index: 10
}

.bt-search .sub-bot {
	display: block;
	width: 14px;
	height: 22px;
	line-height: 15px;
	background: transparent;
	border: none;
	position: absolute;
	z-index: 3;
	cursor: pointer;
	background: url(../images/icon-search.png) no-repeat center transparent;
	padding-right: 30px
}

.searchop .search-all {
	z-index: 10;
	opacity: 1;
	visibility: visible
}

.search-all {
	position: absolute;
	right: 0;
	top: 0;
	width: 300px;
	height: auto;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: all .2s
}

.search-all .search-box {
	position: relative;
	height: 36px;
	margin-top: 38px;
	background: #fff
}

.searchop .search-all .search-box {
	animation: searchform-fade 400ms both
}

.searchop .search-all form {
	animation: searchform-slide 1s both;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)
}

.search-all .search-box .search-txt {
	color: #333;
	line-height: 34px;
	width: 44px;
	text-align: center;
	cursor: pointer;
	transition: all .3s ease-out
}

.search-all .search-box .search-txt i {
	font-size: 20px !important
}

.search-all .search-box .search-txt.left {
	float: left
}

.search-all .search-box .search-inp {
	margin-left: 44px;
	transition: all .3s ease-out 0s;
	margin-right: 44px
}

.search-all .search-box .search-inp input {
	font-size: 16px;
	line-height: 36px;
	color: #333;
	width: 100%;
	border-radius: 5px
}

.searchop .search-close {
	opacity: 1;
	transition: all .2s ease-out 0s
}

.search-all .search-box .search-close {
	width: 44px;
	height: 36px;
	font-size: 16px;
	color: #333;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 1
}

.searchop .search-close:hover {}

.searchshow .top2-bu a {
	-webkit-animation: item-searchshow .4s both;
	animation: item-searchshow .4s both
}

.header-tel {
	float: right;
	margin-top: 36px;
	position: relative;
	padding-left: 55px
}

.header-tel::before {
	content: "";
	position: absolute;
	width: 43px;
	height: 43px;
	background: url(../images/header-contact.png)no-repeat center left;
	top: 6px;
	left: 0
}

.header-tel p {
	font-size: 14px;
	color: #888;
	letter-spacing: 4px
}

.header-tel h3 {
	font-size: 26px;
	line-height: 36px;
	color: #ce2620;
	font-family: "brand"
}

.header-top {
	background: #fff;
	padding-bottom: 21px;
	transition: ease .5s
}

.header.on .header-top {
	opacity: 0;
	padding: 0;
	overflow: hidden;
	height: 0
}

.header.on {
	height: 64px
}

.header.on .navitem.nav-aft::before {
	display: none
}

.header-navbar {
	background: #000;
	border-top: 10px solid #fabd00
}

.navbar {
	float: left;
	transition: ease .5s
}

.navitem {
	float: left
}

.navitem>a {
	display: inline-block;
	font-size: 18px;
	color: #cecece;
	line-height: 26px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	background: transparent;
	padding: 14px 40px
}

.navitem:hover>a,
.navitem.active>a {
	color: #fff;
	background: #ce2620
}

.navitem.nav-aft {
	position: relative
}

.navitem.nav-aft::before {
	content: "";
	position: absolute;
	width: 65px;
	height: 36px;
	background: url(../images/nav-aft_03.png)no-repeat center top;
	top: -36px;
	left: 30%
}

.home-banner {}

.home-banner .swiper-slide a {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative
}

.banner-text {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: 4
}

.banner-text .container-middle {
	height: 100%;
	position: relative
}

.banner-cont {
	position: absolute;
	bottom: 0;
	right: 0;
	background: rgba(250, 189, 0, .8);
	opacity: 0;
	filter: alpha(opacity=0)
}

.banner-cont>div {
	position: relative;
	padding: 50px 60px
}

.banner-cont>div::before {
	content: "";
	position: absolute;
	width: 16px;
	height: 100%;
	background: url(../images/bannertxt-ba.png)repeat-y left;
	top: 0px;
	left: -16px
}

.home-banner .swiper-slide-active .banner-cont {
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all .8s linear;
	transition-delay: .1s
}

.home-banner.app {
	display: none
}

.home-banner.app img {
	width: 100%
}

.home-banner.app .swiper-slide a {
	display: block;
	height: 900px
}

.home-appbanner {
	width: 100%;
	display: none
}

.home-appbanner img {
	width: 100%
}

.banner-cont span {
	display: inline-block;
	width: 43px;
	height: 2px;
	background: #fff;
	margin-right: 4px;
	margin-bottom: 25px;
	margin-top: 10px
}

.banner-slogan {
	font-size: 60px;
	color: #fff
}

.banner-slogan b {
	font-weight: 800
}

.banner-sub {
	font-size: 70px;
	color: #000;
	line-height: 70px
}

.banner-sub span {
	font-weight: bold;
	width: auto;
	height: auto;
	background: none;
	margin: 0 !important
}

.banner-des {
	font-size: 24px;
	line-height: 24px;
	color: #000;
	margin-top: 15px
}

.banner-more {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	text-align: center;
	padding: 9px 60px 9px 34px;
	border: 1px solid transparent;
	border-radius: 30px;
	cursor: pointer;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	background: #000 url(../images/more1.png)no-repeat top 14px right 32px;
	margin-top: 48px
}

.banner-more:hover {
	background: transparent url(../images/more1.png)no-repeat top 14px right 32px;
	border-color: #fff;
	color: #fff
}

.home-banner .banner-pagination {
	position: absolute;
	bottom: 45px;
	left: 18%;
	width: auto;
	z-index: 10;
	text-align: center;
	font-size: 0;
	z-index: 10;
	color: #fff;
	font-size: 20px
}

.home-banner .banner-pagination .swiper-pagination-current {
	font-size: 24px;
	line-height: 26px;
	color: #fff
}

.home-banner .banner-pagination .swiper-pagination-total {
	font-size: 14px;
	line-height: 26px;
	color: #8b8b8b
}

.animat-line {
	position: absolute;
	width: 60px;
	height: 1px;
	background: rgba(255, 255, 255, 0.5);
	bottom: 55px;
	left: 13.4%;
	z-index: 5;
	overflow: hidden
}

.animat-line>span {
	display: block;
	position: relative;
	background: #ce2620;
	height: 1px
}

.banner-img {
	width: 100%
}

.appbanner-img {
	width: 100%;
	display: none
}

@-webkit-keyframes byline2 {
	from {
		width: 0
	}
	to {
		width: 60px
	}
}

@keyframes byline2 {
	from {
		width: 0px
	}
	to {
		width: 60px
	}
}

.home-banner .swiper-slide-active .animat-line>span {
	-webkit-animation: byline2 5s linear 0s;
	animation: byline2 5s linear 0s
}

@keyframes myfirst {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes myfirst {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes anim4 {
	from {
		-webkit-transform: rotateZ(0deg)
	}
	50% {
		-webkit-transform: rotateZ(180deg)
	}
	to {
		-webkit-transform: rotateZ(360deg)
	}
}

@-moz-keyframes anim4 {
	from {
		-moz-transform: rotateZ(0deg)
	}
	50% {
		-moz-transform: rotateZ(180deg)
	}
	to {
		-moz-transform: rotateZ(360deg)
	}
}

@-ms-keyframes anim4 {
	from {
		-ms-transform: rotateZ(0deg)
	}
	50% {
		-ms-transform: rotateZ(180deg)
	}
	to {
		-ms-transform: rotateZ(360deg)
	}
}

@-o-keyframes anim4 {
	from {
		-o-transform: rotateZ(0deg)
	}
	50% {
		-o-transform: rotateZ(180deg)
	}
	to {
		-o-transform: rotateZ(360deg)
	}
}

@keyframes anim4 {
	from {
		transform: rotateZ(0deg)
	}
	50% {
		transform: rotateZ(180deg)
	}
	to {
		transform: rotateZ(360deg)
	}
}

.index-search {
	background: #f7f7f7;
	padding: 12px 0 11px
}

.index-keywords {
	float: left;
	padding: 5px 0 0
}

.index-searinput {
	float: right;
	padding: 5px 20px;
	border: 1px solid #dcdcdc
}

.index-keywords span {
	display: inline-block;
	font-size: 16px;
	color: #000;
	padding-right: 12px
}

.index-keywords a {
	display: inline-block;
	font-size: 16px;
	color: #616161;
	line-height: 30px;
	padding: 0 17px
}

.index-keywords a:hover {
	color: #000;
	font-weight: bold
}

.index-searinput input {
	font-size: 14px;
	color: #bebebe
}

.index-searinput i {
	color: #666369;
	font-size: 17px;
	cursor: pointer
}

@media(max-width:640px) {
	.index-searinput {
		float: none;
		margin-top: 20px;
		padding: 5px 10px
	}
	.index-keywords {
		float: none
	}
	.index-searinput input {
		width: 93%
	}
	.index-keywords a {
		font-size: 14px;
		padding: 0 5px
	}
	.index-keywords span {
		font-size: 14px;
		padding-right: 8
	}
}

@media(max-width:320px) {
	.index-searinput input {
		width: 91%
	}
}

.home-title {
	font-size: 48px;
	color: #111;
	text-align: center
}

.home-title span {
	display: inline-block;
	color: #ce2620
}

.home-des {
	font-size: 18px;
	line-height: 26px;
	color: #666;
	text-align: center;
	margin-top: 5px
}

.home-viewmo {
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	transition: ease .4s;
	padding: 9px 60px 9px 34px;
	border: 1px solid transparent;
	border-radius: 30px;
	background: #000 url(../images/more1.png)no-repeat top 14px right 32px;
	cursor: pointer;
	margin: 0 auto;
	width: fit-content;
	margin-top: 50px;
	max-width: 300px
}

.home-padd {
	padding: 80px 0
}

.home-viewmo:hover {
	background: #ce2620 url(../images/more1.png)no-repeat top 14px right 32px;
	border-color: #ce2620;
	color: #fff
}

.home-application {}

.home-application-cont {
	margin-top: 50px;
	position: relative
}

.home-application-cont ul {
	float: left;
	width: 21.43%;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0
}

.home-application-images {
	float: right;
	width: 78.57%
}

.home-application-cont li {
	background: #060606;
	transition: ease .4s;
	padding: 0px 40px;
	height: 25%;
	width: 100%
}

.home-application-cont li>div {
	width: 100%;
	height: 100%
}

.home-application-cont li a {
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
	display: table
}

.home-application-cont li span {
	font-size: 120px;
	color: rgba(255, 255, 255, 0.04);
	font-family: "mon-sb";
	line-height: 120px;
	position: absolute;
	top: 13px;
	left: 0
}

.home-application-image {
	display: none
}

.home-application-image img {
	width: 100%
}

.home-application-image.on {
	display: block
}

.home-application-cont li h3 {
	font-size: 22px;
	line-height: 26px;
	color: #fff;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.home-application-cont li p {
	font-size: 16px;
	line-height: 24px;
	color: #020202;
	display: none
}

.home-application-cont li.on {
	background: #ce2620;
	width: 133.6%;
	z-index: 5;
	position: relative
}

.home-application-cont li.on span {
	opacity: 0;
	font-size: 45px
}

.home-application-cont li.on h3 {
	color: #020202;
	display: block;
	margin-bottom: 10px
}

.home-application-cont li.on p {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.home-application-cont li.on {
	padding-top: 30px
}

.home-product {
	background: #f3f3f3
}

.home-product-con {
	margin-top: 50px
}

.home-product-con ul {
	margin: -10px
}

.home-product-con li {
	float: left;
	width: 50%;
	padding: 10px;
	overflow: hidden
}

.home-product-con li a {
	display: block;
	width: 100%;
	background: #fff;
	overflow: hidden;
	position: relative;
	transition: ease .4s;
	padding: 50px
}

.homepro-img {
	overflow: hidden;
	float: right;
	width: 31.88%
}

.home-product-con li img {
	width: 100%;
	transition: ease .4s
}

.home-product-text {
	float: left;
	width: 50%
}

.home-product-text h2 {
	font-size: 22px;
	line-height: 30px;
	color: #111;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 85%;
	margin-bottom: 10px
}

.home-product-text p {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-width: 86%
}

.home-product-more {
	display: block;
	font-size: 14px;
	line-height: 26px;
	color: #333;
	transition: ease .4s;
	padding: 9px 60px 9px 34px;
	border: 1px solid #d7d7d7;
	border-radius: 30px;
	background: transparent url(../images/more2.png)no-repeat top 14px right 32px;
	cursor: pointer;
	width: fit-content;
	margin-top: 50px
}

.home-product-con li a:hover .home-product-more {
	background: #ce2620 url(../images/more1.png)no-repeat top 14px right 32px;
	border-color: #ce2620;
	color: #fff
}

.home-product-con li a:hover img {
	transform: scale(1.04)
}

.home-advantage {
	width: 100%;
	background-size: 100% 100% !important
}

.home-advantage .home-title {
	color: #fff
}

.home-advantage .home-des {
	color: #c2c2c2
}

.home-advantage ul {
	margin-top: 50px
}

.home-advantage li {
	position: relative;
	float: left;
	width: 25%;
	text-align: center;
	padding: 20px 25px
}

.home-advantage li span {
	font-size: 120px;
	color: rgba(255, 255, 255, 0.05);
	font-family: "mon-l";
	position: absolute;
	top: -35px;
	left: 28%
}

.home-advantage-icon {
	width: 85px;
	height: 81px;
	text-align: center;
	margin: 0 auto
}

.home-advantage-icon img {
	display: block;
	transition: ease .5s;
	width: 100%
}

.home-advantage li h3 {
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 10px
}

.home-advantage li p {
	font-size: 16px;
	line-height: 26px;
	color: rgba(255, 255, 255, 0.6)
}

.home-advantage li:hover img {
	transform: rotateY(180deg)
}

.home-advantage .home-viewmo {
	background-color: transparent;
	border-color: rgba(255, 255, 255, .3)
}

.home-advantage .home-viewmo:hover {
	background: #ce2620 url(../images/more1.png)no-repeat top 14px right 32px;
	border-color: #ce2620
}

.home-partner {
	background: #f4f4f4
}

.home-partner-con {
	margin-top: 50px
}

.home-partner-img {}

.home-partner-img img {
	width: 100%
}

.home-about {
	padding: 40px 0 80px
}

.home-about-top {
	position: relative;
	width: 100%;
	height: 100%
}

.home-about-top .home-title,
.home-about-top .home-des {
	text-align: left
}

.home-about-left {
	float: left;
	width: 38%;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0
}

.home-about-right {
	float: right;
	width: 50%
}

.home-about-left span {
	display: inline-block;
	width: 43px;
	height: 2px;
	background: #ce2620;
	margin: 20px 4px 20px 0
}

.home-about-top .home-title span {
	width: auto;
	height: auto;
	background: none;
	margin: 0
}

.home-about-lecon {}

.home-about-left>div {
	display: table;
	width: 100%;
	height: 100%
}

.home-about-left>div>div {
	display: table-cell;
	vertical-align: middle
}

.home-about-lecon h3 {
	font-size: 24px;
	line-height: 26px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px
}

.home-about-lecon p {
	font-size: 16px;
	color: #666;
	line-height: 28px;
	max-height: 240px
}

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

.home-about-img img {
	width: 100%
}

.ino-dot {
	position: absolute;
	width: 9px;
	height: 9px;
	background: #dda700;
	border-radius: 50%;
	transition: ease .5s
}

.ino-dot1 {
	top: 66.27%;
	left: 51.14%
}

.ino-dot2 {
	top: 68.09%;
	left: 59.85%
}

.ino-dot3 {
	top: 78.27%;
	left: 64.71%
}

.ino-dot4 {
	top: 79%;
	left: 69.5%
}

.ino-dot5 {
	top: 64.45%;
	left: 70.85%
}

.ino-dot6 {
	top: 84.45%;
	left: 73.28%
}

.ino-dot7 {
	top: 48.09%;
	left: 76.85%
}

.ino-dot8 {
	top: 62.54%;
	left: 82.57%
}

.ino-dot h3 {
	font-size: 16px;
	line-height: 28px;
	color: #666;
	min-width: 35px;
	position: absolute;
	top: 100%;
	left: -100%
}

.inodot-txt {
	background: url(../images/homemap-ba.png)no-repeat bottom left 50%;
	min-width: 328px;
	position: absolute;
	display: none;
	padding-bottom: 10px;
	bottom: 216%;
	left: -1772%;
	z-index: 5
}

.inodot-txt>div {
	background: rgba(0, 0, 0, .6);
	border-radius: 3px;
	padding: 18px
}

.inodot-txt h4 {
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	font-weight: bold
}

.inodot-txt p {
	font-size: 14px;
	line-height: 28px;
	color: #fff
}

.ino-dot.on .inodot-txt {
	display: block
}

.ino-dot:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	opacity: 0;
	filter: alpha(opacity=0)\9;
	border-radius: 50%;
	background: radial-gradient(circle, #dda700, rgba(221, 167, 0, 0.0.3));
	-webkit-animation: kuosan-1 2s linear infinite;
	animation: kuosan-1 2s linear infinite;
	-webkit-animation-delay: 750ms;
	animation-delay: 750ms
}

.ino-dot:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	opacity: 0;
	filter: alpha(opacity=0)\9;
	border-radius: 50%;
	background: radial-gradient(circle, #dda700, rgba(255, 255, 255, 1));
	-webkit-animation: kuosan-1 2s linear infinite;
	animation: kuosan-1 2s linear infinite;
	z-index: -1;
	-webkit-animation-delay: 1500ms;
	animation-delay: 1500ms
}

@-webkit-keyframes kuosan-1 {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
		filter: alpha(opacity=100)\9
	}
	100% {
		-webkit-transform: scale(5);
		transform: scale(5);
		opacity: 0;
		filter: alpha(opacity=0)\9
	}
}

@keyframes kuosan-1 {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
		filter: alpha(opacity=100)\9
	}
	100% {
		-webkit-transform: scale(5);
		transform: scale(5);
		opacity: 0;
		filter: alpha(opacity=0)\9
	}
}

@-webkit-keyframes kuosan-2 {
	0% {
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg)
	}
	25% {
		-webkit-transform: rotateZ(90deg);
		transform: rotateZ(90deg)
	}
	50% {
		-webkit-transform: rotateZ(180deg);
		transform: rotateZ(180deg)
	}
	75% {
		-webkit-transform: rotateZ(270deg);
		transform: rotateZ(270deg)
	}
	100% {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg)
	}
}

@keyframes kuosan-2 {
	0% {
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg)
	}
	25% {
		-webkit-transform: rotateZ(90deg);
		transform: rotateZ(90deg)
	}
	50% {
		-webkit-transform: rotateZ(180deg);
		transform: rotateZ(180deg)
	}
	75% {
		-webkit-transform: rotateZ(270deg);
		transform: rotateZ(270deg)
	}
	100% {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg)
	}
}

.home-about-bottom {}

.home-about-bottom ul {}

.home-about-bottom li {
	float: left;
	width: 20%;
	text-align: center
}

.home-about-icon {
	width: 75px;
	height: 67px;
	margin: 0 auto;
	transition: ease .5s
}

.home-about-bottom li:hover .home-about-icon {
	transform: rotateY(180deg)
}

.home-about-icon img {
	width: 100%
}

.home-about-bottom li h3 {
	font-size: 31px;
	color: #333;
	font-family: "mon-b"
}

.home-about-bottom li h3 span {
	display: inline-block;
	font-size: 48px;
	color: #333;
	font-family: "mon-b"
}

.home-about-bottom li p {
	font-size: 16px;
	line-height: 30px;
	color: #666
}

.home-new {
	background: #f4f4f4
}

.home-new-con {
	margin-top: 40px
}

.home-new-con ul {
	margin: 0 -12px
}

.home-new-con li {
	float: left;
	width: 33.3%;
	padding: 0 12px
}

.home-new-con li>div {}

.home-new-con li a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.home-new-top {
	margin-bottom: 20px
}

.home-new-top img {
	width: 100%;
	transition: ease .5s
}

.home-new-top a:hover img {
	transform: scale(1.04)
}

.home-new-bottom {}

.home-new-top a {
	position: relative;
	overflow: hidden
}

.home-new-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, .6);
	padding: 18px 20px
}

.home-new-text h3 {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	transition: ease .5s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.home-new-top a:hover .home-new-text h3 {
	color: #ce2620
}

.home-new-text span {
	display: block;
	font-size: 14px;
	color: #c8c8c8;
	margin-top: 5px
}

.home-new-bottom p {
	font-size: 18px;
	line-height: 40px;
	color: #333;
	transition: ease .5s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.home-new-bottom p:hover {
	color: #ce2620
}



.bottom1 {
	background: #111;
	padding: 65px 0 60px
}

.bottom2 {
	background: #111;
	border-top: 1px solid rgba(49, 49, 49, .3);
	padding: 11px 0 10px
}

.bottom2 a {
	display: inline-block;
	font-size: 14px;
	line-height: 36px;
	color: rgba(255, 255, 255, 0.5);
	transition: .5s;
	letter-spacing: 1.2px;
	position: relative
}

.bottom2 a::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 15px;
	background: rgba(255, 255, 255, 0.5);
	right: -10px;
	top: 11px
}

.bottom2 a.link-ctm::after {
	display: none
}

.bottom2 a:hover {
	color: #ce2620
}

.bottom2 .left {
	float: left
}

.bottom2 .right {
	float: right;
	margin-right: 310px;
}

.bottom2 .left a {
	margin-right: 20px
}

.bottom2 .left p {
	float: left;
	font-size: 14px;
	line-height: 36px;
	color: rgba(255, 255, 255, 0.5);
	margin-right: 25px
}

.bottom2 .right a {
	float: left;
	margin-left: 16px
}

.bottom1 .box1 ul {
	float: left;
	width: 11.4%
}

.bottom1 .box1 ul li {
	font-size: 14px;
	line-height: 24px;
	color: rgba(161, 161, 161, 0.8);
	transition: .5s
}

.bottom1 .box1 ul li:hover {
	color: #fff
}

.bottom1 .box1 ul li:first-child a {
	font-size: 18px;
	color: #fff;
	line-height: 24px;
	margin-bottom: 15px
}

.bottom1 .box1 ul li a {
	display: block;
	font-size: 14px;
	line-height: 26px;
	color: rgba(255, 255, 255, 0.5);
	transition: ease .5s
}

.bottom1 .box1 ul li a:hover {
	color: #ce2620
}

.bottom-lx {
	float: left;
	width: 20%
}

.bottom-lx p {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 30px
}

.bottom-lx .bottom-phone {
	background: url(../images/bott-phone.png)no-repeat center left;
	font-size: 26px;
	color: #ce2620;
	padding-left: 35px;
	font-family: "brand";
	margin-bottom: 10px
}

.bottom1 .box1 .img {
	float: right;
	width: 9.25%;
	background: #373737;
	padding: 7px;
	text-align: center
}

.bottom1 .box1 .img .imgg {
	margin-bottom: 10px
}

.bottom1 .box1 .img .imgg img {
	width: 100%
}

.bottom1 .box1 .img p {
	font-size: 14px;
	line-height: 24px;
	color: rgba(204, 204, 204, .8)
}

.bottom1 .box1 .img .img1 {
	background: url(../images/bott-dh.png)no-repeat center left;
	padding-left: 50px
}

.bottom1 .box1 .img .img2 {
	background: url(../images/bott-dt.png)no-repeat center left;
	padding-left: 50px;
	margin-top: 25px
}

.bottom1 .box1 .img .botp {
	margin-top: 25px
}

.bottom1 .box1 .img .botp a {
	margin-right: 20px;
	transition: ease .5s
}

.bottom1 .box1 .img .botp a:hover {
	color: rgba(244, 222, 193, 1)
}

.bottom1 .box1 .img .img1 p,
.bottom1 .box1 .img .img1 span,
.footer-right .img .img1 span,
.footer-right .img .img1 p {
	font-size: 16px;
	line-height: 26px;
	color: rgba(244, 222, 193, .8)
}

.bottom1 .box1 .img .img1 p,
.footer-right .img .img1 p {
	font-family: "ssi";
	font-size: 22px
}

.bottom1 .box1 .img .img2 p,
.footer-right .img .img2 p {
	font-size: 16px;
	line-height: 22px;
	color: rgba(244, 222, 193, .8)
}

.bott-share a {
	display: inline-block !important;
	background: none !important;
	font-size: 20px !important;
	width: 34px !important;
	height: 34px !important;
	line-height: 34px !important;
	text-align: center;
	border-radius: 50% !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	color: rgba(255, 255, 255, 0.5) !important;
	transition: ease .5s !important;
	padding-left: 0 !important;
	text-decoration: none !important;
	margin-right: 0 !important
}

.bott-share a:hover {
	color: #fff !important;
	background: #ce2620 !important;
	border-color: #ce2620 !important;
	opacity: 1 !important
}

.bott-share a::after {
	display: none !important
}

.kf {
	transition: .8s;
	z-index: 999999;
	background-color: transparent;
	position: fixed;
	top: 20%;
	right: 0;
	width: 50px;
	border-radius: 5px
}

.kf span {
	z-index: 1000001;
	transition: .5s;
	cursor: pointer;
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 5px 0 0 5px;
	margin-bottom: 3px
}

.kf span:hover {
	background-color: #ce2620
}

.kf .zx {
	background-position: 0 0;
	background: #a7afb9 url(../images/kefu-zx.png)no-repeat center top 12px
}

.kf .back_top {
	border: none;
	background: #a7afb9 url(../images/kf-top.png)no-repeat center top 13px
}

.kf span a {
	transition: .5s;
	display: block;
	color: #fff;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	padding-top: 22px
}

.kfimgr {
	position: absolute;
	bottom: 23px;
	right: -9px
}

.kf span div i {
	display: block;
	position: absolute;
	width: 15px;
	height: 200px;
	right: -15px;
	top: 0
}

.kf .freetel {
	background: #a7afb9 url(../images/kefu_qq.png)no-repeat center
}

.kf .zxlya {
	background: #a7afb9 url(../images/kf-wx_03.png)no-repeat center
}

.kf span:nth-child(4) div {
	white-space: nowrap
}

.kf a {
	display: block;
	height: 68px;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%
}

.nav_center div,
.index_nav_center div,
.shou,
.zhan {
	-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25)
}

.kf .zxlya .erweima {
	display: none;
	right: 62px;
	position: absolute;
	top: -72px;
	background: #fff;
	padding: 5px;
	text-align: center;
	box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
	border-radius: 5px
}

.kf .zxzx {
	display: none;
	right: 86px;
	position: absolute;
	top: 6px;
	background: #fff;
	padding: 10px 20px;
	text-align: center;
	box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	width: 110px;
	font-size: 14px;
	color: #333
}

.kfimgr {
	position: absolute;
	bottom: 23px;
	right: -9px
}

.kf-ly {
	background: #a7afb9 url(../images/kf-ly_03.png)no-repeat center
}

.shou {
	z-index: 1000000;
	cursor: pointer;
	width: 30px;
	height: 40px;
	top: 47%;
	margin-top: -15px;
	border-radius: 5px 0 0 5px;
	right: 62px;
	background: transparent url(../images/zk1.png)no-repeat center left;
	position: absolute;
	box-shadow: none
}

.shou:hover {
	background: transparent url(../images/zk.png)no-repeat center left
}

.kf-phone {
	background: #a7afb9 url(../images/kf-phone1.png)no-repeat center
}

.kf-phone1,
.zxwb {
	display: none;
	font-size: 15px;
	color: #333;
	background-color: #fff;
	position: absolute;
	right: 60px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	padding: 10px 12px;
	background: #fff;
	border-radius: 5px;
	white-space: nowrap
}

.kf-phone1 .kfimgr,
.zxwb .kfimgr {
	bottom: 10px
}

.kf-shqi {
	width: 100%;
	height: 40px
}

.kf-shqi .m-icon {
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #a7afb9 url(../images/kf-close.png) no-repeat center;
	background-size: 15px;
	cursor: pointer;
	transform: rotate(45deg);
	transition: all 0.3s
}

.kf-shqi .m-icon:hover {
	background-color: #ce2620
}

.kf.show .m-icon {
	transform: rotate(0)
}

.header-app.hny .navbar-app {
	background: #333
}

.header-app {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	z-index: 500;
	overflow: hidden;
	box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);
	transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1)
}

.header-app.open-menu {
	height: 100%;
	background: #fff;
	transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1)
}

.navbar-app {
	position: relative;
	background: #fff !important;
	height: 60px;
	text-align: center
}

.header-app .logo {
	float: left;
	height: 60px;
	vertical-align: middle;
	padding: 10px 15px 10px
}

.header-app .logo img {
	height: 100%
}

.app-sousuo {
	line-height: 22px;
	border-right: solid 1px #fff;
	padding-right: 0px;
	color: #000;
	float: right;
	font-size: 22px !important;
	margin-top: 19px
}

.alert-search {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	z-index: 9999
}

.alert-top {
	height: 60px;
	background: #ce2620;
	padding: 0 15px
}

.alert-top .text {
	height: 30px;
	margin-top: 15px;
	background: none;
	border-bottom: solid 1px #fff;
	width: 80%;
	float: left;
	color: white
}

.alert-top .search {
	margin-left: 10px;
	background: url(../images/search.png) no-repeat center;
	width: 20px;
	height: 20px;
	background-size: cover;
	float: left;
	margin-top: 25px
}

.alert-top span {
	color: #fff;
	float: right;
	font-size: 20px !important;
	margin-top: 21px
}

.navapp-user {
	float: right;
	width: 60px;
	height: 60px;
	color: rgba(255, 255, 255, .82);
	line-height: 60px;
	font-size: 16px
}

.navbar-togger {
	float: right;
	background: transparent;
	border: none;
	padding: 20px 10px;
	line-height: 18px;
	display: inline-block;
	visibility: visible;
	transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}

.navbar-togger .icon_bar {
	width: 24px;
	height: 2px;
	background-color: #000;
	opacity: 1;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.navbar-togger .icon_bar:nth-of-type(2) {
	margin: 5px 0
}

.open-menu .navbar-togger .icon_bar:nth-of-type(2) {
	opacity: 0
}

.open-menu .navbar-togger .icon_bar:first-child {
	-webkit-transform: translate(0, 7px) rotate(45deg);
	-ms-transform: translate(0, 7px) rotate(45deg);
	transform: translate(0, 7px) rotate(45deg)
}

.open-menu .navbar-togger .icon_bar:last-child {
	-webkit-transform: translate(0, -7px) rotate(-45deg);
	-ms-transform: translate(0, -7px) rotate(-45deg);
	transform: translate(0, -7px) rotate(-45deg)
}

.nav-menu {
	position: absolute;
	top: 50px;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 620;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: auto;
	visibility: hidden;
	-webkit-transition: visibility 0s linear 1s;
	-o-transition: visibility 0s linear 1s;
	transition: visibility 0s linear 1s
}

.header-app.open-menu .nav-menu {
	visibility: visible;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

.nav-list li {
	border-bottom: 1px solid #e5e5e5;
	opacity: 0;
	pointer-events: none
}

.nav-list li.open {
	border-bottom: none
}

.header-app.open-menu .nav-list li {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.nav-list li:nth-child(1) {
	-webkit-transform: translateY(-44px);
	-ms-transform: translateY(-44px);
	transform: translateY(-44px);
	transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s
}

.header-app.open-menu .nav-list li:nth-child(1) {
	transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s
}

.nav-list li:nth-child(2) {
	-webkit-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	transform: translateY(-40px);
	transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s
}

.header-app.open-menu .nav-list li:nth-child(2) {
	transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s
}

.nav-list li:nth-child(3) {
	-webkit-transform: translateY(-36px);
	-ms-transform: translateY(-36px);
	transform: translateY(-36px);
	transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s
}

.header-app.open-menu .nav-list li:nth-child(3) {
	transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s
}

.nav-list li:nth-child(4) {
	-webkit-transform: translateY(-32px);
	-ms-transform: translateY(-32px);
	transform: translateY(-32px);
	transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s
}

.header-app.open-menu .nav-list li:nth-child(4) {
	transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s
}

.nav-list li:nth-child(5) {
	-webkit-transform: translateY(-28px);
	-ms-transform: translateY(-28px);
	transform: translateY(-28px);
	transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s
}

.header-app.open-menu .nav-list li:nth-child(5) {
	transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s
}

.nav-list li:nth-child(6) {
	-webkit-transform: translateY(-24px);
	-ms-transform: translateY(-24px);
	transform: translateY(-24px);
	transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s
}

.header-app.open-menu .nav-list li:nth-child(6) {
	transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s
}

.nav-list li:nth-child(7) {
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s
}

.header-app.open-menu .nav-list li:nth-child(7) {
	transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s
}

.nav-list li:nth-child(8) {
	-webkit-transform: translateY(-16px);
	-ms-transform: translateY(-16px);
	transform: translateY(-16px);
	transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s
}

.header-app.open-menu .nav-list li:nth-child(8) {
	transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s
}

.cate-item {
	position: relative
}

.cate-item a {
	font-size: 16px;
	line-height: 48px;
	margin-right: 60px;
	display: block
}

.nav-list li.active .cate-item a,
.nav-list li.open .cate-item a {
	color: #ce2620
}

.category-cont a:last-child {
	border: none
}

.category-cont a.active {
	color: #ce2620
}

.category-tig {
	font-size: 14px;
	color: #888;
	text-align: right;
	line-height: 48px;
	width: 50px;
	height: 48px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

.category-tig::before,
.category-tig::after {
	content: '';
	background: #888;
	position: absolute;
	top: 50%;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.category-tig::before {
	width: 16px;
	height: 2px;
	right: 0;
	margin-top: -1px
}

.category-tig::after {
	width: 2px;
	height: 16px;
	margin-top: -8px;
	right: 7px
}

.nav-list li.open .category-tig::after {
	opacity: 0
}

.nav-list li.open .category-tig::before {
	background: #ce2620
}

.category-cont {
	display: none
}

.nav-list li.open .category-cont {
	display: block;
	border: solid 1px #e5e5e5
}

.category-pad {
	padding: 0 15px
}

.category-cont a {
	line-height: 40px;
	border-bottom: 1px dashed #e5e5e5;
	display: block
}

.category-pad a.active {
	color: #ce2620
}

.app-search {
	position: relative
}

.app-search-text {
	width: 76%;
	height: 48px;
	font-size: 14px;
	text-align: left;
	display: inline-block;
	vertical-align: middle
}

.app-search-btn {
	width: 48px;
	height: 48px;
	display: inline-block;
	background: transparent;
	vertical-align: middle;
	font-size: 16px;
	line-height: 48px;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0
}

.btn1.close1,
.btn2.close1,
.btn3.close1,
.btn4.close1 {
	bottom: 0;
	right: 0
}

.btn1.open1 {
	bottom: 125px;
	right: 0
}

.btn2.open1 {
	bottom: 100px;
	right: 55px
}

.btn3.open1 {
	bottom: 58px;
	right: 98px
}

.btn4.open1 {
	bottom: 0px;
	right: 117px
}

.nav_center div,
.index_nav_center div,
.shou,
.zhan {
	-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25)
}

.shou {
	z-index: 1000000;
	cursor: pointer;
	width: 30px;
	height: 40px;
	top: 50%;
	margin-top: -15px;
	border-radius: 5px 0 0 5px;
	right: 62px;
	background: url("../images/kefq.png") no-repeat center #fff;
	position: absolute
}

.shou.on {
	background-image: url("../images/kefq1.png")
}

.foot-app {
	width: 100%;
	background: #111;
	padding: 0 15px;
	display: none;
	background-size: cover
}

.footer-tit {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.open .footer-tit a {
	color: #fff
}

.footer-tit a {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 48px;
	margin-right: 48px;
	display: block
}

.footer-tig {
	font-size: 14px;
	color: #888;
	text-align: right;
	line-height: 48px;
	width: 20px;
	height: 48px;
	position: absolute;
	right: 0px;
	top: 0;
	z-index: 2
}

.footer-tig::before,
.footer-tig::after {
	content: '';
	background: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 50%;
	transition: all .3s;
	left: 50%
}

.footer-tig::before {
	width: 18px;
	height: 2px;
	margin-left: -8px
}

.footer-tig::after {
	width: 2px;
	height: 18px;
	margin-top: -8px
}

.footer-item.open .footer-tig::after {
	opacity: 0
}

.footer-item.open .footer-tig::before {
	background: #fff
}

.footer-cont {
	display: none;
	border: solid 1px rgba(255, 255, 255, 0.2);
	border-top: 0;
	padding: 0 15px
}

.footer-cont a {
	line-height: 40px;
	color: rgba(255, 255, 255, 0.5);
	display: block;
	font-size: 14px;
	border-bottom: dashed 1px rgba(255, 255, 255, 0.5)
}

.footer-cont a:last-child {
	border: none
}

.footer-top {
	padding: 20px 0
}

.footer-left {
	width: 30%;
	float: right
}

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

.footer-right {
	width: 100%
}

.footer-right p {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 26px
}

.footer-right p a {
	display: inline-block;
	margin-right: 20px;
	transition: ease .5s
}

.footer-right p a:hover {
	color: rgba(244, 222, 193, 1)
}

.footer-bot {
	padding: 20px 0 50px;
	border-top: solid 1px rgba(255, 255, 255, 0.2)
}

.footer-share {
	text-align: right
}

.footer-right .img {
	float: right;
	width: 16%;
	text-align: center;
	background: #373737;
	padding: 7px;
	padding-bottom: 5px
}

.footer-right .imgg {
	margin-bottom: 10px
}

.footer-right .imgg img {
	width: 100%
}

.footer-right .fr2 {
	float: right
}

.footer-share a {
	display: inline-block !important;
	float: none !important;
	background: none !important;
	font-size: 20px !important;
	height: 30px !important;
	line-height: 30px !important;
	margin: 0 7px !important;
	padding: 0 !important;
	opacity: 1 !important;
	color: rgba(255, 255, 255, 0.5) !important
}

.foot-lx {
	width: 50%
}

.footer-bot p,
.footer-bot p a {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 22px;
	transition: ease .5s
}

.footer-bot .left a {
	display: inline-block;
	font-size: 14px;
	line-height: 23px;
	color: rgba(255, 255, 255, 0.5);
	transition: .5s;
	letter-spacing: 1.2px;
	position: relative;
	margin-left: 15px;
	float: left
}

.footer-bot .left a:last-child {
	margin-right: 0
}

.footer-bot p {
	float: left
}

.footer-bot .left {
	float: left
}

.footer-bot .right {
	float: right
}

.footer-link,
.footer-link a {
	line-height: 26px;
	font-size: 14px;
	color: rgba(244, 222, 193, .6)
}

.footer-link {
	padding-bottom: 20px;
	overflow: hidden
}

.footer-link a {
	display: block;
	float: left;
	margin-right: 15px
}

.footer-link span {
	float: left
}

.footer-right .img .image {
	float: left;
	width: 25%
}

.footer-right .con1 {
	float: none;
	width: 100%;
	text-align: center
}

.footer-right .con1 .bdshare-button-style2-16 .bds_sqq,
.footer-right .con1 .bdshare-button-style2-16 .bds_tsina,
.footer-right .con1 .bdshare-button-style2-16 .bds_weixin {
	background: none !important;
	font-size: 20px !important;
	float: none !important
}

.footer-bot p:nth-child(2) {
	margin-right: 0
}

.bsBox {
	width: 232px !important;
	height: 256px !important
}

@media(max-width:1440px) {
	.home-product-text p {
		line-height: 17px
	}
	.container-middle {
		width: 1200px
	}
	.navitem>a {
		padding: 14px 30px
	}
	.home-application-cont li.on span {
		font-size: 40px
	}
	.home-application-cont li.on h3 {
		top: 30px
	}
	.home-application-cont li h3 {
		top: 42%
	}
	.home-application-cont li span {
		font-size: 110px;
		top: 0
	}
	.footer-contact span {
		margin-right: 15px
	}
	.home-banner .banner-pagination {
		left: 16%
	}
	.animat-line {
		left: 9.4%
	}
	.banner-cont>div {
		padding: 30px 50px
	}
	.home-advantage li span {
		left: 24%
	}
}

@media(max-width:1250px) {
	.container-middle,
	.main {
		width: 1150px
	}
	.home-advantage li span {
		left: 24%
	}
	.navitem>a {
		padding: 14px 28px
	}
	.home-application-cont li.on {
		padding-top: 25px
	}
	.footer-contact input {
		margin-right: 5px
	}
	.banner-cont span {
		margin-bottom: 20px
	}
	.banner-sub span {
		margin-bottom: 0
	}
	.banner-sub {
		font-size: 60px;
		line-height: 60px
	}
	.homepro-img {
		width: 35%
	}
}

@media(max-width:1170px) {
	.container-middle,
	.main {
		width: 1000px
	}
	.navitem>a {
		padding: 14px 18px
	}
	.home-product-more {
		margin-top: 30px
	}
	.home-about-lecon p {
		max-height: 180px
	}
	.home-new-con li {
		padding: 0 5px
	}
	.home-new-con ul {
		margin: 0 -5px
	}
	.banner-cont>div {
		padding: 35px 60px
	}
	.banner-sub {
		font-size: 48px
	}
	.footer-contact input.lastin {
		min-width: 450px
	}
	.footer-contact input {
		max-width: 120px;
		margin-right: 5px
	}
	.footer-contact button {
		padding: 12px 10px;
		width: 12.5%
	}
	.bottom2 .right {
		margin-right: 0
	}
	.bottom1 .box1 ul {
		width: 10.4%
	}
	.bottom1 .box1 .img {
		width: 11.9%
	}
	.home-application-cont li.on {
		width: 156%;
		padding-top: 15px
	}
	.footer-contact input.lastin {
		min-width: 445px
	}
	.home-advantage li span {
		left: 18.5%
	}
	.banner-slogan {
		line-height: 60px
	}
	.banner-cont span {
		margin: 20px 0;
		margin-right: 4px
	}
	.home-application-cont li span {
		top: -6px
	}
}

@media (max-width:1025px) {
	.container-middle,
	.main {
		width: 768px;
		padding: 0 10px
	}
	.header {
		display: none !important
	}
	.header-app {
		display: block
	}
	.footer,
	.kf {
		display: none !important
	}
	.header-app,
	.foot-app {
		display: block
	}
	.kffixed {
		display: block !important
	}
	.home-about-left,
	.home-about-right {
		float: none;
		width: 100%;
		position: static
	}
	.home-about-right {
		margin: 20px 0
	}
	.home-application-cont li {
		padding: 0 20px
	}
	.home-application-cont li span {
		font-size: 60px;
		line-height: 60px;
		top: 12px
	}
	.home-application-cont li h3 {
		font-size: 18px
	}
	.home-application-cont li.on p {
		-webkit-line-clamp: 1
	}
	body {
		padding-top: 60px
	}
	.home-product-con li a {
		padding: 30px
	}
	.home-product-con ul {
		margin: 0 -5px
	}
	.home-product-more {
		margin-top: 15px;
		background: transparent url(../images/more2.png)no-repeat top 10px right 19px;
		padding: 4px 40px 4px 25px
	}
	.home-product-con li a:hover .home-product-more {
		background: #ce2620 url(../images/more1.png)no-repeat top 10px right 19px
	}
	.home-advantage li {
		width: 50%
	}
	.home-about-lecon p {
		max-height: none
	}
	.home-about-bottom li h3 span {
		font-size: 36px
	}
	.home-about-bottom li h3 {
		font-size: 22px
	}
	.home-new-text {
		padding: 10px 16px 5px
	}
	.home-new-text h3 {
		font-size: 18px
	}
	.home-new-bottom p {
		line-height: 36px
	}
	.banner-cont>div {
		padding: 35px 60px 20px
	}
	.banner-cont span {
		margin-bottom: 10px
	}
	.banner-sub {
		font-size: 32px
	}
	.banner-des {
		font-size: 22px;
		margin-top: 10px
	}
	.banner-more {
		margin-top: 20px
	}
	.footer-contact input {
		min-width: 38.8%;
		margin-right: 5px
	}
	.footer-contact input:nth-child(3) {
		margin-right: 0
	}
	.footer-contact input.lastin {
		min-width: 80%;
		margin-top: 10px
	}
	.footer-contact button {
		margin-top: 10px;
		width: 19%
	}
	.alert-top .text {
		width: 92%
	}
	.home-about-bottom li:first-child {
		width: 20%
	}
	.home-about {
		padding: 80px 0
	}
	.home-advantage li span {
		left: 29%
	}
	.banner-slogan {
		line-height: 45px
	}
	.bottom-phone {
		background: url(../images/bott-phone.png)no-repeat center left;
		font-size: 26px !important;
		color: #ce2620 !important;
		padding-left: 35px;
		font-family: "brand";
		margin-bottom: 10px
	}
	.home-product-text {
		width: 57%
	}
}

@media (max-width:767px) {
	.container-middle,
	.main {
		padding: 0 20px;
		width: auto
	}
	.animat-line {
		left: 6%
	}
	.footer-contact input {
		min-width: 38.5%
	}
	.home-application-cont li h3 {
		font-size: 16px
	}
	.home-padd {
		padding: 40px 0
	}
	.home-des {
		width: 100%;
		margin-top: 0
	}
	.home-title {
		padding: 0;
		padding-bottom: 10px;
		line-height: 36px;
		font-size: 24px
	}
	.home-product-con li {
		float: none;
		width: 100%;
		padding: 5px
	}
	.home-product-con ul {
		margin: -5px 0
	}
	.home-advantage-icon {
		width: 60px;
		height: auto
	}
	.home-des {
		font-size: 14px
	}
	.home-title {
		font-size: 23px;
		line-height: 30px;
		padding-bottom: 5px
	}
	.home-advantage li {
		padding: 20px 10px
	}
	.home-advantage li span {
		font-size: 80px;
		line-height: 80px;
		left: 25%;
		top: 9px
	}
	.home-advantage li h3 {
		font-size: 16px;
		margin-top: 5px;
		margin-bottom: 5px
	}
	.home-advantage li p {
		font-size: 14px;
		line-height: 24px
	}
	.home-viewmo {
		background: #000 url(../images/more1.png)no-repeat top 10px right 19px;
		padding: 4px 40px 4px 25px;
		margin-top: 30px;
		font-size: 14px
	}
	.home-advantage .home-viewmo:hover,
	.home-viewmo:hover {
		background: #ce2620 url(../images/more1.png)no-repeat top 10px right 19px
	}
	.home-about-lecon p {
		max-height: none;
		text-align: justify;
		font-size: 14px;
		padding-right: 0
	}
	.home-about-icon {
		width: 60px;
		height: auto
	}
	.home-about-bottom li {
		width: 33.33%;
		margin-top: 10px
	}
	.home-about-bottom li:nth-child(4) {
		transform: translateX(30%)
	}
	.home-about-bottom li:last-child {
		transform: translateX(70%)
	}
	.home-about-bottom li h3 {
		font-size: 20px
	}
	.home-about-bottom li h3 span {
		font-size: 26px
	}
	.home-about-bottom li p {
		font-size: 14px;
		line-height: 26px
	}
	.home-new-con li {
		float: none;
		width: 100%;
		margin-bottom: 20px
	}
	.home-new-text h3 {
		font-size: 16px
	}
	.home-new-bottom p {
		font-size: 16px;
		line-height: 32px
	}
	.home-new-top {
		margin-bottom: 10px
	}
	.home-new-con,
	.home-application-cont,
	.home-product-con,
	.home-advantage ul,
	.home-partner-con {
		margin-top: 20px
	}
	.home-about-lecon h3 {
		font-size: 17px
	}
	.home-about-left span {
		margin: 10px 4px 10px 0
	}
	.inodot-txt h4 {
		font-size: 16px
	}
	.inodot-txt p {
		line-height: 24px
	}
	.inodot-txt>div {
		padding: 10px
	}
	.inodot-txt {
		left: -844%;
		min-width: 160px
	}
	.home-product-text h2 {
		font-size: 16px;
		margin-bottom: 0
	}
	.home-product-text p {
		font-size: 14px;
		-webkit-line-clamp: 1
	}
	.home-product-text {
		width: 60%
	}
	.foot-lx {}
	.footer-right .img {
		width: 34%;
		margin: 0 auto;
		margin-top: 10px
	}
	.home-application-images,
	.home-application-cont ul {
		float: none;
		width: 100%;
		position: static
	}
	.home-application-cont li.on {
		width: 50%;
		padding: 15px 20px
	}
	.home-application-cont li {
		padding: 15px 20px;
		height: auto;
		float: left;
		width: 50%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		border-right: 1px solid rgba(255, 255, 255, 0.2)
	}
	.home-application-cont li:nth-child(2n) {
		border-right: none
	}
	.home-application-cont li.on h3 {
		display: table-cell
	}
	.home-application-cont li.on p {
		display: none
	}
	.home-application-cont li span {
		top: -10px;
		font-size: 36px;
		line-height: 46px
	}
	.home-product-more {
		line-height: 24px
	}
	.home-new {
		padding-bottom: 20px
	}
	.footer-contact {
		padding: 15px 0
	}
	.footer-contact span {
		display: block;
		font-size: 18px
	}
	.footer-contact input {
		max-width: none;
		float: none;
		margin-right: 0;
		width: 100%;
		margin-top: 10px;
		padding: 8px 10px;
		font-size: 14px
	}
	.footer-contact input.lastin {
		min-width: 0;
		width: 100%
	}
	.footer-contact button {
		padding: 5px 8px;
		display: block;
		float: none;
		margin-top: 10px;
		width: auto
	}
	.bsBox {
		width: 163px !important;
		height: 186px !important;
		margin-left: -82px !important
	}
	.bsTop {
		width: 151px !important
	}
	.bsFrameDiv>div {
		width: 140px !important;
		height: 150px !important
	}
	.bsFrameDiv img {
		width: 130px !important;
		height: 130px !important;
		margin: 10px !important
	}
	.alert-top .text {
		width: 82%
	}
	.home-about-bottom li:first-child {
		width: 33.33%
	}
	.ino-dot h3 {
		font-size: 15px
	}
	.home-advantage .home-viewmo {
		background-color: #ce2620;
		border-color: #ce2620
	}
	.bottom-phone {
		background: url(../images/bott-phone.png)no-repeat center left;
		font-size: 24px !important;
		color: #ce2620 !important;
		padding-left: 35px;
		font-family: "brand";
		margin-bottom: 10px
	}
	.homepro-img {
		width: 20.88%
	}
}

@media(max-width:640px) {
	.homepro-img {
		width: 35%
	}
	.banner-img {
		display: none
	}
	.appbanner-img {
		display: block
	}
	.home-banner .banner-pagination {
		left: 26%;
		bottom: 20px
	}
	.animat-line {
		bottom: 32px
	}
	.home-banner .banner-pagination .swiper-pagination-current {
		font-size: 16px
	}
}

@media(max-width:375px) {
	.alert-top .text {
		width: 79%
	}
	.home-advantage li span {
		left: 23%
	}
}

@media(max-width:360px) {
	.home-advantage li span {
		left: 22%
	}
}

@media(max-width:320px) {
	.home-product-con li a {
		padding: 20px
	}
	.home-advantage li span {
		left: 18%
	}
}

.ld-bread {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%
}

.ld-bread a {
	width: auto !important
}

.medical-banner {
	position: relative
}

.medical-banner img {
	width: 100%
}

.medical-banner a {
	display: table;
	width: 100%;
	height: 100%
}

.medical-banner a>div {
	display: table-cell;
	vertical-align: middle
}

.med-banner-con {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.med-banner-con h2 {
	font-size: 60px;
	color: #fff;
	margin-bottom: 15px
}

.med-banner-con p {
	font-size: 18px;
	color: #fff
}

.med-banner-con span {}

.medical-viewmo {
	background-color: #fabd00
}

.med-banner-con .medical-viewmo {
	margin: 50px 0 0
}

.medical-viewmo:hover {
	background-color: #000;
	border-color: #000
}

.medical-one {
	position: relative;
	padding-top: 42px
}

.medical-one::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 388px;
	background: url(../images/med1-back.png)no-repeat center;
	background-size: 334px 388px;
	bottom: 0;
	left: 0
}

.med-banner2 {
	display: none
}

.med-chilun {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.med-chilun>div {
	position: relative;
	height: 100%
}

.med-chilun1 {
	width: 26.35%;
	position: absolute;
	right: 5.5%;
	top: 8.4%
}

.med-chilun2 {
	width: 16.07%;
	position: absolute;
	right: -10.7%;
	bottom: 18.5%
}

.med-chilun3 {
	width: 11.92%;
	position: absolute;
	right: 30%;
	top: 56.36%
}

.med-chilun img {
	width: 100%;
	animation: myfirst 60s linear infinite
}

.med-chilun-ba {
	position: absolute;
	right: 0;
	top: 0;
	width: 31.25%
}

@keyframes myfirst {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes myfirst {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

@media(max-width:1680px) {
	.med-chilun1 {
		width: 22.35%;
		right: 8.5%
	}
	.med-chilun2 {
		bottom: 27%;
		width: 12.07%;
		right: -3.7%
	}
	.med-chilun3 {
		right: 29.5%;
		width: 7.92%
	}
	.med-chilun-ba {
		width: 27.8%
	}
}

@media(max-width:1650px) {
	.med-chilun1 {
		width: 21.35%
	}
	.med-chilun2 {
		width: 11.07%
	}
	.med-chilun3 {
		width: 6.92%
	}
}

@media(max-width:1560px) {}

@media(max-width:1530px) {
	.med-chilun1 {
		right: 11.5%
	}
	.med-chilun2 {
		right: 0
	}
	.med-chilun3 {
		right: 32%
	}
}

@media(max-width:1500px) {
	.med-chilun1 {
		right: 11.5%
	}
	.med-chilun2 {
		right: 0
	}
}

@media(max-width:1460px) {
	.med-banner-con .medical-viewmo {
		margin: 40px 0 0
	}
	.med-banner-con h2 {
		font-size: 40px
	}
	.ser-banner-con h2 img {
		width: 110px
	}
}

@media(max-width:1450px) {
	.med-chilun1 {
		right: 11.5%
	}
	.med-chilun2 {
		bottom: 30%;
		right: 0
	}
	.med-chilun3 {
		right: 32.5%
	}
}

@media(max-width:1440px) {
	.med-chilun1 {
		width: 22.35%;
		right: 12%
	}
	.med-chilun2 {
		width: 12.07%
	}
	.med-chilun3 {
		width: 7.92%;
		right: 33%;
		top: 46.36%
	}
}

@media(max-width:1400px) {
	.med-chilun1 {
		right: 12%;
		width: 21%;
		top: 17.4%
	}
	.med-chilun3 {
		right: 32%
	}
	.med-chilun2 {
		bottom: 31%
	}
}

@media(max-width:1270px) {
	.med-chilun3 {
		right: 37.5%;
		width: 9.92%
	}
	.med-chilun2 {
		width: 14.07%
	}
	.med-chilun1 {
		width: 27%
	}
}

@media(max-width:1130px) {}

@media(max-width:1025px) {}

@media(max-width:850px) {}

@media(max-width:767px) {
	.med-chilun,
	.med-chilun-ba {
		display: none
	}
	.ld-bread {
		bottom: 15px
	}
}

.medical-one-box {
	position: relative
}

.medical-title {
	font-size: 46px;
	color: #000;
	text-align: center
}

.medical-des {
	font-size: 18px;
	color: #666;
	text-align: center;
	line-height: 34px
}

.medical-title span {
	display: inline-block;
	color: #ce2620
}

.medical-title i {
	display: inline-block;
	font-weight: bold;
	font-style: normal
}

.medical-title1 {
	background: url(../images/med-tit-back.png)no-repeat center;
	padding: 26px 0
}

.medical-one-cont {
	margin-top: -22px
}

.medical-one-cont>div {
	position: relative
}

.medical-one-cont h3 {
	font-size: 20px;
	color: #333;
	position: absolute;
	background: #efefef;
	padding: 12px 20px;
	border-radius: 3px;
	width: -webkit-fit-content;
	transition: ease .5s;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 90%
}

.medical-one-cont h3:hover {
	background-color: #ce2620
}

.medical-one-cont h3 span {
	display: inline-block;
	font-size: 24px
}

.medical-one-left1 {
	position: static !important;
	margin-left: 247px;
	background: none !important
}

.medical-one-left1 span {
	font-size: 26px
}

.medical-one-left2 {
	margin-left: 120px;
	margin-top: 20px;
	position: static !important;
	display: inline-block
}

.medical-one-left3 {
	position: static !important;
	margin-top: 70px;
	margin-left: 200px;
	display: inline-block
}

.medical-one-right1 {
	right: 80px;
	top: -20px
}

.medical-one-right2 {
	right: 125px;
	top: 80px;
	background: none !important
}

.medical-one-right3 {
	right: 218px;
	top: 180px
}

.medical-one .medical-title span {
	font-weight: bold
}

.medical-two {
	background: #f5f5f5
}

.medical-two-con {
	margin-top: 42px
}

.medical-two-con ul {
	margin: 0 -13px
}

.medical-two-con li {
	float: left;
	width: 25%;
	padding: 0 13px;
	position: relative
}

.medical-two-con li a {
	display: block;
	width: 100%;
	background: #fff;
	text-align: center;
	position: relative;
	overflow: hidden
}

.medical-two-img {
	overflow: hidden;
	height: 374px
}

.medical-two-img img {
	width: 100%;
	height: 100%;
	transition: ease .5s
}

.medical-two-text {
	font-size: 24px;
	color: #333;
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0;
	padding-bottom: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.medical-two-con li:hover .medical-two-img img {
	transform: scale(1.04)
}

.medical-two-con li:hover .medical-two-text {
	color: #ce2620
}

.medical-two .home-viewmo {
	margin-top: 30px
}

.medical-three {
	padding-top: 72px
}

.medical-three ul {
	margin: 20px -5px 0
}

.medical-three li {
	float: left;
	width: 33.33%;
	padding: 0 5px;
	margin-top: 10px
}

.medical-three li a {
	display: block;
	width: 100%
}

.medical-three-img {
	overflow: hidden;
	width: 100%;
	height: 293px
}

.medical-three-img img {
	width: 100%;
	height: 100%;
	transition: ease .5s
}

.medical-three li:hover .medical-three-img img {
	transform: scale(1.04)
}

.medical-three-text {
	padding: 24px 0 35px
}

.medical-three-text h3 {
	font-size: 26px;
	color: #222;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: ease .5s
}

.medical-three li:hover .medical-three-text h3 {
	color: #ce2620
}

.medical-three-text p {
	font-size: 16px;
	color: #666;
	text-overflow: ellipsis;
	overflow: hidden;
	max-height: 66px
}

.medical-three .home-viewmo {
	margin-top: 0
}

.medical-four {
	background: #f5f5f5;
	padding-bottom: 42px;
	padding-top: 75px
}

.medical-four-con {}

.medical-four-con ul {}

.medical-four-con li {
	float: left;
	width: 25%;
	position: relative;
	padding: 32px 0;
	text-align: center
}

.medical-four-con li:nth-child(5),
.medical-four-con li:nth-child(6),
.medical-four-con li:nth-child(7) {
	transform: translateX(50%)
}

.medical-four-con li::before {
	content: "";
	position: absolute;
	width: 72px;
	height: 11px;
	right: -40px;
	top: 30%;
	background: url(../images/med4-bef.png)no-repeat center right
}

.med4-txt {
	display: inline-block;
	width: 111px;
	height: 100px;
	text-align: center;
	padding: 8px 0;
	transition: ease .5s;
	position: relative
}

.med4-txt::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/med4-ba1.png)no-repeat center;
	transition: ease .5s;
	left: 0;
	top: 0
}

.med4-txt h2 {
	font-size: 56px;
	color: #000;
	font-family: "mon-sb";
	transition: ease .5s;
	position: relative;
	z-index: 2;
	padding: 10px 0
}

.medical-four-con li:hover .med4-txt h2 {
	color: #fff
}

.medical-four-con li:hover .med4-txt::before {
	transform: rotateY(180deg);
	background-image: url(../images/med4-ba2.png)
}

.medical-four-con li h3 {
	font-size: 24px;
	color: #333;
	margin: 20px 0 10px
}

.medical-four-con li p {
	font-size: 16px;
	color: #666
}

.medical-four-con li:nth-child(4)::before {
	display: none
}

.medical-four-con li:last-child::before {
	display: none
}

.medical-fiv {
	background-size: 100% 100% !important;
	padding: 65px 0 68px
}

.medical-fiv .medical-title {
	color: #fff
}

.medical-fiv p {
	font-size: 20px;
	line-height: 38px;
	color: #fff;
	text-align: center
}

.medical-fiv .medical-viewmo {
	margin-top: 28px
}

.medical-six {
	padding: 75px 0 70px
}

.medical-six-con {
	margin-top: 45px
}

.medical-six-con ul {
	margin: -8px
}

.medical-six-con li {
	float: left;
	width: 16.66%;
	padding: 8px
}

.medical-six-con li>div {
	width: 100%;
	box-shadow: 5px 5px 12px 5px rgba(0, 0, 0, 0.05);
	transition: ease .5s
}

.medical-six-con li>div img {
	width: 100%;
	transition: ease .5s
}

.medical-six-con ul:hover li>div {
	transform: scale(.95)
}

.medical-six-con li:hover>div img {
	transform: scale(1.1)
}

.medical-seven {
	padding-top: 0
}

.medical-seven-con {}

.medical-seven-con ul {
	position: relative;
	margin-top: 50px
}

.medical-seven-con li {}

.medical-seven-icon {
	float: left;
	width: 49px;
	height: 49px
}

.medical-seven-icon img {
	border-radius: 5px;
	width: 100%
}

.medical-seven-txt {
	background: #f1f1f1;
	transition: ease .5s;
	padding: 13px 25px;
	position: relative;
	border-radius: 5px;
	margin-left: 18px;
	display: inline-block;
	max-width: 90%
}

.medical-seven-con li h3 {
	font-size: 20px;
	color: #333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.medical-seven-txt::before {
	content: "";
	position: absolute;
	width: 8px;
	height: 9px;
	background: url(../images/med7-bf_03.png)no-repeat center left;
	left: -8px;
	top: 13px;
	transition: ease .5s
}

.medical-seven-con li:hover .medical-seven-txt {
	background-color: #ce2620
}

.medical-seven-con li:hover .medical-seven-txt::before {
	background-image: url(../images/med7-bf1_03.png)
}

.med7-li1 {
	margin-left: 500px
}

.med7-li2 {
	margin-left: 223px
}

.med7-li3 {
	position: absolute;
	right: 223px;
	top: 80px
}

.med7-li4 {
	margin-left: 375px;
	margin-top: 58px
}

@media(max-width:1440px) {
	.medical-four-con li p {
		height: 50px;
		overflow: hidden
	}
	.med7-li2 {
		margin-left: 223px
	}
	.med7-li3 {
		right: 0
	}
	.medical-one-left1 {
		margin-left: 147px
	}
	.medical-one-left2 {
		margin-left: 20px
	}
	.medical-one-left3 {
		margin-left: 100px
	}
	.medical-one-right1 {
		right: 0px
	}
	.medical-one-right2 {
		right: 45px
	}
	.medical-one-right3 {
		right: 138px
	}
	.medical-four-con li {
		padding: 32px 10px
	}
	.medical-three-img {
		overflow: hidden;
		width: 100%;
		height: 251px
	}
	.medical-two-img {
		height: 317px
	}
}

@media(max-width:1250px) {
	.med7-li4 {
		margin-left: 275px
	}
	.medical-three-img {
		overflow: hidden;
		height: 240px
	}
	.medical-two-img {
		height: 303px
	}
}

@media(max-width:1220px) {
	.med7-li1 {
		margin-left: 400px
	}
	.med7-li2 {
		margin-left: 123px
	}
}

@media(max-width:1170px) {
	.medical-one-left1 {
		margin-left: 47px
	}
	.medical-one-left2 {
		margin-left: 0
	}
	.medical-one-left3 {
		margin-left: 50px
	}
	.medical-one-right2 {
		right: 25px
	}
	.medical-one-right3 {
		right: 50px
	}
	.medical-two-con li {
		padding: 0 5px
	}
	.medical-two-con ul {
		margin: 0 -5px
	}
	.med7-li4 {
		margin-left: 175px
	}
	.medical-three-img {
		overflow: hidden;
		height: 208px
	}
	.medical-two-img {
		height: 274px
	}
}

@media(max-width:1025px) {
	.medical-title,
	.home-title {
		font-size: 40px
	}
	.medical-title1 {
		background-size: 148px 148px
	}
	.medical-one-cont h3 span,
	.medical-four-con li h3 {
		font-size: 22px
	}
	.medical-one-cont h3 {
		font-size: 18px
	}
	.medical-two-text {
		font-size: 22px;
		padding-bottom: 15px
	}
	.medical-three-text h3 {
		font-size: 24px
	}
	.medical-six-con li {
		width: 25%;
		padding: 5px
	}
	.medical-six-con ul {
		margin: -5px
	}
	.medical-four-con li:nth-child(5),
	.medical-four-con li:nth-child(6),
	.medical-four-con li:nth-child(7) {
		transform: none
	}
	.medical-four-con li {
		width: 33.33%
	}
	.medical-four-con li:nth-child(4)::before {
		display: block
	}
	.medical-four-con li:nth-child(3)::before,
	.medical-four-con li:nth-child(6)::before {
		display: none
	}
	.med7-li1 {
		margin-left: 240px
	}
	.med7-li2 {
		margin-left: 23px
	}
	.med7-li3 {
		right: 10px
	}
	.med7-li3 .medical-seven-txt {
		max-width: 80%
	}
	.med4-txt {
		font-size: 50px;
		width: 100px;
		height: 90px;
		background-size: 100% 100%
	}
	.med7-li4 {
		margin-left: 75px
	}
	.medical-one-left1 {
		margin-left: 47px
	}
	.medical-one-left2 {
		margin-left: 0
	}
	.medical-one-left3 {
		margin-left: 0px
	}
	.medical-one-right1 {
		right: -20px
	}
	.medical-one-right2 {
		right: -50px
	}
	.medical-one-right3 {
		right: -10px
	}
	.medical-three-img {
		overflow: hidden;
		height: 159px
	}
	.medical-two-img {
		height: 209px
	}
	.footer-contact span {
		display: block;
		margin-bottom: 10px
	}
	.footer-contact input {
		min-width: 49.4%
	}
	.med4-txt h2 {
		padding: 8px 0;
		font-size: 50px
	}
	.med4-txt::before {
		background-size: 100px 90px
	}
}

@media(max-width:767px) {
	.medical-one-right1,
	.medical-one-right2,
	.medical-one-right3 {
		right: 0px
	}
	.medical-one-cont {
		margin-top: 0
	}
	.medical-three-img {
		overflow: hidden;
		width: 242px;
		height: 155px
	}
	.medical-two-img {
		width: 179px;
		height: 203px
	}
	.med-banner-con span {
		margin-top: 10px !important
	}
	.med-banner-con h2 {
		font-size: 24px;
		margin-bottom: 5px
	}
	.med-banner-con p {
		font-size: 14px
	}
	.medical-one-cont h3 {
		position: static;
		margin-top: 15px
	}
	.medical-title,
	.home-title {
		font-size: 26px
	}
	.medical-title1 {
		padding: 15px 0;
		background-size: 80px 80px
	}
	.medical-des {
		font-size: 14px;
		line-height: 28px
	}
	.medical-one-left1,
	.medical-one-right2 {
		background: #efefef !important
	}
	.medical-one-cont h3 {
		font-size: 16px;
		padding: 8px 10px
	}
	.medical-one-cont h3 span,
	.medical-four-con li h3 {
		font-size: 18px
	}
	.medical-one-cont {
		margin-top: 20px
	}
	.medical-one-left3 {
		margin-top: 20px;
		margin-right: 0;
		margin-left: auto
	}
	.medical-one-right1 {
		margin-top: 20px;
		margin-left: 20px
	}
	.medical-two-con ul {
		margin: -5px
	}
	.medical-two-con li {
		padding: 5px;
		width: 50%
	}
	.medical-two-text {
		font-size: 16px
	}
	.medical-two-con {
		margin-top: 22px
	}
	.medical-three-text h3 {
		font-size: 18px;
		margin-bottom: 5px
	}
	.medical-three-text p {
		font-size: 14px;
		height: auto
	}
	.medical-three-text {
		padding: 10px 0
	}
	.medical-three li {
		width: 100%
	}
	.medical-three ul {
		margin: 10px -5px 0
	}
	.medical-four-con li {
		width: 50%;
		padding: 12px 10px
	}
	.medical-four-con li p {
		font-size: 14px
	}
	.med4-txt {
		font-size: 36px;
		width: 80px;
		height: 70px
	}
	.medical-four-con li::before {
		top: 22%;
		right: -35px
	}
	.medical-four-con li:nth-child(odd)::before {
		display: block !important
	}
	.medical-four-con li:nth-child(even)::before,
	.medical-four-con li:last-child::before {
		display: none !important
	}
	.medical-four-con li:last-child {
		transform: translateX(50%)
	}
	.medical-fiv p {
		font-size: 14px;
		line-height: 24px
	}
	.medical-fiv .medical-title {
		margin-bottom: 10px
	}
	.medical-six-con li {
		width: 33.33%
	}
	.med7-li3 {
		position: static
	}
	.medical-seven-icon {
		width: 40px;
		height: 40px
	}
	.medical-seven-con li {
		margin-left: 0;
		margin-top: 8px
	}
	.medical-seven-txt {
		max-width: 83%;
		padding: 8px 16px;
		margin-left: 12px
	}
	.medical-seven-con li h3 {
		font-size: 16px;
		white-space: inherit
	}
	.medical-seven-con ul {
		margin-top: 14px
	}
	.medical-six,
	.medical-fiv,
	.medical-four,
	.medical-three {
		padding: 40px 0
	}
	.medical-six-con {
		margin-top: 20px
	}
	.medical-three .home-viewmo {
		margin-top: 20px
	}
	.medical-one-right2 {
		margin-right: 0;
		margin-left: auto
	}
	.medical-one-right3 {}
	.medical-four {
		padding-bottom: 28px
	}
	.medical-four-con li p {
		height: 40px
	}
	.medical-one::before {
		background: none
	}
	.medical-one-left2 {
		margin-left: 15px
	}
	.footer-contact button {
		margin: 0 auto;
		margin-top: 10px
	}
	.medical-four-con li h3 {
		margin: 12px 0 5px
	}
	.medical-three-img {
		width: 100%;
		height: auto
	}
	.medical-two-img {
		height: 215px
	}
	.med4-txt h2 {
		padding: 8px 0;
		font-size: 36px
	}
	.med4-txt::before {
		background-size: 80px 70px
	}
	.medical-fiv {
		background-image: url(../images/med5-ba1.jpg) !important;
		padding: 53px 0 54px
	}
	.med-banner2 {
		display: block;
		width: 100%
	}
	.med-banner1 {
		display: none
	}
}

@media(max-width:375px) {
	.medical-two-img {
		height: 195px
	}
}

@media(max-width:360px) {
	.medical-seven-txt {
		max-width: 82%
	}
	.medical-two-img {
		height: 187px
	}
}

@media(max-width:320px) {
	.medical-four-con li::before {
		background-size: 45px 8px;
		right: -22px
	}
	.medical-two-img {
		height: 164px
	}
	.medical-seven-txt {
		max-width: 81%
	}
}

.banner {
	background-size: cover;
	width: 100%
}

.ny-banner-text {
	background: url(../images/ny-txt.png)no-repeat center left;
	padding: 154px 0 150px 30px
}

.ny-banner-text h2 {
	font-size: 36px;
	color: #fff;
	line-height: 40px
}

.ny-banner-text h3 {
	font-size: 20px;
	color: #fff;
	line-height: 26px;
	margin-top: 10px
}

.bread {
	padding-top: 10px
}

.bread p {
	font-size: 14px;
	line-height: 20px;
	color: #666;
	padding-top: 20px
}

.bread a {
	display: inline-block;
	transition: ease .5s
}

.bread a:hover {
	color: #0072bf
}

.bread span {
	display: inline-block;
	color: #dcdcdc
}

.menu {
	padding-top: 10px
}

.menu li {
	display: inline-block;
	width: 14.4%
}

.menu li a {
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	transition: ease .5s;
	position: relative
}

.menu li.on a,
.menu li:hover a {
	color: #0072bf;
	border-bottom: 3px solid #0072bf
}

#menu {
	border-bottom: 1px solid #dcdcdc
}

.page {
	text-align: center;
	position: relative
}

.page a {
	display: inline-block !important;
	font-size: 18px;
	line-height: 38px;
	color: #3a3e3f;
	border-radius: 50%;
	transition: ease .5s;
	width: 38px;
	height: 38px;
	text-align: center
}

.page a:hover,
.page a.on {
	color: #fff;
	background: #0072bf
}

.page-prev {
	border: 1px solid #dfe3e5;
	position: absolute;
	left: 0;
	top: 0
}

.page-next {
	border: 1px solid #dfe3e5;
	position: absolute;
	right: 0;
	top: 0
}

.page-next i,
.page-prev i {
	color: #a3a7a9;
	font-weight: bold;
	line-height: 36px
}

.page-next:hover i,
.page-prev:hover i {
	color: #fff
}

.service {
	padding-bottom: 60px
}

.faq {
	padding-bottom: 65px
}

.zhaopin {
	padding-bottom: 60px
}

.video {
	padding: 25px 0 65px
}

.msg-box-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 10001;
	background: rgba(0, 0, 0, 0.5)
}

.msg-box {
	width: 860px;
	height: 524px;
	padding: 50px;
	background-color: #F3F3F3;
	position: absolute;
	left: 50%;
	margin-left: -430px;
	top: 0;
	margin-top: -262px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3)
}

.msg-box .close-box {
	width: 38px;
	height: 38px;
	font-size: 30px;
	color: #666;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.msg-box .close-box:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

@media (max-width:1260px) {}

@media (max-width:1023px) {}

@media (max-width:767px) {}

.anchor {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 15px 0;
	z-index: 490;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
	text-align: center;
	display: none
}

.anchor li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px
}

.anchor li a {
	display: block;
	padding: 0 26px;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	color: #333;
	border: 1px solid #dfdfdf;
	border-radius: 20px;
	transition: all .3s
}

.anchor li.on a,
.anchor li a:hover {
	color: #0072bf;
	border-color: #0072bf
}

.kffixed {
	position: fixed;
	bottom: 0;
	z-index: 2000;
	width: 100%;
	height: 49px;
	overflow: hidden;
	display: none
}

.kufuul {
	text-align: center;
	padding: 2px 0;
	width: 100%;
	height: 49px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block
}

.kefu {
	padding: 0
}

.kefu li {
	float: left;
	height: 45px;
	text-align: center;
	color: #fff;
	line-height: 45px;
	color: #fff;
	transition: all .4s
}

.kfzx-tigg {
	width: 49.5%;
	height: 45px;
	display: block;
	float: left;
	line-height: 45px;
	opacity: 1;
	transition: 1s opacity
}

.kfzx-enter {
	opacity: 0
}

.kf-zx {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	line-height: 45px;
	text-align: center;
	background: rgba(249, 190, 0, 0.9)
}

.kf-zx img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.teldb {
	width: 49.5%;
	background: rgba(0, 0, 0, 0.6);
	background-size: contain;
	margin: 0 1px;
	position: relative
}

.teldb img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.teldb a {
	color: white
}

.service-banner {
	position: relative
}

.service-banner img {
	width: 100%
}

.ser-banner2 {
	display: none
}

.ser-banner-con {}

.service-viewmo {
	margin-top: 40px
}

.ser-banner-con h2 {
	margin-bottom: 20px
}

.ser-banner-con h2 img {
	width: auto;
	display: inline-block
}

.ser-banner-con a {
	display: table;
	width: 100%;
	height: 100%
}

.ser-banner-con a>div {
	display: table-cell;
	vertical-align: middle
}

.ser-banner-con h3 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 8px
}

.service-one {}

.service-one-cont {
	margin-top: 42px
}

.service-one-cont ul {
	position: relative;
	width: 100%;
	overflow: hidden
}

.service-one-cont li {
	float: left;
	width: 10.43%;
	transition: ease .5s;
	position: relative;
	height: 550px;
	background: rgba(0, 0, 0, 0.92);
	border-right: 1px solid rgba(255, 255, 255, 0.2)
}

.service-one-cont li:last-child {
	border: none
}

.service-one-cont li.on {
	width: 58.28%;
	position: static;
	border-right: none
}

.service-one-cont li img {
	width: 100%;
	position: absolute;
	height: 100%;
	display: block;
	display: none
}

.service-one-cont li.on img {
	display: block
}

.service-one-txt {
	text-align: center;
	position: relative;
	height: 100%
}

.service-one-txt>div {
	position: absolute;
	top: 20%;
	width: 100%
}

.service-one-txt span {
	display: block;
	font-size: 100px;
	color: rgba(255, 255, 255, 0.1);
	font-family: "mon-sb";
	line-height: 130px
}

.service-one-txt h3 {
	font-size: 24px;
	color: #fff;
	width: 30px;
	margin: 0 auto
}

.service-one-cont li.on .service-one-txt h3 {
	width: 100%
}

.service-one-cont li.on .service-one-txt span {
	color: #fff
}

.service-one-cont li.on .service-one-txt>div {
	position: absolute;
	bottom: 0;
	top: auto;
	width: 100%;
	left: 0;
	background-image: linear-gradient(transparent, #000);
	padding-bottom: 35px
}

.service-two {
	padding-top: 0
}

.service-two-con {
	margin-top: 40px
}

.service-two-con ul {
	margin: 0 -5px
}

.service-two-con li {
	float: left;
	width: 33.3%;
	padding: 0 5px;
	margin-top: 25px;
	transition: ease .5s
}

.service-two-con li>div {
	text-align: center;
	background: #f4f4f4;
	position: relative;
	transition: ease .5s;
	padding: 60px 0 53px
}

.service-two-con li>div::before {
	position: absolute;
	content: "";
	width: 0;
	height: 6px;
	background: #ce2620;
	transition: ease .5s;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
}

.service-two-con li:hover>div::before {
	width: 100%
}

.service-two-icon {
	width: 97px;
	height: 97px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 40px;
	transition: ease .5s
}

.service-two-icon::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	background: #ce2620;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	transition: ease .5s
}

.service-two-con li:hover .service-two-icon::before {
	width: 169px;
	height: 169px
}

.service-two-icon img {
	width: 100%;
	position: relative
}

.service-two-tit {
	font-size: 26px;
	color: #222;
	margin-bottom: 5px;
	padding: 0 10px
}

.service-two-dec {
	font-size: 16px;
	color: #666;
	padding: 0 10px
}

.service-two-con li:hover {
	transform: translateY(-20px)
}

.service-three {
	background-size: cover !important;
	padding: 110px 0 108px
}

.service-three .medical-title {
	color: #fff
}

.service-three .medical-des {
	color: #bababa
}

.service-three-con {
	margin-top: 74px
}

.service-three-con ul {}

.service-three-con li {
	float: left;
	width: 14.28%;
	text-align: center;
	position: relative
}

.service-three-con li::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background: rgba(229, 229, 229, 0.2);
	bottom: 78px;
	left: 0
}

.service-three-con li h3 {
	font-size: 56px;
	color: #fff;
	font-family: "mon-sb";
	padding: 10px 0;
	transition: ease .5s
}

.service3-icon {
	position: relative;
	transition: ease .5s;
	display: inline-block;
	width: 111px;
	height: 100px;
	text-align: center;
	padding: 8px 0;
	margin-bottom: 66px
}

.service3-icon::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/med4-ba1.png)no-repeat center;
	transition: ease .5s;
	left: 0;
	top: 0
}

.service3-icon::after {
	content: "";
	position: absolute;
	width: 3px;
	height: 50px;
	background: url(../images/service3-line.png)no-repeat center;
	transition: ease .5s;
	left: 50%;
	bottom: -57%
}

.service-three-con li p {
	font-size: 24px;
	color: #fff
}

.service-three-con li:hover h3 {
	color: #ce2620
}

.service3-img {
	position: relative;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	line-height: 52px;
	margin: 0 auto 18px;
	transition: ease .5s
}

.service-three-con li:hover .service3-img {
	background-color: #ce2620
}

.service3-img i {
	display: inline-block;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	transition: ease .5s
}

.service-three-con li:hover .service3-img i {
	color: #fff
}

.service-four {
	padding-bottom: 69px
}

.service-four-con {
	margin-top: 18px
}

.service-four-con ul {
	margin: 0 -12px
}

.service-four-con li {
	float: left;
	width: 33.33%;
	padding: 0 12px;
	margin-top: 24px;
	transition: ease .5s
}

.service-four-con li>div {
	width: 100%;
	background: #f5f5f5;
	text-align: center
}

.service-four-img {
	height: 300px;
	overflow: hidden
}

.service-four-img img {
	width: 100%;
	transition: ease .5s
}

.service-four-con li:hover .service-four-img img {
	transform: scale(1.04)
}

.service-four-txt {
	font-size: 20px;
	color: #333;
	padding: 20px 10px
}

.service4-ul1 li {
	transform: translateX(50%)
}

@media(max-width:1440px) {
	.service-four-img {
		height: 255px
	}
	.service-four-txt {
		font-size: 18px;
		padding: 20px 0
	}
	.service-one-cont li {
		height: 470px
	}
	.service-one-txt>div {
		top: 15%
	}
	.ser-banner-con h2 img {
		width: 110px
	}
}

@media(max-width:1250px) {
	.service-four-txt {
		font-size: 17px;
		padding: 20px 5px
	}
	.service-one-txt span {
		font-size: 85px;
		line-height: 100px
	}
	.service-one-cont li {
		height: 450px
	}
}

@media(max-width:1170px) {
	.service-four-img {
		height: 212px
	}
	.service-four-txt {
		height: 90px
	}
	.service-one-cont li {
		height: 392px
	}
	.service-one-txt>div {
		top: 12%
	}
	.service-one-txt span {
		font-size: 65px;
		line-height: 85px
	}
	.service-two-icon {
		width: 80px;
		height: 80px
	}
	.service-two-con li:hover .service-two-icon::before {
		width: 130px;
		height: 130px
	}
}

@media(max-width:1025px) {
	.ser-banner-con .medical-viewmo {
		margin-top: 30px
	}
	.service-one-txt span {
		font-size: 55px;
		line-height: 75px
	}
	.service-two-dec {
		height: 48px
	}
	.service-two-tit {
		font-size: 24px
	}
	.service-three-con li h3 {
		font-size: 40px;
		padding: 14px 0
	}
	.service3-icon::before {
		background-size: 90px 80px
	}
	.service3-icon {
		width: 100px;
		height: 90px
	}
	.service3-img {
		width: 42px;
		height: 42px;
		line-height: 42px
	}
	.service-three-con li p {
		font-size: 20px
	}
	.service-three-con li::before {
		bottom: 67px
	}
	.service-four-img {
		height: 160px
	}
	.ser-banner-con h2 {
		margin-bottom: 10px
	}
}

@media(max-width:790px) {
	.ser-banner-con h2 img {
		width: 100px
	}
	.ser-banner-con h2 {
		font-size: 40px;
		margin-bottom: 10px
	}
	.ser-banner-con h3 {
		font-size: 26px
	}
	.ser-banner-con .medical-viewmo {
		margin-top: 20px
	}
}

@media(max-width:767px) {
	.service-one-cont {
		margin-top: 10px
	}
	.service-one-cont li,
	.service-one-cont li.on {
		float: none;
		width: 100%;
		background: none;
		height: auto;
		margin-top: 15px;
		border: none
	}
	.service-one-cont li img {
		display: block;
		height: auto;
		position: relative
	}
	.service-one-txt h3 {
		width: 100%
	}
	.service-one-txt {
		position: absolute;
		width: 100%;
		height: auto
	}
	.service-one-txt>div,
	.service-one-cont li.on .service-one-txt>div {
		top: auto;
		bottom: 0;
		background-image: linear-gradient(transparent, #000);
		padding-bottom: 15px
	}
	.service-one-txt span {
		color: #fff;
		font-size: 36px;
		line-height: 46px
	}
	.service-one-txt h3 {
		font-size: 16px
	}
	.service-viewmo {
		margin-top: 20px
	}
	.service-two-con {
		margin-top: -5px
	}
	.service-two-con li {
		width: 50%;
		margin-top: 12px
	}
	.service-two-con li:hover {
		transform: translateY(-10px)
	}
	.service-two-icon {
		width: 55px;
		height: 55px;
		margin-bottom: 15px
	}
	.service-two-tit {
		font-size: 16px;
		padding: 0 5px
	}
	.service-two-dec {
		font-size: 14px;
		line-height: 22px;
		height: 66px;
		padding: 0 5px
	}
	.service-two-con li>div {
		padding: 40px 0 15px
	}
	.service-two-con li:hover .service-two-icon::before {
		width: 80px;
		height: 80px
	}
	.service-three-con li {
		width: 33.33%;
		margin-top: 15px
	}
	.service-three-con li h3 {
		font-size: 28px;
		padding: 12px 0
	}
	.service3-icon::before {
		background-size: 70px 60px
	}
	.service3-icon {
		width: 80px;
		height: 70px
	}
	.service-three {
		padding: 40px 0
	}
	.service3-img {
		width: 36px;
		height: 36px;
		line-height: 36px;
		margin: 0 auto 10px
	}
	.service-three-con li::before {
		bottom: 51px
	}
	.service-three-con li p {
		font-size: 16px
	}
	.service-three-con {
		margin-top: 0
	}
	.service-four-con li {
		float: none;
		width: 100%
	}
	.service4-ul1 li {
		transform: none
	}
	.service-four-img {
		height: auto
	}
	.service-four-txt {
		height: auto;
		font-size: 15px
	}
	.service-four {
		padding-bottom: 40px
	}
	.service3-icon::after {
		bottom: -78%
	}
	.ser-banner2 {
		display: block
	}
	.ser-banner1 {
		display: none
	}
	.ser-banner-con h2 img {
		width: 85px
	}
	.ser-banner-con h2 {
		font-size: 30px
	}
	.ser-banner-con h3 {
		font-size: 20px
	}
}

.col-banner-con {
	text-align: left
}

.col-banner-con a {
	display: table;
	width: 100%;
	position: relative;
	height: 100%
}

.col-banner-tab {
	display: table-cell;
	vertical-align: middle
}

.col-banner-con h2 {
	font-size: 36px;
	color: #fff;
	font-weight: bold
}

.col-banner-con h2 em {
	display: inline-block
}

.col-banner-con h2 em img {
	width: 100%
}

.col-banner-con h3 {
	font-size: 70px;
	color: #fff;
	font-weight: lighter;
	margin-bottom: 25px
}

.col-banner-con h3 span {
	display: inline;
	color: #ce2620;
	font-weight: bold
}

.col-banner-con p {
	font-size: 24px
}

.col-banner-con .medical-viewmo {
	margin: 50px 0 0;
	background-image: none;
	padding: 9px 34px 9px 34px
}

.college-title {
	font-size: 48px
}

.college-one {
	padding: 0
}

.college-one-cont {
	position: relative;
	background: url(../images/college1-ba_03.png)no-repeat center;
	width: 100%;
	background-size: cover;
	height: 620px;
	padding: 180px 0
}

.college1-ewm {
	margin: 0 auto;
	text-align: center;
	width: 209px
}

.college1-ewm img {
	width: 100%;
	margin-bottom: 5px
}

.college1-ewm p {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	width: 65%;
	margin: 0 auto
}

.college1-icon {
	text-align: center;
	position: absolute
}

.college1-icon h3 {
	font-size: 22px;
	color: #222;
	margin-top: 15px
}

.college1-icon img {
	border-radius: 50%
}

.college1-icon1 {
	top: 218px;
	left: 20px
}

.college1-icon2 {
	top: 102px;
	left: 305px
}

.college1-icon3 {
	top: 384px;
	left: 345px
}

.college1-icon4 {
	top: 66px;
	right: 320px
}

.college1-icon5 {
	top: 340px;
	right: 327px
}

.college1-icon6 {
	top: 284px;
	right: 25px
}

.college-two {
	background: #f3f3f3
}

.college-two-con {
	margin-top: 60px
}

.college-two-con ul {
	margin: 0 -12px
}

.college-two-con li {
	float: left;
	width: 33.33%;
	padding: 0 12px;
	margin-bottom: 40px
}

.college-two-con li a {
	display: block;
	width: 100%;
	background: #fff;
	position: relative;
	padding: 30px
}

.college-two-con li a::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 10px;
	background: url(../images/college2-bef_03_03.png)repeat-x;
	top: -10px;
	left: 0
}

.college-two-icon {
	width: 88px;
	height: 88px;
	margin: 0 auto;
	margin-bottom: 27px;
	transition: ease 5s
}

.college-two-con li:hover .college-two-icon {
	transform: rotate(360deg)
}

.college-two-icon img {
	width: 100%
}

.college-two-txt {}

.college-two-xz {
	float: left;
	max-width: 62%
}

.college-two-tit {
	font-size: 22px;
	color: #222;
	line-height: 25px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: ease .5s
}

.college-two-con li:hover .college-two-tit {
	color: #ce2620
}

.college-two-dec {
	font-size: 16px;
	line-height: 32px;
	color: #aaa;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.college-two-txt span {
	display: block;
	float: right;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	background: #ce2620;
	padding: 5px 22px;
	transition: ease .5s
}

.college2-page {
	text-align: center;
	width: 352px;
	margin: 0 auto
}

.college2-page a {
	display: block;
	float: left;
	font-size: 16px;
	color: #999;
	background: transparent;
	transition: ease .5s;
	border-right: 1px solid #f3f3f3;
	background: #fff;
	padding: 13px 20px
}

.college2-page a:last-child {
	border-right-color: transparent
}

.college2-page a:hover,
.college2-page a.on {
	color: #fff;
	background: #000
}

.college2-page a i {
	display: block;
	font-size: 16px;
	color: #999;
	width: 10px
}

.college2-page a:hover i {
	color: #fff
}

.college-three {
	padding-bottom: 88px
}

.college-three-con {
	margin-top: 50px
}

.college-three-con ul {
	margin: 0 -5px
}

.college-three-con li {
	float: left;
	width: 25%;
	padding: 0 5px
}

.college3-img {
	overflow: hidden
}

.college3-img img {
	width: 100%;
	transition: .5s
}

.college-three-con li:hover .college3-img img {
	transform: scale(1.05)
}

.college-three-con li:hover .college3-tit {
	color: #ce2620
}

.college3-tit {
	font-size: 26px;
	line-height: 38px;
	color: #222;
	margin-top: 24px;
	margin-bottom: 3px
}

.college3-dec {
	font-size: 16px;
	color: #666;
	line-height: 24px;
	height: 48px
}

.college-four {
	padding-bottom: 100px;
	background-size: cover !important
}

.college-four .medical-title {
	color: #fff
}

.college-four .medical-des {
	color: #c2c2c2
}

.college-four-con {
	margin-top: 50px
}

.college-four-con ul {}

.college-four-con li {
	float: left;
	width: 20%;
	text-align: center
}

.college-four-icon {
	margin: 0 auto;
	position: relative;
	width: 167px;
	height: 167px;
	line-height: 167px
}

.college-four-icon::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/college4-bf.png)no-repeat center;
	top: 0%;
	left: 0%;
	animation: myfirst 20s linear infinite
}

.college-four-con li:hover .college-four-icon::before {
	background-image: url(../images/college4-bf1.png)
}

.college-four-icon img {
	width: 77px;
	height: 78px;
	position: relative
}

.college-four-txt {
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	width: 65%;
	margin: 0 auto;
	height: 60px;
	margin-top: 35px
}

.college-fiv {}

.college-fiv-con {
	margin-top: 80px
}

.college-fiv-con ul {
	position: relative;
	width: 100%;
	background: url(../images/college5-ba_07.png)no-repeat center;
	height: 348px
}

.college-fiv-con li {
	position: absolute
}

.college-fiv-icon {
	float: left;
	width: 157px;
	height: 142px;
	transition: ease .5s
}

.college-fiv-con li:hover .college-fiv-icon {
	transform: translateY(-10px)
}

.college-fiv-icon img {
	width: 100%
}

.college-fiv-con li>div {
	position: relative;
	height: 100%;
	display: table
}

.college-fiv-txt {
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	line-height: 30px;
	color: #555;
	width: 66.3%;
	padding: 0 95px 0 30px
}

.college-fiv-con li.college5-bottom1 {
	top: 206px;
	left: 250px;
	width: 33.33%
}

.college-fiv-con li.college5-bottom2 {
	top: 206px;
	left: 760px;
	width: 33.33%
}

.college-fiv-con li.college5-top1 {
	position: static;
	width: 33.33%
}

.college-fiv-con li.college5-top2 {
	top: 0;
	left: 505px;
	width: 33.33%
}

.college-fiv-con li.college5-top3 {
	top: 0;
	right: 0;
	width: 27.85%
}

.college-fiv-con li.college5-top3 .college-fiv-txt {
	padding-right: 0
}

.college-fiv .home-viewmo {
	margin-top: 60px
}

.college-six {
	background: #f3f3f3
}

.college-six-con {
	margin-top: 50px
}

.college6-img {
	float: left;
	width: 54.28%
}

.college6-img img {
	width: 100%
}

.college6-txt {
	background: #fff;
	width: 50%;
	position: absolute;
	right: 0;
	top: 50px;
	padding: 87px 90px 88px 60px
}

.college-six-con .swiper-slide a {
	position: relative;
	display: block;
	width: 100%
}

.college6-button-next {
	right: 0
}

.college6-button-prev {
	right: 60px
}

.college6-button-next,
.college6-button-prev {
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: #999;
	text-align: center;
	bottom: 50px;
	position: absolute;
	transition: ease .5s;
	z-index: 5
}

.college6-button-next i,
.college6-button-prev em {
	color: #fff;
	font-size: 24px
}

.college6-button-next:hover,
.college6-button-prev:hover {
	background: #666
}

.college6-tit {
	font-size: 24px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.college6-txt ul {
	margin-top: 24px
}

.college6-txt li {
	float: left;
	border-right: 1px solid #ddd;
	width: 210px
}

.college6-txt li:last-child {
	border-right: 0;
	padding-left: 60px
}

.college6-txt li span {
	display: block;
	font-size: 16px;
	color: #999;
	line-height: 30px
}

.college6-txt li p {
	font-size: 20px;
	line-height: 30px;
	color: #666;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.college-six .home-viewmo {
	margin: 59px 0 0
}

.college-seven {
	background: #fff;
	padding: 75px 0 65px
}

.college-seven .home-new-con {
	margin-top: 55px
}

.college-seven .home-new-text {
	padding: 18px 20px 12px
}

.college-seven .home-new-bottom {
	padding-top: 4px
}

@media(max-width:1460px) {
	.college-two-xz {
		max-width: 65%
	}
	.college1-ewm {
		width: 170px
	}
	.college-fiv-txt {
		padding: 0 50px 0 30px
	}
	.college-fiv-con li.college5-bottom1 {
		left: 155px
	}
	.college-fiv-con li.college5-top2 {
		left: 410px
	}
	.college-fiv-con li.college5-bottom2 {
		left: 665px
	}
	.college6-txt {
		top: auto;
		bottom: 0;
		padding: 67px 90px 78px 60px
	}
	.college6-button-next,
	.college6-button-prev {
		bottom: 0
	}
	.col-banner-con h3 {
		font-size: 56px;
		margin-bottom: 15px
	}
	.col-banner-con .medical-viewmo {
		margin: 40px 0 0
	}
}

@media(max-width:1260px) {
	.college-fiv-con li.college5-top1 {
		width: 30.33%;
		background: #fff
	}
	.college-fiv-txt {
		padding: 0 0px 0 20px
	}
	.college-fiv-con li.college5-bottom1 {
		left: 125px
	}
	.college-fiv-con li.college5-top2 {
		left: 380px
	}
	.college-fiv-con li.college5-bottom2 {
		left: 635px
	}
	.col-banner-con h3 {
		font-size: 46px
	}
}

@media(max-width:1170px) {
	.col-banner-con h2 {
		font-size: 34px
	}
	.col-banner-con h3 {
		font-size: 48px
	}
	.col-banner-con p {
		font-size: 22px
	}
	.col-banner-con .medical-viewmo {
		margin: 30px 0 0;
		padding: 6px 34px 6px 34px
	}
	.college-fiv-icon {
		width: 100px;
		height: 90px
	}
	.college-fiv-con ul {
		height: auto;
		background: none
	}
	.college-fiv-con li {
		position: static !important;
		float: left;
		width: 33.3% !important;
		margin-bottom: 30px;
		text-align: center;
		padding: 0 30px
	}
	.college-fiv-con li>div {
		display: block
	}
	.college-fiv-icon {
		float: none;
		margin: 0 auto
	}
	.college-fiv-txt {
		padding: 0;
		margin-top: 15px;
		display: block;
		width: 100%;
		float: none
	}
	.college-fiv-con li.college5-top3,
	.college-fiv-con li.college5-bottom2 {
		transform: translateX(50%)
	}
	.college6-txt li {
		width: 50%
	}
	.college-six .home-viewmo {
		margin: 35px 0 0
	}
	.college-two-txt span {
		padding: 5px 15px
	}
	.college1-icon2 {
		top: 60px;
		left: 166px
	}
	.college1-icon4 {
		top: 60px;
		right: 121px
	}
	.college1-icon3 {
		top: 404px;
		left: 140px
	}
	.college1-icon5 {
		top: 398px;
		right: 305px
	}
	.college6-txt li:last-child {
		padding: 0;
		text-align: center
	}
}

@media(max-width:1025px) {
	.college1-ewm {
		width: 120px
	}
	.college-two-xz {
		float: none;
		max-width: 100%
	}
	.college-two-txt span {
		float: none;
		text-align: center
	}
	.college6-img {
		float: none;
		width: 100%
	}
	.college6-txt {
		position: relative;
		width: 100%
	}
	.college-four-con li {
		width: 33.33%;
		margin-bottom: 20px
	}
	.college-four-txt {
		margin-top: 15px
	}
	.college-four-icon {
		width: 120px;
		height: 120px;
		line-height: 120px
	}
	.college-four-icon::before {
		background-size: 100% 100%
	}
	.college-four-icon img {
		width: 60px;
		height: 61px
	}
	.col-banner-con h2 {
		font-size: 32px;
		margin-bottom: 10px
	}
	.col-banner-con h3 {
		font-size: 40px;
		margin-bottom: 5px
	}
	.col-banner-con .medical-viewmo {
		margin: 20px 0 0
	}
	.college1-ewm p {
		width: 100%
	}
}

@media(max-width:790px) {
	.college-one-cont {
		height: auto;
		background: none;
		padding: 0
	}
	.college1-icon {
		position: static;
		float: left;
		width: 50%;
		text-align: center;
		margin-top: 15px
	}
	.college1-icon h3 {
		font-size: 16px;
		margin-top: 5px
	}
	.college1-icon img {
		width: 100px
	}
	.college-one {
		padding: 40px 0
	}
	.college-title {
		font-size: 26px
	}
	.college-two-con li {
		width: 50%;
		padding: 0 5px;
		margin-bottom: 20px
	}
	.college-two-con ul {
		margin: 0 -5px
	}
	.college-two-tit {
		font-size: 16px
	}
	.college-two-dec {
		font-size: 14px;
		line-height: 26px
	}
	.college-two-txt span {
		line-height: 26px;
		padding: 4px 15px;
		margin-top: 5px
	}
	.college-two-icon {
		width: 60px;
		height: 60px;
		margin-bottom: 15px
	}
	.college-two-con li a {
		padding: 30px 20px
	}
	.college2-page a {
		font-size: 14px;
		padding: 8px 14px
	}
	.college2-page a i {
		width: 7px;
		font-size: 14px
	}
	.college2-page {
		width: 260px
	}
	.college-three-con li {
		width: 50%;
		margin-bottom: 10px
	}
	.college3-tit {
		font-size: 16px;
		line-height: 26px;
		margin-top: 10px
	}
	.college3-dec {
		font-size: 14px;
		line-height: 22px;
		height: 66px
	}
	.college-three-con {
		margin-top: 20px
	}
	.college-three {
		padding: 40px 0
	}
	.college-four-con li {
		width: 50%;
		margin-top: 10px;
		margin-bottom: 0
	}
	.college-four-icon {
		width: 100px;
		height: 100px;
		line-height: 100px
	}
	.college-four-icon img {
		width: 45px;
		height: 46px
	}
	.college-four-txt {
		font-size: 16px;
		line-height: 26px;
		height: 78px;
		margin-top: 10px
	}
	.college-fiv-con li {
		width: 50% !important;
		margin-bottom: 10px;
		padding: 0 10px
	}
	.college-fiv-con li.college5-bottom2 {
		transform: none
	}
	.college-fiv-txt {
		font-size: 16px;
		line-height: 26px;
		margin-top: 8px
	}
	.college6-button-next,
	.college6-button-prev {
		width: 40px;
		height: 40px;
		line-height: 40px
	}
	.college6-button-next i,
	.college6-button-prev i {
		font-size: 20px
	}
	.college6-button-prev {
		right: 40px
	}
	.college6-txt {
		padding: 30px 30px 40px
	}
	.college6-tit {
		font-size: 18px
	}
	.college6-txt li span {
		font-size: 14px
	}
	.college6-txt li p {
		font-size: 16px;
		line-height: 26px
	}
	.college6-txt ul {
		margin-top: 10px
	}
	.college-six .home-viewmo {
		margin: 25px 0 0
	}
	.college-seven,
	.college-four {
		padding: 40px 0
	}
	.college-seven .home-new-con,
	.college-six-con,
	.college-fiv-con,
	.college-four-con {
		margin-top: 20px
	}
	.college-two-con {
		margin-top: 30px
	}
	.college-fiv .home-viewmo {
		margin-top: 10px
	}
	.col-banner-con h2 {
		font-size: 30px
	}
	.col-banner-con h3 {
		font-size: 26px
	}
	.col-banner-con p {
		font-size: 18px
	}
}

@media(max-width:320px) {
	.col-banner-con h2 {
		font-size: 26px
	}
	.col-banner-con h3 {
		font-size: 22px
	}
	.col-banner-con p {
		font-size: 17px
	}
	.col-banner-con .medical-viewmo {
		padding: 4px 34px
	}
}

.lbanner {
	background-size: cover !important;
	height: 450px
}

.lappbanner {
	width: 100%;
	display: none
}

.lbanner-cont {}

.lbanner-txt {
	font-size: 60px;
	color: #fff;
	padding: 154px 0 156px
}

.lbanner-bread {
	font-size: 16px;
	line-height: 26px;
	color: #fff
}

.lbanner-bread a {
	display: inline-block
}

.lmenu {
	border-bottom: 1px solid #e4e4e4;
	overflow-x: auto;
	white-space: nowrap
}

.lmenu::-webkit-scrollbar {
	height: 2px;
	background-color: transparent
}

.lmenu::-webkit-scrollbar-thumb {
	background-color: #fabd00;
	border-radius: 10px
}

.lmenu a {
	font-size: 18px;
	line-height: 26px;
	color: #999;
	display: inline-block;
	margin-right: 80px;
	padding: 26px 0
}

.lmenu a:last-child {
	margin-right: 0
}

.lmenu a.on,
.lmenu a:hover {
	font-size: 22px;
	color: #333;
	border-bottom: 3px solid #ce2620
}

@media(max-width:767px) {
	.lbanner {
		height: auto
	}
}

@media(max-width:640px) {
	.lbanner-txt {
		font-size: 30px
	}
	.lmenu a {
		font-size: 16px;
		padding: 8px 0;
		margin-right: 30px
	}
	.lmenu a.on,
	.lmenu a:hover {
		font-size: 18px
	}
}

.lpage {
	text-align: center
}

.lpage-con {
	display: inline-block
}

.lpage a {
	font-size: 16px;
	color: #333;
	font-family: "mon-r";
	transition: ease .5s;
	padding: 8px 16px;
	display: inline-block
}

.lpage a.on,
.lpage a:hover {
	color: #fff;
	background: #ce2620
}

.lpage a i {
	display: block;
	width: 9px;
	color: #333;
	font-weight: bold;
	transition: wase .5s
}

.lpage a:hover i {
	color: #fff
}

.new {
	padding-bottom: 130px
}

.new-con {}

.new-con ul {
	margin-bottom: 40px;
	margin-top: 10px
}

.new-con li {
	padding: 50px 0;
	border-bottom: 1px solid #e7e7e7;
	transition: ease .5s
}

.new-con li a {
	display: block;
	width: 100%
}

.new-img {
	float: left;
	width: 30.7%;
	overflow: hidden
}

.new-img img {
	width: 100%;
	transition: ease .5s
}

.new-con li:hover .new-img img {
	transform: scale(1.04)
}

.new-txt {
	float: right;
	width: 66%
}

.new-txt span {
	display: block;
	font-size: 16px;
	line-height: 18px;
	color: #a3a3a3;
	font-weight: bold;
	margin-bottom: 27px
}

.new-txt h3 {
	font-size: 24px;
	color: #111;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 15px
}

.new-con li:hover .new-txt h3 {
	color: #ce2620
}

.new-txt p {
	font-size: 16px;
	line-height: 28px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-width: 84%
}

.new-con .home-viewmo {
	margin: 40px 0 0;
}

@media(max-width:1440px) {
	.new-con .home-viewmo {
		margin: 10px 0 0;
	}
}

@media(max-width:1250px) {
	.new-txt p {
		-webkit-line-clamp: 2
	}
}

@media(max-width:1025px) {
	.new-txt p {
		max-width: 90%;
		-webkit-line-clamp: 1
	}
	.new-txt span {
		margin-bottom: 15px
	}
	.new-txt h3 {
		margin-bottom: 10px
	}
	.new-con .home-viewmo {
		margin: 30px 0 0
	}
}

@media(max-width:767px) {
	.new-img,
	.new-txt {
		float: none;
		width: 100%
	}
	.new-txt {
		margin-top: 20px
	}
	.new-txt span {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 8px
	}
	.new-txt h3 {
		font-size: 16px
	}
	.new-txt p {
		font-size: 14px;
		line-height: 22px;
		max-width: 100%;
		-webkit-line-clamp: 2
	}
	.new-con .home-viewmo {
		margin: 20px 0 0
	}
	.new-con li {
		padding: 20px 0
	}
	.new-con ul {
		margin-bottom: 20px
	}
	.new {
		padding-bottom: 40px
	}
}

.new-xq {
	padding: 60px 0 75px
}

.newxq-con {}

.newxq-left {
	float: left;
	width: 70.5%
}

.newxq-right {
	float: right;
	width: 23.57%
}

.newxq-tit {
	font-size: 30px;
	color: #111;
	font-weight: bold;
	margin-bottom: 15px
}

.newxq-des {
	font-size: 16px;
	color: #666;
	line-height: 28px;
	display: none
}

.newxq-time {
	display: block;
	font-size: 16px;
	line-height: 28px;
	color: #a3a3a3;
	margin: 15px 0px
}

.newxq-artic {
	font-size: 16px;
	line-height: 28px;
	color: #666
}

.newxq-artic p img {
	max-width: 100%;
	margin: 34px 0
}

.newxq-page {
	background: #f7f7f7;
	margin-bottom: 20px;
	padding: 25px 20px
}

.newxq-page a {
	display: block;
	width: 100%
}

.newxq-page h3 {
	font-size: 20px;
	color: #111;
	font-weight: bold;
	margin-bottom: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.newxq-page h5 {
	font-size: 18px;
	line-height: 28px;
	color: #333;
	transition: ease .5s;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.newxq-page span {
	display: block;
	font-size: 16px;
	line-height: 28px;
	color: #a3a3a3;
	margin-top: 15px
}

.newxq-page:hover h5 {
	color: #ce2620
}

.newxq-tuijian1 {
	background: #f7f7f7;
	padding: 30px 20px;
	margin-bottom: 20px
}

.newxq-tuijian-tit {
	font-size: 20px;
	color: #111;
	font-weight: bold;
	border-left: 3px solid #fabd00;
	line-height: 20px;
	padding-left: 7px
}

.newxq-tuijian-button {
	margin-top: 10px
}

.newxq-tuijian-button a {
	display: inline-block;
	font-size: 14px;
	color: #9b9b9b;
	border: 1px solid #9b9b9b;
	border-radius: 2px;
	padding: 5px 13px;
	margin-right: 10px;
	margin-top: 10px;
	background: #fff
}

.newxq-tuijian-button a:hover {
	color: #fff;
	background: #ce2620;
	border-color: #ce2620
}

.newxq-tuijian2 {
	background: #f7f7f7;
	padding: 30px 20px 0;
	margin-bottom: 20px
}

.newxq-tuijian2 ul {}

.newxq-tuijian2 li {
	padding: 15px 0;
	border-bottom: 1px dashed #d8d8d8
}

.newxq-tuijian2 li:last-child {
	border: none
}

.newxq-tuijian2 li a {
	display: block
}

.newxq-tj-img {
	float: right;
	width: 38%
}

.newxq-tj-img img {
	width: 100%
}

.newxq-tj-txt {
	float: left;
	width: 56%
}

.newxq-tj-txt h3 {
	font-size: 14px;
	line-height: 22px;
	color: #4a4a4a;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.newxq-tj-txt span {
	display: block;
	font-size: 14px;
	color: #888;
	margin-top: 12px;
	background: url(../images/newxq-time.png)no-repeat center left;
	padding-left: 24px
}

.newxq-share {
	background: #f7f7f7;
	padding: 25px 32px 15px
}

.newxq-share span {
	display: block;
	font-size: 20px;
	color: #111;
	font-weight: bold
}

.newxq-share a {
	display: inline-block !important;
	background: none !important;
	font-size: 18px !important;
	width: 32px !important;
	height: 32px !important;
	line-height: 31px !important;
	text-align: center;
	border-radius: 50% !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	color: rgba(255, 255, 255, 1) !important;
	transition: ease .5s !important;
	padding-left: 0 !important;
	text-decoration: none !important;
	margin-right: 15px !important;
	margin-bottom: 10px !important
}

.newxq-share a:last-child {
	margin-right: 0 !important
}

.newxq-share a.icon-weibo {
	background: #da3c3c !important
}

.newxq-share a.icon-weixin {
	background: #21ba41 !important
}

.newxq-share a.icon-qq {
	background: #3e91ee !important
}

.newxq-share a.icon-kongjian {
	background: #f4c50b !important
}

.newxq-share .bshare-custom {
	margin-top: 20px
}

@media(max-width:1025px) {
	.newxq-tj-txt {
		float: none;
		width: 100%;
		margin-top: 10px
	}
	.newxq-tj-img {
		float: none;
		width: 100%
	}
	.newxq-share {
		padding: 20px 15px
	}
}

@media(max-width:767px) {
	.new-xq {
		padding: 40px 0
	}
	.newxq-left {
		float: none;
		width: 100%
	}
	.newxq-right {
		float: none;
		width: 100%
	}
	.newxq-tit {
		font-size: 24px
	}
	.newxq-des {
		font-size: 14px;
		line-height: 22px
	}
	.newxq-time {
		font-size: 14px;
		line-height: 22px;
		margin-top: 10px
	}
	.newxq-artic {
		font-size: 14px;
		line-height: 22px
	}
	.newxq-artic p img {
		margin: 15px 0
	}
	.newxq-page h3 {
		font-size: 16px
	}
	.newxq-page h5 {
		font-size: 14px;
		line-height: 22px
	}
	.newxq-page span {
		font-size: 14px;
		line-height: 22px;
		margin-top: 5px
	}
	.newxq-page {
		padding: 15px;
		margin-bottom: 0;
		margin-top: 20px
	}
	.newxq-tuijian1 {
		margin: 20px 0;
		padding: 15px
	}
	.newxq-tuijian-tit {
		font-size: 18px
	}
	.newxq-tuijian-button a {
		padding: 5px 8px
	}
	.newxq-tuijian-button {
		margin-top: 5px
	}
	.newxq-tuijian2 ul {
		margin-top: 10px
	}
	.newxq-share span {
		font-size: 18px
	}
	.newxq-share {
		padding: 15px
	}
	.newxq-share .bshare-custom {
		margin-top: 10px
	}
}

.case {
	padding: 72px 0 70px
}

.case-li {
	position: relative
}

.case-li .swiper-slide a {
	display: block;
	text-align: center
}

.case-li .swiper-slide span {
	display: block;
	font-size: 24px;
	color: #333;
	margin-top: 25px
}

.case-li .swiper-slide.on span {
	color: #fabd00;
	font-weight: bold
}

.case-icon {
	width: 70px;
	height: 69px;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}

.case-icon img {
	width: 100%;
	position: absolute;
	transition: ease .5s
}

.case-icon1 {
	top: 0;
	left: 0
}

.case-icon2 {
	top: 100%;
	left: 0
}

.case-li .swiper-slide:hover .case-icon1 {
	top: 100%
}

.case-li .swiper-slide:hover .case-icon2 {
	top: 0
}

.case-li .swiper-button-prev,
.case-li .swiper-button-next {
	width: 18px;
	height: 34px;
	background-size: cover !important
}

.case-li .swiper-button-prev {
	background: url(../images/case-left.png)no-repeat center left;
	left: -18px
}

.case-li .swiper-button-next {
	background: url(../images/case-right.png)no-repeat center right;
	right: -18px
}

.case-list {
	margin-top: 39px
}

.case-list .college2-page {
	display: none
}

.case-list1 {
	margin-bottom: 40px
}

.case-list1.none {
	display: none
}

.case-list1 li {
	text-align: center;
	overflow: hidden
}

.case-img {
	overflow: hidden
}

.case-img img {
	width: 100%;
	transition: ease .5s
}

.case-list1 li:hover .case-img img {
	transform: scale(1.04)
}

.case-list li h5 {
	font-size: 20px;
	line-height: 26px;
	color: #333;
	margin-top: 20px
}

.columns {
	position: relative;
	z-index: 1;
	top: 0;
	width: 100%
}

.columns .item {
	display: none;
	overflow: hidden
}

@media(max-width:1250px) {
	.case-li {
		padding: 0 25px
	}
	.case-li .swiper-button-next {
		right: 0
	}
	.case-li .swiper-button-prev {
		left: 0
	}
}

@media(max-width:767px) {
	.case-icon {
		width: 50px;
		height: 50px
	}
	.case-li .swiper-slide span {
		font-size: 16px;
		margin-top: 10px
	}
	.case-li .swiper-button-prev,
	.case-li .swiper-button-next {
		width: 12px
	}
	.case {
		padding: 40px 0
	}
	.case-list {
		margin-top: 10px
	}
	.case-list li h5 {
		font-size: 16px;
		margin-top: 10px
	}
	.case-list1 {
		margin-bottom: 10px
	}
}

@media(max-width:640px) {
	.case-icon {
		width: 40px;
		height: 40px
	}
	.case-li .swiper-slide span {
		font-size: 15px
	}
}



@media(max-width:1025px) {
	.contact-button a {
		font-size: 18px;
		padding: 8px 15px
	}
}

@media(max-width:767px) {
	.contact-button a {
		font-size: 14px;
		padding: 5px 10px
	}
	.contact-button {
		position: static;
		background: rgb(0, 0, 0, 1)
	}
	.contact {
		padding: 40px 0
	}
}

.qual-lbannertxt {
	padding: 125px 0 115px
}

.qual-bannertxt {
	font-size: 23px;
	color: #fff;
	height: 70px
}

.qual-bannertxt span {
	font-size: 70px;
	font-family: "mon-b";
	line-height: 70px
}

.quality {}

.quality-con {}

.quality-tit {
	font-size: 46px;
	color: #111;
	text-align: center
}

.quality-des {
	font-size: 20px;
	line-height: 26px;
	color: #666;
	text-align: center;
	margin-top: 13px
}

.quality-one {
	padding-top: 60px
}

.quality-one-cont {
	margin-top: 60px
}

.quality-one-cont ul {}

.quality-one-cont li {
	float: left;
	width: 20%;
	text-align: center;
	padding-top: 35px;
	margin-bottom: 80px
}

.quality-one-icon {
	width: 132px;
	height: 132px;
	line-height: 132px;
	position: relative;
	text-align: center;
	margin: 0 auto
}

.quality-one-icon::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #000;
	transition: ease .5s;
	left: 0;
	top: 0;
	z-index: 5
}

.quality-one-cont li:hover .quality-one-icon::before {
	background: #ce2620;
	transform: rotateY(180deg)
}

.quality-one-icon span {
	display: block;
	position: absolute;
	font-size: 100px;
	color: #e8e8e8;
	font-family: "mon-r";
	right: -25%;
	top: -43%
}

.quality-one-icon img {
	width: 79px;
	height: 79px;
	position: relative;
	z-index: 6
}

.quality-one-cont li h4 {
	font-size: 20px;
	line-height: 26px;
	color: #666;
	margin-top: 20px
}

.quality-two {
	padding-bottom: 80px
}

.quality-two-cont {
	position: relative;
	margin-top: 40px
}

.quality-two .swiper-slide {
	text-align: center;
	position: relative
}

.quality-two .swiper-slide img {
	width: 100%
}

.quality-two .swiper-slide h3 {
	position: absolute;
	font-size: 18px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	width: 100%;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	padding: 17px 0
}

.quality-two .swiper-button-next,
.quality-two .swiper-button-prev {
	width: 18px;
	height: 34px;
	background-size: cover
}

.quality-two .swiper-button-next {
	background: url(../images/qual-right.png)no-repeat center right;
	right: -80px
}

.quality-two .swiper-button-prev {
	background: url(../images/qual-left.png)no-repeat center left;
	left: -80px
}

@media(max-width:1560px) {
	.quality-two-cont {
		padding: 0 60px
	}
	.quality-two .swiper-button-next {
		right: 0
	}
	.quality-two .swiper-button-prev {
		left: 0
	}
}

.quality-three {
	background: #f6f6f6;
	padding: 71px 0 20px
}

.quality-three-cont {
	margin-top: 76px
}

.quality-three-cont ul {}

.quality-three-cont li {
	margin-bottom: 60px
}

.quality-three-img {
	width: 54.16%;
	float: left
}

.quality-three-img img {
	width: 100%
}

.quality-three-txt {
	width: 400px;
	float: left;
	background: url(../images/qual3-ba.png)no-repeat left top 68px;
	padding-left: 135px;
	margin-top: 60px
}

.quality-three-tit {
	font-size: 26px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	background: #000;
	padding: 47px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.quality-three-des {
	border: 1px solid #000;
	background: #fff;
	padding: 30px 25px 40px
}

.quality-three-des p {
	font-size: 16px;
	line-height: 28px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden
}

.quality-three-cont li.quality3-rightli .quality-three-img {
	float: right
}

.quality-three-cont li.quality3-rightli .quality-three-txt {
	background: url(../images/qual3-ba.png)no-repeat right top 68px;
	padding-right: 135px;
	padding-left: 0;
	float: right
}

@media(max-width:1025px) {
	.quality-one-cont li {
		width: 25%
	}
	.quality-three-txt {
		margin-top: 10px
	}
	.quality-three-tit {
		padding: 15px 0
	}
	.quality-three-des {
		padding: 20px 25px
	}
	.quality-three-txt {
		width: 50%
	}
	.quality-three-img {
		width: 50%
	}
}

@media(max-width:767px) {
	.quality-three-txt {
		padding-left: 80px
	}
	.quality-three-cont li.quality3-rightli .quality-three-txt {
		padding-right: 80px
	}
	.qual-bannertxt span {
		font-size: 40px;
		line-height: 40px
	}
	.qual-bannertxt {
		font-size: 22px
	}
	.quality-tit {
		font-size: 26px
	}
	.quality-des {
		font-size: 14px;
		line-height: 22px;
		margin-top: 3px
	}
	.quality-one-cont {
		margin-top: 20px
	}
	.quality-one-cont li {
		width: 50%;
		padding-top: 20px;
		margin-bottom: 20px
	}
	.quality-one-cont li h4 {
		font-size: 16px
	}
	.quality-one-icon {
		width: 90px;
		height: 90px;
		line-height: 90px
	}
	.quality-one-icon img {
		width: 50px;
		height: 50px
	}
	.quality-one-icon span {
		font-size: 50px
	}
	.quality-two-cont {
		margin-top: 20px;
		padding: 0 30px
	}
	.quality-one {
		padding-top: 40px
	}
	.quality-two {
		padding: 20px 0 40px
	}
	.quality-two .swiper-slide h3 {
		font-size: 16px;
		padding: 8px 0
	}
	.quality-two .swiper-button-next,
	.quality-two .swiper-button-prev {
		width: 10px
	}
	.quality-three-cont ul {
		padding: 0 15px
	}
	.quality-three-img {
		float: none;
		width: 100%
	}
	.quality-three-txt {
		width: 100%;
		float: none;
		background: none;
		padding: 0 !important
	}
	.quality-three-cont li {
		margin-bottom: 20px
	}
	.quality-three-tit {
		font-size: 16px;
		line-height: 26px
	}
	.quality-three-des p {
		font-size: 14px;
		line-height: 22px
	}
	.quality-three-des {
		padding: 10px 15px
	}
	.quality-three {
		padding: 40px 0 20px
	}
	.quality-three-cont {
		margin-top: 20px
	}
}

.product {
	background: #f3f3f3;
	padding: 20px 0 80px
}

.product-search {
	background: #fff
}

.product-search .index-searinput {}

.product-leftmenu {
	float: left;
	width: 18.57%;
	background: #000;
	padding: 30px 0
}

.product-leftmenu-tit {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	position: relative;
	padding: 0 24px 5px;
	margin-bottom: 28px
}

.product-leftmenu-tit::before {
	position: absolute;
	content: "";
	width: 60px;
	height: 2px;
	background: #fff;
	left: 24px;
	bottom: 0
}

.product-leftmenu-app {
	display: none
}

.product-first {
	padding: 0 24px
}

.product-first.active {
	padding: 0
}

.product-first-tit {
	padding: 11px 0
}

.product-first.active .product-first-tit {
	padding: 11px 24px;
	background: #ce2620
}

.product-first-tit a {
	font-size: 20px;
	color: #a7a7a7;
	display: block;
	height: 100%;
	float: left;
	max-width: 80%
}

.product-first.active .product-first-tit a,
.product-first.active .product-first-tit i {
	color: #fff
}

.product-first-tit i {
	color: #a7a7a7;
	display: inline-block;
	font-size: 14px;
	float: right;
	transition: ease .5s;
	line-height: 30px
}

.product-first-tit.on i {
	transform: rotate(90deg)
}

.product-second {
	display: none;
	padding-bottom: 20px
}

.product-second a {
	display: block;
	font-size: 16px;
	color: rgba(255, 255, 255, .7);
	padding: 5px 0 5px 40px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	line-height: 36px
}

.product-con {
	float: right;
	width: 78.57%
}

.product-con ul {
	margin: 0 -10px 20px
}

.product-con li {
	float: left;
	width: 50%;
	padding: 0 10px;
	margin-bottom: 20px
}

.product-con li a {
	display: block;
	width: 100%;
	background: #fff;
	padding-top: 50px;
	position: relative;
	transition: ease .5s;
	overflow: hidden
}

.product-con li:hover a::before {
	top: 0
}

.product-img {
	width: 220px;
	height: 220px;
	margin: 0px auto 50px;
	overflow: hidden
}

.product-img img {
	width: 100%;
	transition: ease .5s
}

.product-con li:hover .product-img img {
	transform: scale(1.04)
}

.product-txt {
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	color: #111;
	width: 100%;
	transition: ease .5s;
	border-top: 1px solid #f8f8f8;
	padding: 18px 0 19px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.product-con li:hover .product-txt {
	background: #ce2620;
	color: #fff;
	border-color: #ce2620
}

.product-menu {
	background: #000;
	position: relative;
	display: none;
	margin-bottom: 20px
}

.product-menu-more {
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: #ce2620;
	font-weight: bold;
	text-align: right;
	background: #f3f3f3;
	padding-bottom: 5px
}

.product-menu .swiper-slide {
	text-align: center
}

.product-menu li {
	position: relative;
	overflow: visible
}

.product-menu i {
	color: #fff;
	margin-left: 5px;
	display: inline-block;
	font-weight: bold
}

.product-menu .swiper-slide {
	position: relative;
	transition: ease .5s;
	overflow: hidden
}

.product-menu .swiper-slide a {
	display: inline-block;
	font-size: 20px;
	color: #fff;
	position: relative;
	transition: ease .5s;
	padding: 23px 0;
	width: 100%
}

.product-menu .swiper-slide.on::before,
.product-menu .swiper-slide:hover::before {
	width: 100%
}

.product-menu .swiper-slide.on a,
.product-menu .swiper-slide:hover a {
	color: #fff;
	font-weight: bold
}

.product-menu .swiper-slide:first-child a {
	font-size: 30px;
	font-weight: bold;
	padding: 16px 0
}

.product-menu .swiper-slide.on i,
.product-menu .swiper-slide:hover i {
	color: #fff
}

.product-menu .swiper-button-prev {
	background: url(../images/pro-left.png)no-repeat center left;
	left: 0px
}

.product-menu .swiper-button-next {
	background: url(../images/pro-right.png)no-repeat center right;
	right: 0px
}

.product-menu .swiper-button-prev,
.product-menu .swiper-button-next {
	width: 16px;
	height: 29px;
	top: 58%;
	display: none;
	background-size: cover !important
}

.product-menu>div {
	position: relative
}

.product-menu-li {
	display: none;
	padding: 10px 20px 20px;
	margin-bottom: 20px;
	background: #fff
}

.product-menu-li.on {
	display: block
}

.produmenu-hover {
	display: none
}

.product-menu-li a {
	display: inline-block;
	font-size: 14px;
	color: #9b9b9b;
	border: 1px solid #9b9b9b;
	border-radius: 2px;
	padding: 5px 13px;
	margin-right: 10px;
	margin-top: 10px;
	background: #fff
}

.product-menu-li a:last-child {
	margin-right: 0
}

@media(max-width:1025px) {
	.produmenu-hover,
	.product-menu {
		display: block
	}
	.product-leftmenu {
		display: none
	}
	.product-con {
		float: none;
		width: 100%
	}
	.product-img {
		width: 180px;
		height: 180px
	}
}

@media(max-width:767px) {
	.product-menu .swiper-slide:first-child a {
		font-size: 18px;
		padding: 11px 0 10px
	}
	.product-menu .swiper-slide a {
		font-size: 16px;
		padding: 12px 0 11px
	}
	.product-menu-li {
		padding: 10px
	}
	.product-menu-li a {
		font-size: 14px;
		line-height: 22px
	}
	.product-con li {
		padding: 0 5px;
		margin-bottom: 10px
	}
	.product-con li a {
		padding-top: 20px
	}
	.product-img {
		width: 75%;
		height: auto;
		margin: 0px auto 20px
	}
	.product-txt {
		font-size: 16px;
		padding: 10px 0
	}
	.product {
		padding: 20px 0 40px
	}
	.product-menu .swiper-button-prev,
	.product-menu .swiper-button-next {
		width: 12px;
		height: 24px;
		top: 68%
	}
	.product-search .index-keywords {
		display: none
	}
	.product-search .index-searinput {
		margin-top: 0
	}
}

.product-xq {}

.productxq-one {
	padding: 90px 0 78px
}

.productxq-tit {
	font-size: 26px;
	color: #000;
	font-weight: bold;
	position: relative;
	padding-left: 14px
}

.productxq-tit::before {
	position: absolute;
	content: "";
	width: 4px;
	height: 25px;
	background: #ce2620;
	top: 7px;
	left: 0px
}

.proi-left {
	float: left;
	width: 45%;
	padding-left: 21.5%
}

.proi-right {
	float: right;
	width: 54%;
	padding-right: 20%;
	padding-left: 110px
}

.productxq-one-tit {
	padding-top: 5px
}

.productxq-one-tit h2 {
	font-size: 39px;
	color: #333;
	margin-bottom: 12px
}

.productxq-one-tit span {
	display: block;
	font-size: 16px;
	color: #666
}

.productxq-one-tit .home-viewmo {
	margin: 31px 0 0
}

.jqzoom {
	background: white;
	position: relative;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.jqzoom img {
	width: 100%;
	height: 100%
}

.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 368px;
	height: 368px;
	background: #ffffff;
	display: none;
	text-align: center;
	overflow: hidden
}

.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #aaa;
	background: #ffffff;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50)
}

.spec-preview {
	width: 100%
}

.spec-scroll {
	width: 100%;
	position: relative;
	margin-top: 50px;
	margin-right: -15px
}

.spec-scroll .prev {
	left: -30px;
	text-align: left
}

.spec-scroll .next {
	right: -30px;
	text-align: right
}

.spec-scroll .prev,
.spec-scroll .next {
	opacity: 0;
	z-index: 3;
	font-weight: bold;
	position: absolute;
	top: 0;
	width: 28px;
	height: 101px;
	cursor: pointer;
	line-height: 100px;
	font-size: 20px;
	color: #999
}

.proi-right:hover .spec-scroll .prev,
.proi-right:hover .spec-scroll .next {
	opacity: 1
}

.spec-scroll .prev:hover,
.spec-scroll .next:hover {
	color: #000
}

.spec-scroll .items {
	width: 100%;
	height: 101px;
	overflow: hidden;
	position: relative
}

.spec-scroll .items ul {
	overflow: hidden;
	margin: 0 auto;
	position: absolute
}

.spec-scroll .items ul li {
	width: 101px;
	height: 101px;
	margin-right: 16px;
	float: left;
	padding: 5px;
	border: 1px solid #e5e5e5
}

.spec-scroll .items ul li img {
	width: 100%;
	height: 100%;
	background: white
}

.spec-scroll .items ul li p {
	color: #333;
	font-size: 16px;
	text-align: center;
	margin-bottom: 0px
}

.pir-swiper {
	display: none;
	position: relative;
	background: white;
	padding-bottom: 30px
}

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

.pir-swiper .swiper-pagination {
	bottom: 0px;
	width: 100%
}

.pir-swiper .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #cecece;
	opacity: 1;
	margin: 0 5px !important
}

.pir-swiper .swiper-pagination-bullet-active {
	background: #000
}

.productxq-two {
	background: #f3f3f3;
	padding: 50px 0 80px
}

.productxq-two table {
	width: 100%;
	background: #fff
}

.proxq-two-canshu {
	margin-bottom: 30px
}

.proxq-two-canshu a {
	display: inline-block;
	margin-right: 80px
}

.proxq-two-canshu a:last-child {
	margin-right: 0
}

.proxq-two-canshu .productxq-tit {
	padding-left: 0;
	position: static;
	color: #999
}

.proxq-two-canshu .productxq-tit.on {
	padding-left: 14px;
	position: relative;
	color: #000
}

.proxq-two-cont1.none {
	display: none
}

.productxq2-tit {
	font-size: 20px
}

.productxq-two td {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	border: 1px solid #e9e9e9;
	padding: 10px;
	text-align: center
}

.productxq-two tr:first-child {
	background: #000;
	width: 100%
}

.productxq-two th {
	color: #fff;
	background: #000;
	font-weight: normal;
	padding: 12px 0
}

.productxq-two .home-viewmo {
	background: #ce2620 url(../images/proxq-phone.png)no-repeat center left 40px;
	font-size: 20px;
	padding: 9px 40px 9px 80px;
	margin-top: 40px
}

.productxq-two .home-viewmo:hover {
	background-color: #000;
	border-color: #000
}

.productxq-two .home-viewmo span {
	display: inline-block;
	font-family: "brand";
	font-size: 26px
}

.productxq-three {
	padding: 74px 0 44px
}

.productxq-three-con {
	margin-top: 30px
}

.productxq-three-con ul {
	margin: 0 -10px
}

.productxq-three-con li {
	float: left;
	width: 50%;
	padding: 0 10px
}

.productxq-three-con li a {
	display: block;
	width: 100%;
	text-align: center
}

.productxq-three-img {
	overflow: hidden
}

.productxq-three-img img {
	width: 100%;
	transition: ease .5s
}

.productxq-three-con li:hover .productxq-three-img img {
	transform: scale(1.05)
}

.productxq-three-txt {
	font-size: 20px;
	line-height: 26px;
	color: #333;
	width: 100%;
	text-align: center;
	padding: 22px 0
}

.productxq-four {
	background: #f3f3f3;
	padding: 60px 0 80px
}

@media(max-width:1440px) {
	.proi-right {
		padding-right: 15%
	}
}

@media(max-width:1250px) {
	.proi-right {
		padding-right: 12%
	}
}

@media(max-width:1170px) {
	.proi-right {
		padding-right: 7%
	}
}

@media(max-width:1025px) {
	.proi-left {
		padding-left: 5%
	}
	.proi-right {
		padding: 0 40px
	}
	.spec-scroll .items ul li {
		margin-right: 6px
	}
}

@media(max-width:767px) {
	.pir-swiper {
		display: block
	}
	.proi-left {
		display: none
	}
	.productxq-one {
		padding: 40px 0
	}
	.proi-right {
		float: none;
		width: 100%;
		padding: 0
	}
	.spec-scroll {
		display: none
	}
	.pir-pic img {
		width: 60%;
		margin: 0 auto;
		display: block
	}
	.productxq-one-tit h2 {
		font-size: 24px
	}
	.productxq-one-tit span {
		font-size: 14px
	}
	.productxq-one-tit .home-viewmo {
		margin: 20px auto 0
	}
	.productxq-one-tit {
		padding: 0;
		margin-top: 20px;
		text-align: center
	}
	.productxq-two .home-viewmo {
		margin-top: 20px;
		font-size: 16px;
		padding: 5px 20px 5px 50px;
		background: #ce2620 url(../images/proxq-phone.png)no-repeat center left 20px;
		background-size: 20px 20px
	}
	.productxq-two .home-viewmo span {
		font-size: 18px
	}
	.productxq-two {
		padding: 40px 0
	}
	.productxq-tit {
		font-size: 18px
	}
	.proxq-two-canshu a {
		margin-right: 40px
	}
	.proxq-two-canshu {
		margin-bottom: 20px
	}
	.productxq2-tit {
		font-size: 16px
	}
	.productxq-two td {
		font-size: 14px;
		line-height: 22px
	}
	.productxq-three,
	.productxq-four {
		padding: 40px 0
	}
	.productxq-three-txt {
		font-size: 16px;
		padding: 10px 0
	}
	.productxq-three-con li {
		padding: 0 5px
	}
	.productxq-three-con ul {
		margin: 0 -5px
	}
	.productxq-three-con {
		margin-top: 20px
	}
	.productxq-tit::before {
		height: 20px;
		top: 4px
	}
}

.about {
	padding: 80px 0 0
}

.about-tit {
	font-size: 46px;
	color: #111;
	text-align: center
}

.about-tit span {
	display: inline-block;
	color: #ce2620
}

.about-one {
	padding-bottom: 70px
}

.about-one .about-tit {
	text-align: left;
	margin-bottom: 18px
}

.about-one-top {
	background-size: 50% 100% !important;
	position: relative;
	padding: 53px 0 90px
}

.about-one-top::before {
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	left: 0;
	top: 0;
	background: #fff
}

.about1-top-con {
	float: left;
	width: 50%;
	position: relative;
	padding-right: 7%
}

.about1-top-des {
	font-size: 16px;
	color: #666;
	line-height: 32px;
	max-height: 380px
}

.about1-hide-p {
	display: none
}

.about1-top-hide a {
	display: block
}

.abbanner-click-a a {
	display: block;
	font-size: 16px;
	margin-top: 32px
}

.abbanner-click-a a.abouta-shou {
	display: none
}

.abbanner-click-a.su .abouta-shou {
	display: block
}

.abbanner-click-a.su .abouta-zk {
	display: none
}

.abbanner-click-a.zk .abouta-zk {
	display: block
}

.abbanner-click a i {
	display: inline-block;
	padding-left: 10px;
	margin-top: 5px
}


.about-one-top-appimg{
/*	background: url(images/bg.jpg);*/
    height: 467px;
    width: 700px;
    float: right;
}



.about-one-bottom {
	margin-top: 90px
}

.about-two {}

.about-two ul {}

.about-two li {
	float: left;
	width: 33.33%;
	text-align: center;
	position: relative;
	overflow: hidden
}

.about-two li::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(249, 190, 0, 0.8);
	top: 0;
	left: -100%;
	transition: ease .5s
}

.about-two li:hover::before {
	left: 0
}

.about-two li img {
	width: 100%
}

.about2-txt {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.about2-txt>div {}

.about2-tit {
	font-size: 36px;
	color: #fff;
	margin-bottom: 42px
}

.about2-des {
	font-size: 20px;
	line-height: 36px;
	color: #fff;
	width: 58%;
	margin: 0 auto
}

.about-three {
	padding: 80px 0 90px
}

.about-three>div {
	position: relative
}

.about-three-swip {
	width: 100%
}

.about3-txt {}

.about3-txt h3 {
	font-size: 20px;
	line-height: 28px;
	color: #333;
	position: relative;
	display: inline-block;
	padding-right: 90px;
	margin-bottom: 8px
}

.about3-txt h3::before {
	position: absolute;
	content: "";
	width: 68px;
	height: 1px;
	background: #838383;
	right: 0;
	top: 14px
}

.about3-txt h4 {
	font-size: 16px;
	line-height: 28px;
	color: #a0a0a0
}

.about3-img {
	overflow: hidden;
	display: block
}

.about3-img img {
	max-width: 100%
}

.about-three .about-tit {
	float: left;
	padding-top: 25px
}

.about-three .swiper-container {}

.about-three .gallery-top .swiper-slide {}

.about-three .gallery-top .swiper-slide-active {
	opacity: 1
}

.about-three .swiper-button-next,
.about-three .swiper-button-prev {
	width: 52px;
	height: 52px;
	background-size: cover !important;
	transition: ease .5s;
	background-repeat: no-repeat;
	top: 76.2%;
	left: 0
}

.about-three .swiper-button-next {
	background-image: url("images/about3-right.png");
	left: 75px
}

.about-three .swiper-button-prev {
	background-image: url(images/about3-left.png)
}

.about-three .swiper-button-next:hover {
	background-image: url(images/about3-right1.png)
}

.about-three .swiper-button-prev:hover {
	background-image: url(images/about3-left1.png)
}

.about-three .gallery-top {
	float: right;
	width: 60.5%
}

.about-three .gallery-thumbs {
	float: left;
	width: 39.5%;
	position: absolute;
	left: 0;
	height: 100%;
	padding-top: 10.2%;
	top: 0
}

.about-four {
	background-size: cover !important;
	padding-top: 80px;
	height: 667px
}

.abt-thumbs {}

.abt-thumbs .time-line {
	height: 120px;
	position: relative
}

.abt-thumbs .dot {
	padding: 0px;
	width: 7px;
	height: 7px;
	background: #a0a0a0;
	border-radius: 50%;
	position: absolute;
	top: 75px;
	left: 0px;
	opacity: 1;
	transition: all .3s
}

.abt-thumbs .swiper-slide-active .dot {
	width: 20px;
	height: 20px;
	background: #f9c10b;
	top: 68px
}

.abt-thumbs .daty {
	font-size: 36px;
	line-height: 48px;
	position: absolute;
	color: #ccc;
	font-family: "mon-b";
	top: 0;
	left: 42px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10
}

.abt-thumbs .swiper-slide-active .daty {
	color: #333;
	font-size:40px;
	left: 76px
}

.abt-thumbs .swiper-slide {
	float: left;
	cursor: pointer
}

.about4-txt {
	font-size: 18px;
	line-height: 30px;
	color: #666;
	width: 50%
}

.about-four-con {
	position: relative;
	margin-top: 58px
}

.about-four-con::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background: #dfdfdf;
	left: 0;
	top: 27%
}

.about-fiv {
	padding: 60px 0 80px
}

.anchor {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 15px 0;
	z-index: 490;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
	text-align: center;
	display: none
}

.anchor li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px
}

.anchor li a {
	display: block;
	padding: 0 26px;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	color: #333;
	border: 1px solid #dfdfdf;
	border-radius: 20px;
	transition: all .3s
}

.anchor li.on a,
.anchor li a:hover {
	color: #ce2620;
	border-color: #ce2620
}

@media(max-width:1440px) {
	.about-four-con::before {
		top: 27%
	}
	.about1-top-des {
		max-height: 220px
	}
	.about-one-top {
		padding: 53px 0 50px
	}
	.about4-txt {
		width: 70%
	}
}

@media(max-width:1170px) {
	.about-one-top {
		padding: 30px 0 45px
	}
	.about1-top-des {
		max-height: 160px
	}
	.about-four {
		padding: 80px 0 150px;
		height: auto
	}
}

@media(max-width:1025px) {
	.about-three .gallery-thumbs {
		padding-top: 14%
	}
	.about2-des {
		width: 70%;
		font-size: 18px;
		line-height: 30px
	}
	.about2-tit {
		font-size: 28px;
		margin-bottom: 22px
	}
}

@media(max-width:767px) {
	.anchor {
		display: none !important
	}
	.about {
		padding: 40px 0 0
	}
	.about-one .about-tit {
		margin-bottom: 5px
	}
	.about-tit {
		font-size: 26px
	}
	.about1-top-con {
		float: none;
		width: 100%;
		padding-right: 0;
		padding-top: 20px
	}
	.about1-top-des {
		max-height: none;
		padding: 0;
		font-size: 14px;
		line-height: 25px
	}
	.about-one-bottom {
		margin-top: 20px
	}
	.about-one {
		padding-bottom: 40px
	}
	.about-two li {
		float: none;
		width: 100%
	}
	.about2-tit {
		font-size: 20px;
		margin-bottom: 20px
	}
	.about2-des {
		font-size: 14px;
		line-height: 25px;
		width: 65%
	}
	.about-three .gallery-thumbs {
		position: static;
		width: 100%;
		padding-top: 20px
	}
	.about-three .gallery-top {
		float: none;
		width: 100%
	}
	.about-three .about-tit {
		padding: 0;
		margin-bottom: 20px
	}
	.about-three-swip {
		margin-top: 20px
	}
	.about3-txt {
		text-align: center;
		width: 68%;
		margin: 0 auto
	}
	.about3-txt h3 {
		font-size: 16px;
		padding: 0;
		margin-bottom: 3px
	}
	.about3-txt h3::before {
		display: none
	}
	.about3-txt h4 {
		font-size: 14px;
		line-height: 22px
	}
	.about-three {
		padding: 40px 0
	}
	.about-three .swiper-button-next,
	.about-three .swiper-button-prev {
		width: 36px;
		height: 36px;
		top: auto;
		bottom: 3%
	}
	.about-three .swiper-button-next {
		left: auto;
		right: 15px
	}
	.about-three .swiper-button-prev {
		left: 15px
	}
	.about-four {
		height: auto;
		padding: 40px 0
	}
	.abt-thumbs {
		padding: 0
	}
	.about-four-con {
		padding: 0 10px;
		margin-top: 20px
	}
	.abt-thumbs .daty {
		font-size: 24px;
		line-height: 34px;
		left: 32px
	}
	.abt-thumbs .swiper-slide-active .daty {
		font-size: 30px;
		left: 40px
	}
	.abt-thumbs .swiper-slide-active .dot {
		width: 12px;
		height: 12px;
		top: 45px
	}
	.abt-thumbs .dot {
		top: 48px
	}
	.abt-thumbs .time-line {
		height: 80px
	}
	.about4-txt {
		font-size: 15px;
		line-height: 28px;
		width: 70%
	}
	.about-four-con::before {
		top: 27%
	}
	.about-fiv {
		padding: 40px 0
	}
	.about-one-top {
		padding: 0
	}
	.about3-img {
		text-align: center
	}
}

.case .college2-page a,
.new .college2-page a {
	background: #f5f5f5
}

.case .college2-page a:hover,
.case .college2-page a.on,
.new .college2-page a:hover,
.new .college2-page a.on {
	background: #000
}

.appsecond-nav {
	position: relative;
	display: none;
	z-index: 200
}

.bot {
	position: absolute;
	top: 48px;
	background: #fff;
	z-index: 10
}

.se-bot {
	width: 100%;
	display: none
}

.se-top {
	height: 48px;
	line-height: 48px;
	border-bottom: solid 1px #d8d8d8;
	position: relative
}

.se-top1 {
	background: #fff
}

.se-top .se-a {
	color: #444;
	font-size: 16px;
	display: block;
	padding: 0px 20px
}

.se-tig.P_tig {
	font-size: 16px;
	color: #333;
	text-align: center;
	transition: all .5s;
	line-height: 48px;
	width: 48px;
	height: 48px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

.se-btop {
	height: 48px;
	line-height: 48px
}

.se-a1 {
	color: #444;
	font-size: 16px;
	padding: 0px 20px;
	display: block
}

.se-a1.hover {
	color: #fff;
	background: #ce2620;
	border-bottom: solid 1px #fff
}

.se-tig.P_tig.open {
	transform: rotateZ(90deg);
	opacity: 1
}

.se-bottom {
	display: none;
	background: white
}

.se-bottom a {
	display: block;
	font-size: 14px;
	color: #888;
	border-bottom: 1px solid #eee;
	padding: 10px 30px
}

.se-bottom a.on {
	font-weight: bold
}

.se-btop.active .se-tig.P_tig {
	color: #fff
}

.se-btop.active .se-a1 {
	background: #ce2620;
	color: #fff;
	border-bottom: 1px solid #fff
}

@media(max-width:767px) {
	.appsecond-nav {
		display: block
	}
	.product-menu,
	.produmenu-hover {
		display: none
	}
	.lmenu {
		display: none
	}
}

@media(max-width:640px) {
	.lappbanner {
		display: block
	}
	.lbanner {
		background: none !important;
		height: auto;
		position: relative
	}
	.lbanner-cont {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0
	}
	.lbanner-txt {
		padding: 130px 0 100px
	}
	.qual-lbannertxt {
		padding: 120px 0 70px
	}
	.lbanner-bread {
		font-size: 14px
	}
	.qual-bannertxt {
		height: auto
	}
}

@media(max-width:375px) {
	.lbanner-txt {
		padding: 120px 0 85px
	}
	.qual-lbannertxt {
		padding: 105px 0 60px
	}
}

@media(max-width:360px) {
	.lbanner-txt {
		padding: 115px 0 80px
	}
	.qual-lbannertxt {
		padding: 95px 0 60px
	}
}

@media(max-width:320px) {
	.lbanner-txt {
		padding: 105px 0 60px
	}
	.qual-lbannertxt {
		padding: 85px 0 40px
	}
}



.dropdown-menu.single {
	width: 300px;
	left: 50%;
	transform: translateX(-50%)
}

.navitem:hover .dropdown-menu {
	opacity: 1;
	display: block;
	visibility: visible
}

.dropdown-menu ul {
	padding: 50px 0
}

.dropdown-menu li {
	float: left;
	padding: 0 80px 0 0;
	min-height: 245px;
	width: 28%
}

.dropdown-menu li.dropdown-img {
	width: 31.2%;
	padding: 0 60px 0 0
}

.dropdown-img1 {
	width: 100%
}

.dropdown-img1 img {
	width: 100%
}

.dropdown-menu li:first-child {
	padding-left: 0
}

.dropdown-tit {
	display: block;
	margin-bottom: 6px;
	font-size: 24px;
	color: #242e38;
	line-height: 40px;
	font-family: 'semi'
}

.dropdown-dec {
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 28px;
	padding: 0 10px 5px 0px;
	margin-bottom: 35px;
	border-bottom: 1px solid rgba(211, 211, 211, 0.15);
	position: relative
}

.dropdown-dec::before {
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	background: #ce2620;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	transition: ease .5s
}

.dropdown-dec:hover::before {
	width: 100%
}

.dropdown-dec:hover i {
	color: #ce2620
}

.dropdown-dec i {
	font-size: 12px;
	color: #aeaeae;
	font-weight: bold;
	float: right
}

.dropdown-menu li a:last-child {
	margin-bottom: 0
}

.dropdown-menu li a:hover {
	color: #ce2620;
	font-weight: bold
}

@media (max-width:1460px) {
	.dropdown-dec {
		font-size: 17px;
		margin-bottom: 25px
	}
	.dropdown-menu li {
		min-height: 210px
	}
}

@media (max-width:1170px) {
	.dropdown-dec {
		font-size: 16px;
		margin-bottom: 20px
	}
	.dropdown-menu li {
		min-height: 210px;
		padding: 0 40px 0 0;
		min-height: 190px
	}
	.dropdown-menu li.dropdown-img {
		padding: 0 40px 0 0
	}
}

.tc-box {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none !important;
	z-index: 10001;
	background: rgba(0, 0, 0, 0.5)
}

.tc-boxal {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -35px
}

.tc-box.ttop {
	display: block !important
}

.tanchuan {
	width: 800px;
	position: relative;
	margin: 0 auto
}

.tc-close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -50px;
	right: 50px;
	cursor: pointer
}

.tc-close em {
	font-size: 30px;
	color: #fff;
	line-height: 65px;
	margin-left: 25px;
	font-weight: bold
}

.tanchuan-img {}

.tanchuan-img img {
	width: 100%
}

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

.college-two-con .tanchuan-des a {
	position: static !important;
	width: auto;
	display: inline-block;
	border-radius: 30px;
	background: #ce2620;
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	padding: 10px 80px
}

.college-two-con .tanchuan-des a i {
	font-size: 16px;
	margin-left: 10px
}

.tanchuan-des a::before {
	display: none
}

.tanchuan .swiper-button-next,
.tanchuan .swiper-button-prev {
	width: 28px;
	height: 48px;
	background-size: 100% 100%;
	transition: ease .5s
}

.tanchuan .swiper-button-next {
	right: -108px;
	background: url(../images/tanchuan-right.png)no-repeat center right
}

.tanchuan .swiper-button-prev {
	left: -108px;
	background: url(../images/tanchuan-left.png)no-repeat center left
}

.tanchuan .swiper-button-next:hover {
	background-image: url(../images/tanchuan-right1.png)
}

.tanchuan .swiper-button-prev:hover {
	background-image: url(../images/tanchuan-left1.png)
}

.tanchuan .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background: #fff;
	opacity: 1;
	margin: 0 3px
}

.tanchuan .swiper-pagination-bullet-active {
	background: #ce2620
}

.tanchuan .swiper-pagination {
	bottom: 30px
}

.atnone {
	display: none
}

.aton {
	display: block
}

@media (max-width:1460px) {
	.tanchuan {
		width: 600px
	}
}

@media (max-width:992px) {
	.tanchuan {
		width: 500px
	}
}

@media (max-width:767px) {
	.tc-box.ttop {
		display: none !important
	}
}

@media (max-width:640px) {
	.banner-cont {
		background: url(../images/banner-app-ba.png)no-repeat center;
		transform: none;
		bottom: auto;
		top: 15%;
		left: 10%;
		text-align: center;
		background-size: 100% 100%;
		width: 80%
	}
	.banner-cont .banner-more {
		display: none
	}
	.banner-cont>div {
		padding: 20px
	}
	.banner-cont>div::before {
		display: none
	}
	.banner-slogan {
		width: 120px;
		margin: 0 auto
	}
	.banner-slogan img {
		width: 100%
	}
	.banner-sub {
		font-size: 30px;
		line-height: 42px
	}
	.animat-line {
		display: none
	}
	.home-banner .banner-pagination {
		width: 100%;
		left: 0
	}
	.home-banner .swiper-pagination-bullet-active {
		background: #ce2620
	}
	.banner-cont span {
		margin: 15px 0
	}
	.index-search {
		display: none
	}
	.about3-img img {
		max-width: 60%
	}
}

@media (max-width:375px) {
	.banner-cont {
		top: 13%
	}
}

@media (max-width:360px) {
	.banner-cont {
		top: 11%
	}
}

@media (max-width:320px) {
	.banner-slogan {
		font-size: 40px;
		line-height: 40px
	}
	.banner-cont span {
		margin: 15px 0 10px
	}
	.banner-sub {
		font-size: 26px;
		line-height: 38px
	}
	.banner-des {
		font-size: 20px;
		margin-top: 5px
	}
}

a.zz {
	display: none
}

.link a {
	color: #111
}

.link a::after {
	background: #111
}

x
}
.quality-one-cont {
	margin-top: 20px
}
.quality-one-cont li h4 {
	font-size: 16px
}
.quality-one-icon {
	width: 90px;
	height: 90px;
	line-height: 90px
}
.quality-one-icon img {
	width: 50px;
	height: 50px
}
.quality-one-icon span {
	font-size: 50px
}
.quality-two-cont {
	margin-top: 20px;
	padding: 0 30px
}
.quality-one {
	padding-top: 40px
}
.quality-two {
	padding: 20px 0 40px
}
.quality-two .swiper-slide h3 {
	font-size: 16px;
	padding: 8px 0
}
.quality-two .swiper-button-next,
.quality-two .swiper-button-prev {
	width: 10px
}
.quality-three-cont ul {
	padding: 0 15px
}
.quality-three-img {}
.quality-three-txt {}
.quality-three-cont li {
	margin-bottom: 20px
}
.quality-three-tit {
	font-size: 16px;
	line-height: 26px
}
.quality-three-des p {
	font-size: 14px;
	line-height: 22px
}
.quality-three-des {
	padding: 10px 15px
}
.quality-three {
	padding: 40px 0 20px
}
.quality-three-cont {
	margin-top: 20px
}

}
.product {
	background:#f3f3f3;
	padding:20px 0 80px
}
.product-search {
	background:#fff
}
.product-search .index-searinput {}
.product-leftmenu {
	float:left;
	width:18.57%;
	background:#000;
	padding:30px 0
}
.product-leftmenu-tit {
	font-size:30px;
	color:#fff;
	font-weight:bold;
	position:relative;
	padding:0 24px 5px;
	margin-bottom:28px
}
.product-leftmenu-tit::before {
	position:absolute;
	content:"";
	width:60px;
	height:2px;
	background:#fff;
	left:24px;
	bottom:0
}
.product-leftmenu-app {
	display:none
}
.product-first {
	padding:0 24px
}
.product-first.active {
	padding:0
}
.product-first-tit {
	padding:11px 0
}
.product-first.active .product-first-tit {
	padding:11px 24px;
	background:#ce2620
}
.product-first-tit a {
	font-size:20px;
	color:#a7a7a7;
	display:block;
	height:100%;
	float:left;
	max-width:80%
}
.product-first.active .product-first-tit a,
.product-first.active .product-first-tit i {
	color:#fff
}
.product-first-tit i {
	color:#a7a7a7;
	display:inline-block;
	font-size:14px;
	float:right;
	transition:ease .5s;
	line-height:30px
}
.product-first-tit.on i {
	transform:rotate(90deg)
}
.product-second {
	display:none;
	padding-bottom:20px
}
.product-second a {
	display:block;
	font-size:16px;
	color:rgba(255,
	255,
	255,
	.7);
	padding:5px 0 5px 40px;
	border-bottom:1px solid rgba(255,
	255,
	255,
	.2);
	line-height:36px
}
.product-con {
	float:right;
	width:78.57%
}
.product-con ul {
	margin:0 -10px 20px
}
.product-con li {
	float:left;
	width:50%;
	padding:0 10px;
	margin-bottom:20px
}
.product-con li a {
	display:block;
	width:100%;
	background:#fff;
	padding-top:50px;
	position:relative;
	transition:ease .5s;
	overflow:hidden
}
.product-con li:hover a::before {
	top:0
}
.product-img {
	width:220px;
	height:220px;
	margin:0px auto 50px;
	overflow:hidden
}
.product-img img {
	width:100%;
	transition:ease .5s
}
.product-con li:hover .product-img img {
	transform:scale(1.04)
}
.product-txt {
	text-align:center;
	font-size:20px;
	line-height:30px;
	color:#111;
	width:100%;
	transition:ease .5s;
	border-top:1px solid #f8f8f8;
	padding:18px 0 19px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.product-con li:hover .product-txt {
	background:#ce2620;
	color:#fff;
	border-color:#ce2620
}
.product-menu {
	background:#000;
	position:relative;
	display:none;
	margin-bottom:20px
}
.product-menu-more {
	display:block;
	font-size:14px;
	line-height:22px;
	color:#ce2620;
	font-weight:bold;
	text-align:right;
	background:#f3f3f3;
	padding-bottom:5px
}
.product-menu .swiper-slide {
	text-align:center
}
.product-menu li {
	position:relative;
	overflow:visible
}
.product-menu i {
	color:#fff;
	margin-left:5px;
	display:inline-block;
	font-weight:bold
}
.product-menu .swiper-slide {
	position:relative;
	transition:ease .5s;
	overflow:hidden
}
.product-menu .swiper-slide a {
	display:inline-block;
	font-size:20px;
	color:#fff;
	position:relative;
	transition:ease .5s;
	padding:23px 0;
	width:100%
}
.product-menu .swiper-slide.on::before,
.product-menu .swiper-slide:hover::before {
	width:100%
}
.product-menu .swiper-slide.on a,
.product-menu .swiper-slide:hover a {
	color:#fff;
	font-weight:bold
}
.product-menu .swiper-slide:first-child a {
	font-size:30px;
	font-weight:bold;
	padding:16px 0
}
.product-menu .swiper-slide.on i,
.product-menu .swiper-slide:hover i {
	color:#fff
}
.product-menu .swiper-button-prev {
	background:url(../images/pro-left.png)no-repeat center left;
	left:0px
}
.product-menu .swiper-button-next {
	background:url(../images/pro-right.png)no-repeat center right;
	right:0px
}
.product-menu .swiper-button-prev,
.product-menu .swiper-button-next {
	width:16px;
	height:29px;
	top:58%;
	display:none;
	background-size:cover !important
}
.product-menu>div {
	position:relative
}
.product-menu-li {
	display:none;
	padding:10px 20px 20px;
	margin-bottom:20px;
	background:#fff
}
.product-menu-li.on {
	display:block
}
.produmenu-hover {
	display:none
}
.product-menu-li a {
	display:inline-block;
	font-size:14px;
	color:#9b9b9b;
	border:1px solid #9b9b9b;
	border-radius:2px;
	padding:5px 13px;
	margin-right:10px;
	margin-top:10px;
	background:#fff
}
.product-menu-li a:last-child {
	margin-right:0
}
@media(max-width:1025px) {
	.produmenu-hover,
	.product-menu {
		display: block
	}
	.product-leftmenu {
		display: none
	}
	.product-con {
		float: none;
		width: 100%
	}
	.product-img {
		width: 180px;
		height: 180px
	}
}
@media(max-width:767px) {
	.product-menu .swiper-slide:first-child a {
		font-size: 18px;
		padding: 11px 0 10px
	}
	.product-menu .swiper-slide a {
		font-size: 16px;
		padding: 12px 0 11px
	}
	.product-menu-li {
		padding: 10px
	}
	.product-menu-li a {
		font-size: 14px;
		line-height: 22px
	}
	.product-con li {
		padding: 0 5px;
		margin-bottom: 10px
	}
	.product-con li a {
		padding-top: 20px
	}
	.product-img {
		width: 75%;
		height: auto;
		margin: 0px auto 20px
	}
	.product-txt {
		font-size: 16px;
		padding: 10px 0
	}
	.product {
		padding: 20px 0 40px
	}
	.product-menu .swiper-button-prev,
	.product-menu .swiper-button-next {
		width: 12px;
		height: 24px;
		top: 68%
	}
	.product-search .index-keywords {
		display: none
	}
	.product-search .index-searinput {
		margin-top: 0
	}
}
.product-xq {}
.productxq-one {
	padding:90px 0 78px
}
.productxq-tit {
	font-size:26px;
	color:#000;
	font-weight:bold;
	position:relative;
	padding-left:14px
}
.productxq-tit::before {
	position:absolute;
	content:"";
	width:4px;
	height:25px;
	background:#ce2620;
	top:7px;
	left:0px
}
.proi-left {
	float:left;
	width:45%;
	padding-left:21.5%
}
.proi-right {
	float:right;
	width:54%;
	padding-right:20%;
	padding-left:110px
}
.productxq-one-tit {
	padding-top:5px
}
.productxq-one-tit h2 {
	font-size:39px;
	color:#333;
	margin-bottom:12px
}
.productxq-one-tit span {
	display:block;
	font-size:16px;
	color:#666
}
.productxq-one-tit .home-viewmo {
	margin:31px 0 0
}
.jqzoom {
	background:white;
	position:relative;
	padding:0px;
	cursor:pointer;
	margin:0px;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden
}
.jqzoom img {
	width:100%;
	height:100%
}
.zoomdiv {
	z-index:100;
	position:absolute;
	top:0px;
	left:0px;
	width:368px;
	height:368px;
	background:#ffffff;
	display:none;
	text-align:center;
	overflow:hidden
}
.jqZoomPup {
	z-index:10;
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #aaa;
	background:#ffffff;
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(Opacity=50)
}
.spec-preview {
	width:100%
}
.spec-scroll {
	width:100%;
	position:relative;
	margin-top:50px;
	margin-right:-15px
}
.spec-scroll .prev {
	left:-30px;
	text-align:left
}
.spec-scroll .next {
	right:-30px;
	text-align:right
}
.spec-scroll .prev,
.spec-scroll .next {
	opacity:0;
	z-index:3;
	font-weight:bold;
	position:absolute;
	top:0;
	width:28px;
	height:101px;
	cursor:pointer;
	line-height:100px;
	font-size:20px;
	color:#999
}
.proi-right:hover .spec-scroll .prev,
.proi-right:hover .spec-scroll .next {
	opacity:1
}
.spec-scroll .prev:hover,
.spec-scroll .next:hover {
	color:#000
}
.spec-scroll .items {
	width:100%;
	height:101px;
	overflow:hidden;
	position:relative
}
.spec-scroll .items ul {
	overflow:hidden;
	margin:0 auto;
	position:absolute
}
.spec-scroll .items ul li {
	width:101px;
	height:101px;
	margin-right:16px;
	float:left;
	padding:5px;
	border:1px solid #e5e5e5
}
.spec-scroll .items ul li img {
	width:100%;
	height:100%;
	background:white
}
.spec-scroll .items ul li p {
	color:#333;
	font-size:16px;
	text-align:center;
	margin-bottom:0px
}
.pir-swiper {
	display:none;
	position:relative;
	background:white;
	padding-bottom:30px
}
.pir-pic img {
	display:block;
	width:100%
}
.pir-swiper .swiper-pagination {
	bottom:0px;
	width:100%
}
.pir-swiper .swiper-pagination-bullet {
	width:8px;
	height:8px;
	background:#cecece;
	opacity:1;
	margin:0 5px !important
}
.pir-swiper .swiper-pagination-bullet-active {
	background:#000
}
.productxq-two {
	background:#f3f3f3;
	padding:50px 0 80px
}
.productxq-two table {
	width:100%;
	background:#fff
}
.proxq-two-canshu {
	margin-bottom:30px
}
.proxq-two-canshu a {
	display:inline-block;
	margin-right:80px
}
.proxq-two-canshu a:last-child {
	margin-right:0
}
.proxq-two-canshu .productxq-tit {
	padding-left:0;
	position:static;
	color:#999
}
.proxq-two-canshu .productxq-tit.on {
	padding-left:14px;
	position:relative;
	color:#000
}
.proxq-two-cont1.none {
	display:none
}
.productxq2-tit {
	font-size:20px
}
.productxq-two td {
	font-size:16px;
	line-height:30px;
	color:#666;
	border:1px solid #e9e9e9;
	padding:10px;
	text-align:center
}
.productxq-two tr:first-child {
	background:#000;
	width:100%
}
.productxq-two th {
	color:#fff;
	background:#000;
	font-weight:normal;
	padding:12px 0
}
.productxq-two .home-viewmo {
	background:#ce2620 url(../images/proxq-phone.png)no-repeat center left 40px;
	font-size:20px;
	padding:9px 40px 9px 80px;
	margin-top:39px
}
.productxq-two .home-viewmo:hover {
	background-color:#000;
	border-color:#000
}
.productxq-two .home-viewmo span {
	display:inline-block;
	font-family:"brand";
	font-size:26px
}
.productxq-three {
	padding:74px 0 44px
}
.productxq-three-con {
	margin-top:30px
}
.productxq-three-con ul {
	margin:0 -10px
}
.productxq-three-con li {
	float:left;
	width:50%;
	padding:0 10px
}
.productxq-three-con li a {
	display:block;
	width:100%;
	text-align:center
}
.productxq-three-img {
	overflow:hidden
}
.productxq-three-img img {
	width:100%;
	transition:ease .5s
}
.productxq-three-con li:hover .productxq-three-img img {
	transform:scale(1.05)
}
.productxq-three-txt {
	font-size:20px;
	line-height:26px;
	color:#333;
	width:100%;
	text-align:center;
	padding:22px 0
}
.productxq-four {
	background:#f3f3f3;
	padding:60px 0 80px
}
@media(max-width:1440px) {
	.proi-right {
		padding-right: 15%
	}
}
@media(max-width:1250px) {
	.proi-right {
		padding-right: 12%
	}
}
@media(max-width:1170px) {
	.proi-right {
		padding-right: 7%
	}
}
@media(max-width:1025px) {
	.proi-left {
		padding-left: 5%
	}
	.proi-right {
		padding: 0 40px
	}
	.spec-scroll .items ul li {
		margin-right: 6px
	}
}
@media(max-width:767px) {
	.proxq-two-cont img {
		max-width: 100%
	}
	.pir-swiper {
		display: block
	}
	.proi-left {
		display: none
	}
	.productxq-one {
		padding: 40px 0
	}
	.proi-right {
		float: none;
		width: 100%;
		padding: 0
	}
	.spec-scroll {
		display: none
	}
	.pir-pic img {
		width: 60%;
		margin: 0 auto;
		display: block
	}
	.productxq-one-tit h2 {
		font-size: 24px
	}
	.productxq-one-tit span {
		font-size: 14px
	}
	.productxq-one-tit .home-viewmo {
		margin: 20px auto 0
	}
	.productxq-one-tit {
		padding: 0;
		margin-top: 20px;
		text-align: center
	}
	.productxq-two .home-viewmo {
		margin-top: 20px;
		font-size: 16px;
		padding: 5px 20px 5px 50px;
		background: #ce2620 url(../images/proxq-phone.png)no-repeat center left 20px;
		background-size: 20px 20px
	}
	.productxq-two .home-viewmo span {
		font-size: 18px
	}
	.productxq-two {
		padding: 40px 0
	}
	.productxq-tit {
		font-size: 18px
	}
	.proxq-two-canshu a {
		margin-right: 40px
	}
	.proxq-two-canshu {
		margin-bottom: 20px
	}
	.productxq2-tit {
		font-size: 16px
	}
	.productxq-two td {
		font-size: 14px;
		line-height: 22px
	}
	.productxq-three,
	.productxq-four {
		padding: 40px 0
	}
	.productxq-three-txt {
		font-size: 16px;
		padding: 10px 0
	}
	.productxq-three-con li {
		padding: 0 5px
	}
	.productxq-three-con ul {
		margin: 0 -5px
	}
	.productxq-three-con {
		margin-top: 20px
	}
	.productxq-tit::before {
		height: 20px;
		top: 4px
	}
}
.about {
	padding:80px 0 0
}
.about-tit {
	font-size:46px;
	color:#111;
	text-align:center
}
.about-tit span {
	display:inline-block;
	color:#ce2620
}
.about-one {
	padding-bottom:70px
}
.about-one .about-tit {
	text-align:left;
	margin-bottom:18px
}
.about-one-top {
	background-size:50% 100% !important;
	position:relative;
	padding:53px 0 90px
}
.about-one-top::before {
	content:"";
	position:absolute;
	width:50%;
	height:100%;
	left:0;
	top:0;
	background:#fff
}
.about1-top-con {
	float:left;
	width:50%;
	position:relative;
	padding-right:7%
}
.about1-top-des {
	font-size:16px;
	color:#666;
	line-height:32px;
	max-height:380px
}
.about1-hide-p {
	display:none
}
.about1-top-hide a {
	display:block
}
.abbanner-click-a a {
	display:block;
	font-size:16px;
	margin-top:32px
}
.abbanner-click-a a.abouta-shou {
	display:none
}
.abbanner-click-a.su .abouta-shou {
	display:block
}
.abbanner-click-a.su .abouta-zk {
	display:none
}
.abbanner-click-a.zk .abouta-zk {
	display:block
}
.abbanner-click a i {
	display:inline-block;
	padding-left:10px;
	margin-top:5px
}


@media(max-width:767px) {
	.about-one-top-appimg {
		display: block
	}
	.about-one-top {
		background: none !important;
		height: auto
	}
	.about-one-top::before {
		display: none
	}
}
.about-one-bottom {
	margin-top:90px
}
.about-two {}
.about-two ul {}
.about-two li {
	float:left;
	width:33.33%;
	text-align:center;
	position:relative;
	overflow:hidden
}
.about-two li::before {
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	    background: rgba(206, 38, 32, 0.8);
	top:0;
	left:-100%;
	transition:ease .5s
}
.about-two li:hover::before {
	left:0
}
.about-two li img {
	width:100%
}
.about2-txt {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.about2-txt>div {}
.about2-tit {
	font-size:36px;
	color:#fff;
	margin-bottom:42px
}
.about2-des {
	font-size:20px;
	line-height:36px;
	color:#fff;
	width:58%;
	margin:0 auto
}
.about-three {
	padding:80px 0 90px
}
.about-three>div {
	position:relative
}
.about-three-swip {
	width:100%
}
.about3-txt {}
.about3-txt h3 {
	font-size:20px;
	line-height:28px;
	color:#333;
	position:relative;
	display:inline-block;
	padding-right:90px;
	margin-bottom:8px
}
.about3-txt h3::before {
	position:absolute;
	content:"";
	width:68px;
	height:1px;
	background:#838383;
	right:0;
	top:14px
}
.about3-txt h4 {
	font-size:16px;
	line-height:28px;
	color:#a0a0a0
}
.about3-img {
	overflow:hidden;
	display:block
}
.about3-img img {
	max-width:100%
}
.about-three .about-tit {
	float:left;
	padding-top:25px
}
.about-three .swiper-container {}
.about-three .gallery-top .swiper-slide {}
.about-three .gallery-top .swiper-slide-active {
	opacity:1
}
.about-three .swiper-button-next,
.about-three .swiper-button-prev {
	width:52px;
	height:52px;
	background-size:cover !important;
	transition:ease .5s;
	background-repeat:no-repeat;
	top:76.2%;
	left:0
}
.about-three .swiper-button-next {
	background-image:url(images/about3-right.png);
	left:75px
}
.about-three .swiper-button-prev {
	background-image:url(images/about3-left.png)
}
.about-three .swiper-button-next:hover {
	background-image:url(images/about3-right1.png)
}
.about-three .swiper-button-prev:hover {
	background-image:url(images/about3-left1.png)
}
.about-three .gallery-top {
	float:right;
	width:60.5%
}
.about-three .gallery-thumbs {
	float:left;
	width:39.5%;
	position:absolute;
	left:0;
	height:100%;
	padding-top:10.2%;
	top:0
}
.about-four {
	background-size:cover !important;
	padding-top:80px;
	height:667px
}
.abt-thumbs {}
.abt-thumbs .time-line {
	height:120px;
	position:relative
}
.abt-thumbs .dot {
	padding:0px;
	width:7px;
	height:7px;
	background:#a0a0a0;
	border-radius:50%;
	position:absolute;
	top:75px;
	left:0px;
	opacity:1;
	transition:all .3s
}
.abt-thumbs .swiper-slide-active .dot {
	width:20px;
	height:20px;
	background:#f9c10b;
	top:68px
}
.abt-thumbs .daty {
	font-size:36px;
	line-height:48px;
	position:absolute;
	color:#ccc;
	font-family:"mon-b";
	top:0;
	left:42px;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index:10
}
.abt-thumbs .swiper-slide-active .daty {
	color:#333;
	font-size:40px;
	left:76px
}
.abt-thumbs .swiper-slide {
	float:left;
	cursor:pointer
}
.about4-txt {
	font-size:18px;
	line-height:30px;
	color:#666;
	width:50%
}
.about-four-con {
	position:relative;
	margin-top:58px
}
.about-four-con::before {
	position:absolute;
	content:"";
	width:100%;
	height:2px;
	background:#dfdfdf;
	left:0;
	top:27%
}
.about-fiv {
	padding:60px 0 80px
}
.anchor {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:15px 0;
	z-index:490;
	background:#fff;
	box-shadow:0 2px 5px 0 rgba(0,
	0,
	0,
	0.1);
	text-align:center;
	display:none
}
.anchor li {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px
}
.anchor li a {
	display:block;
	padding:0 26px;
	font-size:14px;
	line-height:34px;
	text-align:center;
	color:#333;
	border:1px solid #dfdfdf;
	border-radius:20px;
	transition:all .3s
}
.anchor li.on a,
.anchor li a:hover {
	color:#ce2620;
	border-color:#ce2620
}
@media(max-width:1440px) {
	.about-four-con::before {
		top: 27%
	}
	.about1-top-des {
		max-height: 220px
	}
	.about-one-top {
		padding: 53px 0 50px
	}
	.about4-txt {
		width: 70%
	}
}
@media(max-width:1170px) {
	.about-one-top {
		padding: 30px 0 45px
	}
	.about1-top-des {
		max-height: 160px
	}
	.about-four {
		padding: 80px 0 150px;
		height: auto
	}
}
@media(max-width:1025px) {
	.about-three .gallery-thumbs {
		padding-top: 14%
	}
	.about2-des {
		width: 70%;
		font-size: 18px;
		line-height: 30px
	}
	.about2-tit {
		font-size: 28px;
		margin-bottom: 22px
	}
}
@media(max-width:767px) {
	.anchor {
		display: none !important
	}
	.about {
		padding: 40px 0 0
	}
	.about-one .about-tit {
		margin-bottom: 5px
	}
	.about-tit {
		font-size: 26px
	}
	.about1-top-con {
		float: none;
		width: 100%;
		padding-right: 0;
		padding-top: 20px
	}
	.about1-top-des {
		max-height: none;
		padding: 0;
		font-size: 14px;
		line-height: 25px
	}
	.about-one-bottom {
		margin-top: 20px
	}
	.about-one {
		padding-bottom: 40px
	}
	.about-two li {
		float: none;
		width: 100%
	}
	.about2-tit {
		font-size: 20px;
		margin-bottom: 20px
	}
	.about2-des {
		font-size: 14px;
		line-height: 25px;
		width: 65%
	}
	.about-three .gallery-thumbs {
		position: static;
		width: 100%;
		padding-top: 20px
	}
	.about-three .gallery-top {
		float: none;
		width: 100%
	}
	.about-three .about-tit {
		padding: 0;
		margin-bottom: 20px
	}
	.about-three-swip {
		margin-top: 20px
	}
	.about3-txt {
		text-align: center;
		width: 68%;
		margin: 0 auto
	}
	.about3-txt h3 {
		font-size: 16px;
		padding: 0;
		margin-bottom: 3px
	}
	.about3-txt h3::before {
		display: none
	}
	.about3-txt h4 {
		font-size: 14px;
		line-height: 22px
	}
	.about-three {
		padding: 40px 0
	}
	.about-three .swiper-button-next,
	.about-three .swiper-button-prev {
		width: 36px;
		height: 36px;
		top: auto;
		bottom: 3%
	}
	.about-three .swiper-button-next {
		left: auto;
		right: 15px
	}
	.about-three .swiper-button-prev {
		left: 15px
	}
	.about-four {
		height: auto;
		padding: 40px 0
	}
	.abt-thumbs {
		padding: 0
	}
	.about-four-con {
		padding: 0 10px;
		margin-top: 20px
	}
	.abt-thumbs .daty {
		font-size: 24px;
		line-height: 34px;
		left: 32px
	}
	.abt-thumbs .swiper-slide-active .daty {
		font-size: 30px;
		left: 40px
	}
	.abt-thumbs .swiper-slide-active .dot {
		width: 12px;
		height: 12px;
		top: 45px
	}
	.abt-thumbs .dot {
		top: 48px
	}
	.abt-thumbs .time-line {
		height: 80px
	}
	.about4-txt {
		font-size: 15px;
		line-height: 28px;
		width: 70%
	}
	.about-four-con::before {
		top: 27%
	}
	.about-fiv {
		padding: 40px 0
	}
	.about-one-top {
		padding: 0
	}
	.about3-img {
		text-align: center
	}
}
.case .college2-page a,
.new .college2-page a {
	background:#f5f5f5
}
.case .college2-page a:hover,
.case .college2-page a.on,
.new .college2-page a:hover,
.new .college2-page a.on {
	background:#000
}
.appsecond-nav {
	position:relative;
	display:none;
	z-index:200
}
.bot {
	position:absolute;
	top:48px;
	background:#fff;
	z-index:10
}
.se-bot {
	width:100%;
	display:none
}
.se-top {
	height:48px;
	line-height:48px;
	border-bottom:solid 1px #d8d8d8;
	position:relative
}
.se-top1 {
	background:#fff
}
.se-top .se-a {
	color:#444;
	font-size:16px;
	display:block;
	padding:0px 20px
}
.se-tig.P_tig {
	font-size:16px;
	color:#333;
	text-align:center;
	transition:all .5s;
	line-height:48px;
	width:48px;
	height:48px;
	position:absolute;
	right:0;
	top:0;
	z-index:2
}
.se-btop {
	height:48px;
	line-height:48px
}
.se-a1 {
	color:#444;
	font-size:16px;
	padding:0px 20px;
	display:block
}
.se-a1.hover {
	color:#fff;
	background:#ce2620;
	border-bottom:solid 1px #fff
}
.se-tig.P_tig.open {
	transform:rotateZ(90deg);
	opacity:1
}
.se-bottom {
	display:none;
	background:white
}
.se-bottom a {
	display:block;
	font-size:14px;
	color:#888;
	border-bottom:1px solid #eee;
	padding:10px 30px
}
.se-bottom a.on {
	font-weight:bold
}
.se-btop.active .se-tig.P_tig {
	color:#fff
}
.se-btop.active .se-a1 {
	background:#ce2620;
	color:#fff;
	border-bottom:1px solid #fff
}
@media(max-width:767px) {
	.appsecond-nav {
		display: block
	}
	.product-menu,
	.produmenu-hover {
		display: none
	}
	.lmenu {
		display: none
	}
}
@media(max-width:640px) {
	.lappbanner {
		display: block
	}
	.lbanner {
		background: none !important;
		height: auto;
		position: relative
	}
	.lbanner-cont {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0
	}
	.lbanner-txt {
		padding: 60px 0 100px
	}
	.qual-lbannertxt {
		padding: 120px 0 70px
	}
	.lbanner-bread {
		font-size: 14px
	}
	.qual-bannertxt {
		height: auto
	}
}
@media(max-width:375px) {
	.lbanner-txt {
		padding: 58px 0 85px
	}
	.qual-lbannertxt {
		padding: 105px 0 60px
	}
}
@media(max-width:360px) {
	.lbanner-txt {
		padding: 115px 0 80px
	}
	.qual-lbannertxt {
		padding: 95px 0 60px
	}
}
@media(max-width:320px) {
	.lbanner-txt {
		padding: 56px 0 60px
	}
	.qual-lbannertxt {
		padding: 85px 0 40px
	}
}
/*.dropdown-menu {
	position:absolute;
	
	z-index:1100;
	background:rgba(0,
	0,
	0,
	0.75);
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
	height:auto;
	display:none;
	overflow:hidden;
	width:100%;
	
	margin-top:0;
	-ms-box-shadow:0 2px 2px 0 rgba(0,
	0,
	0,
	.05);
	-o-box-shadow:0 2px 2px 0 rgba(0,
	0,
	0,
	.05);
	-webkit-box-shadow:0 2px 2px 0 rgba(0,
	0,
	0,
	.05);
	box-shadow:0 2px 2px 0 rgba(0,
	0,
	0,
	.05)
}*/
.dropdown-menu.single {
	width:300px;
	left:50%;
	transform:translateX(-50%)
}
.navitem:hover .dropdown-menu {
	opacity:1;
	display:block;
	visibility:visible
}
.dropdown-menu ul {
	padding:50px 0
}
.dropdown-menu li {
	float:left;
	padding:0 80px 0 0;
	min-height:245px;
	width:28%
}
.dropdown-menu li.dropdown-img {
	width:31.2%;
	padding:0 60px 0 0
}
.dropdown-img1 {
	width:100%
}
.dropdown-img1 img {
	width:100%
}
.dropdown-menu li:first-child {
	padding-left:0
}
.dropdown-tit {
	display:block;
	margin-bottom:6px;
	font-size:24px;
	color:#242e38;
	line-height:40px;
	font-family:'semi'
}
.dropdown-dec {
	display:block;
	font-size:18px;
	color:#fff;
	line-height:28px;
	padding:0 10px 5px 0px;
	margin-bottom:35px;
	border-bottom:1px solid rgba(211,
	211,
	211,
	0.15);
	position:relative
}
.dropdown-dec::before {
	content:"";
	position:absolute;
	width:0;
	height:1px;
	background:#ce2620;
	bottom:-1px;
	left:50%;
	transform:translateX(-50%);
	transition:ease .5s
}
.dropdown-dec:hover::before {
	width:100%
}
.dropdown-dec:hover i {
	color:#ce2620
}
.dropdown-dec i {
	font-size:12px;
	color:#aeaeae;
	font-weight:bold;
	float:right
}
.dropdown-menu li a:last-child {
	margin-bottom:0
}
.dropdown-menu li a:hover {
	color:#ce2620;
	font-weight:bold
}
@media (max-width:1460px) {
	.dropdown-dec {
		font-size: 17px;
		margin-bottom: 25px
	}
	.dropdown-menu li {
		min-height: 210px
	}
}
@media (max-width:1170px) {
	.dropdown-dec {
		font-size: 16px;
		margin-bottom: 20px
	}
	.dropdown-menu li {
		min-height: 210px;
		padding: 0 40px 0 0;
		min-height: 190px
	}
	.dropdown-menu li.dropdown-img {
		padding: 0 40px 0 0
	}
}
.tc-box {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	display:none !important;
	z-index:10001;
	background:rgba(0,
	0,
	0,
	0.5)
}
.tc-boxal {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	margin-top:-35px
}
.tc-box.ttop {
	display:block !important
}
.tanchuan {
	width:800px;
	position:relative;
	margin:0 auto
}
.tc-close {
	width:30px;
	height:30px;
	position:absolute;
	top:-50px;
	right:50px;
	cursor:pointer
}
.tc-close em {
	font-size:30px;
	color:#fff;
	line-height:65px;
	margin-left:25px;
	font-weight:bold
}
.tanchuan-img {}
.tanchuan-img img {
	width:100%
}
.tanchuan-des {
	text-align:center;
	margin-top:30px
}
.college-two-con .tanchuan-des a {
	position:static !important;
	width:auto;
	display:inline-block;
	border-radius:30px;
	background:#ce2620;
	font-size:14px;
	line-height:26px;
	color:#fff;
	padding:10px 80px
}
.college-two-con .tanchuan-des a i {
	font-size:16px;
	margin-left:10px
}
.tanchuan-des a::before {
	display:none
}
.tanchuan .swiper-button-next,
.tanchuan .swiper-button-prev {
	width:28px;
	height:48px;
	background-size:100% 100%;
	transition:ease .5s
}
.tanchuan .swiper-button-next {
	right:-108px;
	background:url(../images/tanchuan-right.png)no-repeat center right
}
.tanchuan .swiper-button-prev {
	left:-108px;
	background:url(../images/tanchuan-left.png)no-repeat center left
}
.tanchuan .swiper-button-next:hover {
	background-image:url(../images/tanchuan-right1.png)
}
.tanchuan .swiper-button-prev:hover {
	background-image:url(../images/tanchuan-left1.png)
}
.tanchuan .swiper-pagination-bullet {
	width:15px;
	height:15px;
	background:#fff;
	opacity:1;
	margin:0 3px
}
.tanchuan .swiper-pagination-bullet-active {
	background:#ce2620
}
.tanchuan .swiper-pagination {
	bottom:30px
}
.atnone {
	display:none
}
.aton {
	display:block
}
@media (max-width:1460px) {
	.tanchuan {
		width: 600px
	}
}
@media (max-width:992px) {
	.tanchuan {
		width: 500px
	}
}
@media (max-width:767px) {
	.tc-box.ttop {
		display: none !important
	}
}
@media (max-width:640px) {
	.banner-cont {
		background: url(../images/banner-app-ba.png)no-repeat center;
		transform: none;
		bottom: auto;
		top: 15%;
		left: 10%;
		text-align: center;
		background-size: 100% 100%;
		width: 80%
	}
	.banner-cont .banner-more {
		display: none
	}
	.banner-cont>div {
		padding: 20px
	}
	.banner-cont>div::before {
		display: none
	}
	.banner-slogan {
		width: 120px;
		margin: 0 auto
	}
	.banner-slogan img {
		width: 100%
	}
	.banner-sub {
		font-size: 30px;
		line-height: 42px
	}
	.animat-line {
		display: none
	}
	.home-banner .banner-pagination {
		width: 100%;
		left: 0
	}
	.home-banner .swiper-pagination-bullet-active {
		background: #ce2620
	}
	.banner-cont span {
		margin: 15px 0
	}
	.index-search {
		display: none
	}
	.about3-img img {
		max-width: 60%
	}
}
@media (max-width:375px) {
	.banner-cont {
		top: 13%
	}
}
@media (max-width:360px) {
	.banner-cont {
		top: 11%
	}
}
@media (max-width:320px) {
	.banner-slogan {
		font-size: 40px;
		line-height: 40px
	}
	.banner-cont span {
		margin: 15px 0 10px
	}
	.banner-sub {
		font-size: 26px;
		line-height: 38px
	}
	.banner-des {
		font-size: 20px;
		margin-top: 5px
	}
}
a.zz {
	display:none
}
.link a {
	color:rgba(255,
	255,
	255,
	0.5);
	padding-left:5px
}
.link a::after {
	background:#111
}
.news-d {
	text-align:center;
	margin-top:50px
}
.news-a {
	font-size:18px;
	margin:20px;
	border:1px solid #e4e4e4;
	padding:10px;
	color:#333;
	background-color:#fff;
	border-radius:5%
}
.news-a.active {
	color:#ffffff;
	border:1px solid #ce2620;
	background-color:#ce2620
}
#ds-thread #ds-reset .ds-post-button:hover {
	background-color:#ce2620 !important;
	border:0px
}
#ds-reset .ds-gradient-bg,
#ds-thread #ds-reset .ds-textarea-wrapper {
	background:0 0 !important
}
#ds-thread #ds-reset .ds-textarea-wrapper textarea {
	height:110px !important
}
#ds-thread #ds-reset .ds-post-options,
#ds-thread #ds-reset .ds-textarea-wrapper {
	border:1px solid #e5e5e5 !important
}
#ds-thread #ds-reset .ds-post-options {
	height:34px !important
}
#ds-thread #ds-reset .ds-post-options {
	border-top:none !important
}
#ds-thread #ds-reset .ds-post-button {
	box-shadow:none !important;
	font-weight:400 !important;
	font-family:"Microsoft YaHei" !important;
	height:35px !important;
	text-shadow:none !important;
	border-color:#333 !important;
	background:#333 !important;
	color:#fff !important
}
#ds-thread #ds-reset .ds-add-emote {
	padding-left:5px;
	width:28px !important;
	height:28px !important;
	background:url(../images/xqan_65.png) no-repeat !important
}
#ds-reset .ds-weixin {
	background:url(../images/weix_03.jpg) no-repeat center !important
}
#ds-reset .ds-weibo {
	background:url(../images/xqan_38.png) no-repeat center !important
}
#ds-reset .ds-qq {
	background:url(../images/xqan_44.png) no-repeat center !important
}
#ds-reset .ds-renren {
	background:url(../images/xqan_42.png) no-repeat center !important
}
#ds-thread #ds-reset a {
	color:transparent !important;
	padding:0 0 0 5px !important;
	width:30px !important;
	height:28px !important
}
#ds-thread #ds-reset .ds-login-buttons .ds-service-list li {
	width:30px !important
}
#ds-thread #ds-reset .ds-login-buttons p {
	margin:5px 0 !important
}
#ds-thread #ds-reset .ds-login-buttons .ds-service-list li:last-child a {
	color:#999 !important;
	line-height:30px !important;
	width:100px !important
}
#ds-thread #ds-reset .ds-login-buttons .ds-service-list li:last-child {
	width:100px !important
}
#ds-thread #ds-reset .ds-login-buttons p {
	color:#999 !important
}
#ds-thread #ds-reset .ds-replybox {
	padding:0 0 0 123px !important
}
#ds-thread #ds-reset .ds-replybox .ds-avatar img {
	width:80px !important;
	height:80px !important
}
.ds-thread {
	max-width:100%
}
#propinglun {
	padding:20px 55px
}
#ds-thread #ds-reset .ds-textarea-wrapper textarea {
	background:#fff
}
.guanj {
	min-height:30px;
	position:relative;
	padding-left:60px;
	margin-top:30px
}
.guanj span {
	position:absolute;
	top:5px;
	left:0;
	display:inline-block;
	font-size:13px;
	font-weight:700;
	color:#777;
	height:13px;
	line-height:20px
}
.guanj a {
	height:23px;
	font-size:13px;
	padding:0 6px;
	line-height:23px;
	display:inline-block;
	background-color:#949494;
	color:#fff
}
@media (max-width:767px) {
	#propinglun {
		padding: 0px 20px
	}
	.news-a {
		margin: 0 5px;
		font-size: 14px
	}
	.news-d {
		margin-top: 30px
	}
}
* {
	moz-user-select:-moz-none;
	-moz-user-select:none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none
}