@charset "UTF-8";

.container,.index-container,.wrap{padding-right:15px;padding-left:15px;margin:0 auto}
@media (min-width:768px) {
	.wrap,.container {
		width: 750px
	}
}

@media (min-width:992px) {
	.wrap,.container,.head_main,.index-container,.foot-main {
		width: 1100px
	}
}

@media (min-width:1260px) {
	.wrap,.container,.head_main,.index-container,.foot-main {
		width: 1280px
	}
}

@media (min-width:1460px) {
	.container,.head_main,.index-container {
		width: 1430px
	}
}

.navbar {
	float: left
}

.navbar * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.category-item {
	float: left
}

.category-item.active .category-a,.category-item:hover .category-a {
	color: #fff;
	background: #11298B
}

.category-item-single .category-a {
	color: white
}

.category-a {
	padding: 0 50px;
	display: block;
	font-size: 18px;
	line-height: 50px;
	color: #fff;
	position: relative;
	transition: ease .5s
}
/* .category-a::before{position:absolute;content:"";width:0;height:100%;top:0;left:50%;transform:translateX(-50%);background:#11298B}
*/.category-item.active .category-a::before,.category-item:hover .category-a::before {
	width: 100%
}

.category-a.on,.category-a:hover {
}

.category-a::after {
	content: '';
	width: 1px;
	height: 15px;
	background: #444444;
	position: absolute;
	top: 17.5px;
	right: 0
}

.category-a.on::after,.category-a:hover::after {
}

.category-item:first-child .category-a {
/*padding-left:0;*/
}

.category-item:last-child .category-a::after {
	display: none
}

.dropdown-menu.single {
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
	z-index: 1100;
	background: rgba(255,255,255,1);
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: max-height .5s;
	-o-transition: max-height .5s;
	transition: max-height .5s;
	border: none;
	color: #303233;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	height: auto;
	padding: 0;
	display: block;
	width: 100%;
	display: none
}

.dropdown-menu.single ul {
/*padding:0px 0;*/
}

.category-item:hover .dropdown-menu.single {
	max-height: 450px;
	opacity: 1;
	padding: 40px 0 !important;
	display: block
}

.dropdown-menu.single ul {
/* padding:0px 0;*/
}

.dropdown-menu.single li {
	display: inline-block;
	width: auto;
	float: left;
	margin-right: 20px;
	width: 17.14%;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: relative
}

.dropdown-menu.single li:last-child {
	margin-right: 0
}
/* .dropdown-menu.single li:last-child{border-bottom:0}
*/.dropdown-menu.single li > a {
	padding: 8px 20px;
	display: block;
	font-size: 16px;
	color: #666;
	line-height: 30px;
	white-space: nowrap;
	width: 100%;
	height: auto;
	background: 0 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.dropdown-menu.single li > a i {
	opacity: 0;
	float: right
}

.dropdown-menu.single li > a.on i {
	opacity: 1
}

.dropdown-menu.single li > a:hover {
	color: #11298b
}

.dropdown-menu.single li.dropdown-menu-img {
	width: auto
}

.dropdown-menu-img1 {
}

.dropdown-menu-img1 img {
	max-width: 100%;
	max-height: 180px
}

.dropdown-menu.single li > a.on {
	background: #f3f3f3
}

.category-item:hover .dropdown-menu.single {
	max-height: 450px;
	opacity: 1;
	padding: 0px 0;
	display: block
}
/* .header_in{position:relative}
*/.search {
	float: right;
	line-height: 50px;
	color: white;
	font-size: 20px
}

.search-wrap {
	position: absolute;
	left: 25%;
	top: 0;
	width: 50%;
	height: 100%;
	z-index: -1;
	opacity: 0
}

.searchopen .search-wrap {
	z-index: 10;
	opacity: 1
}

.search-frame {
	position: relative;
	height: 50px
}

.searchopen .search-frame {
	-webkit-animation: searchform-fade 600ms both;
	animation: searchform-fade 600ms both
}

.searchopen .search-frame form {
	-webkit-animation: searchform-slide 1s both;
	animation: searchform-slide 1s both
}

.searchtext-btn {
	color: #fff;
	font-size: 14px;
	line-height: 50px;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 50px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	background: url(../images/search.png) no-repeat center
}

.searchtext-btn:hover {
	color: #ffba00
}

.search-frame form {
	position: relative
}

.search-input {
	margin-right: 100px;
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.search-wrap input {
	font-size: 16px;
	line-height: 50px;
	color: #fff;
	width: 100%;
	border: none;
	outline: none;
	min-height: 50px;
}

.search-close {
	width: 50px;
	height: 50px;
	font-size: 20px;
	color: #fff;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0px;
	opacity: 0
}

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

.searchshow .navbar,.searchshow .search {
	-webkit-animation: item-searchshow .6s both;
	animation: item-searchshow .6s both
}

.searchopen .navbar,.searchopen .search {
	visibility: hidden
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.48) no-repeat;
	display: none;
	z-index: 400
}

@-webkit-keyframes searchform-fade {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.67,0,0.33,1);
		animation-timing-function: cubic-bezier(0.67,0,0.33,1)
	}

	100% {
		opacity: 1
	}
}

@keyframes searchform-fade {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.67,0,0.33,1);
		animation-timing-function: cubic-bezier(0.67,0,0.33,1)
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes searchform-slide {
	0% {
		-webkit-transform: translate3d(100px,0,0);
		transform: translate3d(100px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.11393,0.8644,0.14684,1);
		animation-timing-function: cubic-bezier(0.11393,0.8644,0.14684,1)
	}

	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes searchform-slide {
	0% {
		-webkit-transform: translate3d(100px,0,0);
		transform: translate3d(100px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.11393,0.8644,0.14684,1);
		animation-timing-function: cubic-bezier(0.11393,0.8644,0.14684,1)
	}

	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@-webkit-keyframes item-searchshow {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-animation-timing-function: cubic-bezier(0.2727,0.0986,0.8333,1);
		animation-timing-function: cubic-bezier(0.2727,0.0986,0.8333,1)
	}

	40% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.7);
		transform: scale(0.7)
	}
}

@keyframes item-searchshow {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-animation-timing-function: cubic-bezier(0.2727,0.0986,0.8333,1);
		animation-timing-function: cubic-bezier(0.2727,0.0986,0.8333,1)
	}

	40% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.3);
		transform: scale(0.3)
	}
}/*app-头部*/.header-app {
	background: white;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	z-index: 500;
	-webkit-transition: background .44s .2s cubic-bezier(0.52,0.16,0.24,1),height .56s cubic-bezier(0.52,0.16,0.24,1);
	-o-transition: background .44s .2s cubic-bezier(0.52,0.16,0.24,1),height .56s cubic-bezier(0.52,0.16,0.24,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;
	-webkit-transition: background .36s cubic-bezier(0.32,0.08,0.24,1),height .56s cubic-bezier(0.52,0.16,0.24,1);
	-o-transition: background .36s cubic-bezier(0.32,0.08,0.24,1),height .56s cubic-bezier(0.52,0.16,0.24,1);
	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;
	-webkit-box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);
	box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);
	height: 60px;
	text-align: center
}

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

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

.navbar-togger {
	float: right;
	background: transparent;
	border: none;
	padding: 22px 15px;
	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: #11298b;
	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: 60px;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 620;
	padding: 20px 15px;
	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 #cfcfcf;
	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;
	color: #444
}

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

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

.category-cont a.active {
	color: #11298b
}

.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: #11298b
}

.category-cont {
	display: none
}

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

.category-pad {
	padding: 0 15px
}

.category-cont a {
	line-height: 40px;
	border-bottom: 1px solid #cfcfcf;
	display: block;
	color: #666
}

.category-pad a.active {
	color: #11298b
}

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

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

.alert-top {
	height: 60px;
	background: #fff;
	padding: 10px 15px;
	border-bottom: solid 1px rgba(0,0,0,0.1)
}

.alert-top .text {
	border-radius: 0px;
	height: 40px;
	background: none;
	border: solid 1px rgba(0,0,0,0.1);
	width: 80%;
	float: left;
	color: #666;
	padding: 0 10px
}

.alert-top .search {
	background: url(../images/search-app.png) no-repeat center;
	width: 10%;
	height: 40px;
	float: left
}

.alert-top span {
	opacity: 1;
	line-height: 40px;
	color: #666;
	float: right;
	font-size: 30px !important;
	position: static;
	width: 10%;
	text-align: center
}

.banner {
}

.banner img {
	display: block;
	width: 100%
}

.banner img.app-banner {
	display: none
}

.banner-font {
	position: absolute;
	width: 100%;
	left: 0;
	top: 100px
}

.banner-font h3 {
	opacity: 0;
	transform: translateY(-20px);
	transition: all 1s .5s
}

.banner-font h3 img {
	width: auto
}

.banner-font h4 {
	margin-bottom: 10px;
	opacity: 0;
	transform: translateY(-20px);
	transition: all 1s .7s;
	font-size: 50px;
	color: #fff;
	line-height: 60px;
	font-weight: bold
}

.banner-font h4 span {
	font-weight: 100;
	font-size: 50px
}

.banner-font h5 {
	font-size: 20px;
	opacity: 0;
	transform: translateY(-20px);
	color: #fff;
	line-height: 35px;
	margin-bottom: 60px;
	transition: all 1s .7s;
	letter-spacing: 7px
}
.banner-font h5 a{color: #fff;}
.banner-font h5 img{
	width: 20px;
	margin: 0 10px;
	display: inline-block;
}

.banner-line {
	width: 75px;
	height: 2px;
	background: #fff;
	margin: 23px 0 20px;
	opacity: 0;
	transform: translateY(-20px);
	transition: all 1s .5s
}

.banner-font li {
	opacity: 0;
	transform: translateX(-20px);
	float: left;
	margin-right: 60px;
	text-align: center
}

.banner-font li p {
	color: white;
	font-size: 16px;
	line-height: 48px
}

.banner-font li.banner-li1 {
	transition: all 1s 1s
}

.banner-font li.banner-li2 {
	transition: all 1s 1.2s
}

.banner-font li.banner-li3 {
	transition: all 1s 1.4s
}

.banner .swiper-slide-active .banner-more,.banner .swiper-slide-active .banner-font h5,.banner .swiper-slide-active .banner-font h3,.banner .swiper-slide-active .banner-font h4,.banner .swiper-slide-active .banner-line {
	opacity: 1;
	transform: translateY(0)
}

.banner .swiper-slide-active .banner-font li {
	opacity: 1;
	transform: translateX(0)
}

.banner .swiper-slide-active .banner-font li img {
	transition: ease .4s
}

.banner .swiper-slide-active .banner-font li:hover img {
	transform: scale(1.08)
}

.banner .swiper-pagination {
	bottom: 30px !important
}

.banner .swiper-pagination-bullet {
	opacity: 1;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #333;
	margin: 0px 5px !important;
}

.banner .swiper-pagination-bullet-active {
	background: #d70b24
}

.banner .swiper-button-next,.banner .swiper-button-prev {
	color: white;
	width: 55px;
	height: 55px;
/* border-radius:50%;*/
	background: #333333;
	line-height: 55px;
	text-align: center;
	font-size: 30px;
	margin-top: -27.5px
}

.banner .swiper-button-prev {
	left: 50px
}

.banner .swiper-button-next {
	right: 50px
}

.proinfo2-text1 .tit {
	font-weight: bold;
	margin-top: 20px;
}
/*.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background:#0168b7}
*//**/
}

@media (max-width:991px) {
	.banner .swiper-button-next,.banner .swiper-button-prev {
		display: none
	}

	.banner {
		padding-right: 0
	}

	.banner-font h3 {
		font-size: 40px;
		line-height: 40px
	}

	.banner-line {
		width: 50px;
		margin: 12px 0
	}

	.banner-font h4 {
		font-size: 40px;
		line-height: 40px
	}

	.banner-font h5 {
		font-size: 18px;
		line-height: 18px
	}

	.banner-more {
		width: 130px;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
		padding: 0 15px 0 50px;
		background-position: left 15px center;
		margin-top: 30px
	}

	.banner .swiper-pagination-bullet {
		width: 30px
	}

	.banner img.app-banner {
		display: block;
		height: 350px
	}

	.banner img.pc-banner {
		display: none
	}

	.banner .swiper-pagination {
		bottom: 23px !important
	}
}

@media (max-width:767px) {
	.header-app .logo img {
		width: 134px;
		height: 36px
	}

	.footer-left {
		width: 100%;
		float: none
	}

	.footer-right {
		float: none;
		text-align: left;
		margin-top: 20px
	}

	.banner-font h3 img {
		width: 100px
	}

	.banner-font h4 {
		font-size: 24px;
		line-height: 30px
	}

	.banner-font h4 span {
		font-size: 24px
	}

	.banner-font h5 {
		font-size: 16px;
		letter-spacing: 2px;
		margin-bottom: 30px
	}

	.banner-font li {
		margin-right: 30px
	}

	.banner-font li img {
		width: 50px
	}

	.banner-font li p {
		font-size: 14px;
		line-height: 34px
	}

	.banner-font {
		top: 43px
	}
}/*============首页====================*/.index-one {
	padding: 70px 0
}

.index-tit {
	font-size: 34px;
	color: #333;
	line-height: 48px;
	text-align: center
}

.index-dec {
	font-size: 16px;
	color: #666;
	line-height: 36px;
	text-align: center
}

.index-dec span {
	color: #0168b7
}

.index-white {
	color: white
}

.ino-swiper .swiper-slide {
	width: 1200px
}

.ino-swiper .swiper-slide::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	top: 0;
	left: 0
}

.ino-swiper .swiper-slide-active::after {
	display: none
}

.ino-swiper {
	position: relative
}

.ino-but {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.ino-but .index-container {
	height: 100%
}

.ino-ton {
	position: relative;
	height: 100%
}

.ino-ton .swiper-button-prev{left:0;background:url(../images/fa-angle-left.png) no-repeat center;z-index:3;width:100px;text-align:center;color:#b2b2b2;font-size:56px}
.ino-ton .swiper-button-next{right:0;background:url(../images/fa-angle-right.png) no-repeat center;z-index:3;width:100px;text-align:center;color:#b2b2b2;font-size:56px}

.ino-nav {
	padding: 35px 0px 26px;
	text-align: center;
	overflow-x: auto;
	white-space: nowrap
}

.ino-nav a {
	display: block;
	float: left;
	font-size: 20px;
	color: #333;
	line-height: 40px
}

.ino-nav .swiper-pagination-bullet-active a {
	color: #0168b7
}

.ino-nav .ino-page {
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0 55px;
	background: transparent;
	border-radius: 0;
	vertical-align: top;
	opacity: 1
}

.ino-nav .ino-page::after {
	position: absolute;
	content: '';
	width: 1px;
	height: 29px;
	background: #e5e5e5;
	top: 5px;
	right: 0
}

.ino-nav .ino-page:last-child::after {
	display: none
}

.ino-icon {
	width: 40px;
	height: 40px;
	overflow: hidden;
	float: left;
	margin-right: 10px
}

.ino-icon img {
	display: block;
	width: 100%;
	transition: all .5s
}

.ino-nav .swiper-pagination-bullet-active .ino-icon img {
	transform: translateY(-100%)
}

.ino-ton .swiper-button-prev:hover,.ino-ton .swiper-button-next:hover {
	color: #0168b7
}

.ino-list {
	display: block;
	position: relative
}

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

.ino-font {
	opacity: 0;
	transition: all .5s .5s;
	width: 400px;
	position: absolute;
	padding: 65px 45px;
	background: rgba(17,41,139,0.7);
	right: 30px;
	top: 50%;
	transform: translateY(-50%) translateX(20px)
}

.ino-font h3 {
	font-size: 30px;
	color: white;
	line-height: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.ino-font p {
	font-size: 18px;
	color: white;
	line-height: 28px;
	height: 56px;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.ino-font span {
	font-size: 18px;
	color: white;
	line-height: 28px;
	display: block
}

.ino-font::after {
	position: absolute;
	content: '';
	width: 75px;
	height: 2px;
	background: #ff7e00;
	top: 84px;
	left: -46px
}

.ino-swiper .swiper-slide-active .ino-font {
	opacity: 1;
	transform: translateY(-50%) translateX(0px)
}

.ino-more {
	text-align: center;
	margin-top: 40px
}

.ino-more a {
	transition: all .5s;
	display: inline-block;
	width: 210px;
	height: 50px;
	font-size: 16px;
	text-align: center;
	line-height: 48px;
	margin: 0 12px
}

.ino-more1 {
	border: solid 1px #0168b7;
	color: #0168b7
}

.ino-more2 {
	border: solid 1px #eee;
	color: #666;
	background: #eee
}

.ino-more2 i {
	font-size: 20px;
	padding-left: 10px
}

.ino-more2 em {
	font-size: 20px;
	padding-left: 10px
}

.ino-more a:hover {
	color: white;
	background: #0168b7
}

.index-two {
	padding: 75px 0 64px;
	background: #f5f5f5
}

.int-nav {
	padding: 20px 0 15px;
	overflow-x: auto;
	white-space: nowrap;
	text-align: center
}

.index2-menu {
	display: inline-block
}

.int-nav a {
	display: inline-block;
	margin: 0 20px;
	font-size: 18px;
	color: #444;
	line-height: 48px
}

.int-nav a em {
	padding-left: 5px;
	font-size: 20px
}

.int-nav a.on {
	font-weight: bold;
	color: #0168b7
}

.int-big {
	display: none
}

.int-big.on {
	display: block
}

.int-top,.inr-box,.int-bot {
	margin: 0 -8px
}

.int-left,.int-right,.inr-left {
	padding: 0 8px;
	float: left;
	width: 50%
}

.int-list {
	overflow: hidden;
	margin-bottom: 16px;
	display: block;
	width: 100%;
	position: relative
}

.int-list img {
	display: block;
	width: 100%;
	transition: all .5s
}

.inb-right {
	float: right
}

.int-list h3 {
	position: absolute;
	z-index: 3;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 0 30px;
	font-size: 19px;
	color: white;
	line-height: 80px;
	background: url(../images/int-bg.png) no-repeat center;
	background-size: cover
}

.int-list::after {
	transition: all .5s;
	position: absolute;
	content: '';
	width: 100%;
	left: 0;
	bottom: -80px;
	height: 80px;
	background: rgba(102,102,102,.6)
}

.int-list:hover img {
	transform: scale(1.05)
}

.int-list:hover::after {
	bottom: 0
}

.int-list:hover h3 {
	background: none;
/* background-color:#666;*/
}

.index-three {
	padding: 75px 0 64px
}

.ine-box {
	margin: 33px -8px 0
}

.ine-left,.ine-right {
	padding: 0 8px;
	width: 50%;
	float: left
}

.inl-list {
	margin-bottom: 16px;
	display: block;
	overflow: hidden;
	width: 100%;
	background: #eeeeee;
	padding: 21px 60px
}

.inl-pic {
	width: 250px;
	height: 250px;
	overflow: hidden;
	float: left
}

.inl-pic img {
	display: block;
	width: 100%;
	transition: all .5s
}

.inl-font {
	margin-left: 335px;
	padding-top: 40px
}

.inl-font h3 {
	font-size: 20px;
	color: #333;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: ease .5s
}

.inl-list:hover .inl-font h3,.inr-list:hover .inr-font h3 {
	color: #11298B;
	font-weight: bold
}

.inl-font p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 48px;
	margin: 7px 0 26px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.index3-more {
	display: inline-block;
	transition: ease .5s;
	position: relative;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	width: 210px;
	height: 50px
}

.inl-font span {
	text-transform: uppercase;
	position: absolute
}

.in3-mo-bef {
	transform: translate3d(0,0,30px);
	-webkit-transform: translate3d(0,0,30px)
}

.inl-font span:last-child {
	transform: rotateX(90deg) translate3d(0,0,30px);
	-webkit-transform: rotateX(90deg) translate3d(0,0,30px)
}

.inl-font span {
	background: #0168b7;
	text-align: center;
	line-height: 50px;
	display: block;
	width: 210px;
	height: 50px;
	font-size: 16px;
	color: white
}

.inl-font span i {
	font-size: 20px;
	padding-left: 10px
}

.inr-list {
	margin-bottom: 16px;
	display: block;
	overflow: hidden;
	width: 100%;
	background: #eeeeee
}

.inr-pic {
	width: 224px;
	height: 224px;
	overflow: hidden;
	float: left;
	background: #dcdcdc
}

.inr-pic img {
	display: block;
	width: 100%;
	transition: all .5s
}

.inr-font {
	margin-left: 260px;
	padding-top: 40px
}

.inr-font h3 {
	font-size: 22px;
	color: #333;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.inr-font p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 48px;
	margin: 7px 0 26px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.inr-font span {
	line-height: 24px;
	display: block;
	font-size: 16px;
	color: #888
}

.inr-font span i {
	font-size: 20px;
	padding-left: 10px
}

.inr-font span em {
	font-size: 20px;
	padding-left: 10px
}

.inl-list:hover img,.inr-list:hover img {
	transform: scale(1.05)
}

.inr-list:hover .inr-font span {
	color: #0168b7
}

.ine-more {
	font-size: 16px;
	color: #333;
	display: block;
	text-align: center;
	line-height: 120px;
	transition: ease .5s;
	background: url(../images/ine-bg.png) no-repeat center;
	background-size: cover
}

.ine-more:hover {
	color: #11298B
}

.ine-more i {
	font-size: 20px;
	padding-left: 10px
}

.ine-more em {
	font-size: 20px;
	padding-left: 10px
}

.inl-list:hover:hover .index3-more {
	transform: rotateX(-90deg)
}

.index-four {
	padding: 85px 0 60px;
	background: url(../images/inf-bg.jpg) no-repeat center;
	background-size: cover
}

.inf-box {
	margin-top: 90px
}

.inf-left {
	width: 50%;
	float: left
}

.inf-left li {
	width: 50%;
	float: left;
	text-align: center;
	margin-bottom: 60px
}

.inf-left li p {
	font-size: 16px;
	color: white;
	line-height: 30px
}

.inf-left li h3 {
	margin-bottom: 12px;
	font-size: 60px;
	color: white;
	line-height: 70px;
	height: 70px;
	overflow: hidden
}

.inf-left li h3 img {
	transition: ease .5s
}

.inf-left li h3 em {
	display: inline-block;
	font-style: normal
}

.inf-left li:hover h3 img {
	transform: rotateY(180deg)
}

.inf-left li h3 span {
	font-size: 16px
}

.inf-right {
	min-height: 270px;
	width: 50%;
	float: left;
	padding-left: 75px;
	border-left: solid 1px rgba(255,255,255,0.1)
}

.inf-right p {
	font-size: 16px;
	color: white;
	line-height: 32px;
	height: 180px;
	overflow-y: auto
}

.inf-right p::-webkit-scrollbar {
	width: 3px;
	background-color: #fff
}

.inf-right p::-webkit-scrollbar-thumb {
	background-color: #0168b7;
	border-radius: 10px
}

.inf-more {
	margin-top: 44px;
	transition: all .5s;
	display: block;
	width: 210px;
	height: 50px;
	color: white;
	border: solid 1px white;
	text-align: center;
	line-height: 50px;
	font-size: 16px
}

.inf-more em {
	font-size: 20px;
	padding-left: 10px
}

.inf-more:hover {
	background: #0168b7;
	border-color: #0168b7
}

.index-five {
	padding: 75px 0 47px
}

.index-five ul {
	margin: 15px -21px 0
}

.index-five li {
	float: left;
	width: 33.333333%;
	padding: 0 21px
}

.inv-tit {
	border-bottom: solid 1px #e5e5e5;
	overflow: hidden
}

.inv-tit h3 {
	line-height: 50px;
	float: left;
	font-size: 22px;
	color: #333
}

.inv-tit a {
	margin-top: 17px;
	float: right;
	font-size: 16px;
	color: #666;
	line-height: 34px
}

.inv-tit a i {
	font-size: 20px;
	padding-left: 10px
}

.inv-tit a:hover {
	color: #0168b7
}

.inv-pic {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 32px 0 18px
}

.inv-pic img {
	display: block;
	width: 100%;
	transition: all .5s
}

.inp-font {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 14px 20px 10px;
	background: rgba(0,0,0,0.7)
}

.inp-font h3 {
	font-size: 18px;
	color: white;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.inp-font span {
	display: block;
	font-family: arial;
	font-size: 14px;
	color: rgba(255,255,255,0.4);
	line-height: 26px
}

.inv-pic:hover img {
	transform: scale(1.05)
}

.inv-list {
	display: block;
	position: relative
}

.inv-list p {
	font-size: 16px;
	color: #444;
	line-height: 40px;
	margin-right: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.inv-list span {
	font-family: arial;
	font-size: 14px;
	color: #888;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	line-height: 40px
}

.inv-list:hover p,.inv-list:hover span {
	color: #0168b7
}

.inv-box {
	margin-top: 8px
}

.inb-list {
	display: block;
	position: relative;
	padding: 18px 0;
	border-bottom: solid 1px #e5e5e5
}

.inb-list h3 {
	font-size: 18px;
	color: #333;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.inb-list p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 48px;
	margin: 12px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.inb-list span {
	font-family: arial;
	font-size: 14px;
	color: #888;
	display: block;
	line-height: 20px
}

.inb-list:last-child {
	border-bottom: none
}

.inb-list:hover h3 {
	color: #0168b7
}

@media (max-width:1459px) {
	.ino-swiper .swiper-slide {
		width: 1000px
	}

	.int-nav a {
		margin: 0 13px
	}

	.inl-list {
		padding: 21px 40px
	}

	.inl-font {
		margin-left: 280px
	}

	.inb-list p {
		margin: 7px 0
	}

	.inb-list {
		padding: 14px 0
	}
}

@media (max-width:1259px) {
	.ino-swiper .swiper-slide {
		width: 750px
	}

	.ino-font {
		padding: 30px
	}

	.int-nav a {
		font-size: 16px;
		margin: 0 9px
	}

	.int-list h3 {
		padding: 0 20px;
		font-size: 18px
	}

	.inl-list {
		padding: 20px
	}

	.inl-pic {
		width: 200px;
		height: 200px
	}

	.inl-font {
		margin-left: 220px;
		padding-top: 20px
	}

	.inl-font span {
		width: 150px;
		height: 40px;
		line-height: 40px
	}

	.index3-more {
		width: 150px;
		height: 40px
	}

	.inr-pic {
		width: 180px;
		height: 180px
	}

	.inr-font {
		margin-left: 200px;
		padding-top: 30px
	}

	.inr-font p {
		margin-bottom: 10px
	}

	.ine-more {
		line-height: 104px
	}

	.inf-left li p {
		font-size: 16px
	}

	.inf-right {
		padding-left: 45px
	}

	.inf-more {
		width: 150px;
		height: 40px;
		line-height: 40px
	}

	.inp-font h3 {
		font-size: 18px
	}

	.inb-list p {
		height: 24px;
		-webkit-line-clamp: 1
	}

	.banner-font h5 {
		margin-bottom: 30px
	}
}

@media (max-width:1169px) {
	.banner-font {
		top: 50px
	}
}

@media (max-width:991px) {
	.ino-swiper .swiper-slide {
		width: auto
	}

	.ino-nav .ino-page {
		padding: 0 25px
	}

	.ino-nav .ino-page a {
		font-size: 18px
	}

	.index-one {
		padding: 70px 15px
	}

	.ino-ton .swiper-button-prev,.ino-ton .swiper-button-next {
		display: none
	}

	.int-list h3 {
		line-height: 50px
	}

	.int-list::after {
		height: 50px
	}

	.int-left,.int-right {
		width: 100%
	}

	.ine-left,.ine-right {
		width: 100%
	}

	.inf-left,.inf-right {
		float: none;
		width: 100%
	}

	.inf-left li {
		width: 25%
	}

	.inf-right {
		padding-left: 0;
		border-left: none
	}

	.inf-right p {
		height: auto
	}

	.index-five li {
		width: 50%
	}

	.index-five li:last-child {
		width: 100%;
		margin-top: 20px
	}
}

@media (max-width:767px) {
	.index-tit {
		font-size: 26px
	}

	.index-dec {
		font-size: 15px;
		line-height: 24px
	}

	.index-one {
		padding: 30px 15px 45px
	}

	.ino-icon {
		display: none
	}

	.ino-nav {
		padding: 15px 0;
		margin-bottom: 10px
	}

	.ino-nav .ino-page {
		padding: 0 20px
	}

	.ino-nav .ino-page a {
		font-size: 16px;
		line-height: 30px
	}

	.ino-nav .ino-page::after {
		height: 20px
	}

	.ino-font {
		position: static;
		width: 100%;
		transform: translateY(0) translateX(0);
		opacity: 1
	}

	.ino-swiper .swiper-slide-active .ino-font {
		transform: translateY(0) translateX(0)
	}

	.ino-font {
		padding: 10px 15px 25px;
		background: rgba(17,41,139,1)
	}

	.ino-font h3 {
		font-size: 20px
	}

	.ino-font p {
		font-size: 14px;
		height: 44px;
		line-height: 22px
	}

	.ino-font span {
		font-size: 14px;
		line-height: 22px
	}

	.ino-font::after {
		display: none
	}

	.ino-more {
		margin-top: 25px
	}

	.ino-more a {
		width: 135px;
		height: 40px;
		line-height: 38px;
		margin: 0 3px;
		font-size: 14px
	}

	.index-two {
		padding: 35px 15px
	}

	.int-nav {
		padding: 15px 0 10px;
		margin-bottom: 10px
	}

	.int-nav a {
		line-height: 36px
	}

	.int-list h3 {
		font-size: 14px;
		padding: 0 15px;
		line-height: 40px
	}

	.index-three {
		padding: 35px 0 45px
	}

	.ine-box {
		margin-top: 25px
	}

	.inl-list {
		padding: 15px
	}

	.inl-pic {
		width: 120px;
		height: 120px
	}

	.inl-font {
		margin-left: 130px;
		padding-top: 0
	}

	.inl-font h3 {
		font-size: 17px;
		line-height: 26px
	}

	.inl-font p {
		line-height: 22px;
		height: 44px;
		margin-bottom: 13px
	}

	.inl-font span {
		width: auto;
		line-height: 20px;
		font-size: 14px;
		text-align: left;
		background: none;
		color: #888;
		height: auto
	}

	.inl-font span i,.inr-font span i {
		font-size: 17px
	}

	.inr-pic {
		width: 120px;
		height: 120px
	}

	.inr-font {
		margin-left: 135px;
		padding-right: 15px;
		padding-top: 15px
	}

	.inr-font h3 {
		font-size: 17px;
		line-height: 26px
	}

	.inr-font p {
		line-height: 22px;
		height: 22px;
		-webkit-line-clamp: 1
	}

	.inr-font span {
		font-size: 14px
	}

	.index-four {
		padding: 35px 0 45px
	}

	.inf-box {
		margin-top: 25px
	}

	.inf-left li {
		width: 50%;
		margin-bottom: 20px;
		padding: 0 15px
	}

	.inf-left li h3 {
		font-size: 30px;
		height: 40px;
		line-height: 40px
	}

	.inf-left li p {
		font-size: 14px;
		line-height: 22px;
		height: 44px
	}

	.inf-left li h3 img {
		height: 40px;
		width: auto
	}

	.inf-right p {
		font-size: 14px;
		line-height: 22px
	}

	.inf-more {
		width: 135px;
		height: 40px;
		line-height: 38px;
		font-size: 14px;
		margin-top: 25px
	}

	.inf-right {
		min-height: auto
	}

	.index-five {
		padding: 35px 0 25px
	}

	.index-five li {
		float: none;
		width: 100%;
		margin-top: 0px;
		margin-bottom: 10px
	}

	.inv-tit h3 {
		font-size: 20px;
		line-height: 40px
	}

	.inv-tit a {
		font-size: 14px;
		margin-top: 6px
	}

	.inv-pic {
		margin: 25px 0 15px
	}

	.inp-font {
		padding: 10px 15px
	}

	.inp-font h3 {
		font-size: 16px
	}

	.inv-list p {
		font-size: 15px;
		margin-right: 70px;
		line-height: 32px
	}

	.inv-list span {
		line-height: 32px;
		font-size: 12px
	}

	.inb-list {
		padding: 10px 0
	}

	.inb-list h3 {
		font-size: 17px;
		line-height: 26px
	}

	.inb-list p {
		height: 44px;
		font-size: 14px;
		line-height: 22px;
		-webkit-line-clamp: 2
	}

	.inb-list span {
		font-size: 12px
	}

	.index3-more {
		width: 73px;
		height: 20px
	}
}/*  */.kf {
	transition: .8s;
	z-index: 999999;
	background-color: transparent;
	position: fixed;
	top: 60%;
	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;
	background-color: #a7afb9
}

.kf span:hover {
	background-color: #11298B
}

.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:70px;height:70px;top:104%;margin-top:-15px;border-radius:5px 0 0 5px;right:-9px;background:#b5b5b5;border-radius:5px;cursor:pointer;position:absolute;font-size:14px;line-height:24px;color:#fff;transition:ease .5s;text-align:center;padding:22px 0}
*/.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-contact {
	background: #a7afb9 url(../images/kf-ly_03.png)no-repeat center
}

.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: #11298B
}

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

.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: 86px;
	position: absolute;
	top: -45px;
	background: #fff;
	padding: 20px;
	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: 20px;
	text-align: center;
	box-shadow: 0 2px 13px rgba(0,0,0,0.25);
	border-radius: 5px;
	width: 150px;
	font-size: 14px;
	color: #333
}

.kfimgr {
	position: absolute;
	bottom: 23px;
	right: -9px
}
/* .shou{z-index:1000000;cursor:pointer;width:70px;height:70px;top:104%;margin-top:-15px;border-radius:5px 0 0 5px;right:-9px;background:#b5b5b5;border-radius:5px;cursor:pointer;position:absolute;font-size:14px;line-height:24px;color:#fff;transition:ease .5s;text-align:center;padding:22px 0}
*/.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
}

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

.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: #11298b
}

.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
}

@media (max-width:991px) {
	.kf {
		display: none
	}

	.kffixed {
		display: block
	}
}/* inside */.inside-banner {
	position: relative
}

.inside-banner img {
	width: 100%
}

.inside-banner1 {
}

.inside-banner2 {
	display: none
}

.inside-banner-content {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

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

.inside-banner-content > div {
	position: relative;
	height: 100%;
	padding-bottom: 20px
}

.inside-banner-title {
	font-size: 50px;
	color: #fff;
	font-weight: bold
}

.appli-banner-title {
	font-size: 50px;
	color: #fff
}

.din-bold {
	display: inline-block;
	font-size: 63px;
	font-family: 'din-b'
}

.inside-banner-slogan {
	font-size: 20px;
	color: #fff;
	line-height: 48px
}

.lbanner-phone {
	position: relative;
	text-align: center;
	width: 283px;
	height: 96px;
	margin-top: 25px
}

.lbanner-phone:before {
	position: absolute;
	content: "";
	width: 283px;
	height: 96px;
	background: url(../images/lbanner-phone.png)no-repeat center;
	left: 0;
	top: 0
}

.lbanner-phone h4 {
	font-size: 20px;
	color: #fff;
	padding-left: 40px;
	text-align: left;
	padding-top: 5px;
	letter-spacing: 7px
}

.lbanner-phone h3 {
	font-size: 32px;
	color: #fff;
	font-family: 'din-b';
	line-height: 46px
}

.bread {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0;
	color: #fff;
	font-size: 18px
}

.bread a {
	display: inline-block;
	font-size: 16px;
	color: #fff
}

.bread a:first-child {
	background: url(../images/bread-home.png)no-repeat center left;
	padding-left: 30px;
}

.bread a:not(:first-child) {
	background: url(../images/mianbaoxie.png)no-repeat center left;
	padding-left: 35px
}

.bread a i {
	display: inline-block;
	font-family: 'fontaw';
	font-style: normal;
	margin-right: 25px
}

.inside-menu {
	border-bottom: 1px solid #e5e5e5;
	overflow-x: auto;
	white-space: nowrap
}

.inside-menu::-webkit-scrollbar {
	height: 2px;
	background-color: #fff
}

.inside-menu::-webkit-scrollbar-thumb {
	background-color: #0168b7;
	border-radius: 10px
}

.inside-menu a {
	display: inline-block;
	font-size: 18px;
	color: #666;
	transition: ease .5s;
	padding: 20px 26px
}

.inside-menu a:hover,.inside-menu a.on {
	color: #fff;
	background: #11298b
}

em.i-fontaw {
	display: inline-block;
	font-family: 'fontaw';
	font-style: normal
}

i.i-fontaw {
	display: inline-block;
	font-family: 'fontaw';
	font-style: normal
}

.lpage {
	text-align: center
}

.lpage a {
	display: inline-block;
	font-size: 16px;
	color: #333;
	margin: 0 5px;
	font-family: 'monstre';
	transition: ease .5s;
	background: transparent;
	padding: 10px 15px
}

.product .lpage a,.appli .lpage a {
	background: #fff
}

.news .lpage a,.job .lpage a,.service .lpage a {
	background: #f5f5f5
}

.lpage a.page-sl {
	background: transparent
}

.lpage-left {
}

.lpage-right {
}

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

.lpage span {
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-left: 10px
}

.page-choose {
	display: inline-block;
	margin-left: 10px
}

.page-choose input {
	background: #fff;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	width: 40px;
	padding: 5px 10px
}

.news .page-choose input,.job .page-choose input,.service .page-choose input {
	background: #f5f5f5
}

.lpage a.page-true {
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	margin-left: 10px;
	padding: 5px 9px;
	color: #fff;
	background: #11298b
}

.lpage-cs,.lpage-a {
	display: inline-block
}

.lpage-a .fistpage {
	display: none
}

.lpage-a .lastpage {
	display: none
}

@media (max-width:1459px) {
	.appli-banner-title {
		font-size: 38px
	}
}

@media (max-width:991px) {
	.inside-banner-slogan {
		font-size: 18px
	}

	.inside-banner-title,.appli-banner-title {
		font-size: 38px
	}

	.din-bold {
		font-size: 50px
	}

	.lbanner-phone {
		width: 240px;
		height: 80px;
		margin-top: 16px
	}

	.lbanner-phone:before {
		width: 240px;
		height: 80px;
		background-size: 100% 100%
	}

	.lbanner-phone h3 {
		font-size: 24px;
		line-height: 40px
	}

	.lbanner-phone h4 {
		padding-left: 30px;
		letter-spacing: 5px
	}

	.lpage-cs,.lpage-a {
		display: block;
		text-align: center
	}

	.lpage-cs {
		margin-top: 15px
	}
}

@media (max-width:767px) {
	.inside-banner-slogan {
		font-size: 16px;
		line-height: 32px
	}

	.inside-banner-title,.appli-banner-title {
		font-size: 26px
	}

	.din-bold {
		font-size: 42px
	}

	.bread a {
		font-size: 14px;
/* display: none; */
		margin-bottom: 10px;
	}

	.lpage a,.lpage a.page-true,.lpage span,.page-choose input {
		font-size: 14px
	}

	.inside-menu a {
		font-size: 14px;
		padding: 12px 20px
	}

	.lbanner-phone {
		margin-top: 10px;
		width: 230px;
		height: 60px
	}

	.lbanner-phone:before {
		width: 230px;
		height: 60px
	}

	.lbanner-phone h4 {
		font-size: 17px
	}

	.lbanner-phone h3 {
		font-size: 20px;
		line-height: 26px
	}
}

@media (max-width:640px) {
	.inside-banner2 {
		display: block
	}

	.inside-banner1 {
		display: none
	}

	.inside-banner-content {
/* display:none; */
	}

	.inside-banner-content > div {
		padding-bottom: 0px
	}

	.lpage a {
		padding: 6px 10px
	}

	.lpage a.page-true {
		padding: 0 9px
	}

	.page-choose input {
		padding: 2px 10px
	}
}/* ===============news============== */.news {
	padding-top: 60px;
	padding-bottom: 80px
}

.news-left {
	float: left;
	width: 70.7%
}

.news-right {
	float: right;
	width: 21.57%
}

.news-left ul {
	border-bottom: 1px solid #ededed;
	margin-bottom: 40px
}

.news-left li {
	padding: 30px 0
}

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

.news-left li a {
	display: block;
	position: relative;
	height: 100%
}

.news-left-img {
	float: left;
	width: 31.3%;
	overflow: hidden
}

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

.news-left li:hover .news-left-img img {
	transform: scale(1.04)
}

.news-left-text {
	float: right;
	width: 64.6%;
	padding: 38px 0
}

.news-left-time {
	display: inline-block;
	font-size: 14px;
	color: #888
}

.news-left-label {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background: #11298b;
	padding: 2px 12px;
	margin-left: 20px
}

.news-left-title {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	margin-top: 20px;
	transition: ease .5s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.news-left li:hover .news-left-title {
	color: #11298b
}

.news-left-p {
	font-size: 16px;
	color: #666;
	margin-top: 30px;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.news-right-one {
}

.news-right-title {
	font-size: 18px;
	color: #111;
	font-weight: bold
}

.news-right-one-menu {
	margin-top: 20px
}

.news-right-one-menu a {
	display: inline-block;
	font-size: 14px;
	color: #9b9b9b;
	transition: ease .5s;
	border-radius: 3px;
	border: 1px solid #9b9b9b;
	padding: 7px 13px;
	margin-right: 10px;
	margin-bottom: 10px
}

.news-right-one-menu .on {
	color: #11298b;
	border-color: #11298b
}

.news-right-one-menu a:hover {
	color: #11298b;
	border-color: #11298b
}

.news-right-two {
	margin-top: 30px
}

.news-right-two ul {
}

.news-right-two li {
}

.news-right-two li a {
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #f2f2f2
}

.news-right-two li:last-child a {
	border-bottom: none
}

.news-right-two li .news-left-time {
	margin-bottom: 10px
}

.news-right-two li p {
	font-size: 16px;
	color: #333;
	transition: ease .5s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.news-right-two li:hover p {
	color: #11298b;
	font-weight: bold
}

@media (max-width:1259px) {
	.news-left-text {
		padding: 0
	}

	.news-left-p {
		margin-top: 20px;
		-webkit-line-clamp: 1
	}

	.news-left-title {
		font-size: 20px
	}
}

@media (max-width:767px) {
	.news {
		padding: 40px 0
	}

	.news-left {
		float: none;
		width: 100%
	}

	.news-right {
		float: none;
		width: 100%;
		margin-top: 20px
	}

	.news-left-text {
		padding: 10px 0
	}

	.news-left-p {
		-webkit-line-clamp: 2;
		font-size: 14px;
		line-height: 24px
	}

	.news-left-title {
		font-size: 18px
	}

	.news-left ul {
		margin-bottom: 20px
	}

	.news-right-two {
		margin-top: 20px
	}
}

@media (max-width:640px) {
	.news-left-img {
		float: none;
		width: 100%
	}

	.news-left-text {
		float: none;
		width: 100%;
		margin-top: 15px
	}

	.news-left-p {
		margin-top: 15px
	}

	.news-left li {
		padding: 15px 0
	}
}/* ===================newsinfo================== */.newsinfo {
	padding-top: 60px;
	padding-bottom: 50px
}

.newsinfo-title {
	font-size: 30px;
	color: #333;
	font-weight: bold;
	margin-bottom: 20px
}

.newsinfo-p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin-bottom: 30px
}

.newsinfo-img {
	max-width: 100%;
	margin: 30px 0
}

.newsinfo-img img {
	max-width: 100%
}

.newsinfo-h3 {
	font-size: 20px;
	color: #333;
	margin-bottom: 30px
}

.newsinfo-time {
	font-size: 16px;
	color: #a3a3a3
}

.newsinfo-p h5 {
	font-size: 16px;
	color: #666;
	line-height: 30px
}

.newsinfo-p-text,.newsinfo-p-title {
	text-indent: 30px
}

.newsinfo-page {
}

.newsinfo-page li {
	background: #f7f7f7;
	padding: 30px;
	margin-top: 20px
}

.newsinfo-page li a {
	display: block
}

.newsinfo-page li h3 {
	margin-bottom: 10px
}

.newsinfo-page li p {
	font-size: 18px;
	color: #333;
	line-height: 26px;
	transition: ease .5s
}

.newsinfo-page li:hover p {
	color: #11298b
}

.newsinfo-page li span {
	display: block;
	font-size: 16px;
	color: #a3a3a3;
	line-height: 30px;
	margin-top: 10px
}

.newsinfo-share {
	margin-top: 20px
}

.newsinfo-share a {
	background-image: none !important;
	display: inline-block !important;
	color: #fff !important;
	font-size: 18px !important;
	width: 32px !important;
	height: 32px !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
	line-height: 32px !important;
	border-radius: 50% !important;
	text-decoration: none !important;
	transition: ease .5s;
	margin-right: 12px !important;
	margin-bottom: 10px !important
}

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

.newsinfo-share a.fa-weibo {
	background-color: #da3c3c !important
}

.newsinfo-share a.fa-wechat {
	background-color: #21ba41 !important
}

.newsinfo-share a.fa-qq {
	background-color: #3e91ee !important
}

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

.newsinfo-return {
	display: inline-block !important;
	font-size: 16px;
	color: #fff;
	background: #b4b4b4;
	padding: 15px 0px;
	width: 210px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
	transition: ease .5s
}

.newsinfo-return:hover {
	background: #11298B
}

.newsinfo-return i {
	display: inline-block;
	margin-left: 15px
}

@media (max-width:1259px) {
	.newsinfo-return {
		width: 100%
	}
}

@media (max-width:991px) {
	.newsinfo-title {
		font-size: 24px
	}

	.newsinfo-return {
		font-size: 14px
	}

	.newsinfo-page li p {
		font-size: 16px
	}

	.newsinfo-page li span {
		font-size: 14px;
		line-height: 22px
	}
}

@media (max-width:767px) {
	.newsinfo {
		padding: 40px 0
	}

	.newsinfo-return {
		width: 180px
	}

	.newsinfo-title {
		font-size: 19px
	}

	.newsinfo-p {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 20px;
		text-align: justify
	}

	.newsinfo-h3 {
		font-size: 17px;
		margin-bottom: 20px
	}

	.newsinfo-img {
		margin: 20px 0
	}
}

@media (max-width:640px) {
	.newsinfo-return {
		width: 150px;
		padding: 12px 0
	}
}/* ============service============ */.service {
	padding: 80px 0
}

.service-title {
	font-size: 40px;
	color: #111;
	text-align: center;
	font-weight: bold
}

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

.service-menu li {
	display: inline-block
}

.service-menu li a {
	display: inline-block;
	font-size: 20px;
	color: #777;
	margin: 0 8px;
	padding-bottom: 5px
}

.service-menu li.on a {
	color: #11298b;
	font-weight: bold;
	border-bottom: 2px solid #11298b
}

.service-list {
	margin-bottom: 40px
}

.service-list1 {
	display: none
}

.service-list1.on {
	display: block
}

.service-list1 li {
	margin-top: 50px
}

.service-kf {
	width: 101px;
	height: 101px;
	border-radius: 50%;
	float: left
}

.service-kf img {
	border-radius: 50%;
	width: 100%
}

.service-answer {
	float: right;
	width: 90%;
	position: relative;
	padding-left: 15px
}

.service-answer > div {
	background: #f4f4f4;
	padding: 30px;
	border-radius: 3px
}

.service-answer::before {
	position: absolute;
	content: "";
	width: 15px;
	height: 23px;
	background: url(../images/answer-bef.png)no-repeat center left;
	left: 0;
	top: 30px
}

.service-answer h3 {
	font-size: 18px;
	line-height: 30px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px
}

.service-answer p {
	font-size: 16px;
	color: #666
}

@media (max-width:1259px) {
	.service-answer {
		width: 86%
	}
}

@media (max-width:991px) {
	.service-answer {
		width: 80%
	}
}

@media (max-width:767px) {
	.service-kf {
		width: 80px;
		height: 80px
	}

	.service-answer {
		width: 86%
	}

	.service-answer h3 {
		font-size: 16px;
		line-height: 26px
	}

	.service-answer p {
		font-size: 14px;
		line-height: 24px
	}

	.service {
		padding: 40px 0
	}

	.service-title {
		font-size: 24px
	}

	.service-menu li a {
		font-size: 18px
	}

	.service-list1 li {
		margin-top: 20px
	}

	.service-menu {
		margin: 30px 0
	}

	.service-list {
		margin-bottom: 20px
	}
}

@media (max-width:640px) {
	.service-kf {
		width: 60px;
		height: 60px
	}

	.service-answer {
		width: 78%
	}

	.service-answer > div {
		padding: 30px 20px
	}
}/* ================quality============== */.quality {
	padding: 80px 0 0
}

.quality-one {
	padding-bottom: 70px
}

.quality-one ul {
}

.quality-one li {
	float: left;
	padding-right: 102px;
	position: relative;
	margin-top: 40px;
	padding-left: 8px
}

.quality-one li::before {
	position: absolute;
	content: "";
	width: 72px;
	height: 11px;
	background: url(../images/quality-right.png)no-repeat center;
	right: 13px;
	top: 62px
}

.quality-one li.quality-r {
	float: right
}

.quality-one li.quality-r::before {
	transform: rotate(180deg)
}

.quality-one li.quality-zw {
	padding-right: 100px;
	padding-left: 40px
}

.quality-one li.quality-zw::before {
	right: -85px
}

.quality-one li.quality-zw1 {
	padding-right: 0
}

.quality-one li.quality-zw1::before {
	right: 23%;
	top: -30%;
	transform: rotate(90deg)
}

.quality-one li > div {
}

.quality-one-icon {
	width: 134px;
	height: 134px;
	border-radius: 50%;
	background: transparent;
	transition: ease .5s;
	text-align: center;
	overflow: hidden;
	padding: 22px 0;
	margin: 0 auto
}

.quality-one-icon > div {
	width: 95px;
	height: 90px;
	position: relative;
	margin: 0 auto;
	line-height: 134px
}

.quality-one li:hover .quality-one-icon {
	background-color: #423994
}

.quality-one-icon img {
	display: inline-block;
	width: 100%;
	height: 100%;
	transition: ease .5s
}

.quality-one-icon1 {
	position: absolute;
	top: 0;
	left: 0
}

.quality-one-icon2 {
	position: absolute;
	top: -134px;
	left: 0
}

.quality-one-tit {
	text-align: center;
	font-size: 18px;
	line-height: 48px;
	color: #333
}

.quality-one li:hover .quality-one-icon2 {
	top: 0
}

.quality-one li:hover .quality-one-icon1 {
	top: 134px
}

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

.quality-two-swip {
	position: relative;
	margin-top: 45px
}

.quality-two-swip .swiper-slide {
	position: relative;
	overflow: hidden
}

.quality-two-swip .swiper-slide img {
	width: 100%;
	transition: ease .5s
}

.quality-two-swip .swiper-slide:hover img {
	transform: scale(1.04)
}

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

.quality-two-swip .swiper-pagination {
	display: none
}

.quality-two-swip .swiper-pagination {
	width: 100%;
	bottom: 0
}

.quality-two-swip .swiper-pagination-bullet {
	background: #d8d8d8;
	width: 9px;
	height: 9px;
	opacity: 1 !important;
	margin: 0 3px
}

.quality-two-swip .swiper-pagination-bullet-active {
	background: #11298b
}

.quality-two-swip .swiper-button-prev,.quality-two-swip .swiper-button-next {
	width: 18px;
	height: 34px;
	background: url(../images/quality-left.png)no-repeat center;
	opacity: 1 !important
}

.quality-two-swip .swiper-button-prev:hover,.quality-two-swip .swiper-button-next:hover {
	background-image: url(../images/quality-left1.png)
}

.quality-two-swip .swiper-button-next {
	transform: rotateY(180deg);
	right: -60px
}

.quality-two-swip .swiper-button-prev {
	left: -60px
}

.quality-three {
	background: #f5f5f5;
	padding: 80px 0
}

.quality-three-swip {
	margin-top: 45px;
	position: relative;
	padding-bottom: 20px
}

.quality-three-swip .swiper-pagination {
	width: 100%;
	bottom: 0
}

.quality-three-swip .swiper-pagination-bullet {
	background: #d8d8d8;
	width: 9px;
	height: 9px;
	opacity: 1 !important;
	margin: 0 3px
}

.quality-three-swip .swiper-pagination-bullet-active {
	background: #11298b
}

.quality3-img {
}

.quality3-img img {
	width: 100%
}

.quality3-text {
	text-align: center;
	font-size: 18px;
	color: #333;
	padding: 15px 0
}

@media (max-width:1459px) {
	.quality-two-swip {
		padding: 0 60px
	}

	.quality-two-swip .swiper-button-next {
		right: 0
	}

	.quality-two-swip .swiper-button-prev {
		left: 0
	}

	.quality-one li {
		padding-right: 76px;
		padding-left: 18px
	}

	.quality-one li::before {
		right: 0;
		width: 60px
	}

	.quality-one-icon {
		width: 110px;
		height: 110px
	}

	.quality-one-icon > div {
		width: 75px;
		height: 70px;
		line-height: 110px
	}

	.quality-one li.quality-zw {
		padding-right: 75px;
		padding-left: 40px
	}
}

@media (max-width:1259px) {
	.quality-one-icon {
		width: 86px;
		height: 86px;
		padding: 15px 0
	}

	.quality-one-icon > div {
		width: 56px;
		height: 56px;
		line-height: 86px
	}

	.quality-one li::before {
		top: 42px
	}

	.quality-one li::before {
		width: 36px
	}

	.quality-one li {
		padding-right: 42px
	}

	.quality-one li.quality-zw::before {
		right: 0
	}
}

@media (max-width:991px) {
	.quality-one li.quality-r {
		float: left
	}

	.quality-one li,.quality-one li.quality-zw {
		width: 25%;
		padding: 0;
		text-align: center
	}

	.quality-one li::before {
		display: none
	}
}

@media (max-width:767px) {
	.quality {
		padding: 40px 0 0
	}

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

	.quality-three {
		padding: 40px 0
	}

	.quality3-text {
		font-size: 16px
	}

	.quality-three-swip {
		margin-top: 20px
	}

	.quality-two-swip .swiper-button-prev,.quality-two-swip .swiper-button-next {
		display: none
	}

	.quality-two-swip .swiper-pagination {
		display: block
	}

	.quality-two-swip {
		padding: 0 0 30px 0
	}

	.quality-one-tit {
		font-size: 16px;
		line-height: 30px;
		height: 60px
	}

	.quality-two-text {
		font-size: 16px;
		padding: 10px 0
	}

	.quality-one li {
		margin-top: 20px
	}

	.quality-one {
		padding-bottom: 40px
	}
}

@media (max-width:360px) {
	.quality-one li,.quality-one li.quality-zw {
		width: 33.33%
	}
}/* ============job============== */.job {
	padding: 40px 0 80px
}

.job-content {
}

.job-content ul {
	margin: 0 -10px 20px
}

.job-content li {
	float: left;
	width: 50%;
	padding: 0 10px;
	margin-bottom: 20px
}

.job-content li a {
	display: block;
	background: #f6f6f6;
	padding: 40px 30px
}

.job-tit {
}

.job-tit h3 {
	font-size: 24px;
	color: #000;
	float: left;
	max-width: 61%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: ease .5s
}

.job-content li:hover .job-tit h3 {
	color: #11298b;
	font-weight: bold
}

.job-tit span {
	display: inline-block;
	font-size: 16px;
	color: #666;
	float: right;
	background: url(../images/job-addr.png)no-repeat center left;
	padding-left: 30px;
	padding-top: 12px
}

.job-text {
	font-size: 16px;
	color: #888;
	margin-top: 30px;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 60px
}

@media (max-width:767px) {
	.job-tit span {
		font-size: 14px;
		padding-left: 22px;
		background-size: 16px 20px;
		padding-top: 5px
	}

	.job-tit h3 {
		font-size: 20px
	}

	.job-text {
		font-size: 15px
	}
}

@media (max-width:640px) {
	.job-content li {
		float: none;
		width: 100%;
		padding: 0
	}

	.job-content ul {
		margin: 0 0 20px
	}

	.job-text {
		height: auto
	}
}/* ===================jobinfo=============== */.jobinfo {
	background: #f6f6f6;
	padding: 30px 0 75px
}

.jobinfo-left {
	float: left;
	width: 74.42%
}

.jobinfo-right {
	float: right;
	width: 24.28%;
	background: #fff;
	padding: 30px 20px
}

.jobinfo-left li {
	background: #fff;
	padding: 50px 0
}

.jobinfo-left li:first-child {
	padding: 50px 30px;
	margin-bottom: 16px
}

.jobinfo-tit h3 {
	font-size: 24px;
	color: #000;
	font-weight: bold;
	float: left
}

.jobinfo-tit span {
	display: inline-block;
	float: right;
	font-size: 16px;
	color: #666;
	background: url(../images/job-addr.png)no-repeat center left;
	padding-left: 30px;
	padding-top: 12px
}

.jobinfo-if {
	font-size: 16px;
	color: #666;
	margin-top: 15px
}

.jobinfo-time {
	font-size: 14px;
	color: #888;
	border-bottom: 1px solid #efefef;
	padding-bottom: 15px;
	margin-top: 30px;
	margin-bottom: 35px
}

.jobinfo-tit1 {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 30px
}

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

.jobinfo-jion {
	display: inline-block;
	font-size: 20px;
	color: #fff;
	background: #11298B;
	border: 1px solid #11298b;
	margin-top: 25px;
	padding: 13px 65px;
	transition: ease .5s
}

.jobinfo-jion:hover {
	color: #11298B;
	border-color: #11298B;
	background: transparent
}

.jobinfo-tit2 {
	font-size: 30px;
	color: #333;
	font-weight: bold;
	padding-left: 30px
}

.jobinfo-list {
	padding: 60px 0 10px
}

.jobinfo-li {
	float: left;
	width: 33.33%;
	border-right: 1px solid #ececec;
	padding: 35px 35px 0
}

.jobinfo-li:nth-child(3n) {
	border-right: none
}

.jobinfo-li-bo {
	border-bottom: 1px solid #ececec;
	padding-bottom: 40px;
	padding-top: 0
}

.jobinfo-icon {
	width: 92px;
	height: 92px;
	margin: 0 auto;
	margin-bottom: 20px
}

.jobinfo-icon img {
	width: 100%
}

.jobinfo-text2 {
	font-size: 16px;
	color: #666;
	text-align: center;
	line-height: 24px;
	height: 48px
}

.jobinfo-right-tit {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	position: relative;
	padding-left: 10px;
	margin-bottom: 10px
}

.jobinfo-right-tit::before {
	position: absolute;
	content: "";
	width: 3px;
	height: 16px;
	background: #11298B;
	left: 0;
	top: 1px
}

.jobinfo-right li {
	border-bottom: 1px solid #efefef;
	padding: 20px 0
}

.jobinfo-right li:last-child {
	border-bottom: none;
	padding-bottom: 10px
}

.jobinfo-right li a {
	display: block
}

.jobinfo-right li h3 {
	font-size: 18px;
	color: #000;
	margin-bottom: 10px;
	transition: ease .5s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.jobinfo-right li p {
	font-size: 14px;
	color: #888;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.jobinfo-right li:hover h3 {
	color: #11298B;
	font-weight: bold
}

@media (max-width:1259px) {
	.jobinfo-text2 {
		height: 96px
	}
}

@media (max-width:991px) {
	.jobinfo-li {
		width: 50%;
		border-top: 1px solid #ececec;
		border-right: none;
		padding-bottom: 40px
	}

	.jobinfo-li:nth-child(1),.jobinfo-li:nth-child(2) {
		border-top: none;
		padding-top: 0
	}

	.jobinfo-li-bo {
		border-bottom: none
	}

	.jobinfo-li:nth-child(odd) {
		border-right: 1px solid #ececec
	}

	.jobinfo-li-bo {
		padding-top: 35px
	}

	.jobinfo-text2 {
		height: 72px
	}
}

@media (max-width:767px) {
	.jobinfo {
		padding: 40px 0
	}

	.jobinfo-left {
		float: none;
		width: 100%
	}

	.jobinfo-right {
		float: none;
		width: 100%;
		margin-top: 20px
	}

	.jobinfo-tit h3 {
		font-size: 18px
	}

	.jobinfo-tit1 {
		font-size: 16px
	}

	.jobinfo-text {
		font-size: 14px
	}

	.jobinfo-jion {
		padding: 8px 40px;
		font-size: 16px
	}

	.jobinfo-tit2 {
		font-size: 20px
	}

	.jobinfo-icon {
		width: 65px;
		height: 65px
	}

	.jobinfo-text2 {
		font-size: 14px;
		height: 48px
	}

	.jobinfo-left li {
		padding: 40px 0
	}

	.jobinfo-right li h3 {
		font-size: 16px
	}
}

@media (max-width:640px) {
	.jobinfo-tit h3 {
		width: 100%
	}

	.jobinfo-tit span {
		background-size: 16px 20px;
		padding-left: 22px;
		padding-top: 6px
	}

	.jobinfo-icon {
		width: 50px;
		height: 50px
	}

	.jobinfo-li {
		float: none;
		width: 100%;
		border: none !important;
		padding: 20px 30px !important
	}

	.jobinfo-text2 {
		height: auto
	}
}/* =================appli================ */.appli {
	padding: 50px 0 80px;
	background: #f5f5f5
}

.appli-menu {
}

.appli-menu-li {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0
}

.appli-menu-li span {
	display: inline-block;
	float: left;
	font-size: 18px;
	color: #222;
	line-height: 34px;
	font-weight: bold;
	width: 9.6%;
	margin-top: 10px
}

.pro2 a {
	font-size: 18px;
	color: #222;
	line-height: 34px;
/* font-weight:bold;*/
}

.appli-menu-a {
	float: right;
	width: 90%
}

.appli-menu-li a {
	display: inline-block;
	font-size: 16px;
	color: #555;
	line-height: 30px;
	padding: 0 10px;
	margin: 10px 20px 10px 0
}

.appli-menu-li a:last-child {
	margin-right: 0
}

.appli-menu-li a.menu-buxian {
	background: #e9e9e9;
	color: #666
}

.appli-menu-li a.menu-buxian.on {
	color: #fff;
	background: #182f8e;
	padding-right: 10px
}

.appli-menu-li a.on {
	color: #182f8e;
	border: 1px solid #182f8e
}

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

.appli-list ul {
	margin: 0 -9px 40px
}

.appli-list li {
	float: left;
	width: 50%;
	padding: 0 9px;
	margin-top: 20px
}

.appli-list li a {
	display: block;
	background: #fff
}

.appli-img {
	overflow: hidden
}

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

.appli-list li:hover .appli-img img {
	transform: scale(1.04)
}

.appli-text {
	padding: 20px
}

.appli-title {
	float: left;
	max-width: 50%
}

.appli-title h3 {
	font-size: 20px;
	color: #333;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.appli-title p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.appli-more {
	float: right;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	background: #eee;
	transition: ease .5s;
	padding: 10px 48px
}

.appli-more i {
	margin-left: 10px
}

.appli-list li:hover .appli-more {
	color: #fff;
	background: #182f8e
}

@media (max-width:991px) {
	.appli-more {
		padding: 6px 16px
	}
}

@media (max-width:767px) {
	.appli-title {
		float: none;
		width: 100%;
		max-width: 100%
	}

	.appli-more {
		float: none;
		margin: 0 auto;
		display: inline-block;
		padding: 3px 18px;
		font-size: 14px;
		margin-top: 5px
	}

	.appli-list li {
		text-align: center;
		padding: 0 5px
	}

	.appli-list ul {
		margin: 0 -5px 20px
	}

	.appli-title h3 {
		font-size: 16px
	}

	.appli-title p {
		font-size: 14px;
		line-height: 22px
	}

	.appli {
		padding: 0px 0;
	}

	.appli-text {
		padding: 10px 10px 20px
	}

	.appli-list {
		margin-top: 10px
	}
}/* ================product============== */.product {
/* padding-bottom:80px;*/
	background: #f5f5f5
}

.product-one {
	padding: 60px 0 40px;
	background: #fff
}

.product-two {
}

.product-menu {
}

.product-menu li {
}

.product-menu li:last-child {
	border-bottom: none
}

.product-menu li span {
}

.product-menu li a {
	color: #666
}

.product-menu li a:hover {
	color: #182f8e
}

.promenu-dd {
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 0;
	padding-left: 9.6%
}

.promenu-dd select {
	border: 1px solid #11298B;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../images/promenu-down1.png)no-repeat center right 9px;
	padding: 5px 22px 5px 14px;
	font-size: 14px;
	line-height: 30px;
	color: #888
}

.promenu-dd option.promenud-a {
	padding: 10px 0 !important
}

.promenu-dd select:hover {
	background-image: url(../images/promenu-down_03.png)
}

.promenu-dd a {
	display: inline-block;
	font-size: 16px;
	line-height: 34px;
	color: #555;
	transition: ease .5s;
	margin: 0 10px
}

.promenu-dd a:hover {
	color: #11298B
}

.product-logo {
	padding-bottom: 0 !important;
	border-bottom: 2px solid #e5e5e5 !important
}

.product-logo .appli-menu-a {
	margin-bottom: -8px
}

.product-logo a {
	width: auto;
	font-size: 18px !important;
	line-height: 30px;
	color: #333 !important;
	margin-right: 50px !important;
	padding: 0 !important;
	padding-bottom: 20px !important;
	font-weight: bold
}

.product-logo a:last-child {
	margin-right: 0 !important
}

.product-logo a.on {
	position: relative;
	border: none !important;
	border-bottom: 3px solid #182f8e !important;
	background: none !important;
	font-weight: bold;
	color: #182f8e !important;
	margin-bottom: -1px
}

.product-logo a.on::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 5px;
	background: url(../images/product-bef_03.png)no-repeat center;
	bottom: 0;
	left: 49%
}

.product-logo a img {
	width: 100%
}

.product-list {
}

.product-list ul {
	margin: 0 -10px 40px
}

.product-list li {
	float: left;
	width: 50%;
	padding: 0 10px;
	margin-top: 20px
}

.product-list li a {
	display: block;
	background: #fff
}

.product-img {
	float: left;
	width: 50.7%;
	overflow: hidden;
	background: #fff
}

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

.product-list li:hover .product-img img {
	transform: scale(1.04)
}

.product-text {
	float: right;
	width: 49.3%;
	padding: 80px 35px
}

.product-title {
}

.product-title h3 {
	font-size: 20px;
	color: #333;
	line-height: 48px;
	font-weight: bold;
	transition: ease .5s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 10px
}

.product-title p {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 52px
}

.product-more {
	font-size: 16px;
	color: #666;
	line-height: 26px;
	transition: ease .5s;
	margin-top: 50px
}

.product-list li:hover .product-more,.product-list li:hover .product-title h3 {
	color: #11298B
}

.product-more i {
	color: #11298B
}

.product-two2 {
	background: #fff;
	padding: 60px 0;
	margin-top: 80px
}

.product-two-title {
	font-size: 34px;
	line-height: 48px;
	color: #333;
	text-align: center;
	margin-bottom: 20px
}

.product-two2 ul {
	padding: 0 50px
}

.product-two2 li {
	float: left;
	padding: 25px 30px
}

.product-two2 li a {
	display: inline-block
}

.product-two2 li a img {
	max-width: 100%;
	height: 100%
}

.product2 {
}

.product2-two {
}

.product2-list {
}

.product2-list ul {
	margin: 0 -10px 40px
}

.product2-list li {
	float: left;
	width: 25%;
	padding: 0 10px;
	margin-top: 20px
}

.product2-list li a {
	display: block;
	background: #fff;
	position: relative;
	overflow: hidden
}

.product2-list li a::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 0px;
	background: rgba(24,47,142,0.9);
	bottom: 0;
	left: 0;
	transition: ease .5s
}

.product2-list li:hover a::before {
	height: 60px
}

.product2-img {
	overflow: hidden;
	height: 335px
}

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

.product2-list li:hover .product2-img img {
	transform: scale(1.04)
}

.product2-text {
	border-top: 1px solid #f5f5f5;
	font-size: 16px;
	line-height: 34px;
	color: #666;
	text-align: center;
	position: relative;
	transition: ease .5s;
	padding: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.product2-list li:hover .product2-text {
	color: #fff
}

@media (max-width:1459px) {
	.product2-img {
		height: 285px
	}
}

@media (max-width:1259px) {
	.appli-menu-li span {
		width: 13.6%
	}

	.promenu-dd {
		padding-left: 15%
	}

	.appli-menu-a {
		width: 85%
	}

	.product-text {
		padding: 25px
	}

	.product2-img {
		height: 220px
	}

	.product-one {
		padding: 40px 0 20px
	}
}

@media (max-width:991px) {
	.appli-menu-li span {
		width: 15%
	}

	.appli-menu-a {
		width: 85%
	}

	.product-img {
		float: none;
		width: 100%
	}

	.product-text {
		float: none;
		width: 100%;
		padding: 20px 35px
	}

	.product-two2 li a {
		width: 75%;
		height: 100%
	}

	.product-two2 li {
		padding: 15px 0;
		text-align: center
	}

	.product-two-title {
		font-size: 30px
	}

	.product2-list li {
		width: 33.33%
	}

	.product2-img {
		height: 227px
	}

	.product2-text {
		padding: 8px
	}

	.product2-list li:hover a::before {
		height: 50px
	}
}

@media (max-width:767px) {
	.appli-menu-li span {
		width: 24%;
		font-size: 16px
	}

	.pro2 a {
		font-size: 16px
	}

	.appli-menu-a {
/* width:72%;*/
	}

	.appli-menu-li a {
		font-size: 14px;
		line-height: 28px
	}

	.product-img {
		padding: 0 40px
	}

	.product-title h3 {
		font-size: 16px;
		line-height: 32px
	}

	.product-title p {
		font-size: 14px;
		line-height: 26px
	}

	.product-more {
		font-size: 15px;
		margin-top: 20px
	}

	.product-two-title {
		font-size: 20px;
		line-height: 32px;
		margin-bottom: 10px
	}

	.product-one {
		padding-top: 40px
	}

	.product-two2 {
		margin-top: 40px;
		padding: 40px 0
	}

	.product {
		padding-bottom: 40px
	}

	.product2-img {
		height: 225px
	}

	.product2-text {
		font-size: 15px;
		padding: 5px
	}

	.product-one {
		padding: 30px 0 10px
	}

	.product2-list li:hover a::before {
		height: 44px
	}

	.promenu-dd {
		padding-left: 28%
	}

	.promenu-dd a {
		font-size: 14px;
		line-height: 28px
	}

	.promenu-dd select {
		padding: 0px 22px 0px 14px
	}

	.product-logo a {
		font-size: 16px !important
	}
}

@media (max-width:640px) {
	.product-list li {
		float: none;
		width: 100%
	}

	.product-logo a {
		margin-right: 15px !important
	}

	.product-two2 li {
		width: 50%;
		height: 50px;
		padding: 12px 0
	}

	.product-two2 ul {
		padding: 0 30px
	}
/* .product-img{float:left;width:37.7%;padding:0}
*/    /* .product-text{float:right;width:60.3%;padding:35px}
*/	.product2-list li {
		width: 50%;
		padding: 0 5px;
		margin-top: 10px
	}

	.product2-list ul {
		margin: 0 -5px 40px
	}

	.product2-img {
		height: 168px;
		text-align: center
	}

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

	.product-logo a {
		padding-bottom: 10px !important
	}

	.appli-menu-li span {
		display: block;
		float: none;
		width: 100%;
		margin-bottom: 10px
	}

	.product-logo .appli-menu-a,.appli-menu-a {
		float: none;
		width: 100%
	}

	.promenu-dd {
		padding-left: 0
	}

	.appli-menu-li a {
		margin: 10px 10px 10px 0
	}
}

@media (max-width:360px) {
	.product2-img {
		height: 160px
	}

	.product-logo a {
		font-size: 15px !important
	}
}

@media (max-width:320px) {
	.product2-img {
		height: 140px
	}
}/* =============contact============= */.contact {
	padding: 80px 0 70px
}

.contact-one {
	position: relative
}

.contact-map {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.contact-map1 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.contact-map1.on {
	display: block
}

.contact-map img {
	height: 100%;
	width: 100%
}

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

.contact-li {
	height: 100%;
	width: 100%
}

.contact-text {
	background: rgba(17,41,139,0.9);
	width: 29.29%;
	padding: 50px 35px 0;
	height: 100%;
	position: relative
}

.contact-text span {
	display: inline-block
}

.contact-text span img {
	width: 100%
}

.posi {
	position: absolute
}

.posi li {
}

.contact-tit1 {
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 30px
}

.contact-phone {
	font-family: "Arial";
	font-size: 26px;
	color: #fff;
	line-height: 36px;
	padding-left: 44px;
	background: url(../images/contact-phone_03.png)no-repeat top 6px left
}

.contact-address {
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	padding-left: 44px;
	background: url(../images/contact-address_03.png)no-repeat top 10px left
}

.contact-email {
	font-size: 16px;
	line-height: 32px;
	color: #fff;
	padding-left: 44px;
	background: url(../images/contact-email_03.png)no-repeat top 8px left
}

.contact-text ul {
	margin-top: 10px
}

.contact-text li {
	border-bottom: 1px solid rgba(255,255,255,0.12);
	padding: 14px 0
}

.contact-text li:last-child {
	border-bottom: none
}

.contact-text li a {
	display: block;
	font-size: 16px;
	line-height: 32px;
	color: #c1cdfd
}

.contact-text li.on a {
	color: #fff;
	background: url(../images/contact-add.png)no-repeat center right
}

.contact-two {
	padding-top: 80px
}

.contact-two-title {
	font-size: 42px;
	color: #333;
	font-weight: bold;
	text-align: center
}

.contact-two-content {
	margin-top: 20px
}

.contact-two-input {
	margin: 0 -10px
}

.contact-two-input > div {
	float: left;
	width: 50%;
	padding: 0 10px
}

.contact-two-input input {
	width: 100%;
	font-size: 16px;
	color: #666;
	line-height: 30px;
	background: #f5f5f5;
	padding: 14px 18px
}

.contact-two-content textarea {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	background: #f5f5f5;
	padding: 14px 18px;
	min-height: 117px;
	width: 100%;
	margin-top: 20px
}

.contact-submit {
	display: block;
	width: 166px;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	background: #11298B;
	text-align: center;
	margin: 0 auto;
	margin-top: 30px;
	padding: 11px 0;
	cursor: pointer;
	transition: ease .5s;
	border: 1px solid transparent
}

.contact-submit:hover {
	color: #11298B;
	background: transparent;
	border-color: #11298B
}

@media (max-width:991px) {
	.inside-banner {
/*margin-top:60px;*/
	}

	.contact-map {
		position: static
	}

	.contact-map img {
		height: auto
	}

	.contact-text {
		width: 100%
	}

	.contact-text1 {
		float: left;
		width: 48%
	}

	.contact-text ul {
		float: right;
		width: 49%;
		margin-top: 0
	}
}

@media (max-width:767px) {
	.contact {
		padding: 40px 0
	}

	.contact-two {
		padding-top: 40px
	}

	.contact-phone {
		font-size: 22px
	}

	.contact-text li.on a {
		background: url(../images/contact-add.png)no-repeat center right 10px
	}

	.contact-text span {
		width: 180px
	}

	.contact-tit1 {
		font-size: 17px
	}

	.contact-two-title {
		font-size: 24px
	}

	.contact-submit {
		padding: 6px 0
	}
}

@media (max-width:640px) {
	.contact-text1 {
		float: none;
		width: 100%
	}

	.contact-text ul {
		float: none;
		width: 100%
	}

	.contact-text {
		padding: 40px 30px 0
	}

	.contact-tit1 {
		margin-bottom: 10px
	}

	.contact-text ul {
		margin-top: 20px
	}

	.contact-email,.contact-address {
		font-size: 15px
	}

	.contact-phone {
		font-size: 18px
	}

	.contact-text li a {
		font-size: 16px;
		line-height: 30px
	}

	.contact-text li {
		padding: 10px 0
	}

	.contact-text li.on a {
		background-size: 16px 20px
	}

	.contact-two-title {
		font-size: 20px
	}

	.contact-two-input > div {
		float: none;
		width: 100%;
		padding: 0;
		margin-bottom: 10px
	}

	.contact-two-input {
		margin: 0
	}

	.contact-two-input input {
		padding: 10px 18px;
		font-size: 15px
	}

	.contact-two-content textarea {
		margin-top: 0;
		padding: 10px 18px;
		font-size: 15px
	}

	.contact-submit {
		font-size: 14px;
		line-height: 22px;
		margin-top: 20px;
		width: 110px
	}

	.contact-text span {
		width: 120px
	}
}/* ============ service-after ===================*/.service-after {
	padding: 60px 0 80px
}

.service-after-title {
	font-size: 22px;
	color: #333;
	line-height: 48px;
	font-weight: bold
}

.service-after-p {
	font-size: 18px;
	line-height: 30px;
	color: #666;
	margin-bottom: 20px
}

.service-after-p i {
	font-style: normal;
	display: inline;
	color: #182f8e;
	font-weight: bold
}

.service-after-p span {
	display: inline;
	color: #333
}

.service-after-p b {
	color: #333
}

.service-after-ul {
	background: #f6f6f6;
	padding: 40px 0;
	margin: 30px 0
}

.service-after-ul li {
	float: left;
	font-size: 18px;
	color: #666;
	line-height: 26px;
	position: relative;
	padding-right: 160px;
	padding-left: 40px
}

.service-after-ul li::before {
	position: absolute;
	content: "";
	width: 90px;
	height: 1px;
	background: #e0e0e0;
	bottom: 0;
	right: 20px
}

.service-after-ul li:last-child {
	padding-right: 40px
}

.service-after-ul li:last-child::before {
	display: none
}

.service-after-ul li span {
	display: inline-block;
	font-family: 'brant-r';
	font-size: 40px;
	line-height: 40px;
	color: #000;
	margin-right: 5px
}

.service-after-img {
	width: 100%;
	margin-top: 40px
}

.service-after-img img {
	max-width: 100%
}

@media (max-width:1459px) {
	.service-after-ul li {
		padding-right: 100px
	}

	.service-after-ul li::before {
		width: 70px
	}
}

@media (max-width:991px) {
	.service-after-ul {
		padding: 20px 0
	}

	.service-after-ul li,.service-after-ul li:last-child {
		width: 50%;
		text-align: center;
		padding: 5px 0
	}

	.service-after-ul li::before {
		display: none
	}

	.service-after-title {
		font-size: 20px
	}

	.service-after-p {
		font-size: 16px
	}

	.service-after-ul li span {
		font-size: 34px
	}

	.service-after-ul li {
		font-size: 17px
	}
}

@media (max-width:767px) {
	.service-after {
		padding: 40px 0
	}

	.service-after-p {
		font-size: 15px
	}

	.service-after-ul {
		margin: 20px 0
	}

	.service-after-ul li span {
		font-size: 26px;
		display: block;
		margin: 0
	}

	.service-after-ul li,.service-after-ul li:last-child {
		font-size: 16px;
		padding: 5px
	}

	.service-after-title {
		font-size: 19px;
		line-height: 32px;
		margin-bottom: 5px
	}

	.service-after-p {
		text-align: justify
	}

	.service-after-img {
		margin-top: 20px
	}
}/* =============college================ */.college {
}

.college-one {
	padding: 75px 0 80px
}

.college-title {
	font-size: 40px;
	color: #333;
	line-height: 48px;
	font-weight: bold;
	text-align: center
}

.college-one .college-title,.college-two .college-title {
	text-align: left
}

.college-one-p {
	font-size: 20px;
	line-height: 32px;
	color: #333;
	margin-top: 30px
}

.college-two {
}

.college-two-top {
}

.college-two .college-title {
	float: left
}

.college-two-topmenu {
	float: right
}

.college-two-topmenu a {
	display: inline-block;
	font-size: 20px;
	line-height: 48px;
	color: #333;
	padding-left: 30px;
	margin-left: 60px
}

.college-two-topmenu a:first-child {
	margin-left: 0
}

.college-two-topmenu a.on {
	border-bottom: 2px solid #182f8e;
	color: #182f8e;
	font-weight: bold
}

.college-two-bottom {
	margin-top: 50px
}

.college-two-bottom1 {
	position: relative;
	display: 0
}

.college-two-bottom1.on {
	display: block
}

.college2-menu {
	position: absolute;
	bottom: 38px;
	left: 0;
	width: 100%;
	z-index: 5
}

.college2-menu ul {
	position: relative;
	width: 100%
}

.college2-menu ul::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	border: 1px dashed rgba(255,255,255,0.24);
	top: 2px;
	left: 0
}

.college2-menu li {
	float: left;
	width: 14.28%;
	text-align: center
}

.college2-menu li a {
	display: block
}

.college2-menu li h4 {
	font-size: 20px;
	line-height: 48px;
	color: #fff
}

.college-dot {
	display: block;
	font-style: normal;
	width: 6px;
	height: 6px;
	margin: 0 auto;
	border-radius: 50%;
	background: #fff;
	position: relative
}

.college-dot::before {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.25);
	left: -7px;
	top: -7px
}

.college2-menu li.on .college-dot {
	width: 10px;
	height: 10px;
	margin-top: -2px
}

.college2-menu li.on .college-dot::before {
	width: 26px;
	height: 26px;
	left: -8px;
	top: -8px
}

.college2-con1 {
	position: relative;
	display: none
}

.college2-con1.on {
	display: block
}

.college2-con1 a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.college2-img {
	width: 100%
}

.college2-text {
	position: relative;
	height: 100%
}

.college2-ms {
	position: absolute;
	top: 34%;
	left: 0;
	width: 54.78%;
	padding: 45px 35px;
	background: url(../images/college2-ba1_03.png)no-repeat center;
	background-size: cover
}

.college2-ms h3 {
	font-size: 26px;
	line-height: 36px;
	color: #fff;
	margin-bottom: 15px
}

.college2-ms p {
	font-size: 16px;
	line-height: 26px;
	color: #fff
}

.college2-ms span {
	display: block;
	font-size: 16px;
	line-height: 48px;
	margin-top: 30px;
	color: #fff
}

.college2-dot {
	position: absolute;
	text-align: center
}

.college2-dot span {
	display: inline-block;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	color: #666;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255,255,255,0.84)
}

.college2-dot-text {
	opacity: 0;
	transition: ease .5s;
	margin-top: 15px;
	background: rgba(255,255,255,0.8);
	position: relative;
	text-align: center;
	border-radius: 5px;
	padding: 25px 25px 15px 25px
}

.college2-dot-text::before {
	position: absolute;
	content: "";
	width: 15px;
	height: 7px;
	background: url(../images/college2-bef_03.png)no-repeat center;
	top: -7px;
	left: 46%
}

.college2-dot-text img {
	display: inline-block
}

.college2-dot-text h5 {
	font-size: 16px;
	line-height: 30px;
	color: #333
}

.college2-dot:hover .college2-dot-text {
	opacity: 1
}

.college2-dot1 {
/*top:290px;*/    /* right:-125px;*/
}

.college2-dot2 {
/* top:90px;*/    /* right:-25px;*/
}

.college2-dot3 {
/* top:45px;*/    /* left:535px;*/
}

.college2-pxs {
	background: url(../images/college-pxs_03.png)no-repeat center left
}

.college2-hys {
	background: url(../images/college-hys_03.png)no-repeat center left
}

.college-twoapp {
	display: none
}

.college-three {
	background: #f6f6f6;
	padding: 80px 0
}

.college3-swiper {
	position: relative;
	padding-bottom: 50px;
	margin-top: 60px
}

.college3-swiper a {
	display: block;
	background: #fff
}

.college3-img {
	position: relative
}

.college3-img::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6) url(../images/college-bf.png)no-repeat center;
	top: 0;
	left: 0
}

.college3-zbo {
	position: absolute;
	height: 28px;
	font-size: 16px;
	line-height: 28px;
	color: #fff;
	background: rgba(0,0,0,0.45);
	border-radius: 0 0 15px 15px;
	padding: 0 15px
}

.college3-swiper a.on .college3-zbo {
	background-color: #11298b
}

.college3-img img {
	width: 100%
}

.college3-zbo {
}

.college3-text {
	font-size: 18px;
	line-height: 48px;
	color: #333;
	padding: 11px 25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.college3-swiper .swiper-pagination {
	width: 100%;
	text-align: center;
	bottom: 0
}

.college3-swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #d2d2d2;
	opacity: 1;
	margin: 0 5px
}

.college3-swiper .swiper-pagination-bullet-active {
	background-color: #11298b
}

.college-four {
	padding-top: 80px
}

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

.college4-left {
	float: left;
	width: 48.57%
}

.college4-left a {
	display: block;
	background: #f7f7f7
}

.college4-left-img {
	overflow: hidden
}

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

.college4-left:hover .college4-left-img img {
	transform: scale(1.04)
}

.college4-left-text {
	padding: 30px 20px
}

.college4-left-text span {
	display: inline-block;
	font-size: 28px;
	width: 14.5%;
	font-family: "Arial";
	line-height: 48px;
	color: #888;
	margin-top: 15px;
	float: left;
	border-right: 1px solid #dedede;
	padding-right: 20px
}

.college4-left-title {
	float: right;
	width: 82.6%
}

.college4-left-title h3 {
	font-size: 20px;
	line-height: 40px;
	color: #333;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: ease .5s
}

.college4-left:hover .college4-left-title h3 {
	color: #11298B
}

.college4-left-title p {
	font-size: 16px;
	line-height: 30px;
	color: #555;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.college4-right {
	float: right;
	width: 45.35%
}

.college4-right ul {
}

.college4-right li {
	border-bottom: 1px solid #ececec;
	padding: 39px 0 40px
}

.college4-right li:first-child {
	padding-top: 0
}

.college4-right li a {
	display: block
}

.college4-right li h5 {
	font-size: 14px;
	line-height: 28px;
	color: #888;
	margin-bottom: 18px
}

.college4-right li h5 span {
	display: inline-block;
	font-family: "Arial"
}

.college4-right li h4 {
	font-size: 20px;
	left: 48px;
	color: #333;
	margin-bottom: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: ease .5s
}

.college4-right li:hover h4 {
	color: #11298B
}

.college4-right li p {
	font-size: 16px;
	line-height: 30px;
	color: #888;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.college-five {
	padding: 80px 0
}

.college5-swiper {
	position: relative;
	padding-bottom: 50px;
	margin-top: 50px
}

.college5-swiper .swiper-pagination {
	width: 100%;
	text-align: center;
	bottom: 0
}

.college5-swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #d2d2d2;
	opacity: 1;
	margin: 0 5px
}

.college5-swiper .swiper-pagination-bullet-active {
	background-color: #11298b
}

.college5-slide {
}

.college5-img {
	overflow: hidden
}

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

.college5-slide:hover .college5-img img {
	transform: scale(1.04)
}

.college5-text {
	border: 1px solid #ebebeb;
	border-top: none;
	text-align: center;
	padding: 20px
}

.college5-text h3 {
	font-size: 20px;
	line-height: 30px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: ease .5s
}

.college5-slide:hover:hover .college5-text h3 {
	color: #11298B
}

.college5-text p {
	font-size: 16px;
	line-height: 30px;
	color: #888;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.college-six {
	padding-bottom: 80px
}

.college6-con {
}

.college6-con ul {
	margin: 50px -12px 0
}

.college6-con li {
	float: left;
	width: 33.33%;
	padding: 0 12px;
	margin-top: 20px
}

.college6-con li a {
	display: block;
	background: #f7f7f7;
	padding: 30px 25px
}

.college6-con li h3 {
	font-size: 20px;
	line-height: 30px;
	color: #333;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.college6-con li h3::before {
	position: absolute;
	content: "";
	width: 25px;
	height: 2px;
	background: #11298b;
	left: 0;
	bottom: 0
}

.college6-con li h5 {
	font-size: 14px;
	line-height: 24px;
	color: #777
}

.college6-con li h5 span {
	display: inline-block;
	font-family: "Arial"
}

.college-download {
	display: inline-block;
	transition: ease .5s;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	margin-top: 20px;
	border: 1px solid #cccccc;
	background: url(../images/college6-xiazai.png)no-repeat center right 24px;
	padding: 10px 56px 10px 18px
}

.college6-con li:hover .college-download {
	background-image: url(../images/college6-xiazai1.png);
	background-color: #11298b;
	color: #fff;
	border-color: #11298b
}

.college6-con li:hover h3 {
	color: #11298B
}
/*视频弹窗*/.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:1459px) {
	.college4-left-text span {
		width: 17.5%
	}

	.college4-left-title {
		width: 79.6%
	}

	.college4-right li {
		padding: 27px 0
	}
}

@media (max-width:1259px) {
	.msg-box {
		width: 800px;
		height: 465px;
		padding: 30px
	}

	.msg-box .close-box {
		width: 24px;
		height: 24px;
		font-size: 24px;
		top: 5px;
		right: 5px
	}

	.college4-left-text span {
		width: 23.5%
	}

	.college4-left-title {
		width: 72.6%
	}

	.college4-right li {
		padding: 15px 0
	}

	.college3-img::before {
		background-size: 45px 45px
	}
}

@media (max-width:991px) {
	.msg-box {
		width: 600px;
		height: 365px;
		left: 63%
	}

	.college4-left {
		float: none;
		width: 100%
	}

	.college4-right {
		float: none;
		width: 100%;
		margin-top: 30px
	}

	.college4-left-text span {
		width: 15.5%
	}

	.college4-left-title {
		width: 80.6%
	}
}

@media (max-width:767px) {
	.msg-box {
		width: 80%;
		left: 72%
	}

	.college-title {
		font-size: 26px;
		line-height: 40px
	}

	.college-one {
		padding: 40px 0
	}

	.college-two-bottom {
		margin-top: 40px
	}

	.college-one-p {
		font-size: 17px
	}

	.college-two-topmenu a {
		font-size: 16px;
		margin-left: 20px;
		background-size: 20px 20px
	}

	.college-three {
		padding: 40px 0
	}

	.college3-swiper {
		margin-top: 40px
	}

	.college-four {
		padding-top: 40px
	}

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

	.college3-text {
		font-size: 17px
	}

	.college3-zbo {
		font-size: 14px
	}

	.college4-left-title h3 {
		font-size: 17px
	}

	.college4-left-title p {
		font-size: 15px
	}

	.college4-right li h4 {
		font-size: 17px
	}

	.college4-right li p {
		font-size: 14px
	}

	.college-five {
		padding: 40px 0
	}

	.college5-swiper {
		margin-top: 40px
	}

	.college6-con ul {
		margin: 20px -6px 0
	}

	.college6-con li h3 {
		font-size: 18px
	}

	.college6-con li {
		width: 50%;
		padding: 0 6px;
		margin-top: 10px
	}

	.college-download {
		font-size: 14px;
		padding: 6px 50px 6px 18px;
		background: url(../images/college6-xiazai.png)no-repeat center right 16px
	}

	.college-six {
		padding-bottom: 40px
	}

	.college4-left-text span {
		font-size: 20px;
		line-height: 30px;
		width: 22.5%
	}

	.college4-left-title {
		width: 72.6%
	}

	.college4-left-text {
		padding: 20px
	}
}

@media (max-width:640px) {
	.msg-box {
		left: 114%
	}
}

@media (max-width:375px) {
	.msg-box {
		left: 124%
	}
}

@media (max-width:360px) {
	.msg-box {
		left: 129%
	}
}

@media (max-width:320px) {
	.msg-box {
		left: 144%;
		height: 300px
	}
}

.about {
}

.about-banner-slogan {
	font-size: 32px;
	line-height: 48px;
	color: #fff;
	font-weight: bold
}

.about-banner-slogan span {
	display: inline-block;
	font-family: "Arial";
	font-size: 42px
}

.about-title {
	font-size: 40px;
	line-height: 48px;
	color: #111;
	font-weight: bold;
	text-align: center
}

.about-dec {
	font-size: 18px;
	line-height: 48px;
	color: #555;
	text-align: center
}

.about-one {
	padding: 60px 0 80px
}

.about-one .about-title {
	text-align: left
}

.about-one-top {
}

.about-one-top ul {
	border-bottom: 1px solid #eee;
	padding-bottom: 45px
}

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

.about-one-top li h3 {
	font-size: 16px;
	left: 30px;
	color: #666
}

.about-one-top li h3 span {
	display: inline-block;
	font-family: 'din-l';
	font-size: 58px;
	color: #000
}

.about-one-top li h3 span.timer {
	font-size: 76px
}

.about-one-top li p {
	font-size: 18px;
	line-height: 30px;
	color: #888
}

.about-one-top li h4 {
	font-size: 40px;
	color: #000;
	font-weight: bold;
	line-height: 83px
}

.about-one-bottom {
	position: relative;
	margin-top: 80px
}

.about1-bot-img {
	float: right;
	width: 48.35%;
	right: 0;
	top: 0
}

.about1-bot-img img {
	width: 100%
}

.about-one-text {
	float: left;
	width: 45.71%;
	padding-top: 50px
}

.about1-hr {
	width: 80px;
	height: 2px;
	background: #182f8e;
	margin: 45px 0 40px
}

.about1-p {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	max-height: 390px
}

.about1-p p {
	margin-bottom: 30px
}

.about1-p p:last-child {
	margin-bottom: 0
}

.about-two {
	background: #f5f5f5;
	padding-top: 75px
}

.about2-con {
	margin-top: 40px
}

.about2-con ul {
}

.about2-con li {
	float: left;
	width: 25%;
	position: relative;
	overflow: hidden
}

.about2-con li::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	top: 0;
	left: 0;
	transition: ease .5s
}

.about2-con li::after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	background: rgba(24,47,142,0.8);
	top: 0;
	left: 0%;
	transition: ease .5s
}

.about2-con li:hover::after {
	width: 100%
}

.about2-con li img {
	width: 100%
}

.about2-li {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0 68px;
	text-align: center;
	z-index: 3
}

.about2-icon {
	width: 96px;
	height: 91px;
	margin: 0 auto
}

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

.about2-tit {
	font-size: 30px;
	left: 48px;
	font-weight: bold;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 20px
}

.about2-p {
	font-size: 16px;
	line-height: 28px;
	color: #fff
}

.about-three {
	padding: 80px 0
}

.about-three .about-title {
	text-align: left
}

.about3-left {
	float: left;
	width: 50%
}

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

.about3-img1:hover img {
	transform: scale(1.04)
}

.about3-img1 {
	display: none;
	overflow: hidden
}

.about3-img1.on {
	display: block
}

.about-three > div {
	position: relative
}

.about3-right {
	width: 46.07%;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%
}

.about3-right1 {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.about3-slogan {
	font-size: 18px;
	line-height: 34px;
	color: #333;
	font-weight: bold;
	margin-top: 35px
}

.about3-p {
	font-size: 18px;
	line-height: 34px;
	color: #666
}

.about3-menu {
	margin-top: 160px
}

.about3-menu ul {
	border-bottom: 1px solid #eee
}

.about3-menu li {
	float: left;
	width: 20%
}

.about3-menu li a {
	display: inline-block;
	font-size: 24px;
	line-height: 48px;
	color: #333
}

.about3-menu li.on a {
	color: #182f8e;
	border-bottom: 2px solid #182f8e
}

.about-four {
	padding: 221px 0;
	background-size: cover
}

.about-four .about-title {
	color: #fff;
	letter-spacing: 8px
}

.about-fiv {
	background: #f6f6f6;
	padding: 80px 0
}

.about-fiv .about-title {
	text-align: left
}

.about5-top {
	margin: 30px -15px 0
}

.about5-top li {
	float: left;
	width: 33.33%;
	padding: 0 15px;
	transition: ease .5s
}
/* .about5-top li:hover{transform:rotateY(180deg)}
*/.about5-top li:first-child {
	margin-top: 30px
}

.about5-top li:last-child {
	margin-top: 50px
}

.about5-top li > div {
	position: relative;
	transition: ease 1s;
	perspective: 1000px
}
/* .about5-top li:hover>div{transform:rotateY(180deg)}
*/.about5-top-text {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 90px 28px
}

.about5-top img {
	width: 100%
}

.about5-top-text span {
	display: block;
	font-size: 20px;
	line-height: 40px;
	color: #182f8e
}

.about5-top-text h3 {
	font-size: 30px;
	line-height: 40px;
	color: #111;
	margin-bottom: 25px
}

.about5-top-text p {
	font-size: 16px;
	line-height: 28px;
	color: #666
}

.about5-top li:nth-child(2) .about5-top-text span,.about5-top li:nth-child(2) .about5-top-text h3 {
	color: #fff
}

.about5-hide .about5-top-text h3,.about5-hide .about5-top-text p,.about5-hide .about5-top-text span {
	color: #fff
}

.about5-block {
	transform: rotateY(0);
	transition: all .5s ease-in-out 0s
}

.about5-hide {
	position: absolute;
	top: 0;
	left: 0;
	transform: rotateY(90deg);
	transition: all .5s ease-in-out 0s;
	width: 100%;
	height: 100%;
	opacity: 0
}

.about5-top li:hover .about5-block {
	transform: rotateY(-90deg)
}

.about5-top li:hover .about5-hide {
	transform: rotateY(0);
	opacity: 1
}

.about5-bot {
	margin-top: 80px
}

.about5-bot li {
	position: relative;
	background: #fff;
	margin-top: 20px
}

.about5-img {
	float: left;
	width: 50%;
	overflow: hidden
}

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

.about5-bot li:hover .about5-img img {
	transform: scale(1.04)
}

.about5-text {
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0;
	top: 0
}

.about5-text > div {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0 80px
}

.about5-text > div::before {
	position: absolute;
	content: "";
	width: 0;
	height: 10px;
	background: #182f8e;
	bottom: 0;
	left: 0;
	transition: ease .8s
}

.about5-bot li:hover .about5-text > div::before,.about5-bot li.on .about5-text > div::before {
	width: 100%
}

.about5-text span {
	display: block;
	font-size: 24px;
	line-height: 48px;
	color: #182f8e
}

.about5-text h3 {
	font-size: 36px;
	line-height: 48px;
	color: #111;
	margin-bottom: 35px
}

.about5-text p {
	font-size: 16px;
	line-height: 30px;
	color: #666
}

.about5-bot li:first-child .about5-img {
	float: right
}

.about5-bot li:first-child .about5-text {
	right: auto;
	left: 0
}
/* .about5-bot li:last-child .about5-text{border-bottom:10px solid #182f8e}
*/.about5-bot li:hover .about5-text h3 {
	color: #182f8e
}

.about-six {
	padding: 80px 0
}

.about6-swiper {
	margin-top: 50px
}

.about6-swiper li {
	margin: 0 10px;
	padding: 10px 0;
	float: left;
	_display: inline;
	text-align: center
}

.about6-swiper li .sef-pic {
	width: 200px;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,0.08);
	overflow: hidden
}

.about6-swiper li .sef-pic img {
	display: block;
	width: 100%;
	transition: all .5s
}

.about6-swiper li:hover .sef-pic img {
	transform: scale(1.05)
}

.about-seven {
	background: #fafafa;
	padding: 100px 0 80px
}

.about7-top {
}

.about7-top .about-title {
	float: left;
	text-align: left
}

.about7-menu {
	float: right
}

.about7-menu a {
	display: inline-block;
	font-size: 20px;
	line-height: 48px;
	color: #333;
	border: 1px solid #dbdbdb;
	padding: 0 20px;
	margin: 0 10px
}

.about7-menu a.on {
	color: #fff;
	border-color: #11298B;
	background: #11298B
}

.about7-menu a:last-child {
	margin-right: 0
}

.about7-swiper {
	margin-top: 80px
}

.about7-swiper1 {
	position: relative
}

.about7-img {
	position: relative;
	display: block
}

.about7-img::before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6)
}

.about7-img img {
	width: 100%
}

.about7-text {
	display: none;
	font-size: 16px;
	line-height: 30px;
	color: #11298b;
	font-weight: bold;
	text-align: center;
	margin-top: 20px
}

.about7-swiper1 .swiper-slide-active .about7-text {
	display: block
}

.about7-swiper1 .swiper-button-prev,.about7-swiper1 .swiper-button-next {
	top: 37%;
	background: url(../images/about7-left.png)no-repeat center;
	opacity: 1;
	transition: ease .5s
}

.about7-swiper1 .swiper-button-prev:hover,.about7-swiper1 .swiper-button-next:hover {
	background-image: url(../images/about7-left1.png)
}

.about7-swiper1 .swiper-button-next {
	transform: rotate(180deg);
	right: -30px
}

.about7-swiper1 .swiper-button-prev {
	left: -30px
}

.about7-swiper1 .swiper-pagination {
	width: 100%;
	text-align: center;
	display: none
}
/* .about7-swiper1{display:none}
*/.about7-swiper1.on {
	display: block
}

.about-eight {
	padding: 80px 0
}

.about-video {
	overflow: hidden;
	position: relative;
	margin-top: 40px
}

.about-video::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4) url(../images/college-bf.png)no-repeat center;
	z-index: 3
}

.about-video img {
	display: block;
	width: 100%;
	opacity: 1;
	position: relative;
	z-index: 2
}

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

@media (max-width:1679px) {
	.about1-p {
		max-height: 350px
	}
}

@media (max-width:1459px) {
	.about1-p {
		max-height: 265px
	}
}

@media (max-width:1259px) {
	.about-title {
		font-size: 36px
	}

	.about-one-text {
		padding-top: 0
	}

	.about-one-top li p {
		font-size: 17px
	}

	.about2-icon {
		width: 80px;
		height: 78px
	}

	.about2-tit {
		font-size: 24px;
		margin-top: 18px
	}

	.about3-menu {
		margin-top: 20px
	}

	.about3-menu li {
		width: 25%
	}

	.about-four {
		padding: 180px 0
	}

	.about5-top-text h3 {
		font-size: 24px
	}

	.about5-top-text {
		padding: 50px 28px
	}

	.about5-text h3 {
		font-size: 28px
	}

	.about2-li {
		padding: 0 30px
	}

	.about1-p {
		max-height: 235px
	}

	.about-one-top li h3 span.timer {
		font-size: 60px
	}

	.about-one-top li h4 {
		font-size: 34px;
		line-height: 66px
	}
}

@media (max-width:991px) {
	.about-one-top li h3 span.timer,.about-one-top li h3 span {
		font-size: 40px
	}

	.about-one-top li p {
		font-size: 16px
	}

	.about-one-top li h4 {
		font-size: 30px;
		line-height: 44px
	}

	.about-one-top ul {
		padding-bottom: 30px
	}

	.about1-bot-img {
		float: none;
		width: 100%
	}

	.about-one-text {
		float: none;
		width: 100%;
		margin-top: 30px
	}

	.about1-p {
		max-height: none
	}

	.about1-hr {
		margin: 25px 0
	}

	.about2-con li {
		width: 50%
	}

	.about3-left {
		float: none;
		width: 100%
	}

	.about3-right {
		position: static;
		width: 100%;
		margin-top: 30px
	}

	.about-four {
		padding: 120px 0
	}

	.about5-top li {
		width: 50%
	}

	.about5-top li:first-child {
		margin-top: 0
	}

	.about5-top li:last-child {
		transform: translateX(50%);
		margin-top: 20px
	}

	.about5-img,.about5-bot li:first-child .about5-img {
		float: none;
		width: 100%
	}

	.about5-text {
		position: static;
		width: 100%
	}

	.about5-text > div {
		position: relative;
		width: 100%;
		height: 100%;
		padding: 0 80px
	}

	.about5-text {
		position: static;
		width: 100%
	}

	.about5-text > div {
		padding: 40px
	}

	.about-one-top li {
		width: 33.33%;
		margin-bottom: 20px
	}

	.about-one-top li:nth-child(4),.about-one-top li:nth-child(5) {
		transform: translateX(50%)
	}
}

@media (max-width:767px) {
	.about-one {
		padding: 40px 0
	}

	.about6-swiper li .sef-pic {
		width: 100px
	}

	.about-one-top li h4 {
		font-size: 18px;
		line-height: 34px
	}

	.about-one-top li {
		width: 50%
	}

	.about-one-top li:nth-child(4) {
		transform: none
	}

	.about-one-top li h3 span.timer,.about-one-top li h3 span {
		font-size: 30px
	}

	.about-one-top li:nth-child(5) {
		transform: translateX(-50%)
	}

	.about-one-top ul {
		padding-bottom: 0
	}

	.about-one-top li p {
		font-size: 15px
	}

	.about-one-bottom {
		margin-top: 40px
	}

	.about-title {
		font-size: 24px;
		line-height: 34px
	}

	.about1-hr {
		margin: 15px 0
	}

	.about1-p p {
		margin-bottom: 15px
	}

	.about1-p {
		text-align: justify;
		font-size: 15px
	}

	.about-two {
		padding-top: 40px
	}

	.about2-con li {
		width: 100%
	}

	.about2-tit {
		font-size: 20px
	}

	.about3-p {
		font-size: 16px;
		line-height: 30px;
		text-align: justify
	}

	.about3-slogan {
		margin-top: 10px
	}

	.about3-menu li a {
		font-size: 17px;
		line-height: 34px
	}

	.about-three,.about-fiv,.about-six,.about-seven,.about-eight {
		padding: 40px 0
	}

	.about5-top li {
		float: none;
		width: 100%;
		margin-top: 20px
	}

	.about5-top-text span {
		font-size: 16px
	}

	.about5-top-text h3 {
		font-size: 18px
	}

	.about5-top li:last-child {
		transform: none
	}

	.about-four {
		padding: 40px 0
	}

	.about5-bot {
		margin-top: 40px
	}

	.about5-text h3 {
		font-size: 20px;
		line-height: 34px;
		margin-bottom: 15px
	}

	.about5-text span {
		font-size: 18px;
		line-height: 30px
	}

	.about7-menu,.about7-top .about-title {
		float: none;
		width: 100%
	}

	.about7-menu {
		margin: 20px 0
	}

	.about7-menu a {
		font-size: 15px;
		line-height: 34px;
		padding: 2px 10px
	}

	.about7-swiper {
		margin-top: 20px;
		padding: 0 30px
	}

	.about7-swiper1 .swiper-button-prev,.about7-swiper1 .swiper-button-next {
		top: 40% !important;
		background-size: 16px 30px !important;
		width: 16px !important;
		height: 30px !important
	}

	.about7-text {
		line-height: 30px;
		margin-top: 15px
	}

	.about-video::before {
		background-size: 45px 45px
	}
}

@media (max-width:320px) {
	.about-one-top li p {
		height: 60px
	}
}/* =================solutioninfo================== */@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0,0,1,15deg);
		transform: rotate3d(0,0,1,15deg)
	}

	40% {
		-webkit-transform: rotate3d(0,0,1,-10deg);
		transform: rotate3d(0,0,1,-10deg)
	}

	60% {
		-webkit-transform: rotate3d(0,0,1,5deg);
		transform: rotate3d(0,0,1,5deg)
	}

	80% {
		-webkit-transform: rotate3d(0,0,1,-5deg);
		transform: rotate3d(0,0,1,-5deg)
	}

	to {
		-webkit-transform: rotate3d(0,0,1,0deg);
		transform: rotate3d(0,0,1,0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0,0,1,15deg);
		transform: rotate3d(0,0,1,15deg)
	}

	40% {
		-webkit-transform: rotate3d(0,0,1,-10deg);
		transform: rotate3d(0,0,1,-10deg)
	}

	60% {
		-webkit-transform: rotate3d(0,0,1,5deg);
		transform: rotate3d(0,0,1,5deg)
	}

	80% {
		-webkit-transform: rotate3d(0,0,1,-5deg);
		transform: rotate3d(0,0,1,-5deg)
	}

	to {
		-webkit-transform: rotate3d(0,0,1,0deg);
		transform: rotate3d(0,0,1,0deg)
	}
}

.solutioninfo {
}

.solution-more {
	display: block;
	position: relative;
	margin: 0 auto;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	transition: ease .5s;
	background: #11298b;
	width: 208px;
	height: 50px;
	text-align: center;
	padding: 10px 0;
	margin-top: 20px
}

.solution-more i {
	margin-left: 15px
}

.solution-more span {
	display: block;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	background: #11298b;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 10px 0
}

.solution-more span:first-child {
	transform: translate3d(0,0,30px);
	-webkit-transform: translate3d(0,0,30px)
}

.solution-more span:last-child {
	transform: rotateX(90deg) translate3d(0,0,30px);
	-webkit-transform: rotateX(90deg) translate3d(0,0,30px)
}

.solution-more.solutionban-more {
	margin: 20px 0 0 0
}

.solutioninfo-title {
	font-size: 40px;
	line-height: 48px;
	color: #111;
	text-align: center;
	font-weight: bold
}

.solutioninfo-dec {
	font-size: 18px;
	line-height: 32px;
	color: #333;
	text-align: center;
	margin-top: 5px
}

.solutioninfo-one {
	background: #f7f7f7;
	padding: 80px 0
}

.solutioninfo-one .solutioninfo-title {
	font-weight: normal;
	color: #333
}

.solution-more:hover {
	transform: rotateX(-90deg)
}

.solutioninfo-one-con {
	position: relative;
	margin-top: 80px
}

.solutioninfo1-li {
	position: absolute
}

.solutioninfo1-li1 {
	top: 0;
	left: 208px
}

.solutioninfo1-li2 {
	top: 10px;
	right: 230px
}

.solutioninfo1-li3 {
	top: 124px;
	left: 382px
}

.solutioninfo1-li4 {
	position: static;
	margin-left: 80px;
	margin-top: 260px;
	float: left
}

.solutioninfo1-li5 {
	top: 255px;
	right: 210px
}

.solutioninfo1-icon {
	float: left;
	display: inline-block;
	width: 67px;
	height: 67px
}

.solutioninfo1-icon img {
	width: 100%
}

.solutioninfo1-text {
	float: right;
	background: url(../images/solutioninfo1-bef_03.png)no-repeat top 10px left 13px;
	border-radius: 3px;
	padding-left: 22px
}

.solutioninfo1-text h3 {
	font-size: 20px;
	line-height: 30px;
	color: #333;
	background: #fff;
	border-radius: 3px;
	padding: 18px 35px
}

.solutioninfo-one .solution-more {
	margin-top: 60px
}

.solutioninfo-two {
	padding: 80px 0
}

.solutioninfo-two ul {
}
/* .solutioninfo-two li{float:left;width:50%;padding-right:30px;margin-top:60px;position:relative}
*//* .solutioninfo-two li:nth-child(even){float:right;padding-left:30px;padding-right:0}
.soluinfo2-tit{border-radius:50%;width:130px;height:130px;float:left;width:19.5%}
.soluinfo2-tit img{display:none}
.soluinfo2-tit h3{border-radius:50%;width:100%;height:100%;font-size:24px;color:#fff;text-align:center;line-height:130px;background:#11298b}
.soluinfo2-tit h3.soluinfo2-tit-per{background-color:#423994}
.soluinfo2-text{float:right;width:74%;position:absolute;height:100%;right:0}
.soluinfo2-text span{display:block;font-family:'brant-ri';font-size:30px;line-height:36px;color:#b7b7b7}
.soluinfo2-text p{font-size:18px;line-height:32px;color:#444}
.solutioninfo-two li:nth-child(odd) .soluinfo2-tit{float:right}
.solutioninfo-two li:nth-child(odd) .soluinfo2-text{float:left;text-align:right;right:auto;left:0}
.solutioninfo-two li.on .soluinfo2-tit img{display:block}
.solutioninfo-two li.on .soluinfo2-tit h3{background:none !important;position:absolute}
.solutioninfo-two li.on .soluinfo2-tit{width:278px;height:278px}
.solutioninfo-two li.on .soluinfo2-text{width:54%}
*/.soluinfo2-con {
}

.soluinfo2-ul {
	position: relative;
	width: 100%;
	background: url(../images/soluinfo2-ba1_03.png)no-repeat center;
	height: 606px;
	margin-top: 80px
}

.soluinfo2-ul li {
	position: absolute;
	width: 16.66%;
	height: 312px
}

.soluinfo2-icon {
	width: 193px;
	height: 174px;
	margin: 0 auto;
	transition: ease .5s;
	position: relative
}

.soluinfo2-icon span {
	display: block;
	position: absolute;
	font-size: 60px;
	line-height: 60px;
	color: rgba(17,41,139,0.5);
	font-family: 'din-r';
	top: 0;
	right: -25px;
	letter-spacing: 3px
}

.soluinfo2-ul li:hover .soluinfo2-icon {
	transform: translateY(-10px)
}

.soluinfo2-icon img {
	width: 100%
}

.soluinfo2-ul li > div {
	position: relative;
	height: 100%
}

.soluinfo2-txt {
	width: 100%;
	text-align: center;
	margin-top: 20px
}

.soluinfo2-txt h3 {
	font-size: 22px;
	line-height: 30px;
	color: #333
}

.soluinfo2-txt p {
	font-size: 16px;
	line-height: 26px;
	color: #666
}

.soluinfo2-ul li.soluinfo2-bottom1 {
	top: 320px;
	left: 225px
}

.soluinfo2-ul li.soluinfo2-bottom2 {
	top: 320px;
	left: 700px
}

.soluinfo2-ul li.soluinfo2-top1 {
	position: static
}

.soluinfo2-ul li.soluinfo2-top2 {
	top: 0px;
	left: 475px
}

.soluinfo2-ul li.soluinfo2-top3 {
	top: 0;
	right: 220px
}

.soluinfo2-ul li.soluinfo2-bottom3 {
	top: 320px;
	right: 0
}
/* .soluinfo2-ul li.soluinfo2-top3 .soluinfo2-txt{padding-right:0}
*/.solutioninfo-three {
	background: #f7f7f7;
	padding: 80px 0
}

.solutioninfo-three ul {
}

.solutioninfo-three li {
	float: left;
	position: relative;
	width: 20%;
	margin-top: 70px
}

.solutioninfo-three li.soluinfo3-zw > div {
	overflow: visible
}

.solutioninfo-three li.soluinfo3-zw {
	overflow: visible
}

.solutioninfo-three li > div {
	position: relative
}

.solutioninfo-three li.soluinfo3-right {
	float: right
}

.soluinfo3-icon {
	width: 90px;
	height: 90px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

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

.solutioninfo-three li:hover .soluinfo3-icon {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

.soluinfo3-tit {
	font-size: 18px;
	color: #333;
	line-height: 32px;
	margin-top: 60px
}

.soluinfo2-bef {
	position: absolute;
	left: 20px;
	bottom: 45px
}

.solutioninfo-three li.soluinfo3-zw .soluinfo2-bef {
	bottom: auto;
	top: 112px
}

.soluinfo2-bef img {
}

.solutioninfo-three .solution-more {
	margin-top: 30px
}

.solutioninfo-four {
	padding: 80px 0 70px
}

.soluinfo4-con {
	position: relative;
	margin-top: 40px
}

.soluinfo4-menu {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 12.72%
}

.soluinfo4-menu a {
	float: right;
	text-align: center;
	transition: ease .5s;
	display: block;
	height: 25%;
	width: 100%;
	font-size: 24px;
	line-height: 48px;
	color: rgba(255,255,255,0.5);
	background: rgba(17,41,139,0.8);
	padding: 41px;
	border-bottom: 1px solid rgba(255,255,255,0.3)
}

.soluinfo4-menu a:last-child {
	border-bottom: none
}

.soluinfo4-menu a.on {
	color: #fff;
	padding-left: 69px;
	padding-right: 40px;
	width: 116.8%
}

.soluinfo4-img {
}

.soluinfo4-img1 {
	display: none
}

.soluinfo4-img1.on {
	display: block
}

.soluinfo4-img1 img {
	width: 100%
}

.solutioninfo-four .solution-more,.solutioninfo-fiv .solution-more {
	margin-top: 40px
}

.solutioninfo-fiv {
	background: #f6f6f6;
	padding: 80px 0
}

.soluinfo5-con {
	margin-top: 40px
}

.soluinfo5-swiper {
	position: relative
}

.soluinfo5-swiper .swiper-pagination {
	width: 100%;
	text-align: center;
	display: none;
	margin-top: 30px;
	left: 0
}

.soluinfo5-swiper .swiper-pagination-bullet {
	margin: 0 5px
}

.soluinfo5-swiper .swiper-pagination-bullet-active {
	background-color: #fff
}

.soluinfo5-swiper .swiper-button-prev,.soluinfo5-swiper .swiper-button-next {
	width: 20px;
	height: 38px;
	transition: ease .5s;
	background: url(../images/about7-left.png)no-repeat center;
	opacity: 1
}

.soluinfo5-swiper .swiper-button-next {
	transform: rotate(180deg);
	right: -80px
}

.soluinfo5-swiper .swiper-button-prev {
	left: -80px
}

.soluinfo5-swiper .swiper-button-prev:hover,.soluinfo5-swiper .swiper-button-next:hover {
	background-image: url(../images/about7-left1.png)
}

.soluinfo5-silde {
	position: relative;
	display: block
}

.soluinfo5-img {
	overflow: hidden
}

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

.soluinfo5-silde:hover .soluinfo5-img img {
	transform: scale(1.04)
}

.soluinfo5-text {
	font-size: 20px;
	color: #444;
	line-height: 48px;
	padding: 0 10px 10px;
	text-align: center;
	width: 100%;
/* position:absolute;*/
	bottom: 0;
	left: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.solutioninfo-six {
	padding: 80px 0
}

.soluinfo6-con {
	margin-top: 40px
}

.soluinfo6-con ul {
	position: relative;
	width: 100%;
	overflow: hidden
}

.soluinfo6-con li {
	float: left;
	width: 14.06%;
	transition: ease .5s;
	position: relative;
	height: 548px
}

.soluinfo6-con li:last-child {
	border: none
}

.soluinfo6-con li.on {
	width: 43.75%
}

.soluinfo6-con li img {
	height: 100%;
	display: block
}

.soluinfo6-con li.on img {
	width: 100%
}

.soluinfo6-txt {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 40px;
	text-align: center
}

.soluinfo6-txt > div {
	width: 100%;
	height: 100%
}

.soluinfo6-txt span {
	display: block;
	font-family: 'brant-m';
	font-size: 100px;
	color: rgba(255,255,255,0.1);
	margin-bottom: -60px;
	margin-left: 32px
}

.soluinfo6-txt h3 {
	font-size: 24px;
	line-height: 48px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px
}

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

.soluinfo6-con li.on .soluinfo6-txt {
	padding: 0 125px;
	text-align: left
}

.soluinfo6-appcon {
	position: relative;
	display: none;
	margin-top: 40px
}

.soluinfo6-li {
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-repeat: no-repeat !important
}

.soluinfo6-appcon .swiper-pagination {
	width: 100%;
	margin-top: 30px
}

.soluinfo6-appcon .swiper-pagination-bullet {
	margin: 0 5px
}

.solutioninfo-seven {
	padding: 80px 0
}

.soluinfo7-con {
	margin-top: 40px
}

.soluinfo7-con ul {
	margin: 0 -24px
}

.soluinfo7-con li {
	float: left;
	width: 33.33%;
	padding: 0 24px
}

.soluinfo7-con li a {
	display: block
}

.soluinfo7-img {
	overflow: hidden
}

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

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

.soluinfo7-text {
	padding: 25px 0 0 0
}

.soluinfo7-text h4 {
	font-size: 22px;
	line-height: 30px;
	color: #333;
	margin-bottom: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.soluinfo7-text p {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.soluinfo7-con li:hover .soluinfo7-text h4 {
	color: #11298B
}

.solutioninfo-seven .solution-more {
	margin-top: 40px
}

.solutioninfo-eight {
	background: #f5f5f5;
	padding: 80px 0 60px;
	text-align: center
}

.soluinfo8-con {
}

.soluinfo8-h1 {
}

.soluinfo8-h1 img {
	display: inline-block;
	margin-top: -7px;
	margin-right: 5px
}

.soluinfo8-h1 span {
	display: inline-block;
	font-size: 24px;
	color: #000
}

.soluinfo8-h2 {
	font-size: 32px;
	color: #000;
	margin-top: 20px
}

.soluinfo8-h2 span {
	display: inline-block
}

.soluinfo8-phone {
	position: relative;
	display: inline-block;
	font-family: 'brant-b';
	font-size: 52px;
	color: #11298b;
/* background:url(../images/soluinfo8-phone.png)no-repeat left top 5px;*/    /* padding-left:70px;*/
	margin-left: 25px;
	padding-right: 105px;
	margin-right: 15px;
	margin-top: 0
}

.soluinfo8-phone::before {
	position: absolute;
	content: "";
	width: 80px;
	height: 2px;
	background: #a7a7a7;
	right: 0;
	top: 50%
}

@media (max-width:1680px) {
	.soluinfo5-swiper {
		padding: 0 80px
	}

	.soluinfo5-swiper .swiper-button-next {
		right: 0
	}

	.soluinfo5-swiper .swiper-button-prev {
		left: 0
	}
}

@media (max-width:1459px) {
	.solutioninfo1-li1 {
		left: 10px
	}

	.solutioninfo1-li2 {
		right: 200px
	}

	.solutioninfo1-li3 {
		left: 300px
	}

	.solutioninfo1-li4 {
		margin-left: 50px
	}

	.solutioninfo1-li5 {
		right: 150px
	}

	.soluinfo4-menu a.on {
		padding: 30px 0
	}

	.soluinfo4-menu a {
		padding: 30px 20px
	}

	.soluinfo6-txt {
		padding: 0 20px
	}

	.soluinfo6-con li.on .soluinfo6-txt {
		padding: 0 100px
	}

	.soluinfo6-txt span {
		font-size: 80px
	}

	.soluinfo6-con li {
		height: 409px
	}

	.soluinfo2-ul li.soluinfo2-bottom1 {
		top: 360px;
		left: 190px
	}

	.soluinfo2-ul li.soluinfo2-top2 {
		left: 382px;
		top: -30px
	}

	.soluinfo2-ul li.soluinfo2-bottom2 {
		top: 360px;
		left: 600px
	}

	.soluinfo2-ul li.soluinfo2-top3 {
		right: 200px;
		top: -30px
	}

	.soluinfo2-ul li.soluinfo2-bottom3 {
		top: 360px;
		right: 0px
	}

	.soluinfo2-ul li {
		height: 328px
	}

	.soluinfo2-ul {
		height: 656px;
		background-size: 100% 150%;
		margin-top: 110px
	}

	.soluinfo2-ul li.soluinfo2-top1 {
		margin-top: -30px
	}
}

@media (max-width:1259px) {
	.solutioninfo1-li1 {
		left: 0
	}

	.solutioninfo1-li2 {
		right: 50px
	}

	.solutioninfo1-li4 {
		margin-left: 30px
	}

	.solutioninfo1-li5 {
		right: 0
	}

	.soluinfo4-menu a {
		font-size: 20px;
		line-height: 36px
	}

	.soluinfo4-menu {
		width: 16.72%
	}

	.soluinfo4-menu a {
		padding: 25px 0
	}

	.soluinfo7-con li {
		padding: 0 10px
	}

	.soluinfo7-con ul {
		margin: 0 -10px
	}

	.soluinfo5-swiper {
		padding: 0 50px
	}

	.solutioninfo-three li.soluinfo3-zw .soluinfo2-bef {
		display: none
	}

	.soluinfo8-h2 {
		font-size: 24px
	}

	.soluinfo8-phone {
		font-size: 40px;
		padding-bottom: 10px
	}

	.soluinfo6-con li {
		height: 345px
	}

	.soluinfo6-txt p {
		display: none
	}

	.soluinfo6-con li.on .soluinfo6-txt p {
		display: block
	}

	.soluinfo6-con li.on .soluinfo6-txt {
		padding: 0 30px
	}

	.soluinfo2-icon {
		width: 160px;
		height: 144px
	}

	.soluinfo2-ul li.soluinfo2-top1 {
		margin-top: 0px
	}

	.soluinfo2-ul li.soluinfo2-bottom1 {
		top: 348px;
		left: 150px
	}

	.soluinfo2-ul li.soluinfo2-top2 {
		left: 312px;
		top: 0px
	}

	.soluinfo2-ul li.soluinfo2-bottom2 {
		top: 348px;
		left: 470px
	}

	.soluinfo2-ul li.soluinfo2-top3 {
		right: 156px;
		top: 0px
	}

	.soluinfo2-ul li.soluinfo2-bottom3 {
		top: 348px;
		right: 0px
	}

	.soluinfo2-ul {
		height: 656px;
		background-size: 100% 100%;
		margin-top: 80px
	}
}

@media (max-width:991px) {
	.solutioninfo-title {
		font-size: 34px
	}

	.solutioninfo1-text h3 {
		padding: 15px 20px
	}

	.solutioninfo1-li {
		display: inline-block
	}

	.solutioninfo1-icon {
		width: 50px;
		height: 50px
	}

	.solutioninfo1-text {
		float: left
	}

	.solutioninfo1-li2 {
		right: 0;
		top: 60px
	}

	.solutioninfo1-li3 {
		left: 100px;
		top: 145px
	}

	.solutioninfo1-li4 {
		margin-top: 350px
	}

	.soluinfo4-menu {
		position: static;
		width: 100%
	}

	.soluinfo4-menu a {
		width: 25%
	}

	.soluinfo4-menu a.on {
		padding: 25px 0;
		width: 25%
	}

	.soluinfo6-txt {
		position: static
	}

	.soluinfo6-txt p {
		font-size: 16px;
		display: block
	}

	.soluinfo6-con li {
		height: 256px
	}

	.soluinfo6-li {
		height: 400px
	}

	.soluinfo6-appcon {
		display: block
	}

	.soluinfo6-con {
		display: none
	}

	.solutioninfo-two ul {
		background: none;
		height: auto
	}

	.soluinfo2-ul li {
		position: static;
		width: 33.33%;
		float: left;
		height: auto;
		margin-top: 30px;
		padding: 0 10px
	}

	.soluinfo2-ul li.soluinfo2-top1 {
		margin-top: 30px
	}

	.soluinfo2-icon {
		width: 120px;
		height: 108px
	}

	.soluinfo2-icon span {
		font-size: 48px
	}
}

@media (max-width:767px) {
	.soluinfo5-swiper .swiper-button-prev,.soluinfo5-swiper .swiper-button-next {
		display: none
	}

	.soluinfo5-swiper .swiper-pagination {
		display: block;
		margin-top: 20px
	}

	.solutioninfo1-li2 {
		top: 70px
	}

	.solutioninfo1-text h3 {
		font-size: 16px;
		padding: 10px 20px
	}

	.solution-more {
		width: 160px;
		height: 40px
	}

	.solution-more span {
		padding: 8px 0;
		line-height: 26px;
		font-size: 15px
	}

	.solutioninfo-title {
		font-size: 23px;
		line-height: 36px
	}

	.solutioninfo-dec {
		font-size: 17px
	}

	.solutioninfo-one,.solutioninfo-three,.solutioninfo-four,.solutioninfo-fiv {
		padding: 40px 0
	}

	.solutioninfo-one-con {
		margin-top: 30px
	}

	.soluinfo6-li {
		height: 320px
	}

	.soluinfo3-icon {
		width: 60px;
		height: 60px
	}

	.soluinfo3-tit {
		font-size: 16px
	}

	.solutioninfo-three li {
		margin-top: 30px
	}

	.soluinfo5-con {
		margin-top: 30px
	}

	.soluinfo5-text {
		font-size: 17px;
		line-height: 32px
	}

	.soluinfo5-swiper {
		padding: 0 0 40px 0
	}

	.solutioninfo-four .solution-more,.solutioninfo-fiv .solution-more {
		margin-top: 30px
	}

	.soluinfo4-menu a,.soluinfo4-menu a.on {
		padding: 15px 0;
		font-size: 18px
	}

	.soluinfo6-appcon,.soluinfo7-con {
		margin-top: 30px
	}

	.solutioninfo-six {
		padding: 40px 0 80px
	}

	.solutioninfo-seven {
		padding: 0px 0 40px
	}

	.soluinfo8-h1 span {
		font-size: 20px
	}

	.soluinfo8-h2 {
		font-size: 22px;
		line-height: 36px
	}

	.soluinfo8-phone {
		background-size: 30px 30px;
		font-size: 30px;
		padding-left: 40px;
		padding-right: 60px;
		padding-bottom: 0;
		margin: 0 15px
	}

	.soluinfo8-phone::before {
		width: 50px;
		top: 50%
	}

	.soluinfo6-txt h3 {
		font-size: 20px;
		line-height: 30px
	}

	.solutioninfo-one .solution-more {
		margin-top: 20px
	}

	.soluinfo7-text h4 {
		font-size: 18px;
		margin-bottom: 0
	}

	.solutioninfo-eight {
		padding: 60px 0
	}

	.soluinfo2-txt h3 {
		font-size: 18px
	}

	.soluinfo2-txt {
		margin-top: 10px
	}

	.solutioninfo-two ul {
		margin-top: 20px
	}

	.soluinfo2-icon span {
		font-size: 38px
	}

	.soluinfo2-ul li {
		width: 50%
	}

	.soluinfo2-txt p {
		min-height: 78px
	}

	.solutioninfo-two {
		padding: 40px 0
	}

	.soluinfo6-txt span {
		font-size: 46px;
		margin: 0
	}
}

@media (max-width:640px) {
	.soluinfo2-bef {
		display: none
	}

	.soluinfo3-tit {
		margin-top: 10px;
		text-align: center
	}

	.soluinfo3-icon {
		margin: 0 auto;
		width: 55px;
		height: 55px
	}

	.solutioninfo-three li {
		width: 33.33%
	}

	.solutioninfo-three li.soluinfo3-right {
		float: left
	}

	.soluinfo4-menu a,.soluinfo4-menu a.on {
		font-size: 16px;
		line-height: 30px
	}

	.soluinfo7-con li {
		width: 50%;
		margin-bottom: 20px
	}

	.soluinfo7-text p {
		height: 60px
	}

	.soluinfo7-text {
		padding-top: 10px
	}

	.solutioninfo-seven .solution-more {
		margin-top: 20px
	}

	.solutioninfo1-li {
		position: static;
		margin-bottom: 20px
	}

	.solutioninfo1-text {
		float: none;
		margin-left: 50px
	}

	.solutioninfo1-li4 {
		margin-top: 0;
		margin-left: 0
	}

	.soluinfo8-h1 img {
		margin-top: 0
	}

	.soluinfo8-h1 span {
		font-size: 18px;
		margin-top: 15px
	}

	.soluinfo8-h2 {
		font-size: 19px;
		line-height: 32px;
		margin-top: 10px
	}

	.soluinfo8-phone {
		background-size: 20px 20px;
		font-size: 22px;
		padding-left: 28px;
		padding-right: 55px
	}

	.solutioninfo-eight {
		padding: 40px 0
	}

	.soluinfo2-ul li {
		width: 100%;
		float: none
	}

	.solutioninfo-two ul {
		margin-top: 10px
	}

	.soluinfo2-txt p {
		min-height: auto
	}
}/* =================proinfo================== */.proinfo {
}

.proinfo-one {
	background: #f5f5f5;
	padding: 65px 0 80px
}

.proinfo1-tit {
	font-size: 32px;
	line-height: 40px;
	color: #111;
	font-weight: bold;
	text-align: center
}

.proinfo1-tit span {
	display: inline-block;
	font-family: "Arial"
}

.proinfo1-con {
	background: #fff;
	margin-top: 40px
}
/* .proinfo1-con::before{position:absolute;content:"";width:1px;height:100%;background:#eaeaea;top:0;left:50%}
*/.proinfo1-left {
	float: left;
	width: 50%;
	padding: 65px 95px 40px 105px;
	border-right: 1px solid #eaeaea
}

.proinfo1-right {
	float: right;
	width: 50%;
	padding: 65px 70px
}

.proinfo1-text {
}

.proinfo1-text > div {
}

.proinfo1-text h3 {
	font-size: 28px;
	line-height: 38px;
	color: #333;
	margin-bottom: 20px
}

.proinfo1-text p {
	font-size: 16px;
	line-height: 28px;
	color: #666;
	height: 200px
}

.proinfo1-text .solution-more {
	margin: 0;
	margin-top: 30px
}

.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: 10px;
	margin-right: -15px
}

.spec-scroll .prev {
	left: 0px;
	text-align: left
}

.spec-scroll .next {
	right: 0px;
	text-align: right
}

.spec-scroll .prev,.spec-scroll .next {
	opacity: 0;
	z-index: 3;
	font-weight: bold;
	position: absolute;
	top: 0;
	width: 28px;
	height: 63px;
	cursor: pointer;
	line-height: 63px;
	font-size: 20px;
	color: #999;
	font-weight: lighter
}

.spec-scroll:hover .prev,.spec-scroll:hover .next {
	opacity: 1
}

.spec-scroll .prev:hover,.spec-scroll .next:hover {
	color: #000
}

.spec-scroll .items {
	width: 65%;
	height: 63px;
	overflow: hidden;
	position: relative;
	margin: 0 auto
}

.spec-scroll .items ul {
	overflow: hidden;
	margin: 0 auto;
	position: absolute
}

.spec-scroll .items ul li {
	width: 63px;
	height: 63px;
	margin-right: 16px;
	float: left;
	padding: 5px;
	border: 1px solid #e5e5e5
}

.spec-scroll .items ul li.hover {
	border-color: #11298B
}

.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: #11298b;
}

.proinfo-two {
	padding: 80px 0
}

.proinfo2-con {
}

.proinfo2-menu {
	border-bottom: 1px solid #e2e2e2;
	overflow-x: auto;
	white-space: nowrap
}

.proinfo2-menu::-webkit-scrollbar {
	height: 2px;
	background-color: #f5f5f5
}

.proinfo2-menu::-webkit-scrollbar-thumb {
	background-color: #f5f5f5;
	border-radius: 10px
}

.proinfo2-menu a {
	display: inline-block;
	font-size: 22px;
	line-height: 30px;
	color: #333;
	position: relative;
	padding-bottom: 10px;
	margin-right: 70px
}

.proinfo2-menu a:last-child {
	margin-right: 0
}

.proinfo2-menu a::before {
	position: absolute;
	content: "";
	width: 0;
	height: 3px;
	background: #11298b;
	left: 0;
	bottom: 0;
	transition: ease .5s
}

.proinfo2-menu a:hover::before,.proinfo2-menu a.on::before {
	width: 100%
}

.proinfo2-menu a.on {
}

.proinfo2-text {
	margin-top: 20px;
	padding-bottom: 50px
}

.proinfo2-text1 {
	display: none
}

.proinfo2-text1.on {
	display: block
}

.proinfo2-text1 p {
	font-size: 16px;
	line-height: 32px;
	color: #666
}

.proinfo2-page {
	text-align: center;
	position: relative;
	background: #f5f5f5;
	padding: 30px 40px
}

.proinfo2-page a {
	display: inline-block;
	transition: ease .5s;
	font-size: 16px;
	line-height: 32px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 33%;
	top: 40px
}

.proinfo2-page a span {
	display: inline-block;
	color: #666
}

.proinfo2-page a:hover,.proinfo2-page a:hover span {
	color: #11298B
}

.proinfo2-page-l {
	color: #333;
	position: absolute;
	left: 40px
}

.proinfo2-page-c {
	color: #11298b;
	border: 1px solid #11298B;
	padding: 8px 47px
}

.proinfo2-page-c i {
	margin-left: 10px
}

.proinfo2-page a.proinfo2-page-c:hover {
	color: #fff;
	background: #11298B
}

.proinfo2-page-r {
	color: #333;
	position: absolute;
	right: 40px
}

.proinfo-three {
	padding-bottom: 70px
}

.proinfo3-tit {
	font-size: 30px;
	line-height: 48px;
	color: #222;
	margin-bottom: 20px
}

.proinfo3-ul {
	margin: 0 -8px
}

.proinfo3-ul li {
	float: left;
	width: 25%;
	padding: 0 8px
}

.proinfo3-ul li a {
	display: block
}

.proinfo3-img {
	overflow: hidden;
	border: 1px solid #dcdcdc
}

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

.proinfo3-h3 {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.proinfo3-ul li:hover .proinfo3-img img {
	transform: scale(1.04)
}

.proinfo3-ul li:hover .proinfo3-h3 {
	color: #11298B
}

.proinfo-four {
	padding-bottom: 65px
}

.proinfo4-ul {
	margin: 0 -8px
}

.proinfo4-ul li {
	float: left;
	width: 33.33%;
	padding: 0 8px
}

.proinfo4-ul li a {
	display: block
}

.proinfo4-img {
	overflow: hidden
}

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

.proinfo4-h3 {
	font-size: 20px;
	line-height: 30px;
	color: #333;
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.proinfo4-ul li span {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 30px
}

.proinfo4-ul li:hover .proinfo4-img img {
	transform: scale(1.04)
}

.proinfo4-ul li:hover .proinfo4-h3 {
	color: #11298B
}

@media (max-width:1459px) {
	.proinfo1-text p {
		height: 190px
	}

	.spec-scroll .items {
		width: 66%
	}

	.proinfo1-left {
		padding: 50px 60px
	}
}

@media (max-width:1259px) {
	.proinfo1-text p {
		height: 110px
	}

	.spec-scroll .items {
		width: 70%
	}

	.proinfo1-right {
		padding: 50px 40px 30px
	}
}

@media (max-width:991px) {
	.proinfo1-right {
		padding: 45px 40px 30px
	}

	.proinfo1-tit {
		font-size: 26px
	}

	.proinfo1-text h3 {
		font-size: 24px;
		margin-bottom: 10px
	}

	.proinfo1-left {
		padding: 45px 40px
	}

	.proinfo2-menu a {
		font-size: 20px
	}

	.proinfo2-page a {
		max-width: 30%
	}

	.proinfo3-tit {
		font-size: 23px
	}
}

@media (max-width:767px) {
	.proinfo1-tit {
		font-size: 22px
	}

	.pir-swiper {
		display: block
	}

	.spec-preview,.spec-scroll {
		display: none
	}

	.proinfo1-left {
		float: none;
		width: 100%;
		padding: 40px 30px
	}

	.proinfo1-right {
		float: none;
		width: 100%;
		padding: 0px 30px 40px
	}

	.proinfo1-text p {
		height: auto
	}

	.proinfo1-text h3 {
		font-size: 19px
	}

	.proinfo-one,.proinfo-two {
		padding: 40px 0
	}

	.proinfo2-menu a {
		font-size: 18px
	}

	.proinfo2-text1 p {
		font-size: 14px;
		line-height: 28px
	}

	.proinfo2-text {
		padding-bottom: 20px
	}

	.proinfo2-page-c {
		padding: 4px 30px
	}

	.proinfo2-page a {
		font-size: 15px;
		top: 25px
	}

	.proinfo2-page {
		padding: 20px 30px
	}

	.proinfo2-page-l {
		left: 30px
	}

	.proinfo2-page-r {
		right: 30px
	}

	.proinfo-three,.proinfo-four {
		padding-bottom: 40px
	}

	.proinfo3-tit {
		font-size: 19px
	}

	.proinfo4-h3 {
		font-size: 16px
	}

	.proinfo1-con {
		margin-top: 30px
	}

	.proinfo2-menu a {
		margin-right: 35px
	}
}

@media (max-width:640px) {
	.proinfo3-ul li {
		width: 50%;
		margin-bottom: 20px
	}

	.proinfo-three,.proinfo-four {
		padding-bottom: 20px
	}

	.proinfo4-ul li {
		width: 50%;
		margin-bottom: 20px
	}

	.proinfo2-page a {
		display: block;
		max-width: none
	}

	.proinfo2-page-l,.proinfo2-page-r {
		position: static
	}

	.proinfo2-page a.proinfo2-page-c {
		display: inline-block;
		padding: 0 30px;
		margin: 10px 0
	}
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0,0,1,15deg);
		transform: rotate3d(0,0,1,15deg)
	}

	40% {
		-webkit-transform: rotate3d(0,0,1,-10deg);
		transform: rotate3d(0,0,1,-10deg)
	}

	60% {
		-webkit-transform: rotate3d(0,0,1,5deg);
		transform: rotate3d(0,0,1,5deg)
	}

	80% {
		-webkit-transform: rotate3d(0,0,1,-5deg);
		transform: rotate3d(0,0,1,-5deg)
	}

	to {
		-webkit-transform: rotate3d(0,0,1,0deg);
		transform: rotate3d(0,0,1,0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0,0,1,15deg);
		transform: rotate3d(0,0,1,15deg)
	}

	40% {
		-webkit-transform: rotate3d(0,0,1,-10deg);
		transform: rotate3d(0,0,1,-10deg)
	}

	60% {
		-webkit-transform: rotate3d(0,0,1,5deg);
		transform: rotate3d(0,0,1,5deg)
	}

	80% {
		-webkit-transform: rotate3d(0,0,1,-5deg);
		transform: rotate3d(0,0,1,-5deg)
	}

	to {
		-webkit-transform: rotate3d(0,0,1,0deg);
		transform: rotate3d(0,0,1,0deg)
	}
}

.solutioninfo {
}

.solution-more {
	display: block;
	position: relative;
	margin: 0 auto;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	transition: ease .5s;
	background: #11298b;
	width: 208px;
	height: 50px;
	text-align: center;
	padding: 10px 0;
	margin-top: 20px
}

.solution-more i {
	margin-left: 15px
}

.solution-more em {
	margin-left: 15px
}

.solution-more span {
	display: block;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	background: #11298b;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 10px 0
}

.solution-more span:first-child {
	transform: translate3d(0,0,30px);
	-webkit-transform: translate3d(0,0,30px)
}

.solution-more span:last-child {
	transform: rotateX(90deg) translate3d(0,0,30px);
	-webkit-transform: rotateX(90deg) translate3d(0,0,30px)
}

.solution-more.solutionban-more {
	margin: 20px 0 0 0
}

.solutioninfo-title {
	font-size: 40px;
	line-height: 48px;
	color: #111;
	text-align: center;
	font-weight: bold
}

.solutioninfo-dec {
	font-size: 18px;
	line-height: 32px;
	color: #333;
	text-align: center;
	margin-top: 5px
}

.solutioninfo-one {
	background: #f7f7f7;
	padding: 80px 0
}

.solutioninfo-one .solutioninfo-title {
	font-weight: normal;
	color: #333
}

.solution-more:hover {
	transform: rotateX(-90deg)
}

.solutioninfo-one-con {
	position: relative;
	margin-top: 80px
}

.solutioninfo1-li {
	position: absolute
}

.solutioninfo1-li1 {
	top: 0;
	left: 208px
}

.solutioninfo1-li2 {
	top: 10px;
	right: 230px
}

.solutioninfo1-li3 {
	top: 124px;
	left: 382px
}

.solutioninfo1-li4 {
	position: static;
	margin-left: 80px;
	margin-top: 260px;
	float: left
}

.solutioninfo1-li5 {
	top: 255px;
	right: 210px
}

.solutioninfo1-icon {
	float: left;
	display: inline-block;
	width: 67px;
	height: 67px
}

.solutioninfo1-icon img {
	width: 100%
}

.solutioninfo1-text {
	float: right;
	background: url(../images/solutioninfo1-bef_03.png)no-repeat top 10px left 13px;
	border-radius: 3px;
	padding-left: 22px
}

.solutioninfo1-text h3 {
	font-size: 20px;
	line-height: 30px;
	color: #333;
	background: #fff;
	border-radius: 3px;
	padding: 18px 35px
}

.solutioninfo-one .solution-more {
	margin-top: 60px
}

.solutioninfo-two {
	padding: 80px 0
}

.solutioninfo-two ul {
}
/* .solutioninfo-two li{float:left;width:50%;padding-right:30px;margin-top:60px;position:relative}
*//* .solutioninfo-two li:nth-child(even){float:right;padding-left:30px;padding-right:0}
.soluinfo2-tit{border-radius:50%;width:130px;height:130px;float:left;width:19.5%}
.soluinfo2-tit img{display:none}
.soluinfo2-tit h3{border-radius:50%;width:100%;height:100%;font-size:24px;color:#fff;text-align:center;line-height:130px;background:#11298b}
.soluinfo2-tit h3.soluinfo2-tit-per{background-color:#423994}
.soluinfo2-text{float:right;width:74%;position:absolute;height:100%;right:0}
.soluinfo2-text span{display:block;font-family:'brant-ri';font-size:30px;line-height:36px;color:#b7b7b7}
.soluinfo2-text p{font-size:18px;line-height:32px;color:#444}
.solutioninfo-two li:nth-child(odd) .soluinfo2-tit{float:right}
.solutioninfo-two li:nth-child(odd) .soluinfo2-text{float:left;text-align:right;right:auto;left:0}
.solutioninfo-two li.on .soluinfo2-tit img{display:block}
.solutioninfo-two li.on .soluinfo2-tit h3{background:none !important;position:absolute}
.solutioninfo-two li.on .soluinfo2-tit{width:278px;height:278px}
.solutioninfo-two li.on .soluinfo2-text{width:54%}
*/
.soluinfo2-con {
}

.soluinfo2-ul {
	position: relative;
	width: 100%;
	background: url(../images/soluinfo2-ba1_03.png)no-repeat center;
	height: 606px;
	margin-top: 80px
}

.soluinfo2-ul li {
	position: absolute;
	width: 16.66%;
	height: 312px
}

.soluinfo2-icon {
	width: 193px;
	height: 174px;
	margin: 0 auto;
	transition: ease .5s;
	position: relative
}

.soluinfo2-icon span {
	display: block;
	position: absolute;
	font-size: 60px;
	line-height: 60px;
	color: rgba(17,41,139,0.5);
	font-family: 'din-r';
	top: 0;
	right: -25px;
	letter-spacing: 3px
}

.soluinfo2-ul li:hover .soluinfo2-icon {
	transform: translateY(-10px)
}

.soluinfo2-icon img {
	width: 100%
}

.soluinfo2-ul li > div {
	position: relative;
	height: 100%
}

.soluinfo2-txt {
	width: 100%;
	text-align: center;
	margin-top: 20px
}

.soluinfo2-txt h3 {
	font-size: 22px;
	line-height: 30px;
	color: #333
}

.soluinfo2-txt p {
	font-size: 16px;
	line-height: 26px;
	color: #666
}

.soluinfo2-ul li.soluinfo2-bottom1 {
	top: 320px;
	left: 225px
}

.soluinfo2-ul li.soluinfo2-bottom2 {
	top: 320px;
	left: 700px
}

.soluinfo2-ul li.soluinfo2-top1 {
	position: static
}

.soluinfo2-ul li.soluinfo2-top2 {
	top: 0px;
	left: 475px
}

.soluinfo2-ul li.soluinfo2-top3 {
	top: 0;
	right: 220px
}

.soluinfo2-ul li.soluinfo2-bottom3 {
	top: 320px;
	right: 0
}
/* .soluinfo2-ul li.soluinfo2-top3 .soluinfo2-txt{padding-right:0}
*/.solutioninfo-three {
	background: #f7f7f7;
	padding: 80px 0
}

.solutioninfo-three ul {
}

.solutioninfo-three li {
	float: left;
	position: relative;
	width: 20%;
	margin-top: 70px
}

.solutioninfo-three li.soluinfo3-zw > div {
	overflow: visible
}

.solutioninfo-three li.soluinfo3-zw {
	overflow: visible
}

.solutioninfo-three li > div {
	position: relative
}

.solutioninfo-three li.soluinfo3-right {
	float: right
}

.soluinfo3-icon {
	width: 90px;
	height: 90px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

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

.solutioninfo-three li:hover .soluinfo3-icon {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

.soluinfo3-tit {
	font-size: 18px;
	color: #333;
	line-height: 32px;
	margin-top: 60px
}

.soluinfo2-bef {
	position: absolute;
	left: 20px;
	bottom: 45px
}

.solutioninfo-three li.soluinfo3-zw .soluinfo2-bef {
	bottom: auto;
	top: 112px
}

.soluinfo2-bef img {
}

.solutioninfo-three .solution-more {
	margin-top: 30px
}

.solutioninfo-four {
	padding: 80px 0 70px
}

.soluinfo4-con {
	position: relative;
	margin-top: 40px
}

.soluinfo4-menu {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 12.72%
}

.soluinfo4-menu a {
	float: right;
	text-align: center;
	transition: ease .5s;
	display: block;
	height: 25%;
	width: 100%;
	font-size: 24px;
	line-height: 48px;
	color: rgba(255,255,255,0.5);
	background: rgba(17,41,139,0.8);
	padding: 41px;
	border-bottom: 1px solid rgba(255,255,255,0.3)
}

.soluinfo4-menu a:last-child {
	border-bottom: none
}

.soluinfo4-menu a.on {
	color: #fff;
	padding-left: 69px;
	padding-right: 40px;
	width: 116.8%
}

.soluinfo4-img {
}

.soluinfo4-img1 {
	display: none
}

.soluinfo4-img1.on {
	display: block
}

.soluinfo4-img1 img {
	width: 100%
}

.solutioninfo-four .solution-more,.solutioninfo-fiv .solution-more {
	margin-top: 40px
}

.solutioninfo-fiv {
	background: #f6f6f6;
	padding: 80px 0
}

.soluinfo5-con {
	margin-top: 40px
}

.soluinfo5-swiper {
	position: relative
}

.soluinfo5-swiper .swiper-pagination {
	width: 100%;
	text-align: center;
	display: none;
	margin-top: 30px;
	left: 0
}

.soluinfo5-swiper .swiper-pagination-bullet {
	margin: 0 5px
}

.soluinfo5-swiper .swiper-pagination-bullet-active {
	background-color: #11298b
}

.soluinfo5-swiper .swiper-button-prev,.soluinfo5-swiper .swiper-button-next {
	width: 20px;
	height: 38px;
	transition: ease .5s;
	background: url(../images/about7-left.png)no-repeat center;
	opacity: 1
}

.soluinfo5-swiper .swiper-button-next {
	transform: rotate(180deg);
	right: -80px
}

.soluinfo5-swiper .swiper-button-prev {
	left: -80px
}

.soluinfo5-swiper .swiper-button-prev:hover,.soluinfo5-swiper .swiper-button-next:hover {
	background-image: url(../images/about7-left1.png)
}

.soluinfo5-silde {
/* position:relative;*/
	display: block
}

.soluinfo5-img {
	overflow: hidden
}

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

.soluinfo5-silde:hover .soluinfo5-img img {
	transform: scale(1.04)
}

.soluinfo5-text {
	font-size: 20px;
	color: #444;
	line-height: 48px;
	padding: 0 10px 10px;
	text-align: center;
	width: 100%;
/* position:absolute;*/
	bottom: -19px;
	left: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.solutioninfo-six {
	padding: 80px 0 0
}

.soluinfo6-con {
	margin-top: 40px
}

.soluinfo6-con ul {
	position: relative;
	width: 100%;
	overflow: hidden
}

.soluinfo6-con li {
	float: left;
	width: 14.06%;
	transition: ease .5s;
	position: relative;
	height: 548px
}

.soluinfo6-con li:last-child {
	border: none
}

.soluinfo6-con li.on {
	width: 43.75%
}

.soluinfo6-con li img {
	height: 100%;
	display: block
}

.soluinfo6-con li.on img {
	width: 100%
}

.soluinfo6-txt {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 40px;
	text-align: center
}

.soluinfo6-txt > div {
	width: 100%;
	height: 100%
}

.soluinfo6-txt span {
	display: block;
	font-family: 'brant-m';
	font-size: 100px;
	color: rgba(255,255,255,0.1);
	margin-bottom: -60px;
	margin-left: 32px
}

.soluinfo6-txt h3 {
	font-size: 24px;
	line-height: 48px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px
}

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

.soluinfo6-con li.on .soluinfo6-txt {
	padding: 0 125px;
	text-align: left
}

.soluinfo6-appcon {
	position: relative;
	display: none;
	margin-top: 40px
}

.soluinfo6-li {
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-repeat: no-repeat !important
}

.soluinfo6-appcon .swiper-pagination {
	width: 100%;
	margin-top: 30px
}

.soluinfo6-appcon .swiper-pagination-bullet {
	margin: 0 5px
}

.solutioninfo-seven {
	padding: 80px 0
}

.soluinfo7-con {
	margin-top: 40px
}

.soluinfo7-con ul {
	margin: 0 -24px
}

.soluinfo7-con li {
	float: left;
	width: 33.33%;
	padding: 0 24px
}

.soluinfo7-con li a {
	display: block
}

.soluinfo7-img {
	overflow: hidden
}

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

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

.soluinfo7-text {
	padding: 25px 0 0 0
}

.soluinfo7-text h4 {
	font-size: 22px;
	line-height: 30px;
	color: #333;
	margin-bottom: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.soluinfo7-text p {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.soluinfo7-con li:hover .soluinfo7-text h4 {
	color: #11298B
}

.solutioninfo-seven .solution-more {
	margin-top: 40px
}

.solutioninfo-eight {
	background: #f5f5f5;
	padding: 80px 0 60px;
	text-align: center
}

.soluinfo8-con {
}

.soluinfo8-h1 {
}

.soluinfo8-h1 img {
	display: inline-block;
	margin-top: -7px;
	margin-right: 5px
}

.soluinfo8-h1 span {
	display: inline-block;
	font-size: 24px;
	color: #000
}

.soluinfo8-h2 {
	font-size: 32px;
	color: #000;
	margin-top: 20px
}

.soluinfo8-h2 span {
	display: inline-block
}

.soluinfo8-phone {
	position: relative;
	display: inline-block;
	font-family: 'brant-b';
	font-size: 52px;
	color: #11298b;
/* background:url(../images/soluinfo8-phone.png)no-repeat left top 5px;*/    /* padding-left:70px;*/
	margin-left: 25px;
	padding-right: 105px;
	margin-right: 15px;
	margin-top: 0
}

.soluinfo8-phone::before {
	position: absolute;
	content: "";
	width: 80px;
	height: 2px;
	background: #a7a7a7;
	right: 0;
	top: 50%
}

@media (max-width:1680px) {
	.soluinfo5-swiper {
		padding: 0 80px
	}

	.soluinfo5-swiper .swiper-button-next {
		right: 0
	}

	.soluinfo5-swiper .swiper-button-prev {
		left: 0
	}
}

@media (max-width:1459px) {
	.solutioninfo1-li1 {
		left: 10px
	}

	.solutioninfo1-li2 {
		right: 200px
	}

	.solutioninfo1-li3 {
		left: 300px
	}

	.solutioninfo1-li4 {
		margin-left: 50px
	}

	.solutioninfo1-li5 {
		right: 150px
	}

	.soluinfo4-menu a.on {
		padding: 30px 0
	}

	.soluinfo4-menu a {
		padding: 30px 20px
	}

	.soluinfo6-txt {
		padding: 0 20px
	}

	.soluinfo6-con li.on .soluinfo6-txt {
		padding: 0 100px
	}

	.soluinfo6-txt span {
		font-size: 80px
	}

	.soluinfo6-con li {
		height: 409px
	}

	.soluinfo2-ul li.soluinfo2-bottom1 {
		top: 360px;
		left: 190px
	}

	.soluinfo2-ul li.soluinfo2-top2 {
		left: 382px;
		top: -30px
	}

	.soluinfo2-ul li.soluinfo2-bottom2 {
		top: 360px;
		left: 600px
	}

	.soluinfo2-ul li.soluinfo2-top3 {
		right: 200px;
		top: -30px
	}

	.soluinfo2-ul li.soluinfo2-bottom3 {
		top: 360px;
		right: 0px
	}

	.soluinfo2-ul li {
		height: 328px
	}

	.soluinfo2-ul {
		height: 656px;
		background-size: 100% 150%;
		margin-top: 110px
	}

	.soluinfo2-ul li.soluinfo2-top1 {
		margin-top: -30px
	}

	.soluinfo6-txt p {
		font-size: 16px
	}

	.soluinfo6-txt h3 {
		font-size: 22px
	}
}

@media (max-width:1459px) {
	.soluinfo6-txt p {
		font-size: 16px
	}

	.soluinfo6-txt h3 {
		font-size: 22px
	}
}

@media (max-width:1259px) {
	.solutioninfo1-li1 {
		left: 0
	}

	.solutioninfo1-li2 {
		right: 50px
	}

	.solutioninfo1-li4 {
		margin-left: 30px
	}

	.solutioninfo1-li5 {
		right: 0
	}

	.soluinfo4-menu a {
		font-size: 20px;
		line-height: 36px
	}

	.soluinfo4-menu {
		width: 16.72%
	}

	.soluinfo4-menu a {
		padding: 25px 0
	}

	.soluinfo7-con li {
		padding: 0 10px
	}

	.soluinfo7-con ul {
		margin: 0 -10px
	}

	.soluinfo5-swiper {
		padding: 0 50px
	}

	.solutioninfo-three li.soluinfo3-zw .soluinfo2-bef {
		display: none
	}

	.soluinfo8-h2 {
		font-size: 24px
	}

	.soluinfo8-phone {
		font-size: 40px;
		padding-bottom: 10px
	}

	.soluinfo6-con li {
		height: 345px
	}

	.soluinfo6-txt p {
		display: none
	}

	.soluinfo6-con li.on .soluinfo6-txt p {
		display: block
	}

	.soluinfo6-con li.on .soluinfo6-txt {
		padding: 0 30px
	}

	.soluinfo2-icon {
		width: 160px;
		height: 144px
	}

	.soluinfo2-ul li.soluinfo2-top1 {
		margin-top: 0px
	}

	.soluinfo2-ul li.soluinfo2-bottom1 {
		top: 348px;
		left: 150px
	}

	.soluinfo2-ul li.soluinfo2-top2 {
		left: 312px;
		top: 0px
	}

	.soluinfo2-ul li.soluinfo2-bottom2 {
		top: 348px;
		left: 470px
	}

	.soluinfo2-ul li.soluinfo2-top3 {
		right: 156px;
		top: 0px
	}

	.soluinfo2-ul li.soluinfo2-bottom3 {
		top: 348px;
		right: 0px
	}

	.soluinfo2-ul {
		height: 656px;
		background-size: 100% 100%;
		margin-top: 80px
	}
}

@media (max-width:991px) {
	.solutioninfo-title {
		font-size: 34px
	}

	.solutioninfo1-text h3 {
		padding: 15px 20px
	}

	.solutioninfo1-li {
		display: inline-block
	}

	.solutioninfo1-icon {
		width: 50px;
		height: 50px
	}

	.solutioninfo1-text {
		float: left
	}

	.solutioninfo1-li2 {
		right: 0;
		top: 60px
	}

	.solutioninfo1-li3 {
		left: 100px;
		top: 145px
	}

	.solutioninfo1-li4 {
		margin-top: 350px
	}

	.soluinfo4-menu {
		position: static;
		width: 100%
	}

	.soluinfo4-menu a {
		width: 25%
	}

	.soluinfo4-menu a.on {
		padding: 25px 0;
		width: 25%
	}

	.soluinfo6-txt {
		position: static
	}

	.soluinfo6-txt p {
		font-size: 16px;
		display: block
	}

	.soluinfo6-con li {
		height: 256px
	}

	.soluinfo6-li {
		height: 400px
	}

	.soluinfo6-appcon {
		display: block
	}

	.soluinfo6-con {
		display: none
	}

	.solutioninfo-two ul {
		background: none;
		height: auto
	}

	.soluinfo2-ul li {
		position: static;
		width: 33.33%;
		float: left;
		height: auto;
		margin-top: 30px;
		padding: 0 10px
	}

	.soluinfo2-ul li.soluinfo2-top1 {
		margin-top: 30px
	}

	.soluinfo2-icon {
		width: 120px;
		height: 108px
	}

	.soluinfo2-icon span {
		font-size: 48px
	}
}

@media (max-width:767px) {
	.soluinfo5-swiper .swiper-button-prev,.soluinfo5-swiper .swiper-button-next {
		display: none
	}

	.soluinfo5-swiper .swiper-pagination {
		display: block;
		margin-top: 20px
	}

	.solutioninfo1-li2 {
		top: 70px
	}

	.solutioninfo1-text h3 {
		font-size: 16px;
		padding: 10px 20px
	}

	.solution-more {
		width: 160px;
		height: 40px
	}

	.solution-more span {
		padding: 8px 0;
		line-height: 26px;
		font-size: 15px
	}

	.solutioninfo-title {
		font-size: 23px;
		line-height: 36px
	}

	.solutioninfo-dec {
		font-size: 17px
	}

	.solutioninfo-one,.solutioninfo-three,.solutioninfo-four,.solutioninfo-fiv {
		padding: 40px 0
	}

	.solutioninfo-one-con {
		margin-top: 30px
	}

	.soluinfo6-li {
		height: 320px
	}

	.soluinfo3-icon {
		width: 60px;
		height: 60px
	}

	.soluinfo3-tit {
		font-size: 16px
	}

	.solutioninfo-three li {
		margin-top: 30px
	}

	.soluinfo5-con {
		margin-top: 30px
	}

	.soluinfo5-text {
		font-size: 17px;
		line-height: 32px
	}

	.soluinfo5-swiper {
		padding: 0 0 40px 0
	}

	.solutioninfo-four .solution-more,.solutioninfo-fiv .solution-more {
		margin-top: 30px
	}

	.soluinfo4-menu a,.soluinfo4-menu a.on {
		padding: 15px 0;
		font-size: 18px
	}

	.soluinfo6-appcon,.soluinfo7-con {
		margin-top: 30px
	}

	.solutioninfo-six {
		padding: 40px 0 80px
	}

	.solutioninfo-seven {
		padding: 0px 0 40px
	}

	.soluinfo8-h1 span {
		font-size: 20px
	}

	.soluinfo8-h2 {
		font-size: 22px;
		line-height: 36px
	}

	.soluinfo8-phone {
		background-size: 30px 30px;
		font-size: 30px;
		padding-left: 0px;
		padding-right: 60px;
		padding-bottom: 0;
		margin: 0 15px
	}

	.soluinfo8-phone::before {
		width: 50px;
		top: 50%
	}

	.soluinfo6-txt h3 {
		font-size: 20px;
		line-height: 30px
	}

	.solutioninfo-one .solution-more {
		margin-top: 20px
	}

	.soluinfo7-text h4 {
		font-size: 18px;
		margin-bottom: 0
	}

	.solutioninfo-eight {
		padding: 60px 0
	}

	.soluinfo2-txt h3 {
		font-size: 18px
	}

	.soluinfo2-txt {
		margin-top: 10px
	}

	.solutioninfo-two ul {
		margin-top: 20px
	}

	.soluinfo2-icon span {
		font-size: 38px
	}

	.soluinfo2-ul li {
		width: 50%
	}

	.soluinfo2-txt p {
		min-height: 78px
	}

	.solutioninfo-two {
		padding: 40px 0
	}

	.soluinfo6-txt span {
		font-size: 46px;
		margin: 0
	}
}

@media (max-width:640px) {
	.soluinfo2-bef {
		display: none
	}

	.soluinfo3-tit {
		margin-top: 10px;
		text-align: center
	}

	.soluinfo3-icon {
		margin: 0 auto;
		width: 55px;
		height: 55px
	}

	.solutioninfo-three li {
		width: 33.33%
	}

	.solutioninfo-three li.soluinfo3-right {
		float: left
	}

	.soluinfo4-menu a,.soluinfo4-menu a.on {
		font-size: 16px;
		line-height: 30px
	}

	.soluinfo7-con li {
		width: 50%;
		margin-bottom: 20px
	}

	.soluinfo7-text p {
		height: 60px
	}

	.soluinfo7-text {
		padding-top: 10px
	}

	.solutioninfo-seven .solution-more {
		margin-top: 20px
	}

	.solutioninfo1-li {
		position: static;
		margin-bottom: 20px
	}

	.solutioninfo1-text {
		float: none;
		margin-left: 50px
	}

	.solutioninfo1-li4 {
		margin-top: 0;
		margin-left: 0
	}

	.soluinfo8-h1 img {
		margin-top: 0
	}

	.soluinfo8-h1 span {
		font-size: 18px;
		margin-top: 15px
	}

	.soluinfo8-h2 {
		font-size: 19px;
		line-height: 32px;
		margin-top: 10px
	}

	.soluinfo8-phone {
		background-size: 20px 20px;
		font-size: 22px;
		padding-left: 0px;
		padding-right: 55px
	}

	.solutioninfo-eight {
		padding: 40px 0
	}

	.soluinfo2-ul li {
		width: 100%;
		float: none
	}

	.solutioninfo-two ul {
		margin-top: 10px
	}

	.soluinfo2-txt p {
		min-height: auto
	}
}/* =================proinfo================== */.proinfo {
}

.proinfo-one {
	background: #f5f5f5;
	padding: 65px 0 80px
}

.proinfo1-tit {
	font-size: 32px;
	line-height: 40px;
	color: #111;
	font-weight: bold;
	text-align: center
}

.proinfo1-tit span {
	display: inline-block;
	font-family: "Arial"
}

.proinfo1-con {
	background: #fff;
	margin-top: 40px
}
/* .proinfo1-con::before{position:absolute;content:"";width:1px;height:100%;background:#eaeaea;top:0;left:50%}
*/.proinfo1-left {
	float: left;
	width: 50%;
	padding: 65px 95px 40px 105px;
	border-right: 1px solid #eaeaea
}

.proinfo1-right {
	float: right;
	width: 50%;
	padding: 65px 70px
}

.proinfo1-text {
}

.proinfo1-text > div {
}

.proinfo1-text h3 {
	font-size: 28px;
	line-height: 38px;
	color: #333;
	margin-bottom: 20px
}

.proinfo1-text p {
	font-size: 16px;
	line-height: 28px;
	color: #666;
	height: 200px
}

.proinfo1-text .solution-more {
	margin: 0;
	margin-top: 30px
}

.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: 10px;
	margin-right: -15px
}

.spec-scroll .prev {
	left: 0px;
	text-align: left
}

.spec-scroll .next {
	right: 0px;
	text-align: right
}

.spec-scroll .prev,.spec-scroll .next {
	opacity: 0;
	z-index: 3;
	font-weight: bold;
	position: absolute;
	top: 0;
	width: 28px;
	height: 63px;
	cursor: pointer;
	line-height: 63px;
	font-size: 20px;
	color: #999;
	font-weight: lighter
}

.spec-scroll:hover .prev,.spec-scroll:hover .next {
	opacity: 1
}

.spec-scroll .prev:hover,.spec-scroll .next:hover {
	color: #000
}

.spec-scroll .items {
	width: 65%;
	height: 63px;
	overflow: hidden;
	position: relative;
	margin: 0 auto
}

.spec-scroll .items ul {
	overflow: hidden;
	margin: 0 auto;
	position: absolute
}

.spec-scroll .items ul li {
	width: 63px;
	height: 63px;
	margin-right: 16px;
	float: left;
	padding: 5px;
	border: 1px solid #e5e5e5
}

.spec-scroll .items ul li.hover {
	border-color: #11298B
}

.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: #11298b
}

.proinfo-two {
	padding: 80px 0
}

.proinfo2-con {
}

.proinfo2-menu {
	border-bottom: 1px solid #e2e2e2;
	overflow-x: auto;
	white-space: nowrap
}

.proinfo2-menu::-webkit-scrollbar {
	height: 2px;
	background-color: #dcdbdb
}

.proinfo2-menu::-webkit-scrollbar-thumb {
	background-color: #11298b;
	border-radius: 10px
}

.proinfo2-menu a {
	display: inline-block;
	font-size: 22px;
	line-height: 30px;
	color: #333;
	position: relative;
	padding-bottom: 10px;
	margin-right: 70px
}

.proinfo2-menu a:last-child {
	margin-right: 0
}

.proinfo2-menu a::before {
	position: absolute;
	content: "";
	width: 0;
	height: 3px;
	background: #11298b;
	left: 0;
	bottom: 0;
	transition: ease .5s
}

.proinfo2-menu a:hover::before,.proinfo2-menu a.on::before {
	width: 100%
}

.proinfo2-menu a.on {
}

.proinfo2-text {
	margin-top: 20px;
	padding-bottom: 50px
}

.proinfo2-text1 {
	display: none
}

.proinfo2-text1.on {
	display: block
}

.proinfo2-text1 p {
	font-size: 16px;
	line-height: 32px;
	color: #666
}

.proinfo2-page {
	text-align: center;
	position: relative;
	background: #f5f5f5;
	padding: 30px 40px
}

.proinfo2-page a {
	display: inline-block;
	transition: ease .5s;
	font-size: 16px;
	line-height: 32px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 33%;
	top: 40px
}

.proinfo2-page a span {
	display: inline-block;
	color: #666
}

.proinfo2-page a:hover,.proinfo2-page a:hover span {
	color: #11298B
}

.proinfo2-page-l {
	color: #333;
	position: absolute;
	left: 40px
}

.proinfo2-page-c {
	color: #11298b;
	border: 1px solid #11298B;
	padding: 8px 47px
}

.proinfo2-page-c i {
	margin-left: 10px
}

.proinfo2-page a.proinfo2-page-c:hover {
	color: #fff;
	background: #11298B
}

.proinfo2-page-r {
	color: #333;
	position: absolute;
	right: 40px
}

.proinfo-three {
	padding-bottom: 70px
}

.proinfo3-tit {
	font-size: 30px;
	line-height: 48px;
	color: #222;
	margin-bottom: 20px
}

.proinfo3-ul {
	margin: 0 -8px
}

.proinfo3-ul li {
	float: left;
	width: 25%;
	padding: 0 8px
}

.proinfo3-ul li a {
	display: block
}

.proinfo3-img {
	overflow: hidden;
	border: 1px solid #dcdcdc
}

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

.proinfo3-h3 {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.proinfo3-ul li:hover .proinfo3-img img {
	transform: scale(1.04)
}

.proinfo3-ul li:hover .proinfo3-h3 {
	color: #11298B
}

.proinfo-four {
	padding-bottom: 65px
}

.proinfo4-ul {
	margin: 0 -8px
}

.proinfo4-ul li {
	float: left;
	width: 33.33%;
	padding: 0 8px
}

.proinfo4-ul li a {
	display: block
}

.proinfo4-img {
	overflow: hidden
}

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

.proinfo4-h3 {
	font-size: 20px;
	line-height: 30px;
	color: #333;
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.proinfo4-ul li span {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 30px
}

.proinfo4-ul li:hover .proinfo4-img img {
	transform: scale(1.04)
}

.proinfo4-ul li:hover .proinfo4-h3 {
	color: #11298B
}

@media (max-width:1459px) {
	.proinfo1-text p {
		height: 190px
	}

	.spec-scroll .items {
		width: 66%
	}

	.proinfo1-left {
		padding: 50px 60px
	}
}

@media (max-width:1259px) {
	.proinfo1-text p {
		height: 110px
	}

	.spec-scroll .items {
		width: 70%
	}

	.proinfo1-right {
		padding: 50px 40px 30px
	}
}

@media (max-width:991px) {
	.proinfo1-right {
		padding: 45px 40px 30px
	}

	.proinfo1-tit {
		font-size: 26px
	}

	.proinfo1-text h3 {
		font-size: 24px;
		margin-bottom: 10px
	}

	.proinfo1-left {
		padding: 45px 40px
	}

	.proinfo2-menu a {
		font-size: 20px
	}

	.proinfo2-page a {
		max-width: 30%
	}

	.proinfo3-tit {
		font-size: 23px
	}
}

@media (max-width:767px) {
	.proinfo1-tit {
		font-size: 22px
	}

	.pir-swiper {
		display: block
	}

	.spec-preview,.spec-scroll {
		display: none
	}

	.proinfo1-left {
		float: none;
		width: 100%;
		padding: 40px 30px
	}

	.proinfo1-right {
		float: none;
		width: 100%;
		padding: 0px 30px 40px
	}

	.proinfo1-text p {
		height: auto
	}

	.proinfo1-text h3 {
		font-size: 19px
	}

	.proinfo-one,.proinfo-two {
		padding: 20px 0;
	}

	.proinfo2-menu a {
		font-size: 16px;
	}

	.proinfo2-text1 p {
		font-size: 14px;
		line-height: 28px;
	}

	.proinfo2-text1 .tit {
		margin-top: 0px;
	}

	.proinfo2-text {
		padding-bottom: 20px
	}

	.proinfo2-page-c {
		padding: 4px 30px
	}

	.proinfo2-page a {
		font-size: 15px;
		top: 25px
	}

	.proinfo2-page {
		padding: 20px 30px
	}

	.proinfo2-page-l {
		left: 30px
	}

	.proinfo2-page-r {
		right: 30px
	}

	.proinfo-three,.proinfo-four {
		padding-bottom: 40px
	}

	.proinfo3-tit {
		font-size: 19px
	}

	.proinfo4-h3 {
		font-size: 16px
	}

	.proinfo1-con {
		margin-top: 30px
	}

	.proinfo2-menu a {
		margin-right: 24px;
	}
}

@media (max-width:640px) {
	.proinfo3-ul li {
		width: 50%;
		margin-bottom: 20px
	}

	.proinfo-three,.proinfo-four {
		padding-bottom: 20px
	}

	.proinfo4-ul li {
		width: 50%;
		margin-bottom: 20px
	}

	.proinfo2-page a {
		display: block;
		max-width: none
	}

	.proinfo2-page-l,.proinfo2-page-r {
		position: static
	}

	.proinfo2-page a.proinfo2-page-c {
		display: inline-block;
		padding: 0 30px;
		margin: 10px 0
	}
}/* =====================applinfo======================= */.applinfo {
	padding: 56px 0 75px
}

.applinfo-left {
	float: left;
	width: 73%
}

.applinfo-left img {
	max-width: 100%
}

.applinfo-right {
	float: right;
	width: 22.14%;
	height: 100vh;
	overflow-x: auto;
}

.applinfo-tit {
	font-size: 24px;
	line-height: 30px;
	color: #333;
	margin-bottom: 20px
}

.applinfo1-con {
}

.applinfo1-dec {
	font-size: 18px;
	line-height: 30px;
	color: #333
}

.applinfo1-ul {
	margin: 40px -14px
}

.applinfo1-ul li {
	float: left;
	width: 33.33%;
	padding: 0 14px
}

.applinfo1-ul li > div {
	width: 100%
}

.applinfo1-ul li span {
	display: inline-block;
	float: left;
	font-family: 'din-r';
	font-size: 40px;
	line-height: 50px;
	color: #423994;
}

.applinfo1-text {
	border-left: 1px solid #e1e1e1;
	padding-left: 8px;
	margin-left: 59px;
}

.applinfo1-p {
	font-size: 18px;
	line-height: 30px;
	color: #333;
	margin-bottom: 12px
}

.applinfo1-img {
	overflow: hidden
}

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

.applinfo1-ul li:hover .applinfo1-img img {
	transform: scale(1.04)
}

.applinfo2-con {
	margin-top: 60px
}

.applinfo2-dec {
	font-size: 18px;
	line-height: 30px;
	color: #666;
	background: #f2f2f2;
	padding: 15px 20px;
	margin-bottom: 15px
}

.applinfo2-ul {
	margin: 0 -0.5px
}

.applinfo2-ul li {
	float: left;
	width: 33.33%;
	padding: 0 0.5px
}

.applinfo2-ul li > div {
	overflow: hidden;
	position: relative
}

.applinfo2-ul li img {
	width: 100%;
	transition: ease 1s
}

.applinfo2-text {
	position: absolute;
	font-size: 17px;
	line-height: 26px;
	color: #fff;
	bottom: 0;
	width: 100%;
	left: 0;
	background: rgba(0,0,0,0.5);
	padding: 20px 24px;
	min-height: 118px;
	transition: ease 1s
}

.applinfo2-ul li:hover img {
	transform: scale(1.04)
}
/* .applinfo2-ul li:hover .applinfo2-text{bottom:-100%}
*/.applinfo3-con {
	margin-top: 60px
}

.applinfo3-con .applinfo-tit {
	margin-bottom: 8px
}

.applinfo3-dec {
	font-size: 16px;
	line-height: 30px;
	color: #666
}

.applinfo3-ul {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 35px
}

.applinfo3-ul li {
	float: left;
	width: 33.33%
}

.applinfo3-ul a {
	display: block
}

.applinfo3-img {
	overflow: hidden;
	position: relative
}

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

.applinfo3-text {
	font-size: 20px;
	line-height: 32px;
	color: #444;
	padding: 20px 10px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
/* position:absolute;*/
	bottom: 0;
	left: 0;
	width: 100%
}

.applinfo3-ul li:hover .applinfo3-text {
	color: #11298B
}

.applinfo3-ul li:hover .applinfo3-img img {
	transform: scale(1.04)
}

.applinfo4-con {
	margin-top: 60px
}

.applinfo4-img {
	width: 100%
}

.applinfo4-img img {
	max-width: 100%
}

.applinfo5-con {
	margin-top: 60px
}

.applinfo5-dec {
	font-size: 16px;
	line-height: 30px;
	color: #666
}

.applinfo5-img {
	width: 100%;
	margin-top: 40px
}

.applinfo5-img img {
	max-width: 100%
}

.applinfo6-con {
	margin-top: 60px
}

.applinfo6-con .applinfo-tit {
	margin-bottom: 28px
}

.applinfo6-ul {
	margin: 0 -15px
}

.applinfo6-ul li {
	float: left;
	width: 33.33%;
	padding: 0 15px
}

.applinfo6-ul a {
	display: block
}

.applinfo6-img {
	overflow: hidden
}

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

.applinfo6-text {
	margin-top: 25px
}

.applinfo6-text h3 {
	font-size: 22px;
	line-height: 30px;
	color: #333;
	margin-bottom: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.applinfo6-text p {
	font-size: 16px;
	line-height: 28px;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.applinfo6-ul li:hover .applinfo6-img img {
	transform: scale(1.04)
}

.applinfo6-ul li:hover .applinfo6-text h3 {
	color: #11298B
}

.applinfor-text1 {
	margin-bottom: 10px;
}

.applinfor-text1 span {
	display: block;
	font-size: 18px;
	line-height: 34px;
	color: #888
}

.applinfor-text1 h4 {
	font-size: 16px;
	line-height: 30px;
	color: #333;
}

.applinfor-text1 h3 {
	font-size: 20px;
	line-height: 34px;
	color: #333;
	font-weight: bold
}

.applinfor-text2 {
	margin-top: 5px;
}

.applinfor-text2 h3 {
	font-size: 18px;
	line-height: 30px;
	color: #333;
	margin-bottom: 10px
}

.applinfor-text2 p {
	font-size: 14px;
	line-height: 25px;
	color: #666;
	height: 100px;
	overflow: auto;
}

.applinfor-text2 p::-webkit-scrollbar {
	border-radius: 5px;
	border: 0.5px solid #dcd4d4b5;
	background-color: #fff;
	width: 5px;
}

.applinfor-text2 p::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #11298b;
}

.applinfor-text2 h4 {
	font-size: 12px;
	line-height: 30px;
	color: #666;
}

.applinfor-text2 h4 span {
	display: inline-block;
	border: 1px solid #c8c8c8;
	transition: ease .5s;
	padding: 0 9px;
	margin-right: 5px;
	margin-bottom: 10px
}

.applinfor-text2 h4 span:last-child {
	margin-right: 0
}

C
.applinfor-text2 h4 span:hover {
	color: #11298b;
	border-color: #11298b
}

.applinfor-text3 {
	margin-top: 10px;
}

.applinfor-text3 span {
	font-size: 14px;
	line-height: 28px;
	color: #777;
	display: block
}

.applinfor-text3 span i {
	font-style: normal;
	font-family: "Arial"
}

.applinfo-right .solution-more {
	margin: 0;
	margin-top: 30px
}

@media (max-width:1459px) {
	.applinfo1-p {
		min-height: 60px
	}
}

@media (max-width:991px) {
	.applinfo-left {
		float: none;
		width: 100%
	}

	.applinfo-right {
		float: none;
		width: 100%;
		margin-top: 40px
	}

	.applinfo2-text {
		min-height: 144px
	}
}

@media (max-width:767px) {
	.applinfo-tit {
		font-size: 22px
	}

	.applinfo1-p,.applinfo1-dec {
		font-size: 16px
	}

	.applinfo6-text h3 {
		font-size: 17px
	}

	.applinfo6-ul li {
		padding: 0 10px
	}

	.applinfo6-ul {
		margin: 0 -10px
	}

	.applinfo6-text p {
		font-size: 15px
	}

	.applinfo3-text {
		font-size: 16px
	}

	.applinfo2-text {
		font-size: 16px
	}

	.applinfor-text1 span {
		font-size: 17px
	}

	.applinfor-text1 h3,.applinfor-text1 h4 {
		font-size: 18px
	}

	.applinfor-text2 h3 {
		font-size: 17px
	}

	.applinfo2-dec {
		font-size: 16px
	}

	.applinfor-text2 p,.applinfor-text2 h4 {
		font-size: 15px
	}

	.applinfo {
		padding: 40px 0
	}

	.applinfo2-con,.applinfo3-con,.applinfo4-con,.applinfo5-con,.applinfo6-con {
		margin-top: 40px
	}

	.applinfo3-ul {
		padding-bottom: 10px
	}

	.applinfo6-con .applinfo-tit {
		margin-bottom: 20px
	}

	.applinfor-text2 {
		margin-top: 20px
	}
}

@media (max-width:640px) {
	.applinfo1-ul li span {
		font-size: 30px
	}

	.applinfo1-ul li {
		width: 100%;
		margin-bottom: 20px;
		float: none;
		padding: 0
	}

	.applinfo1-ul {
		margin: 30px 0px 10px
	}

	.applinfo2-con,.applinfo3-con,.applinfo4-con,.applinfo5-con,.applinfo6-con {
		margin-top: 30px
	}

	.applinfo2-ul li {
		width: 100%;
		padding: 0px;
		margin-bottom: 20px
	}

	.applinfo2-ul {
		margin: 0
	}

	.applinfo2-text {
		min-height: auto;
		padding: 20px 12px
	}

	.applinfo3-con {
		margin-top: 10px
	}

	.applinfo3-ul li {
		width: 50%
	}

	.applinfo3-text {
		padding: 5px 10px
	}

	.applinfo6-ul li {
		width: 50%;
		margin-bottom: 20px
	}

	.applinfo6-text {
		margin-top: 10px
	}

	.applinfo-right {
		margin-top: 20px
	}

	.applinfo1-p {
		min-height: auto
	}
}/* =============college================ */.college {
}

.college-one {
	padding: 75px 0 80px
}

.college-title {
	font-size: 40px;
	color: #333;
	line-height: 48px;
	font-weight: bold;
	text-align: center
}

.college-one .college-title,.college-two .college-title {
	text-align: left
}

.college-one-p {
	font-size: 20px;
	line-height: 32px;
	color: #333;
	margin-top: 30px
}

.college-two {
}

.college-two-top {
}

.college-two .college-title {
	float: left
}

.college-two-topmenu {
	float: right
}

.college-two-topmenu a {
	display: inline-block;
	font-size: 20px;
	line-height: 48px;
	color: #333;
	padding-left: 30px;
	margin-left: 60px
}

.college-two-topmenu a:first-child {
	margin-left: 0
}

.college-two-topmenu a.on {
	border-bottom: 2px solid #182f8e;
	color: #182f8e;
	font-weight: bold
}

.college-two-bottom {
	margin-top: 50px
}

.college-two-bottom1 {
	position: relative;
	display: none
}

.college-two-bottom1.on {
	display: block
}

.college2-menu {
	position: absolute;
	bottom: 38px;
	left: 0;
	width: 100%;
	z-index: 5
}

.college2-menu ul {
	position: relative;
	width: 100%
}

.college2-menu ul::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	border: 1px dashed rgba(255,255,255,0.24);
	top: 2px;
	left: 0
}

.college2-menu li {
	float: left;
	width: 14.28%;
	text-align: center
}

.college2-menu li a {
	display: block
}

.college2-menu li h4 {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin-top: 15px
}

.college-dot {
	display: block;
	font-style: normal;
	width: 6px;
	height: 6px;
	margin: 0 auto;
	border-radius: 50%;
	background: #fff;
	position: relative
}

.college-dot::before {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.25);
	left: -7px;
	top: -7px
}

.college2-menu li.on .college-dot {
	width: 10px;
	height: 10px;
	margin-top: -2px
}

.college2-menu li.on .college-dot::before {
	width: 26px;
	height: 26px;
	left: -8px;
	top: -8px
}

.college2-con1 {
	position: relative;
	display: none
}

.college2-con1.on {
	display: block
}

.college2-con1 a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.college2-img {
	width: 100%
}

.college2-text {
	position: relative;
	height: 100%
}

.college2-ms {
	position: absolute;
	top: 25%;
	left: 8%;
	width: 54.78%;
	padding: 45px 35px;
	background: url(../images/college2-ba1_03.png)no-repeat center;
	background-size: cover
}

.college2-ms h3 {
	font-size: 26px;
	line-height: 36px;
	color: #fff;
	margin-bottom: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.college2-ms p {
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.college2-ms span {
	display: block;
	font-size: 16px;
	line-height: 48px;
	margin-top: 30px;
	color: #fff
}

.college2-dot {
/* position:absolute;*/    /* text-align:center;*/
}

.college2-dot span {
	display: inline-block;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	color: #666;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255,255,255,0.84)
}

.college2-dot-text {
	opacity: 1;
	transition: ease .5s;
	margin-top: 15px;
	background: rgba(255,255,255,0.8);
	position: relative;
	text-align: center;
	border-radius: 5px;
/* padding:25px 25px 15px 25px;*/
}

.college2-dot-text::before {
	position: absolute;
	content: "";
	width: 15px;
	height: 7px;
	background: url(../images/college2-bef_03.png)no-repeat center;
	top: -7px;
	left: 46%
}

.college2-dot-text img {
	display: inline-block
}

.college2-dot-text h5 {
	font-size: 16px;
	line-height: 30px;
	color: #333
}

.college2-dot:hover .college2-dot-text {
	opacity: 1
}

.college2-dot1 {
/* top:290px;*/    /* right:-125px;*/
}

.college2-dot2 {
/*top:90px;right:-25px;*/
}

.college2-dot3 {
/* top:45px;*/    /* left:535px;*/
}

.college2-pxs {
	background: url(../images/college-pxs_03.png)no-repeat center left
}

.college2-hys {
	background: url(../images/college-hys_03.png)no-repeat center left
}

.college-twoapp {
	display: none
}

.college-twoapp .college-two-topmenu {
	float: none;
	text-align: center;
	margin-bottom: 30px
}

.college-twoapp .college2-ms {
	position: static;
	width: 66%
}

.college2-appcon {
	padding: 30px
}

.college2-swiper1 {
	position: relative
}

.college2-pagination {
	text-align: center;
	padding: 30px 0
}

.college2-page {
	display: inline-block !important;
	width: 100% !important;
	text-align: center;
	background: none !important;
	height: auto !important;
	opacity: 1 !important;
	position: relative
}

.college2-page::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	border-top: 1px dashed #dcdcdc;
	top: 10px;
	left: 0
}

.college2-page span {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 0 auto;
	border: 1px solid #dcdcdc;
	text-align: center;
	position: relative;
	margin-bottom: 10px
}

.college2-page span::before {
	position: absolute
}

.college2-page span i {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #c8c8c8
}

.college2-page span em {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #c8c8c8
}
/* .swiper-pagination-bullet-active.college2-page span i{background:#11298b}
*/.college2-swiper .gallery-thumbs .swiper-slide-active .college2-page span i {
	background: #11298b
}

.college2-swiper .gallery-thumbs .swiper-slide-active .college2-page span em {
	background: #11298b
}

.college2-swiper {
	padding-bottom: 20px
}

.college2-page h3 {
	font-size: 18px;
	line-height: 30px;
	color: #333
}

.college2-swipera .swiper-button-prev,.college2-swipera .swiper-button-next {
	width: 16px;
	height: 30px;
	background: url(../images/about7-left.png)no-repeat center;
	opacity: 1 !important;
	background-size: 100% 100%;
	top: auto;
	transition: ease .5s;
	bottom: 35px
}

.college2-swipera .swiper-button-next {
	transform: rotate(180deg);
	right: 40px
}

.college2-swipera .swiper-button-prev {
	left: 40px
}

.college2-swipera .swiper-button-next:hover,.college2-swipera .swiper-button-prev:hover {
	background-image: url(../images/about7-left1.png)
}

.college-three {
	background: #f6f6f6;
	padding: 80px 0
}

.college3-swiper {
	position: relative;
	padding-bottom: 50px;
	margin-top: 60px
}

.college3-swiper a {
	display: block;
	background: #fff
}

.college3-img {
	position: relative
}

.college3-img::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6) url(../images/college-bf.png)no-repeat center;
	top: 0;
	left: 0
}

.college2-swiper .gallery-thumbs {
	margin-top: 30px
}

.college3-zbo {
	position: absolute;
	height: 28px;
	font-size: 16px;
	line-height: 28px;
	color: #fff;
	background: rgba(0,0,0,0.45);
	border-radius: 0 0 15px 15px;
	padding: 0 15px
}

.college3-swiper a.on .college3-zbo {
	background-color: #11298b
}

.college3-img img {
	width: 100%
}

.college3-zbo {
}

.college3-text {
	font-size: 18px;
	line-height: 48px;
	color: #333;
	padding: 11px 25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.college3-swiper .swiper-pagination {
	width: 100%;
	text-align: center;
	bottom: 0
}

.college3-swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #d2d2d2;
	opacity: 1;
	margin: 0 5px
}

.college3-swiper .swiper-pagination-bullet-active {
	background-color: #11298b
}

.college-four {
	padding-top: 80px
}

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

.college4-left {
	float: left;
	width: 48.57%
}

.college4-left a {
	display: block;
	background: #f7f7f7
}

.college4-left-img {
	overflow: hidden
}

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

.college4-left:hover .college4-left-img img {
	transform: scale(1.04)
}

.college4-left-text {
	padding: 30px 20px
}

.college4-left-text span {
	display: inline-block;
	font-size: 28px;
	width: 14.5%;
	font-family: "Arial";
	line-height: 48px;
	color: #888;
	margin-top: 15px;
	float: left;
	border-right: 1px solid #dedede;
	padding-right: 20px
}

.college4-left-title {
	float: right;
	width: 82.6%
}

.college4-left-title h3 {
	font-size: 20px;
	line-height: 40px;
	color: #333;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: ease .5s
}

.college4-left:hover .college4-left-title h3 {
	color: #11298B
}

.college4-left-title p {
	font-size: 16px;
	line-height: 30px;
	color: #555;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.college4-right {
	float: right;
	width: 45.35%
}

.college4-right ul {
}

.college4-right li {
	border-bottom: 1px solid #ececec;
	padding: 39px 0 40px
}

.college4-right li:first-child {
	padding-top: 0
}

.college4-right li a {
	display: block
}

.college4-right li h5 {
	font-size: 14px;
	line-height: 28px;
	color: #888;
	margin-bottom: 18px
}

.college4-right li h5 span {
	display: inline-block;
	font-family: "Arial"
}

.college4-right li h4 {
	font-size: 20px;
	left: 48px;
	color: #333;
	margin-bottom: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: ease .5s
}

.college4-right li:hover h4 {
	color: #11298B
}

.college4-right li p {
	font-size: 16px;
	line-height: 30px;
	color: #888;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.college-five {
	padding: 80px 0
}

.college5-swiper {
	position: relative;
	padding-bottom: 50px;
	margin-top: 50px
}

.college5-swiper .swiper-pagination {
	width: 100%;
	text-align: center;
	bottom: 0
}

.college5-swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #d2d2d2;
	opacity: 1;
	margin: 0 5px
}

.college5-swiper .swiper-pagination-bullet-active {
	background-color: #11298b
}

.college5-slide {
}

.college5-img {
	overflow: hidden
}

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

.college5-slide:hover .college5-img img {
	transform: scale(1.04)
}

.college5-text {
	border: 1px solid #ebebeb;
	border-top: none;
	text-align: center;
	padding: 20px
}

.college5-text h3 {
	font-size: 20px;
	line-height: 30px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: ease .5s
}

.college5-slide:hover:hover .college5-text h3 {
	color: #11298B
}

.college5-text p {
	font-size: 16px;
	line-height: 30px;
	color: #888;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.college-six {
	padding-bottom: 80px
}

.college6-con {
}

.college6-con ul {
	margin: 50px -12px 0
}

.college6-con li {
	float: left;
	width: 33.33%;
	padding: 0 12px;
	margin-top: 20px
}

.college6-con li a {
	display: block;
	background: #f7f7f7;
	padding: 30px 25px
}

.college6-con li h3 {
	font-size: 20px;
	line-height: 30px;
	color: #333;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.college6-con li h3::before {
	position: absolute;
	content: "";
	width: 25px;
	height: 2px;
	background: #11298b;
	left: 0;
	bottom: 0
}

.college6-con li h5 {
	font-size: 14px;
	line-height: 24px;
	color: #777
}

.college6-con li h5 span {
	display: inline-block;
	font-family: "Arial"
}

.college-download {
	display: inline-block;
	transition: ease .5s;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	margin-top: 20px;
	border: 1px solid #cccccc;
	background: url(../images/college6-xiazai.png)no-repeat center right 24px;
	padding: 10px 56px 10px 18px
}

.college6-con li:hover .college-download {
	background-image: url(../images/college6-xiazai1.png);
	background-color: #11298b;
	color: #fff;
	border-color: #11298b
}

.college6-con li:hover h3 {
	color: #11298B
}
/*视频弹窗*/.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);
	opacity: 1 !IMPORTANT
}

.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:1679px) {
	.college2-dot3 {
/* top:38px;*/        /* left:510px;*/
	}

	.college2-dot2 {
/* right:80px;*/
	}

	.college2-dot1 {
/* right:0;*/
	}

	.college2-ms {
		top: 20%;
		left: 8%
	}
}

@media (max-width:1600px) {
	.college2-dot1 {
/* top:260px;*/        /* right:30px;*/
	}

	.college2-dot2 {
/* right:105px;*/
	}

	.college2-dot3 {
/* left:485px;*/
	}
}

@media (max-width:1530px) {
	.college2-dot1 {
/* top:250px;*/        /* right:60px;*/
	}

	.college2-dot2 {
/* right:130px;*/
	}
}

@media (max-width:1459px) {
	.college4-left-text span {
		width: 17.5%
	}

	.college4-left-title {
		width: 79.6%
	}

	.college4-right li {
		padding: 27px 0
	}

	.college2-dot1 {
/* right:0;*/
	}

	.college2-dot2 {
/* right:60px;*/
	}

	.college2-dot3 {
/* left:400px;*/
	}

	.college2-ms {
		top: 15%;
		left: 10%
	}
}

@media (max-width:1359px) {
	.college2-dot1 {
/* top:218px;*/        /* right:28px;*/
	}

	.college2-dot2 {
		right: 105px
	}
}

@media (max-width:1259px) {
	.msg-box {
		width: 800px;
		height: 465px;
		padding: 30px
	}

	.msg-box .close-box {
		width: 24px;
		height: 24px;
		font-size: 24px;
		top: 5px;
		right: 5px
	}

	.college4-left-text span {
		width: 23.5%
	}

	.college4-left-title {
		width: 72.6%
	}

	.college4-right li {
		padding: 15px 0
	}

	.college3-img::before {
		background-size: 45px 45px
	}

	.college2-dot1 {
/* top:200px;*/        /* right:-55px;*/
	}

	.college2-dot2 {
/*right:0;*/
	}

	.college2-dot3 {
/* left:285px;*/        /* top:20px;*/
	}

	.college2-ms {
		top: 10%;
		left: 5%;
		padding: 35px
	}
}

@media (max-width:1149px) {
	.college2-dot2 {
		right: 35px
	}

	.college2-dot1 {
/* top:186px;*/        /* right:-10px;*/
	}
}

@media (max-width:991px) {
	.msg-box {
		width: 600px;
		height: 365px;
		left: 63%
	}

	.college4-left {
		float: none;
		width: 100%
	}

	.college4-right {
		float: none;
		width: 100%;
		margin-top: 30px
	}

	.college4-left-text span {
		width: 15.5%
	}

	.college4-left-title {
		width: 80.6%
	}

	.college-two {
		display: none
	}

	.college-twoapp {
		display: block;
	}
}

@media (max-width:767px) {
	.msg-box {
		width: 80%;
		left: 72%
	}

	.college-title {
		font-size: 26px;
		line-height: 40px
	}

	.college-one {
		padding: 40px 0
	}

	.college-two-bottom {
		margin-top: 40px
	}

	.college-one-p {
		font-size: 17px
	}

	.college-two-topmenu a {
		font-size: 16px;
		margin-left: 20px;
		background-size: 20px 20px;
		line-height: 36px
	}

	.college-three {
		padding: 40px 0
	}

	.college3-swiper {
		margin-top: 40px
	}

	.college-four {
		padding-top: 40px
	}

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

	.college3-text {
		font-size: 17px
	}

	.college3-zbo {
		font-size: 14px
	}

	.college4-left-title h3 {
		font-size: 17px
	}

	.college4-left-title p {
		font-size: 15px
	}

	.college4-right li h4 {
		font-size: 17px
	}

	.college4-right li p {
		font-size: 14px
	}

	.college-five {
		padding: 40px 0
	}

	.college5-swiper {
		margin-top: 40px
	}

	.college6-con ul {
		margin: 20px -6px 0
	}

	.college6-con li h3 {
		font-size: 18px
	}

	.college6-con li {
		width: 50%;
		padding: 0 6px;
		margin-top: 10px
	}

	.college-download {
		font-size: 14px;
		padding: 6px 50px 6px 18px;
		background: url(../images/college6-xiazai.png)no-repeat center right 16px
	}

	.college-six {
		padding-bottom: 40px
	}

	.college4-left-text span {
		font-size: 20px;
		line-height: 30px;
		width: 22.5%
	}

	.college4-left-title {
		width: 72.6%
	}

	.college4-left-text {
		padding: 20px
	}

	.college-twoapp .college2-ms {
		width: 80%
	}

	.college2-swipera .swiper-button-prev,.college2-swipera .swiper-button-next {
		width: 14px;
		height: 26px
	}

	.college2-pagination {
		padding: 30px 40px
	}

	.college2-swipera .swiper-button-prev {
		left: 30px
	}

	.college2-swipera .swiper-button-next {
		right: 30px
	}

	.college2-page h3 {
		font-size: 16px
	}

	.college2-ms h3 {
		font-size: 19px
	}

	.college2-ms p {
		font-size: 16px
	}

	.college2-ms span {
		font-size: 14px;
		line-height: 28px
	}
}

@media (max-width:640px) {
	.msg-box {
		left: 114%
	}

	.college2-page h3 {
		font-size: 14px
	}

	.college-twoapp .college2-ms {
		width: 100%
	}

	.college2-ms h3 {
		font-size: 18px
	}

	.college2-ms p {
		font-size: 14px
	}

	.college2-pagination {
		padding: 30px 20px
	}

	.college2-swipera .swiper-button-next {
		right: 15px
	}

	.college2-swipera .swiper-button-prev {
		left: 15px
	}

	.college-twoapp .college-two-topmenu {
		margin-bottom: 20px
	}
}

@media (max-width:375px) {
	.msg-box {
		left: 124%
	}
}

@media (max-width:360px) {
	.msg-box {
		left: 129%
	}
}

@media (max-width:320px) {
	.msg-box {
		left: 144%;
		height: 300px
	}
}

@media (max-width:375px) {
	.college6-con li {
		width: 100%;
		padding: 0
	}

	.college6-con ul {
		margin: 0
	}
}

@media (max-width:991px) {
	.inside-banner-text .dis-table .dis-cell {
/* display:none; */
	}
}/* ============download============= */.download {
}

.download-menu {
	text-align: center;
	margin-top: 50px
}

.download-con {
	margin-top: 50px
}

#box {
	margin-top: -40px;
	overflow-x: auto;
/*white-space:nowrap;*/
}

#box1 {
	white-space: normal
}

.download-menu ul {
	display: inline-block
}

.download-menu li {
	float: left;
	width: auto
}

.download-menu li a {
	display: block;
	font-size: 16px;
	color: #333;
	line-height: 38px;
	border-radius: 30px;
	padding: 0 40px;
	background: transparent;
	transition: ease .5s;
	position: relative
}

.download-menu li a::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 12px;
	background: #dcdcdc;
	top: 12px;
	right: 0
}

.download-menu li a.nobef::before {
	display: none
}

.download-menu li:hover a::before,.download-menu li.on a::before {
	display: none
}

.download-menu li:hover a,.download-menu li.on a {
	color: #fff;
	background: #1d65b0
}

#box table {
	margin-bottom: 25px
}

#box .page {
	margin-top: 25px
}

#box tr {
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #eaeaea;
	display: inline-block
}

#box tr:first-child {
	background: #0168b7
}

#box th {
	font-size: 20px;
	line-height: 10px;
	color: #fff;
	font-weight: lighter;
	padding: 25px 30px
}

#box th:first-child,#box td:first-child {
	min-width: 780px;
	max-width: 780px
}

#box th:nth-child(2),#box td:nth-child(2) {
	min-width: 160px
}

#box th:nth-child(3),#box td:nth-child(3) {
	min-width: 160px
}

#box td {
	font-size: 18px;
	line-height: 10px;
	color: #666;
	transition: ease .5s;
	padding: 25px 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#box tr:hover td {
	color: #0168b7
}

#box tr a {
	display: inline-block;
	transition: ease .5s;
	width: 21px;
	height: 21px;
	background: url(../images/download.png)no-repeat center
}

#box tr:hover a {
	background-image: url(../images/download1.png)
}

#box1.none {
	display: none
}

@media(max-width:1260px) {
	#box th:first-child,#box td:first-child {
		min-width: 510px;
		max-width: 510px
	}
}

@media(max-width:991px) {
	#box th {
		font-size: 16px
	}

	#box td {
		font-size: 16px
	}

	#box th:first-child,#box td:first-child {
		min-width: 300px;
		max-width: 300px
	}
}

@media(max-width:740px) {
	#box {
		margin-top: -20px
	}

	#box th {
		padding: 25px 8px
	}

	#box td {
		padding: 25px 8px
	}
}

@media(max-width:640px) {
	#box {
		margin-top: -25px
	}

	#box th:first-child,#box td:first-child {
		min-width: 335px
	}

	#box td {
		font-size: 16px
	}

	#box th {
		font-size: 18px
	}

	#box th,#box td {
		padding: 25px 8px
	}

	#box th:nth-child(3),#box td:nth-child(3) {
		min-width: 130px
	}

	#box th:nth-child(2),#box td:nth-child(2) {
		min-width: 100px
	}

	#box th:last-child,#box td:last-child {
		min-width: 60px
	}

	#box th:nth-child(3),#box td:nth-child(3),#box th:nth-child(2),#box td:nth-child(2) {
		display: none
	}
}

@media(max-width:375px) {
	#box-menu li a {
		padding: 0 30px
	}
}

@media(max-width:320px) {
	#box-menu li a {
		padding: 0 23px;
		line-height: 30px
	}
}

@media(max-width:360px) {
	#box th:first-child,#box td:first-child {
		min-width: 250px;
		max-width: 250px
	}
}

.news-left p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin-bottom: 15px
}

@media(max-width:767px) {
	.news-left p {
		font-size: 14px
	}
}

#proinfo2 {
	overflow: hidden
}

.proinfo2-text1 .proleft {
	width: 49.5%;
	float: left
}

.proinfo2-text1 .proright {
	width: 49.5%;
	float: right
}

@media(max-width:767px) {
	.proinfo2-text1 .proleft {
		width: 100%
	}

	.proinfo2-text1 .proright {
		width: 100%;
		float: none;
		margin-top: 0
	}
}

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

.foot-center a {
	float: left;
	height: 32px !important;
	background: none !important;
	line-height: 32px !important;
	font-size: 26px !important;
	color: #ffffff !important;
	float: left;
	padding: 0 !important;
	margin: 0 10px 0 20px !important
}

@media(max-width:991px) {
	.foot-center a {
		font-size: 20px !important
	}
}

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

	.footer-right p {
		text-align: inherit
	}
}

.ewm {
	transform: translateX(-50%)
}

.ewm,.ewms {
	position: absolute;
	width: 150px;
	height: 150px;
	top: 100%;
	left: 0;
	display: none
}

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

.promenu-xl {
	position: relative;
	display: inline-block
}

.promenu-xla {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: auto;
	display: none;
	background: #fff;
	border: 1px solid #11298B;
	border-top: none;
	padding: 0px 10px;
	z-index: 999
}

.promenu-xl:hover .promenu-xla {
	display: block
}

.promenu-xl:hover .promenu-xl1 {
	border-bottom: none
}

.promenu-xl1 {
	margin: 0 !important;
	padding: 0 5px;
	border: 1px solid #11298B;
	padding: 0 10px 0 10px
}

.promenu-xl1 i {
	display: inline-block;
	width: 10px;
	height: 6px;
	background: url(../images/promenu-down1.png)no-repeat center right;
	padding-left: 20px
}

.promenu-xla a {
	margin: 0 !important;
	word-break: break-all;
	padding: 2px 0;
	line-height: 24px;
	display: block
}

.promenu-xl:hover .promenu-xl1 i {
	background-image: url(../images/promenu-down_03.png)
}

.pro1 a.on {
	color: #182f8e
}

.college-two-bottom {
	margin-top: 50px;
	position: relative
}

.college-two-bottom::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 171px;
	background: url(../images/college2-baa.png)no-repeat center;
	bottom: 0;
	left: 0;
	z-index: 3
}

.solutioninfo-eight {
	padding: 40px 0 29px;
	text-align: center;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 100% 100% !important
}

.soluinfo8-con {
}

.soluinfo8-h1 {
	display: inline-block
}

.soluinfo8-h1 img {
	display: inline-block;
	margin-top: -7px;
	margin-right: 5px
}

.soluinfo8-h1 span {
	display: inline-block;
	font-size: 24px;
	line-height: 34px;
	color: #fff
}

.soluinfo8-h2 {
	font-size: 26px;
	color: #fff;
	line-height: 36px;
	display: inline-block
}

.soluinfo8-h2 span {
	display: inline-block
}

.soluinfo8-phone {
	position: relative;
	display: inline-block;
	font-family: 'brant-b';
	font-size: 36px;
	color: #fff;
	margin-left: 10px;
	padding-right: 115px;
	margin-right: 10px;
	margin-top: 0
}

@keyframes tel {
	0% {
		transform: rotateZ(0deg)
	}

	20% {
		transform: rotateZ(20deg)
	}

	40% {
		transform: rotateZ(-20deg)
	}

	60% {
		transform: rotateZ(20deg)
	}

	80% {
		transform: rotateZ(-20deg)
	}

	100% {
		transform: rotateZ(0deg)
	}
}

.soluinfo8-phoneimg {
	width: 51px;
	height: 51px;
	display: inline-block;
	position: relative;
	margin-left: 40px
}

.soluinfo8-phoneimg img {
	width: 100%;
	animation: tel ease-out 1.3s infinite
}

.soluinfo8-phoneimg::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/soluinfo-time_03.png)no-repeat center;
	left: 0;
	top: 0;
	background-size: 100%
}

.soluinfo8-phone::before {
	position: absolute;
	content: "";
	width: 80px;
	height: 1px;
	background: #a7a7a7;
	right: 0;
	top: 50%
}

@media (max-width:1680px) {
	.soluinfo5-swiper {
		padding: 0 80px
	}

	.soluinfo5-swiper .swiper-button-next {
		right: 0
	}

	.soluinfo5-swiper .swiper-button-prev {
		left: 0
	}
}

@media (max-width:1459px) {
	.solutioninfo1-li1 {
		left: 10px
	}

	.solutioninfo1-li2 {
		right: 200px
	}

	.solutioninfo1-li3 {
		left: 300px
	}

	.solutioninfo1-li4 {
		margin-left: 50px
	}

	.solutioninfo1-li5 {
		right: 150px
	}

	.soluinfo4-menu a.on {
		padding: 30px 0
	}

	.soluinfo4-menu a {
		padding: 30px 20px
	}

	.soluinfo6-txt {
		padding: 0 20px
	}

	.soluinfo6-con li.on .soluinfo6-txt {
		padding: 0 100px
	}

	.soluinfo6-txt span {
		font-size: 80px
	}

	.soluinfo6-con li {
		height: 409px
	}

	.soluinfo2-ul li.soluinfo2-bottom1 {
		top: 360px;
		left: 190px
	}

	.soluinfo2-ul li.soluinfo2-top2 {
		left: 382px;
		top: -30px
	}

	.soluinfo2-ul li.soluinfo2-bottom2 {
		top: 360px;
		left: 600px
	}

	.soluinfo2-ul li.soluinfo2-top3 {
		right: 200px;
		top: -30px
	}

	.soluinfo2-ul li.soluinfo2-bottom3 {
		top: 360px;
		right: 0px
	}

	.soluinfo2-ul li {
		height: 328px
	}

	.soluinfo2-ul {
		height: 656px;
		background-size: 100% 150%;
		margin-top: 110px
	}

	.soluinfo2-ul li.soluinfo2-top1 {
		margin-top: -30px
	}
}

@media (max-width:1259px) {
	.solutioninfo1-li1 {
		left: 0
	}

	.solutioninfo1-li2 {
		right: 50px
	}

	.solutioninfo1-li4 {
		margin-left: 30px
	}

	.solutioninfo1-li5 {
		right: 0
	}

	.soluinfo4-menu a {
		font-size: 20px;
		line-height: 36px
	}

	.soluinfo4-menu {
		width: 16.72%
	}

	.soluinfo4-menu a {
		padding: 25px 0
	}

	.soluinfo7-con li {
		padding: 0 10px
	}

	.soluinfo7-con ul {
		margin: 0 -10px
	}

	.soluinfo5-swiper {
		padding: 0 50px
	}

	.solutioninfo-three li.soluinfo3-zw .soluinfo2-bef {
		display: none
	}

	.soluinfo8-h2 {
		font-size: 24px
	}

	.soluinfo8-phone {
	}

	.soluinfo6-con li {
		height: 345px
	}

	.soluinfo6-txt p {
		display: none
	}

	.soluinfo6-con li.on .soluinfo6-txt p {
		display: block
	}

	.soluinfo6-con li.on .soluinfo6-txt {
		padding: 0 30px
	}

	.soluinfo2-icon {
		width: 160px;
		height: 144px
	}

	.soluinfo2-ul li.soluinfo2-top1 {
		margin-top: 0px
	}

	.soluinfo2-ul li.soluinfo2-bottom1 {
		top: 348px;
		left: 150px
	}

	.soluinfo2-ul li.soluinfo2-top2 {
		left: 312px;
		top: 0px
	}

	.soluinfo2-ul li.soluinfo2-bottom2 {
		top: 348px;
		left: 470px
	}

	.soluinfo2-ul li.soluinfo2-top3 {
		right: 156px;
		top: 0px
	}

	.soluinfo2-ul li.soluinfo2-bottom3 {
		top: 348px;
		right: 0px
	}

	.soluinfo2-ul {
		height: 656px;
		background-size: 100% 100%;
		margin-top: 80px
	}

	.soluinfo8-h1 {
		margin-bottom: 20px
	}
}

@media (max-width:991px) {
	.solutioninfo-title {
		font-size: 34px
	}

	.solutioninfo1-text h3 {
		padding: 15px 20px
	}

	.solutioninfo1-li {
		display: inline-block
	}

	.solutioninfo1-icon {
		width: 50px;
		height: 50px
	}

	.solutioninfo1-text {
		float: left
	}

	.solutioninfo1-li2 {
		right: 0;
		top: 60px
	}

	.solutioninfo1-li3 {
		left: 100px;
		top: 145px
	}

	.solutioninfo1-li4 {
		margin-top: 350px
	}

	.soluinfo4-menu {
		position: static;
		width: 100%
	}

	.soluinfo4-menu a {
		width: 25%
	}

	.soluinfo4-menu a.on {
		padding: 25px 0;
		width: 25%
	}

	.soluinfo6-txt {
		position: static
	}

	.soluinfo6-txt p {
		font-size: 16px;
		display: block
	}

	.soluinfo6-con li {
		height: 256px
	}

	.soluinfo6-li {
		height: 400px
	}

	.soluinfo6-appcon {
		display: block
	}

	.soluinfo6-con {
		display: none
	}

	.solutioninfo-two ul {
		background: none;
		height: auto
	}

	.soluinfo2-ul li {
		position: static;
		width: 33.33%;
		float: left;
		height: auto;
		margin-top: 30px;
		padding: 0 10px
	}

	.soluinfo2-ul li.soluinfo2-top1 {
		margin-top: 30px
	}

	.soluinfo2-icon {
		width: 120px;
		height: 108px
	}

	.soluinfo2-icon span {
		font-size: 48px
	}

	.soluinfo8-h1 {
		margin-bottom: 10px
	}
}

@media (max-width:767px) {
	.soluinfo5-swiper .swiper-button-prev,.soluinfo5-swiper .swiper-button-next {
		display: none
	}

	.soluinfo5-swiper .swiper-pagination {
		display: block;
		margin-top: 20px
	}

	.solutioninfo1-li2 {
		top: 70px
	}

	.solutioninfo1-text h3 {
		font-size: 16px;
		padding: 10px 20px
	}

	.solution-more {
		width: 160px;
		height: 40px
	}

	.solution-more span {
		padding: 8px 0;
		line-height: 26px;
		font-size: 15px
	}

	.solutioninfo-title {
		font-size: 23px;
		line-height: 36px
	}

	.solutioninfo-dec {
		font-size: 17px
	}

	.solutioninfo-one,.solutioninfo-three,.solutioninfo-four,.solutioninfo-fiv {
		padding: 40px 0
	}

	.solutioninfo-one-con {
		margin-top: 30px
	}

	.soluinfo6-li {
		height: 320px
	}

	.soluinfo3-icon {
		width: 60px;
		height: 60px
	}

	.soluinfo3-tit {
		font-size: 16px
	}

	.solutioninfo-three li {
		margin-top: 30px
	}

	.soluinfo5-con {
		margin-top: 30px
	}

	.soluinfo5-text {
		font-size: 17px;
		line-height: 32px
	}

	.soluinfo5-swiper {
		padding: 0 0 40px 0
	}

	.solutioninfo-four .solution-more,.solutioninfo-fiv .solution-more {
		margin-top: 30px
	}

	.soluinfo4-menu a,.soluinfo4-menu a.on {
		padding: 15px 0;
		font-size: 18px
	}

	.soluinfo6-appcon,.soluinfo7-con {
		margin-top: 30px
	}

	.solutioninfo-six {
		padding: 40px 0 80px
	}

	.solutioninfo-seven {
		padding: 0px 0 40px
	}

	.soluinfo8-h1 span {
		font-size: 20px
	}

	.soluinfo8-h2 {
		font-size: 21px;
		line-height: 36px
	}

	.soluinfo8-phone {
		background-size: 30px 30px;
		font-size: 30px;
		padding-right: 60px;
		padding-bottom: 0;
		margin: 0 15px
	}

	.soluinfo8-phone::before {
		width: 50px;
		top: 50%
	}

	.soluinfo6-txt h3 {
		font-size: 20px;
		line-height: 30px
	}

	.solutioninfo-one .solution-more {
		margin-top: 20px
	}

	.soluinfo7-text h4 {
		font-size: 18px;
		margin-bottom: 0
	}

	.solutioninfo-eight {
		padding: 60px 0
	}

	.soluinfo2-txt h3 {
		font-size: 18px
	}

	.soluinfo2-txt {
		margin-top: 10px
	}

	.solutioninfo-two ul {
		margin-top: 20px
	}

	.soluinfo2-icon span {
		font-size: 38px
	}

	.soluinfo2-ul li {
		width: 50%
	}

	.soluinfo2-txt p {
		min-height: 78px
	}

	.solutioninfo-two {
		padding: 40px 0
	}

	.soluinfo6-txt span {
		font-size: 46px;
		margin: 0
	}
}

@media (max-width:640px) {
	.soluinfo2-bef {
		display: none
	}

	.soluinfo3-tit {
		margin-top: 10px;
		text-align: center
	}

	.soluinfo3-icon {
		margin: 0 auto;
		width: 55px;
		height: 55px
	}

	.solutioninfo-three li {
		width: 33.33%
	}

	.solutioninfo-three li.soluinfo3-right {
		float: left
	}

	.soluinfo4-menu a,.soluinfo4-menu a.on {
		font-size: 16px;
		line-height: 30px
	}

	.soluinfo7-con li {
		width: 50%;
		margin-bottom: 20px
	}

	.soluinfo7-text p {
		height: 60px
	}

	.soluinfo7-text {
		padding-top: 10px
	}

	.solutioninfo-seven .solution-more {
		margin-top: 20px
	}

	.solutioninfo1-li {
		position: static;
		margin-bottom: 20px
	}

	.solutioninfo1-text {
		float: none;
		margin-left: 50px
	}

	.solutioninfo1-li4 {
		margin-top: 0;
		margin-left: 0
	}

	.soluinfo8-h1 img {
		margin-top: 0
	}

	.soluinfo8-h1 span {
		font-size: 18px;
		margin-top: 15px
	}

	.soluinfo8-h2 {
		font-size: 19px;
		line-height: 32px
	}

	.soluinfo8-phone {
		background-size: 20px 20px;
		font-size: 22px;
		padding-right: 55px
	}

	.solutioninfo-eight {
		padding: 40px 0
	}

	.soluinfo2-ul li {
		width: 100%;
		float: none
	}

	.solutioninfo-two ul {
		margin-top: 10px
	}

	.soluinfo2-txt p {
		min-height: auto
	}

	.soluinfo8-phoneimg {
		width: 40px;
		height: 40px
	}

	.soluinfo8-phoneimg {
		width: 40px;
		height: 40px;
		margin-left: 0
	}
}

.banner {
}

.banner img {
	display: block;
	width: 100%
}

.banner img.app-banner {
	display: none
}

.banner-font {
	position: absolute;
	width: 100%;
	left: 0;
	top: 40%
}

.banner-font h3 {
	opacity: 0;
	transform: translateY(-20px);
	transition: all 1s .5s
}

.banner-font h3 img {
	width: auto
}

.banner-font h4 {
	margin-bottom: 10px;
	opacity: 0;
	transform: translateY(-20px);
	transition: all 1s .7s;
	font-size: 50px;
	color: #fff;
	line-height: 60px;
	font-weight: bold
}

.banner-font h4 span {
	font-weight: 100;
	font-size: 50px
}

.banner-font h5 {
	font-size: 20px;
	opacity: 0;
	transform: translateY(-20px);
	color: #fff;
	line-height: 35px;
	margin-bottom: 20px;
	transition: all 1s .7s;
	letter-spacing: 7px
}

.banner-line {
	width: 75px;
	height: 2px;
	background: #fff;
	margin: 23px 0 20px;
	opacity: 0;
	transform: translateY(-20px);
	transition: all 1s .5s
}

.banner-font li {
	opacity: 0;
	transform: translateX(-20px);
	float: left;
	margin-right: 60px;
	text-align: center
}

.banner-font li p {
	color: white;
	font-size: 16px;
	line-height: 48px
}

.banner-font li.banner-li1 {
	transition: all 1s 1s
}

.banner-font li.banner-li2 {
	transition: all 1s 1.2s
}

.banner-font li.banner-li3 {
	transition: all 1s 1.4s
}

.banner-font.banner-font2 {
	top: 40%;
	transform: translateY(-50%)
}

.banner-font.banner-font2 h4 {
	font-size: 60px;
	font-weight: normal;
	margin: 25px 0;
}

.banner-font.banner-font2 h4 span {
	display: inline-block;
	font-family: 'brant-b';
	font-size: 52px
}

.banner-font.banner-font2 h5 {
	font-size: 18px;
	letter-spacing: normal;
	font-weight: normal;
}

.banner-font.banner-font2 h5 i {
	display: inline-block;
	width: 1px;
	height: 30px;
	position: relative;
	margin: 0 5px
}

.banner-font.banner-font2 h5 i::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 20px;
	bottom: -4px;
	left: 0;
	background: rgba(255,255,255,0.6)
}

.banner .swiper-slide-active .banner-more,.banner .swiper-slide-active .banner-font h5,.banner .swiper-slide-active .banner-font h3,.banner .swiper-slide-active .banner-font h4,.banner .swiper-slide-active .banner-line {
	opacity: 1;
	transform: translateY(0)
}

.banner .swiper-slide-active .banner-font li {
	opacity: 1;
	transform: translateX(0)
}

.banner .swiper-slide-active .banner-font li img {
	transition: ease .4s
}

.banner .swiper-slide-active .banner-font li:hover img {
	transform: scale(1.08)
}

.banner .swiper-pagination {
	bottom: 30px !important
}

.banner .swiper-pagination-bullet {
	opacity: 1;
	width: 10px;
	height: 10px;
	background: #90908d;
	margin: 0px 5px !important;
	border-radius: 100%
}

.banner .swiper-pagination-bullet-active {
	background: #ffffff;
	width: 20px;
	border-radius: 1rem;
}

.banner .swiper-button-next,.banner .swiper-button-prev {
	color: white;
	width: 50px;
	height: 80px;
	opacity: 0;
	background: rgba(51,51,51,0.5) url(../images/about7-left11.png)no-repeat center;
	line-height: 80px;
	text-align: center;
	font-size: 30px;
	margin-top: -27.5px;
	background-size: 20px 38px
}

.banner .swiper-button-prev {
	left: 0px
}

.banner .swiper-button-next {
	right: 0px;
	transform: rotate(180deg)
}

.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover {
	background-color: rgba(17,41,139,0.7)
}

.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev {
	opacity: 1
}

.banner-font.banner-font2 h3 img {
	display: inline-block
}

.banner-font.banner-font2 h3 {
	font-size: 80px;
	color: #fff;
}

.banner-font.banner-font2 .banner-line {
	margin: 23px auto 20px
}

@media (max-width:1459px) {
	.banner-font.banner-font2 h3 img {
		width: 45%
	}
}

@media (max-width:1259px) {
	.banner .swiper-button-next,.banner .swiper-button-prev {
		width: 26px;
		height: 50px
	}

	.banner .swiper-button-next,.banner .swiper-button-prev {
		display: none
	}
}

@media (max-width:991px) {
	.banner {
		padding-right: 0
	}

	.banner-font h3 {
		font-size: 40px;
		line-height: 40px
	}

	.banner-line {
		width: 50px;
		margin: 12px 0
	}

	.banner-font h4 {
		font-size: 40px;
		line-height: 40px
	}

	.banner-font h5 {
		font-size: 18px;
		line-height: 18px
	}

	.banner-more {
		width: 130px;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
		padding: 0 15px 0 50px;
		background-position: left 15px center;
		margin-top: 30px
	}

	.banner .swiper-pagination-bullet {
		width: 10px
	}

	.banner .swiper-pagination-bullet-active{
		width: 20px;
	}

	.banner img.app-banner {
		display: block;
		height: 350px
	}

	.banner img.pc-banner {
		display: none
	}

	.banner .swiper-pagination {
		bottom: 23px !important
	}
	.banner-font.banner-font2{
		top: 20%;
	}

	.banner-font.banner-font2 h4 {
		font-size: 38px
	}

	.banner-font.banner-font2 h4 span {
		font-size: 42px
	}

	.banner-font.banner-font2 h5 {
		font-size: 18px
	}

	.banner-font.banner-font2 h3 img {
		width: 55%
	}

	.banner-font.banner-font2 .banner-line {
		margin: 12px auto;
		width: 50px
	}
}

@media (max-width:767px) {
	.soluinfo8-phone::before {
		width: 30px
	}

	.soluinfo8-phone {
		padding-right: 50px;
		margin: 0 5px
	}

	.header-app .logo img {
		width: 134px;
		height: 36px
	}

	.footer-left {
		width: 100%;
		float: none
	}

	.footer-right {
		float: left;
		text-align: center;
		margin-top: 20px
	}

	.banner-font h3 img {
		width: 100px
	}

	.banner-font h4 {
		font-size: 24px;
		line-height: 30px
	}

	.banner-font h4 span {
		font-size: 24px
	}

	.banner-font h5 {
		font-size: 16px;
		letter-spacing: 2px;
		margin-bottom: 30px
	}

	.banner-font li {
		margin-right: 30px
	}

	.banner-font li img {
		width: 50px
	}

	.banner-font li p {
		font-size: 14px;
		line-height: 34px
	}

	.banner-font {
		box-sizing: border-box;
		padding: 0 6%;
		top: 30%
	}
	.banner-font.banner-font2{
		top: 20%;
	}

	.banner-font.banner-font2 h4 {
		font-size: 24px;
		margin-bottom: 0
	}

	.banner-font.banner-font2 h4 span {
		font-size: 30px
	}

	.banner-font.banner-font2 h5 {
		font-size: 16px;
		line-height: 32px;
	}

	.banner-font.banner-font2 h3 {
		font-size: 40px;
	}

	.banner-font.banner-font2 h3 img {
		width: 55%
	}
}

.applinfo2 {
	position: relative
}

.applinfo-right.sctop {
	position: fixed !important;
	right: 5%;
	top: 100px;
	background: #fff;
	padding: 10px;
	z-index: 20
}

.applinfo-right.scbot {
	top: 0;
	right: 0;
	position: absolute
}

.applinfo-right.scbot2 {
	bottom: 0;
	right: 0px;
	position: absolute
}

@media (max-width:1259px) {
	.applinfo-right.sctop {
		top: 50px;
		right: 7%
	}
}

@media (max-width:991px) {
	.applinfo-right.sctop {
		position: static
	}
}

.pro2 a {
	font-size: 18px
}

.appli-menu-a.cat1 {
	width: 100%
}

.deepen-box {
	width: 73%;
	margin: auto
}

#water {
	height: 990px;
}

.deepen-box .pic .pic-img {
	width: 100%
}

.deepen-box .pic {
	position: relative
}

.deepen-box .pic:hover .img-yyc {
	display: block
}

.deepen-box .des {
	margin: 20px 0 0px 0;
	padding-left: 20px
}

.deepen-box .des h5 {
	color: #333333;
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 22px;
}

.deepen-box .des p {
	color: #666666;
	font-size: 12px;
	margin-bottom: 20px
}

.deepen-box li {
	box-shadow: 0 2px 9px #9e9e9e94
}

.img-yyc {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	background-color: #3333338c;
	display: none;
	text-align: center
}

.img-yyc .pic-tb {
}

.outer-div {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	z-index: 2;
	width: 100%;
	height: 100%;
	display: none
}

.outer-div .inner-div {
	position: absolute
}

.outer-div .inner-div .bigimg {
	border: 1px solid white
}

.ygfccha {
	position: absolute;
	right: 0%;
	top: -2%;
	display: none
}

.ygfczhou {
	margin-right: 20px;
	width: 32px;
	display: none
}

.ygfcyou {
	margin-left: 20px;
	width: 32px;
	display: none
}

@media (max-width:768px) {
	.deepen-box {
		width: 90%;
		margin: auto
	}

	.deepen-box .des h5 {
		font-size: 14px
	}

	.ygfccha {
		position: absolute;
		right: 44%;
		top: 105%;
		font-size: 18px
	}

	.ygfczhou {
		margin-right: 0px;
		position: absolute;
		left: -10%;
		top: 40%
	}

	.ygfcyou {
		margin-left: 0px;
		position: absolute;
		right: -10%;
		top: 40%
	}
}

.key_x {
}

.key_x span {
	font-size: 18px;
	padding: 10px 0;
	display: inline-block
}

.keylist_x {
	margin-top: 5px
}

.keylist_x a {
	padding: 5px 10px;
	border: 1px solid #666666;
	border-radius: 5px;
	color: #666666;
	margin-bottom: 10px;
	display: inline-block
}

.keylist_x a.active {
	background: #182f8e;
	color: #fff;
	border: 1px solid #182f8e
}
/* ====================== 2020.4.30 =============== */.college2-bot1 {
	position: relative;
	display: none
}

.college2-bot1.on {
	display: block
}

.college2pc-top {
}

.college2pc-thu {
	position: absolute;
	bottom: 38px;
	width: 100%;
	left: 0;
	z-index: 5
}

.college2pc-top .college2-con1 {
	display: block
}

.college2pc-thu .swiper-slide {
	position: relative;
	text-align: center;
	padding-top: 10px
}

.college2pc-thu .swiper-container::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	border: 1px dashed rgba(255,255,255,0.24);
	left: 0;
	top: 12px
}

.college2pc-thu .swiper-slide-active .college-dot {
	width: 10px;
	height: 10px;
	margin-top: -2px
}

.college-two-appmenu {
	text-align: center;
	margin-bottom: 20px;
}

.college-two-appmenu a {
	display: inline-block;
	font-size: 17px;
	line-height: 48px;
	color: #333;
	padding-left: 30px;
	margin-left: 60px;
}

.college-two-appmenu a:first-child {
	margin-left: 0;
}

.college-two-appmenu a.on {
	border-bottom: 2px solid #182f8e;
	color: #182f8e;
	font-weight: bold;
}
/* .college2-menu li.on .college-dot{width:10px;height:10px;margin-top:-2px}
*/    

.college2pc-thu .swiper-slide-active  .college-dot::before {
	width: 26px;
	height: 26px;
	left: -8px;
	top: -8px;
}

.college2-menu {
	display: block;
	position: relative;
	bottom: 0;
}

.college2-menu h4 {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin-top: 15px;
}

.college2pc-top .swiper-button-next,.college2pc-top .swiper-button-prev {
	display: none;
}

.college2-swiperb .swiper-button-prev,.college2-swiperb .swiper-button-next {
	width: 16px;
	height: 30px;
	background: url(../images/about7-left.png)no-repeat center;
	opacity: 1 !important;
	background-size: 100% 100%;
	top: auto;
	transition: ease .5s;
	bottom: 35px;
}

.college2-swiperb .swiper-button-next {
	transform: rotate(180deg);
	right: 40px;
}

.college2-swiperb .swiper-button-prev {
	left: 40px;
}

.college2-swiperb .swiper-button-next:hover,.college2-swiperb .swiper-button-prev:hover {
	background-image: url(../images/about7-left1.png);
}

.college-two-appmenu {
	text-align: center;
	margin-bottom: 20px;
}

.college-two-appmenu a {
	display: inline-block;
	font-size: 17px;
	line-height: 48px;
	color: #333;
	padding-left: 30px;
	margin-left: 60px;
}

.college-two-appmenu a:first-child {
	margin-left: 0;
}

.college-two-appmenu a.on {
	border-bottom: 2px solid #182f8e;
	color: #182f8e;
	font-weight: bold;
}

@media (max-width: 767px) {
	.college2-swiperb .swiper-button-prev, .college2-swiperb .swiper-button-next {
		width: 14px;
		height: 26px;
	}

	.college2-swiperb .swiper-button-prev {
		left: 30px;
	}

	.college2-swiperb .swiper-button-next {
		right: 30px;
	}
}

@media (max-width: 640px) {
	.college2-swiperb .swiper-button-next {
		right: 15px;
	}

	.college2-swiperb .swiper-button-prev {
		left: 15px;
	}
}
/* ==================5.12 =============== */
.college2-appcon {
	position: relative;
}

.college2-appcon img {
	width: 100%;
}

.college2-appcon {
	padding: 0;
}

.college-twoapp .college2-ms {
	position: absolute;
	width: 80%;
	left: 50%;
	transform: translate(-50%,-50%);
	top: 50%;
}
/* ==================== 2020.6.16驻场服务 ===================== */
.zcfw {
}

.zcfw-one {
	padding: 73px 0;
}

.zcfwone-con {
	margin-top: 46px;
}

.zcfwone-ul {
	margin: 0 -10px;
}

.zcfwone-ul li {
	float: left;
	width: 25%;
	padding: 0 10px;
}

.zcfwone-ul li>div {
	border: 1px solid #ededed;
}

.zcfwone-img {
	overflow: hidden;
}

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

.zcfwone-txt {
	padding: 16px 13px 39px 15px;
}

.zcfwone-txt span {
	display: inline-block;
	font-family: 'din-b';
	font-size: 50px;
	line-height: 60px;
	color: transparent;
	background: linear-gradient(to bottom,rgba(66,57,148,.5),#fff);
	-webkit-background-clip: text;
}

.zcfwone-txt p {
	font-size: 16px;
	line-height: 28px;
	color: #666;
	height: 56px;
	margin-top: 10px;
}

.zcfwone-ul li:hover .zcfwone-img img {
	transform: scale(1.05);
}

.zcfw-two {
	padding-bottom: 73px;
}

.zcfwtw-con {
	margin-top: 47px;
}

.zcfwtw-ul {
	margin: -10px;
}

.zcfwtw-ul li {
	float: left;
	width: 33.333%;
	padding: 0 10px;
	margin: 10px 0;
}

.zcfwtw-ul li>div {
	border: 1px solid #ededed;
	padding: 45px 30px 62px;
}

.zcfwtw-img {
	width: 126px;
	height: 126px;
	overflow: hidden;
	transition: ease .5s;
	line-height: 126px;
	text-align: center;
	position: relative;
}

.zcfwtw-img::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	background: url(../images/zcfwtw-bef.png)no-repeat center;
	background-size: 100% 100%;
	transition: ease .5s;
	transform-origin: center center;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.zcfwtw-ul li:hover .zcfwtw-img::before {
	width: 100%;
	height: 100%;
}

.zcfwtw-img img {
	position: relative;
	display: inline-block;
	max-width: 100%;
	height: 100%;
	transition: ease .5s;
}

.zcfwtw-ul li:hover .zcfwtw-img img {
	transform: translateY(-100%);
}

.zcfwtw-ul li:hover .zcfwtw-img {
	text-align: center;
}

.zcfwtw-txt {
	margin-top: 34px;
}

.zcfwtw-txt h3 {
	font-size: 22px;
	line-height: 30px;
	color: #333;
}

.zcfwtw-txt p {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	height: 78px;
	margin-top: 10px;
}

.zcfw-three {
	padding-bottom: 80px;
}

.zcfwthr-con {
	margin-top: 47px;
}

.zcfwthr-ul {
	margin: -10px;
}

.zcfwthr-ul li {
	float: left;
	width: 50%;
	padding: 0 10px;
	margin: 10px 0;
}

.zcfwthr-ul li>div {
	border: 1px solid #ededed;
	padding: 35px 20px 33px;
}

.zcfwthr-icon {
	width: 55px;
	height: 55px;
	overflow: hidden;
	float: left;
}

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

.zcfwthr-ul li:hover .zcfwthr-icon img {
	transform: translateY(-100%);
}

.zcfwthr-txt {
	margin-left: 70px;
	font-size: 16px;
	line-height: 30px;
	color: #666;
}

.zcfwthr-txt span {
	display: block;
}

@media (max-width: 1459px) {
	.zcfwtw-txt p {
		height: 104px;
	}

	.zcfwone-txt p {
		height: 84px;
	}
}

@media (max-width: 1259px) {
	.zcfwone-txt p {
		height: 112px;
	}

	.zcfwtw-txt p {
		height: 156px;
	}

	.zcfwtw-img {
		width: 100px;
		height: 100px;
		line-height: 100px;
	}

	.zcfwthr-txt span {
		display: inline;
	}

	.zcfwthr-txt {
		height: 90px;
	}
}

@media (max-width: 991px) {
	.zcfwone-ul li {
		width: 33.333%;
		margin: 10px 0;
	}

	.zcfwone-ul {
		margin: -10px;
	}

	.zcfwone-ul li:last-child {
		transform: translateX(100%);
	}

	.zcfwtw-ul li {
		width: 50%;
	}

	.zcfwtw-txt p {
		height: 130px;
	}

	.zcfwthr-txt {
		height: 120px;
	}
}

@media (max-width: 767px) {
	.zcfw-one {
		padding: 40px 0;
	}

	.zcfwone-ul li {
		width: 50%;
	}

	.zcfwone-txt p {
		height: 56px;
	}

	.zcfwone-ul li:last-child {
		transform: none;
	}

	.zcfwone-txt span {
		font-size: 40px;
		line-height: 40px;
	}

	.zcfwone-con,.zcfwtw-con,.zcfwthr-con {
		margin-top: 25px;
	}

	.zcfwtw-img {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}

	.zcfwtw-txt h3 {
		font-size: 18px;
	}

	.zcfwtw-txt {
		margin-top: 15px;
	}

	.zcfwtw-txt p {
		font-size: 15px;
		height: 104px;
	}

	.zcfwtw-ul li>div {
		padding: 30px 25px 40px;
	}

	.zcfw-two {
		padding: 20px 0 40px;
	}

	.zcfwthr-icon {
		width: 50px;
		height: 50px;
	}

	.zcfwthr-txt {
		margin-left: 60px;
		font-size: 15px;
	}

	.zcfw-three {
		padding: 20px 0 40px;
	}
}

@media (max-width: 640px) {
	.zcfwone-ul li {
		width: 100%;
	}

	.zcfwone-txt p {
		height: auto;
	}

	.zcfwtw-txt p {
		height: 156px;
	}

	.zcfwthr-ul li,.zcfwtw-ul li {
		width: 100%;
	}

	.zcfwthr-txt,.zcfwtw-txt p {
		height: auto;
	}
}
@media screen and (max-width:576px){

	.banner3{top: 10%;}
}
/* ============= 2020.6.16驻场服务 -end ============== */

   
.banner-font2 h3.t1{font-size: 80px; color: #fff;}
.banner-font2 h4.t2{font-size: 60px; color: #fff; margin: 25px 0;}
.banner-font2 h5.t3{font-size: 18px; color: #fff;}
.banner-font2 h5.t4{font-size: 24px; color: #fff; margin: 25px 0;}
.banner-font2 h5.t5{font-size: 18px; color: #fff; text-align: right; width: 670px;}
.banner-font2 h5.t5 img{width: 20px; display: inline-block; margin: 0 10px;}
.banner-font2 h5.t5 a{color: #fff;}

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


  .banner-font2{width: 90%;}
  .banner-font2 h3.t1{font-size: 1.6rem; color: #fff;}
  .banner-font2 h4.t2{font-size: 1.4rem; color: #fff; margin: 1rem 0;}
  .banner-font2 h5.t3{font-size: 1rem; color: #fff;}
  .banner-font2 h5.t4{font-size: 1.2rem; color: #fff; margin: 1rem 0;}
  .banner-font2 h5.t5{font-size: 1rem; color: #fff; text-align: right; width: auto;}

}