.ulimg { z-index:1000;}


.container {
	margin: 0px auto; padding-right: 15px; padding-left: 15px;
}
.head_main {
	margin: 0px auto; padding-right: 15px; padding-left: 15px;
}
.wrap {
	margin: 0px auto; padding-right: 15px; padding-left: 15px;
}
.index-container {
	margin: 0px auto; padding-right: 15px; padding-left: 15px;
}
.foot-main {
	margin: 0px auto; padding-right: 15px; padding-left: 15px;
}
@media all and (min-width:768px)
{
.wrap {
	width: 750px;
}
.container {
	width: 750px;
}
}
@media all and (min-width:992px)
{
.wrap {
	width: 970px;
}
.container {
	width: 970px;
}
.head_main {
	width: 970px;
}
.index-container {
	width: 970px;
}
.foot-main {
	width: 970px;
}
}
@media all and (min-width:1260px)
{
.wrap {
	width: 1230px;
}
.container {
	width: 1230px;
}
.head_main {
	width: 1230px;
}
.index-container {
	width: 1230px;
}
.foot-main {
	width: 1230px;
}
}
@media all and (min-width:1460px)
{
.container {
	width: 1430px;
}
.head_main {
	width: 1430px;
}
.index-container {
	width: 1430px;
}
}
 
:last-child.category-item .category-a::after {
	display: none;
}
.dropdown-menu.single {
	background: rgba(255, 255, 255, 1); padding: 0px; border: currentColor; transition:max-height 0.5s; border-image: none; left: 50%; top: 100%; width: 100%; height: auto; color: rgb(48, 50, 51); overflow: hidden; margin-top: 0px; display: none; position: absolute; z-index: 1100; max-height: 0px; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0); -webkit-transition: max-height .5s; -o-transition: max-height .5s;
}
.dropdown-menu.single ul {
	
}
.category-item:hover .dropdown-menu.single {
	padding: 40px 0px !important; display: block; max-height: 450px; opacity: 1;
}
.dropdown-menu.single ul {
	
}
.dropdown-menu.single li {
	transition:0.3s; width: 17.14%; margin-right: 20px; float: left; display: inline-block; position: relative; -webkit-transition: all .3s; -o-transition: all .3s;
}
.dropdown-menu.single li:last-child {
	margin-right: 0px;
}
.dropdown-menu.single li > a {
	background: 0px 0px; padding: 8px 20px; transition:0.3s; width: 100%; height: auto; color: rgb(102, 102, 102); line-height: 30px; font-size: 16px; display: block; white-space: nowrap; -webkit-transition: all .3s; -o-transition: all .3s;
}
.dropdown-menu.single li > a i {
	float: right; opacity: 0;
}
.dropdown-menu.single li > a.on i {
	opacity: 1;
}
.dropdown-menu.single li > a:hover {
	color: rgb(17, 41, 139);
}
.dropdown-menu.single li.dropdown-menu-img {
	width: auto;
}
.dropdown-menu-img1 {
	
}
.dropdown-menu-img1 img {
	max-height: 180px; max-width: 100%;
}
.dropdown-menu.single li > a.on {
	background: rgb(243, 243, 243);
}
.category-item:hover .dropdown-menu.single {
	padding: 0px; display: block; max-height: 450px; opacity: 1;
}
.search {
	color: white; line-height: 50px; font-size: 20px; float: right;
}
.search-wrap {
	left: 25%; top: 0px; width: 50%; height: 100%; position: absolute; z-index: -1; opacity: 0;
}
.searchopen .search-wrap {
	z-index: 10; opacity: 1;
}
.search-frame {
	height: 50px; position: relative;
}
.searchopen .search-frame {
	animation:searchform-fade 600ms both; -webkit-animation: searchform-fade 600ms both;
}
.searchopen .search-frame form {
	animation:searchform-slide 1s both; -webkit-animation: searchform-slide 1s both;
}
.searchtext-btn {
	background: url("../imgs/search.png") no-repeat center; transition:0.3s ease-out; top: 0px; width: 50px; height: 50px; text-align: center; right: 50px; color: rgb(255, 255, 255); line-height: 50px; font-size: 14px; position: absolute; cursor: pointer; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out;
}
.searchtext-btn:hover {
	color: rgb(255, 186, 0);
}
.search-frame form {
	position: relative;
}
.search-input {
	transition:0.3s ease-out; margin-right: 100px; -webkit-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;
}
.search-wrap input {
	border: currentColor; border-image: none; width: 100%; color: rgb(255, 255, 255); line-height: 50px; font-size: 16px; min-height: 50px;
}
.search-close {
	top: 0px; width: 50px; height: 50px; text-align: center; right: 0px; color: rgb(255, 255, 255); line-height: 50px; font-size: 20px; position: absolute; cursor: pointer; opacity: 0;
}
.searchopen .search-close {
	transition:0.2s ease-out; opacity: 1; -webkit-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s;
}
.searchshow .navbar {
	animation:item-searchshow 0.6s both; -webkit-animation: item-searchshow .6s both;
}
.searchshow .search {
	animation:item-searchshow 0.6s both; -webkit-animation: item-searchshow .6s both;
}
.searchopen .navbar {
	visibility: hidden;
}
.searchopen .search {
	visibility: hidden;
}
.mask {
	background: no-repeat rgba(0, 0, 0, 0.48); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 400;
}
.header-app {
	background: white; transition:background 0.44s cubic-bezier(0.52, 0.16, 0.24, 1) 0.2s, height 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); left: 0px; top: 0px; width: 100%; height: 60px; display: none; position: fixed; 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);
}
.header-app.open-menu {
	background: rgb(255, 255, 255); transition:background 0.36s cubic-bezier(0.32, 0.08, 0.24, 1), height 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); height: 100%; -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);
}
.navbar-app {
	height: 60px; text-align: center; position: relative; box-shadow: 3px 0px 7px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);
}
.header-app .logo {
	padding: 12px 15px; height: 60px; vertical-align: middle; float: left;
}
.header-app .logo img {
	height: 100%;
}
.navbar-togger {
	background: none; padding: 22px 15px; border: currentColor; transition:transform 0.44s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s, opacity 0.28s cubic-bezier(0.52, 0.16, 0.24, 1) 0.36s, transform 0.44s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s; border-image: none; float: right; display: inline-block; visibility: visible;
}
.navbar-togger .icon_bar {
	transition:0.3s; width: 24px; height: 2px; opacity: 1; background-color: rgb(17, 41, 139); -webkit-transition: all .3s; -o-transition: all .3s;
}
.navbar-togger :nth-of-type(2).icon_bar {
	margin: 5px 0px;
}
.open-menu .navbar-togger :nth-of-type(2).icon_bar {
	opacity: 0;
}
.open-menu .navbar-togger :first-child.icon_bar {
	transform: translate(0px, 7px) rotate(45deg); -webkit-transform: translate(0, 7px) rotate(45deg);
}
.open-menu .navbar-togger :last-child.icon_bar {
	transform: translate(0px, -7px) rotate(-45deg); -webkit-transform: translate(0, -7px) rotate(-45deg);
}
.nav-menu {
	padding: 20px 15px; transition:visibility 0s linear 1s; left: 0px; top: 60px; width: 100%; right: 0px; bottom: 0px; visibility: hidden; position: absolute; z-index: 620; -ms-overflow-x: hidden; -ms-overflow-y: auto; -webkit-transition: visibility 0s linear 1s; -o-transition: visibility 0s linear 1s;
}
.header-app.open-menu .nav-menu {
	visibility: visible; transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s;
}
.nav-list li {
	border-bottom-color: rgb(207, 207, 207); border-bottom-width: 1px; border-bottom-style: solid; opacity: 0; pointer-events: none;
}
.nav-list li.open {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.header-app.open-menu .nav-list li {
	opacity: 1; pointer-events: auto; transform: none; -webkit-transform: none;
}
.nav-list li:nth-child(1) {
	transition:opacity 0.3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.15s, transform 0.4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.108s, transform 0.4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.108s; transform: translateY(-44px); -webkit-transform: translateY(-44px);
}
.header-app.open-menu .nav-list li:nth-child(1) {
	transition:opacity 0.3091s cubic-bezier(0.32, 0.08, 0.24, 1) 0.03s, transform 0.3455s cubic-bezier(0.32, 0.08, 0.24, 1) 0.02s, transform 0.3455s cubic-bezier(0.32, 0.08, 0.24, 1) 0.02s;
}
.nav-list li:nth-child(2) {
	transition:opacity 0.29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.13s, transform 0.45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.095s, transform 0.45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.095s; transform: translateY(-40px); -webkit-transform: translateY(-40px);
}
.header-app.open-menu .nav-list li:nth-child(2) {
	transition:opacity 0.32244s cubic-bezier(0.32, 0.08, 0.24, 1) 0.05s, transform 0.35825s cubic-bezier(0.32, 0.08, 0.24, 1) 0.04s, transform 0.35825s cubic-bezier(0.32, 0.08, 0.24, 1) 0.04s;
}
.nav-list li:nth-child(3) {
	transition:opacity 0.26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.11s, transform 0.43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.082s, transform 0.43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.082s; transform: translateY(-36px); -webkit-transform: translateY(-36px);
}
.header-app.open-menu .nav-list li:nth-child(3) {
	transition:opacity 0.33467s cubic-bezier(0.32, 0.08, 0.24, 1) 0.07s, transform 0.37539s cubic-bezier(0.32, 0.08, 0.24, 1) 0.06s, transform 0.37539s cubic-bezier(0.32, 0.08, 0.24, 1) 0.06s;
}
.nav-list li:nth-child(4) {
	transition:opacity 0.2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.09s, transform 0.42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.069s, transform 0.42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.069s; transform: translateY(-32px); -webkit-transform: translateY(-32px);
}
.header-app.open-menu .nav-list li:nth-child(4) {
	transition:opacity 0.34577s cubic-bezier(0.32, 0.08, 0.24, 1) 0.09s, transform 0.39692s cubic-bezier(0.32, 0.08, 0.24, 1) 0.08s, transform 0.39692s cubic-bezier(0.32, 0.08, 0.24, 1) 0.08s;
}
.nav-list li:nth-child(5) {
	transition:opacity 0.22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.07s, transform 0.42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.056s, transform 0.42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.056s; transform: translateY(-28px); -webkit-transform: translateY(-28px);
}
.header-app.open-menu .nav-list li:nth-child(5) {
	transition:opacity 0.35577s cubic-bezier(0.32, 0.08, 0.24, 1) 0.11s, transform 0.42286s cubic-bezier(0.32, 0.08, 0.24, 1) 0.1s, transform 0.42286s cubic-bezier(0.32, 0.08, 0.24, 1) 0.1s;
}
.nav-list li:nth-child(6) {
	transition:opacity 0.20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.05s, transform 0.41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.043s, transform 0.41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.043s; transform: translateY(-24px); -webkit-transform: translateY(-24px);
}
.header-app.open-menu .nav-list li:nth-child(6) {
	transition:opacity 0.36577s cubic-bezier(0.32, 0.08, 0.24, 1) 0.13s, transform 0.41718s cubic-bezier(0.32, 0.08, 0.24, 1) 0.12s, transform 0.41718s cubic-bezier(0.32, 0.08, 0.24, 1) 0.12s;
}
.nav-list li:nth-child(7) {
	transition:opacity 0.18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.03s, transform 0.41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.03s, transform 0.41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.03s; transform: translateY(-20px); -webkit-transform: translateY(-20px);
}
.header-app.open-menu .nav-list li:nth-child(7) {
	transition:opacity 0.37577s cubic-bezier(0.32, 0.08, 0.24, 1) 0.15s, transform 0.4115s cubic-bezier(0.32, 0.08, 0.24, 1) 0.14s, transform 0.4115s cubic-bezier(0.32, 0.08, 0.24, 1) 0.14s;
}
.nav-list li:nth-child(8) {
	transition:opacity 0.15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.01s, transform 0.40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.17s, transform 0.40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.17s; transform: translateY(-16px); -webkit-transform: translateY(-16px);
}
.header-app.open-menu .nav-list li:nth-child(8) {
	transition:opacity 0.38577s cubic-bezier(0.32, 0.08, 0.24, 1) 0.17s, transform 0.40582s cubic-bezier(0.32, 0.08, 0.24, 1) 0.16s, transform 0.42286s cubic-bezier(0.32, 0.08, 0.24, 1) 0.16s;
}
.cate-item {
	position: relative;
}
.cate-item a {
	color: rgb(68, 68, 68); line-height: 48px; font-size: 16px; margin-right: 60px; display: block;
}
.nav-list li.active .cate-item a {
	color: rgb(17, 41, 139);
}
.nav-list li.open .cate-item a {
	color: rgb(17, 41, 139);
}
.category-cont a:last-child {
	border: currentColor; border-image: none;
}
.category-cont a.active {
	color: rgb(17, 41, 139);
}
.category-tig {
	top: 0px; width: 50px; height: 48px; text-align: right; right: 0px; color: rgb(136, 136, 136); line-height: 48px; font-size: 14px; position: absolute; z-index: 2;
}
.category-tig::before {
	background: rgb(136, 136, 136); transition:0.3s; top: 50%; position: absolute; content: ""; -webkit-transition: all .3s; -o-transition: all .3s;
}
.category-tig::after {
	background: rgb(136, 136, 136); transition:0.3s; top: 50%; position: absolute; content: ""; -webkit-transition: all .3s; -o-transition: all .3s;
}
.category-tig::before {
	width: 16px; height: 2px; right: 0px; margin-top: -1px;
}
.category-tig::after {
	width: 2px; height: 16px; right: 7px; margin-top: -8px;
}
.nav-list li.open .category-tig::after {
	opacity: 0;
}
.nav-list li.open .category-tig::before {
	background: rgb(17, 41, 139);
}
.category-cont {
	display: none;
}
.nav-list li.open .category-cont {
	border-top-color: rgb(207, 207, 207); border-bottom-color: rgb(207, 207, 207); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; display: block;
}
.category-pad {
	padding: 0px 15px;
}
.category-cont a {
	color: rgb(102, 102, 102); line-height: 40px; border-bottom-color: rgb(207, 207, 207); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.category-pad a.active {
	color: rgb(17, 41, 139);
}
.app-sousuo {
	color: rgb(17, 41, 139); line-height: 22px; padding-right: 15px; font-size: 22px !important; margin-top: 19px; border-right-color: rgb(17, 41, 139); border-right-width: 1px; border-right-style: solid; float: right;
}
.alert-search {
	background: rgba(255, 255, 255, 0.9); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 9999;
}
.alert-top {
	background: rgb(255, 255, 255); padding: 10px 15px; height: 60px; border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-width: 1px; border-bottom-style: solid;
}
.alert-top .text {
	background: none; padding: 0px 10px; border-radius: 0px; border: 1px solid rgba(0, 0, 0, 0.1); border-image: none; width: 80%; height: 40px; color: rgb(102, 102, 102); float: left;
}
.alert-top .search {
	background: url("../imgs/search-app.png") no-repeat center; width: 10%; height: 40px; float: left;
}
.alert-top span {
	width: 10%; text-align: center; color: rgb(102, 102, 102); line-height: 40px; font-size: 30px !important; float: right; position: static; opacity: 1;
}
.banner {
	
}
.banner img {
	width: 100%; display: block;
}
.banner img.app-banner {
	display: none;
}
.banner-font {
	left: 0px; top: 100px; width: 100%; position: absolute;
}
.banner-font h3 {
	transition:1s 0.5s; opacity: 0; transform: translateY(-20px);
}
.banner-font h3 img {
	width: auto;
}
.banner-font h4 {
	transition:1s 0.7s; color: rgb(255, 255, 255); line-height: 60px; font-size: 50px; font-weight: bold; margin-bottom: 10px; opacity: 0; transform: translateY(-20px);
}
.banner-font h4 span {
	font-size: 50px; font-weight: 100;
}
.banner-font h5 {
	transition:1s 0.7s; color: rgb(255, 255, 255); line-height: 1; letter-spacing: 7px; font-size: 20px; margin-bottom: 60px; opacity: 0; transform: translateY(-20px);
}
.banner-line {
	background: rgb(255, 255, 255); margin: 23px 0px 20px; transition:1s 0.5s; width: 75px; height: 2px; opacity: 0; transform: translateY(-20px);
}
.banner-font li {
	text-align: center; margin-right: 60px; float: left; opacity: 0; transform: translateX(-20px);
}
.banner-font li p {
	color: white; line-height: 48px; font-size: 16px;
}
.banner-font li.banner-li1 {
	transition:1s 1s;
}
.banner-font li.banner-li2 {
	transition:1s 1.2s;
}
.banner-font li.banner-li3 {
	transition:1s 1.4s;
}
.banner .swiper-slide-active .banner-more {
	opacity: 1; transform: translateY(0px);
}
.banner .swiper-slide-active .banner-font h5 {
	opacity: 1; transform: translateY(0px);
}
.banner .swiper-slide-active .banner-font h3 {
	opacity: 1; transform: translateY(0px);
}
.banner .swiper-slide-active .banner-font h4 {
	opacity: 1; transform: translateY(0px);
}
.banner .swiper-slide-active .banner-line {
	opacity: 1; transform: translateY(0px);
}
.banner .swiper-slide-active .banner-font li {
	opacity: 1; transform: translateX(0px);
}
.banner .swiper-slide-active .banner-font li img {
	transition:0.4s;
}
.banner .swiper-slide-active .banner-font li:hover img {
	transform: scale(1.08);
}
.banner .swiper-pagination {
	bottom: 30px !important;
}
.banner .swiper-pagination-bullet {
	background: rgb(51, 51, 51); margin: 0px 5px !important; border-radius: 0px; width: 50px; height: 3px; opacity: 1;
}
.banner .swiper-pagination-bullet-active {
	background: rgb(215, 11, 36);
}
.banner .swiper-button-next {
	background: rgb(51, 51, 51); width: 55px; height: 55px; text-align: center; color: white; line-height: 55px; font-size: 30px; margin-top: -27.5px;
}
.banner .swiper-button-prev {
	background: rgb(51, 51, 51); width: 55px; height: 55px; text-align: center; color: white; line-height: 55px; 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;
}
.foot {
	background: url("../imgs/foot-bg.jpg") no-repeat center / cover;
}
.foot-top {
	padding: 64px 0px 51px; border-bottom-color: rgb(40, 46, 48); border-bottom-width: 1px; border-bottom-style: solid;
}
.foot-left {
	width: 29%; overflow: hidden; float: left;
}
.foot-logo {
	display: block;
}
.foot-left h3 {
	margin: 12px 0px; color: white; line-height: 30px; font-size: 20px;
}
.foot-left p {
	color: rgb(166, 167, 167); line-height: 28px; font-size: 16px;
}
.foot-mid {
	float: left;
}
.foot-mid dl {
	width: 150px; float: left;
}
.foot-mid dl:last-child {
	width: auto;
}
.foot-mid dt a {
	color: rgb(255, 255, 255); line-height: 28px; font-size: 20px; margin-bottom: 12px;
}
.foot-mid dd a {
	color: rgb(166, 167, 167); line-height: 30px; font-size: 14px;
}
.foot-right {
	float: right;
}
.foot-right h3 {
	text-align: center; color: rgb(166, 167, 167); line-height: 34px; font-size: 14px;
}
.foot-img {
	text-align: right;
}
.foot-bot {
	padding: 23px 0px 44px;
}
.foot-bot p {
	width: 50%; color: rgba(255, 255, 255, 0.5); line-height: 24px; font-size: 14px; float: left;
}
.foot-bot p a {
	color: rgba(255, 255, 255, 0.5);
}
.foot-bmid {
	color: rgba(255, 255, 255, 0.5); line-height: 24px; font-size: 14px; margin-left: 10px; float: right;
}
.foot-bmid a {
	color: rgba(255, 255, 255, 0.5);
}
.foot-br {
	color: rgba(255, 255, 255, 0.5); line-height: 24px; font-size: 14px; float: right;
}
.foot-br a {
	color: rgba(255, 255, 255, 0.5);
}
.foot a:hover {
	color: white;
}
.foot-app {
	background: url("../imgs/foot-bg.jpg") no-repeat center / cover; width: 100%; padding-bottom: 60px; display: none;
}
.foot-pad {
	padding: 0px 15px;
}
.footer-tit {
	border-bottom-color: rgb(57, 57, 57); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.open .footer-tit a {
	color: rgb(255, 255, 255);
}
.footer-tit a {
	color: rgb(208, 208, 208); line-height: 48px; font-size: 16px; margin-right: 48px; display: block;
}
.footer-tig {
	top: 0px; width: 20px; height: 48px; text-align: right; right: 0px; color: rgb(208, 208, 208); line-height: 48px; font-size: 14px; position: absolute; z-index: 2;
}
.footer-tig::before {
	background: rgba(255, 255, 255, 0.6); transition:0.3s; left: 50%; top: 50%; position: absolute; content: "";
}
.footer-tig::after {
	background: rgba(255, 255, 255, 0.6); transition:0.3s; left: 50%; top: 50%; position: absolute; content: "";
}
.footer-tig::before {
	width: 18px; height: 2px; margin-left: -8px;
}
.footer-tig::after {
	width: 2px; height: 18px; margin-top: -8px;
}
.footer-item.open .footer-tig::after {
	opacity: 0;
}
.footer-item.open .footer-tig::before {
	background: rgb(255, 255, 255);
}
.footer-cont {
	padding: 0px 15px; border-bottom-color: rgb(57, 57, 57); border-bottom-width: 1px; border-bottom-style: solid; display: none;
}
.footer-cont a {
	color: rgb(170, 170, 170); text-transform: uppercase; line-height: 40px; font-size: 14px; border-bottom-color: rgb(57, 57, 57); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.footer-cont a:last-child {
	border: currentColor; border-image: none;
}
.footer-item.open .footer-cont a.active {
	color: rgb(255, 255, 255);
}
.footer-bot {
	padding: 0px 15px;
}
.footer-link {
	padding: 15px 0px;
}
.footer-link {
	color: rgb(136, 135, 135); line-height: 24px; font-size: 14px;
}
.footer-link a {
	color: rgb(136, 135, 135); line-height: 24px; font-size: 14px;
}
.footer-top {
	padding: 20px 0px; border-bottom-color: rgb(57, 57, 57); border-bottom-width: 1px; border-bottom-style: solid;
}
.footer-left {
	width: 60%; overflow: hidden; float: left;
}
.footer-left h3 {
	margin: 7px 0px; color: white; line-height: 30px; font-size: 18px;
}
.footer-left p {
	color: rgb(166, 167, 167); line-height: 22px; font-size: 14px;
}
.footer-right {
	float: right;
}
.footer-right p {
	text-align: center; color: rgb(166, 167, 167); line-height: 17.5px; font-size: 14px; margin-top: 10px;
}
.footer-two {
	padding: 15px; overflow: hidden;
}
.foter-left {
	color: rgba(255, 255, 255, 0.5); line-height: 24px; font-size: 14px;
}
.foter-left a {
	color: rgba(255, 255, 255, 0.5);
}
.footer-bmid {
	color: rgba(255, 255, 255, 0.5); line-height: 24px; font-size: 14px;
}
.footer-bmid a {
	color: rgba(255, 255, 255, 0.5);
}
@media all and (max-width:1459px)
{
.category-a {
	padding: 0px 37px;
}
.foot-left {
	width: 22%;
}
.foot-mid {
	margin-left: 25px;
}
.foot-mid dl {
	width: 140px;
}
}
@media all and (max-width:1259px)
{
.category-a {
	padding: 0px 20px;
}
.foot-mid dl {
	width: 130px;
}
.foot-mid {
	margin-left: 0px;
}
.foot-right {
	
}
}
@media all and (max-width:991px)
{
.banner .swiper-button-next {
	display: none;
}
.banner .swiper-button-prev {
	display: none;
}
.header {
	display: none !important;
}
.foot {
	display: none !important;
}
.kf {
	display: none !important;
}
.header-app {
	display: block;
}
.foot-app {
	display: block;
}
.kefu {
	display: block;
}
.banner {
	padding-right: 0px; margin-top: 60px;
}
.banner-font h3 {
	line-height: 40px; font-size: 40px;
}
.banner-line {
	margin: 12px 0px; width: 50px;
}
.banner-font h4 {
	line-height: 40px; font-size: 40px;
}
.banner-font h5 {
	line-height: 18px; font-size: 18px;
}
.banner-more {
	background-position: 15px; padding: 0px 15px 0px 50px; width: 130px; height: 35px; line-height: 35px; font-size: 14px; margin-top: 30px;
}
.banner .swiper-pagination-bullet {
	width: 30px;
}
.banner img.app-banner {
	height: 350px; display: block;
}
.banner img.pc-banner {
	display: none;
}
.banner .swiper-pagination {
	bottom: 23px !important;
}
}
@media all and (max-width:767px)
{
.header-app .logo img {
	width: 134px; height: 36px;
}
.footer-left {
	width: 100%; float: none;
}
.footer-right {
	text-align: left; margin-top: 20px; float: none;
}
.banner-font h3 img {
	width: 100px;
}
.banner-font h4 {
	line-height: 30px; font-size: 24px;
}
.banner-font h4 span {
	font-size: 24px;
}
.banner-font h5 {
	letter-spacing: 2px; font-size: 16px; margin-bottom: 30px;
}
.banner-font li {
	margin-right: 30px;
}
.banner-font li img {
	width: 50px;
}
.banner-font li p {
	line-height: 34px; font-size: 14px;
}
.banner-font {
	top: 43px;
}
}
.index-one {
	padding: 70px 0px;
}
.index-tit {
	text-align: center; color: rgb(51, 51, 51); line-height: 48px; font-size: 34px;
}
.index-dec {
	text-align: center; color: rgb(102, 102, 102); line-height: 36px; font-size: 16px;
}
.index-dec span {
	color: rgb(1, 104, 183);
}
.index-white {
	color: white;
}
.ino-swiper .swiper-slide {
	width: 1200px;
}
.ino-swiper .swiper-slide::after {
	background: rgba(255, 255, 255, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.ino-swiper .swiper-slide-active::after {
	display: none;
}
.ino-swiper {
	position: relative;
}
.ino-but {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.ino-but .index-container {
	height: 100%;
}
.ino-ton {
	height: 100%; position: relative;
}
.ino-ton .swiper-button-prev {
	background: none; left: 0px; width: 100px; text-align: center; color: rgb(178, 178, 178); font-size: 56px; z-index: 3;
}
.ino-ton .swiper-button-next {
	background: none; width: 100px; text-align: center; right: 0px; color: rgb(178, 178, 178); font-size: 56px; z-index: 3;
}
.ino-nav {
	padding: 35px 0px 26px; text-align: center; white-space: nowrap; -ms-overflow-x: auto;
}
.ino-nav a {
	color: rgb(51, 51, 51); line-height: 40px; font-size: 20px; float: left; display: block;
}
.ino-nav .swiper-pagination-bullet-active a {
	color: rgb(1, 104, 183);
}
.ino-nav .ino-page {
	background: none; padding: 0px 55px; border-radius: 0px; width: auto; height: auto; vertical-align: top; display: inline-block; position: relative; opacity: 1;
}
.ino-nav .ino-page::after {
	background: rgb(229, 229, 229); top: 5px; width: 1px; height: 29px; right: 0px; position: absolute; content: "";
}
.ino-nav :last-child.ino-page::after {
	display: none;
}
.ino-icon {
	width: 40px; height: 40px; overflow: hidden; margin-right: 10px; float: left;
}
.ino-icon img {
	transition:0.5s; width: 100%; display: block;
}
.ino-nav .swiper-pagination-bullet-active .ino-icon img {
	transform: translateY(-100%);
}
.ino-ton .swiper-button-prev:hover {
	color: rgb(1, 104, 183);
}
.ino-ton .swiper-button-next:hover {
	color: rgb(1, 104, 183);
}
.ino-list {
	display: block; position: relative;
}
.ino-list img {
	width: 100%; display: block;
}
.ino-font {
	background: rgba(17, 41, 139, 0.7); padding: 65px 45px; transition:0.5s 0.5s; top: 50%; width: 400px; right: 30px; position: absolute; opacity: 0; transform: translateY(-50%) translateX(20px);
}
.ino-font h3 {
	color: white; line-height: 40px; overflow: hidden; font-size: 30px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.ino-font p {
	height: 56px; color: white; line-height: 28px; overflow: hidden; font-size: 18px; margin-bottom: 10px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.ino-font span {
	color: white; line-height: 28px; font-size: 18px; display: block;
}
.ino-font::after {
	background: rgb(255, 126, 0); left: -46px; top: 84px; width: 75px; height: 2px; position: absolute; content: "";
}
.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 {
	margin: 0px 12px; transition:0.5s; width: 210px; height: 50px; text-align: center; line-height: 48px; font-size: 16px; display: inline-block;
}
.ino-more1 {
	border: 1px solid rgb(1, 104, 183); border-image: none; color: rgb(1, 104, 183);
}
.ino-more2 {
	background: rgb(238, 238, 238); border: 1px solid rgb(238, 238, 238); border-image: none; color: rgb(102, 102, 102);
}
.ino-more2 i {
	padding-left: 10px; font-size: 20px;
}
.ino-more2 em {
	padding-left: 10px; font-size: 20px;
}
.ino-more a:hover {
	background: rgb(1, 104, 183); color: white;
}
.index-two {
	background: rgb(245, 245, 245); padding: 75px 0px 64px;
}
.int-nav {
	padding: 20px 0px 15px; text-align: center; white-space: nowrap; -ms-overflow-x: auto;
}
.index2-menu {
	display: inline-block;
}
.int-nav a {
	margin: 0px 20px; color: rgb(68, 68, 68); line-height: 48px; font-size: 18px; display: inline-block;
}
.int-nav a em {
	padding-left: 5px; font-size: 20px;
}
.int-nav a.on {
	color: rgb(1, 104, 183); font-weight: bold;
}
.int-big {
	display: none;
}
.int-big.on {
	display: block;
}
.int-top {
	margin: 0px -8px;
}
.inr-box {
	margin: 0px -8px;
}
.int-bot {
	margin: 0px -8px;
}
.int-left {
	padding: 0px 8px; width: 50%; float: left;
}
.int-right {
	padding: 0px 8px; width: 50%; float: left;
}
.inr-left {
	padding: 0px 8px; width: 50%; float: left;
}
.int-list {
	width: 100%; overflow: hidden; margin-bottom: 16px; display: block; position: relative;
}
.int-list img {
	transition:0.5s; width: 100%; display: block;
}
.inb-right {
	float: right;
}
.int-list h3 {
	background: url("../imgs/int-bg.png") no-repeat center / cover; padding: 0px 30px; left: 0px; width: 100%; bottom: 0px; color: white; line-height: 80px; overflow: hidden; font-size: 19px; white-space: nowrap; position: absolute; z-index: 3; -ms-text-overflow: ellipsis;
}
.int-list::after {
	background: rgba(102, 102, 102, 0.6); transition:0.5s; left: 0px; width: 100%; height: 80px; bottom: -80px; position: absolute; content: "";
}
.int-list:hover img {
	transform: scale(1.05);
}
.int-list:hover::after {
	bottom: 0px;
}
.int-list:hover h3 {
	background: none;
}
.index-three {
	padding: 75px 0px 64px;
}
.ine-box {
	margin: 33px -8px 0px;
}
.ine-left {
	padding: 0px 8px; width: 50%; float: left;
}
.ine-right {
	padding: 0px 8px; width: 50%; float: left;
}
.inl-list {
	background: rgb(238, 238, 238); padding: 21px 60px; width: 100%; overflow: hidden; margin-bottom: 16px; display: block;
}
.inl-pic {
	width: 250px; height: 250px; overflow: hidden; float: left;
}
.inl-pic img {
	transition:0.5s; width: 100%; display: block;
}
.inl-font {
	padding-top: 40px; margin-left: 335px;
}
.inl-font h3 {
	transition:0.5s; color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 20px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.inl-list:hover .inl-font h3 {
	color: rgb(17, 41, 139); font-weight: bold;
}
.inr-list:hover .inr-font h3 {
	color: rgb(17, 41, 139); font-weight: bold;
}
.inl-font p {
	margin: 7px 0px 26px; height: 48px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; font-size: 14px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.index3-more {
	transition:0.5s; width: 210px; height: 50px; display: inline-block; position: relative; transform-style: preserve-3d; -webkit-transition: 0.5s; -webkit-transform-style: preserve-3d;
}
.inl-font span {
	text-transform: uppercase; position: absolute;
}
.in3-mo-bef {
	transform: translate3d(0px, 0px, 30px); -webkit-transform: translate3d(0, 0, 30px);
}
.inl-font span:last-child {
	transform: rotateX(90deg) translate3d(0px, 0px, 30px); -webkit-transform: rotateX(90deg) translate3d(0, 0, 30px);
}
.inl-font span {
	background: rgb(1, 104, 183); width: 210px; height: 50px; text-align: center; color: white; line-height: 50px; font-size: 16px; display: block;
}
.inl-font span i {
	padding-left: 10px; font-size: 20px;
}
.inr-list {
	background: rgb(238, 238, 238); width: 100%; overflow: hidden; margin-bottom: 16px; display: block;
}
.inr-pic {
	background: rgb(220, 220, 220); width: 224px; height: 224px; overflow: hidden; float: left;
}
.inr-pic img {
	transition:0.5s; width: 100%; display: block;
}
.inr-font {
	padding-top: 40px; margin-left: 260px;
}
.inr-font h3 {
	color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 22px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.inr-font p {
	margin: 7px 0px 26px; height: 48px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; font-size: 14px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.inr-font span {
	color: rgb(136, 136, 136); line-height: 24px; font-size: 16px; display: block;
}
.inr-font span i {
	padding-left: 10px; font-size: 20px;
}
.inr-font span em {
	padding-left: 10px; font-size: 20px;
}
.inl-list:hover img {
	transform: scale(1.05);
}
.inr-list:hover img {
	transform: scale(1.05);
}
.inr-list:hover .inr-font span {
	color: rgb(1, 104, 183);
}
.ine-more {
	background: url("../imgs/ine-bg.png") no-repeat center / cover; transition:0.5s; text-align: center; color: rgb(51, 51, 51); line-height: 120px; font-size: 16px; display: block;
}
.ine-more:hover {
	color: rgb(17, 41, 139);
}
.ine-more i {
	padding-left: 10px; font-size: 20px;
}
.ine-more em {
	padding-left: 10px; font-size: 20px;
}
.inl-list:hover .index3-more {
	transform: rotateX(-90deg);
}
.index-four {
	background: url("../imgs/inf-bg.jpg") no-repeat center / cover; padding: 85px 0px 60px;
}
.inf-box {
	margin-top: 90px;
}
.inf-left {
	width: 50%; float: left;
}
.inf-left li {
	width: 50%; text-align: center; margin-bottom: 60px; float: left;
}
.inf-left li p {
	color: white; line-height: 30px; font-size: 16px;
}
.inf-left li h3 {
	height: 70px; color: white; line-height: 70px; overflow: hidden; font-size: 60px; margin-bottom: 12px;
}
.inf-left li h3 img {
	transition:0.5s;
}
.inf-left li h3 em {
	font-style: normal; display: inline-block;
}
.inf-left li:hover h3 img {
	transform: rotateY(180deg);
}
.inf-left li h3 span {
	font-size: 16px;
}
.inf-right {
	width: 50%; padding-left: 75px; border-left-color: rgba(255, 255, 255, 0.1); border-left-width: 1px; border-left-style: solid; float: left; min-height: 270px;
}
.inf-right p {
	height: 180px; color: white; line-height: 32px; font-size: 16px; -ms-overflow-y: auto;
}
.inf-more {
	border: 1px solid white; transition:0.5s; border-image: none; width: 210px; height: 50px; text-align: center; color: white; line-height: 50px; font-size: 16px; margin-top: 44px; display: block;
}
.inf-more em {
	padding-left: 10px; font-size: 20px;
}
.inf-more:hover {
	background: rgb(1, 104, 183); border-color: rgb(1, 104, 183);
}
.index-five {
	padding: 75px 0px 47px;
}
.index-five ul {
	margin: 15px -21px 0px;
}
.index-five li {
	padding: 0px 21px; width: 33.33%; float: left;
}
.inv-tit {
	overflow: hidden; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.inv-tit h3 {
	color: rgb(51, 51, 51); line-height: 50px; font-size: 22px; float: left;
}
.inv-tit a {
	color: rgb(102, 102, 102); line-height: 34px; font-size: 16px; margin-top: 17px; float: right;
}
.inv-tit a i {
	padding-left: 10px; font-size: 20px;
}
.inv-tit a:hover {
	color: rgb(1, 104, 183);
}
.inv-pic {
	margin: 32px 0px 18px; overflow: hidden; display: block; position: relative;
}
.inv-pic img {
	transition:0.5s; width: 100%; display: block;
}
.inp-font {
	background: rgba(0, 0, 0, 0.7); padding: 14px 20px 10px; left: 0px; width: 100%; bottom: 0px; position: absolute;
}
.inp-font h3 {
	color: white; line-height: 30px; overflow: hidden; font-size: 18px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.inp-font span {
	color: rgba(255, 255, 255, 0.4); line-height: 26px; font-family: arial; font-size: 14px; display: block;
}
.inv-pic:hover img {
	transform: scale(1.05);
}
.inv-list {
	display: block; position: relative;
}
.inv-list p {
	color: rgb(68, 68, 68); line-height: 40px; overflow: hidden; font-size: 16px; margin-right: 80px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.inv-list span {
	top: 0px; right: 0px; color: rgb(136, 136, 136); line-height: 40px; font-family: arial; font-size: 14px; display: block; position: absolute;
}
.inv-list:hover p {
	color: rgb(1, 104, 183);
}
.inv-list:hover span {
	color: rgb(1, 104, 183);
}
.inv-box {
	margin-top: 8px;
}
.inb-list {
	padding: 18px 0px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: relative;
}
.inb-list h3 {
	color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 18px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.inb-list p {
	margin: 12px 0px; height: 48px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; font-size: 14px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.inb-list span {
	color: rgb(136, 136, 136); line-height: 20px; font-family: arial; font-size: 14px; display: block;
}
:last-child.inb-list {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.inb-list:hover h3 {
	color: rgb(1, 104, 183);
}
@media all and (max-width:1459px)
{
.ino-swiper .swiper-slide {
	width: 1000px;
}
.int-nav a {
	margin: 0px 13px;
}
.inl-list {
	padding: 21px 40px;
}
.inl-font {
	margin-left: 280px;
}
.inb-list p {
	margin: 7px 0px;
}
.inb-list {
	padding: 14px 0px;
}
}
@media all and (max-width:1259px)
{
.ino-swiper .swiper-slide {
	width: 750px;
}
.ino-font {
	padding: 30px;
}
.int-nav a {
	margin: 0px 9px; font-size: 16px;
}
.int-list h3 {
	padding: 0px 20px; font-size: 18px;
}
.inl-list {
	padding: 20px;
}
.inl-pic {
	width: 200px; height: 200px;
}
.inl-font {
	padding-top: 20px; margin-left: 220px;
}
.inl-font span {
	width: 150px; height: 40px; line-height: 40px;
}
.index3-more {
	width: 150px; height: 40px;
}
.inr-pic {
	width: 180px; height: 180px;
}
.inr-font {
	padding-top: 30px; margin-left: 200px;
}
.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 all and (max-width:1169px)
{
.banner-font {
	top: 50px;
}
}
@media all and (max-width:991px)
{
.ino-swiper .swiper-slide {
	width: auto;
}
.ino-nav .ino-page {
	padding: 0px 25px;
}
.ino-nav .ino-page a {
	font-size: 18px;
}
.index-one {
	padding: 70px 15px;
}
.ino-ton .swiper-button-prev {
	display: none;
}
.ino-ton .swiper-button-next {
	display: none;
}
.int-list h3 {
	line-height: 50px;
}
.int-list::after {
	height: 50px;
}
.int-left {
	width: 100%;
}
.int-right {
	width: 100%;
}
.ine-left {
	width: 100%;
}
.ine-right {
	width: 100%;
}
.inf-left {
	width: 100%; float: none;
}
.inf-right {
	width: 100%; float: none;
}
.inf-left li {
	width: 25%;
}
.inf-right {
	padding-left: 0px; border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.inf-right p {
	height: auto;
}
.index-five li {
	width: 50%;
}
.index-five li:last-child {
	width: 100%; margin-top: 20px;
}
}
@media all and (max-width:767px)
{
.index-tit {
	font-size: 26px;
}
.index-dec {
	line-height: 24px; font-size: 15px;
}
.index-one {
	padding: 30px 15px 45px;
}
.ino-icon {
	display: none;
}
.ino-nav {
	padding: 15px 0px; margin-bottom: 10px;
}
.ino-nav .ino-page {
	padding: 0px 20px;
}
.ino-nav .ino-page a {
	line-height: 30px; font-size: 16px;
}
.ino-nav .ino-page::after {
	height: 20px;
}
.ino-font {
	width: 100%; position: static; opacity: 1; transform: translateY(0px) translateX(0px);
}
.ino-swiper .swiper-slide-active .ino-font {
	transform: translateY(0px) translateX(0px);
}
.ino-font {
	background: rgba(17, 41, 139, 1); padding: 10px 15px 25px;
}
.ino-font h3 {
	font-size: 20px;
}
.ino-font p {
	height: 44px; line-height: 22px; font-size: 14px;
}
.ino-font span {
	line-height: 22px; font-size: 14px;
}
.ino-font::after {
	display: none;
}
.ino-more {
	margin-top: 25px;
}
.ino-more a {
	margin: 0px 3px; width: 135px; height: 40px; line-height: 38px; font-size: 14px;
}
.index-two {
	padding: 35px 15px;
}
.int-nav {
	padding: 15px 0px 10px; margin-bottom: 10px;
}
.int-nav a {
	line-height: 36px;
}
.int-list h3 {
	padding: 0px 15px; line-height: 40px; font-size: 14px;
}
.index-three {
	padding: 35px 0px 45px;
}
.ine-box {
	margin-top: 25px;
}
.inl-list {
	padding: 15px;
}
.inl-pic {
	width: 120px; height: 120px;
}
.inl-font {
	padding-top: 0px; margin-left: 130px;
}
.inl-font h3 {
	line-height: 26px; font-size: 17px;
}
.inl-font p {
	height: 44px; line-height: 22px; margin-bottom: 13px;
}
.inl-font span {
	background: none; width: auto; height: auto; text-align: left; color: rgb(136, 136, 136); line-height: 20px; font-size: 14px;
}
.inl-font span i {
	font-size: 17px;
}
.inr-font span i {
	font-size: 17px;
}
.inr-pic {
	width: 120px; height: 120px;
}
.inr-font {
	padding-top: 15px; padding-right: 15px; margin-left: 135px;
}
.inr-font h3 {
	line-height: 26px; font-size: 17px;
}
.inr-font p {
	height: 22px; line-height: 22px; -webkit-line-clamp: 1;
}
.inr-font span {
	font-size: 14px;
}
.index-four {
	padding: 35px 0px 45px;
}
.inf-box {
	margin-top: 25px;
}
.inf-left li {
	padding: 0px 15px; width: 50%; margin-bottom: 20px;
}
.inf-left li h3 {
	height: 40px; line-height: 40px; font-size: 30px;
}
.inf-left li p {
	height: 44px; line-height: 22px; font-size: 14px;
}
.inf-left li h3 img {
	width: auto; height: 40px;
}
.inf-right p {
	line-height: 22px; font-size: 14px;
}
.inf-more {
	width: 135px; height: 40px; line-height: 38px; font-size: 14px; margin-top: 25px;
}
.inf-right {
	min-height: auto;
}
.index-five {
	padding: 35px 0px 25px;
}
.index-five li {
	width: 100%; margin-top: 0px; margin-bottom: 10px; float: none;
}
.inv-tit h3 {
	line-height: 40px; font-size: 20px;
}
.inv-tit a {
	font-size: 14px; margin-top: 6px;
}
.inv-pic {
	margin: 25px 0px 15px;
}
.inp-font {
	padding: 10px 15px;
}
.inp-font h3 {
	font-size: 16px;
}
.inv-list p {
	line-height: 32px; font-size: 15px; margin-right: 70px;
}
.inv-list span {
	line-height: 32px; font-size: 12px;
}
.inb-list {
	padding: 10px 0px;
}
.inb-list h3 {
	line-height: 26px; font-size: 17px;
}
.inb-list p {
	height: 44px; line-height: 22px; font-size: 14px; -webkit-line-clamp: 2;
}
.inb-list span {
	font-size: 12px;
}
.index3-more {
	width: 73px; height: 20px;
}
}
.kf {
	border-radius: 5px; transition:0.8s; top: 60%; width: 50px; right: 0px; position: fixed; z-index: 999999; background-color: transparent;
}
.kf span {
	border-radius: 5px 0px 0px 5px; transition:0.5s; width: 50px; height: 50px; margin-bottom: 3px; display: block; position: relative; z-index: 1000001; cursor: pointer; background-color: rgb(167, 175, 185);
}
.kf span:hover {
	background-color: rgb(17, 41, 139);
}
.kf .zx {
	background: url("../imgs/kefu-zx.png") no-repeat center 12px rgb(167, 175, 185);
}
.kf .back_top {
	background: url("../imgs/kf-top.png") no-repeat center 13px rgb(167, 175, 185); border: currentColor; border-image: none;
}
.kf span a {
	transition:0.5s; text-align: center; color: rgb(255, 255, 255); line-height: 24px; padding-top: 22px; font-size: 14px; display: block;
}
.kfimgr {
	right: -9px; bottom: 23px; position: absolute;
}
.kf span div i {
	top: 0px; width: 15px; height: 200px; right: -15px; display: block; position: absolute;
}
.kf .freetel {
	background: url("../imgs/kefu-qq.png") no-repeat center rgb(167, 175, 185);
}
.kf .zxlya {
	background: url("../imgs/kf-wx_03.png") no-repeat center rgb(167, 175, 185);
}
.kf span:nth-child(4) div {
	white-space: nowrap;
}
.kf a {
	top: 0px; width: 100%; height: 68px; right: 0px; display: block; position: absolute;
}
.nav_center div {
	box-shadow: 0px 2px 18px rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.index_nav_center div {
	box-shadow: 0px 2px 18px rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.shou {
	box-shadow: 0px 2px 18px rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.zhan {
	box-shadow: 0px 2px 18px rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.kf .zxlya .erweima {
	background: rgb(255, 255, 255); padding: 5px; border-radius: 5px; top: -72px; text-align: center; right: 62px; display: none; position: absolute; box-shadow: 0px 2px 13px rgba(0,0,0,0.25);
}
.kf .zxzx {
	background: rgb(255, 255, 255); padding: 10px 20px; border-radius: 5px; top: 6px; width: 110px; text-align: center; right: 86px; color: rgb(51, 51, 51); font-size: 14px; display: none; position: absolute; box-shadow: 0px 2px 13px rgba(0,0,0,0.25);
}
.kfimgr {
	right: -9px; bottom: 23px; position: absolute;
}
.kf-ly {
	background: url("../imgs/kf-ly_03.png") no-repeat center rgb(167, 175, 185);
}
.shou {
	background: url("../imgs/zk1.png") no-repeat left; border-radius: 5px 0px 0px 5px; top: 47%; width: 30px; height: 40px; right: 62px; margin-top: -15px; position: absolute; z-index: 1000000; cursor: pointer; box-shadow: none;
}
.shou:hover {
	background: url("../imgs/zk.png") no-repeat left;
}
.kf-contact {
	background: url("../imgs/kf-ly_03.png") no-repeat center rgb(167, 175, 185);
}
.kf-phone {
	background: url("../imgs/kf-phone1.png") no-repeat center rgb(167, 175, 185);
}
.kf-phone1 {
	background: rgb(255, 255, 255); padding: 10px 12px; border-radius: 5px; right: 60px; color: rgb(51, 51, 51); font-size: 15px; display: none; white-space: nowrap; position: absolute; box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.zxwb {
	background: rgb(255, 255, 255); padding: 10px 12px; border-radius: 5px; right: 60px; color: rgb(51, 51, 51); font-size: 15px; display: none; white-space: nowrap; position: absolute; box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.kf-phone1 .kfimgr {
	bottom: 10px;
}
.zxwb .kfimgr {
	bottom: 10px;
}
.kf-shqi {
	width: 100%; height: 40px;
}
.kf-shqi .m-icon {
	background: url("../imgs/kf-close.png") no-repeat center / 15px rgb(167, 175, 185); margin: 0px auto; border-radius: 50%; transition:0.3s; width: 30px; height: 30px; display: block; cursor: pointer; transform: rotate(45deg);
}
.kf-shqi .m-icon:hover {
	background-color: rgb(17, 41, 139);
}
.kf.show .m-icon {
	transform: rotate(0deg);
}
.nav_center div {
	box-shadow: 0px 2px 18px rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.index_nav_center div {
	box-shadow: 0px 2px 18px rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.shou {
	box-shadow: 0px 2px 18px rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.zhan {
	box-shadow: 0px 2px 18px rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.kf .zxlya .erweima {
	background: rgb(255, 255, 255); padding: 20px; border-radius: 5px; top: -45px; text-align: center; right: 86px; display: none; position: absolute; box-shadow: 0px 2px 13px rgba(0,0,0,0.25);
}
.kf .zxzx {
	background: rgb(255, 255, 255); padding: 20px; border-radius: 5px; top: 6px; width: 150px; text-align: center; right: 86px; color: rgb(51, 51, 51); font-size: 14px; display: none; position: absolute; box-shadow: 0px 2px 13px rgba(0,0,0,0.25);
}
.kfimgr {
	right: -9px; bottom: 23px; position: absolute;
}
.shou {
	background: url("../imgs/zk1.png") no-repeat left; border-radius: 5px 0px 0px 5px; top: 47%; width: 30px; height: 40px; right: 62px; margin-top: -15px; position: absolute; z-index: 1000000; cursor: pointer; box-shadow: none;
}
.kffixed {
	width: 100%; height: 49px; bottom: 0px; overflow: hidden; display: none; position: fixed; z-index: 20;
}
.kufuul {
	padding: 2px 0px; left: 0px; width: 100%; height: 49px; text-align: center; bottom: 0px; display: inline-block; position: absolute;
}
.kefu {
	padding: 0px;
}
.kefu li {
	transition:0.4s; height: 45px; text-align: center; color: rgb(255, 255, 255); line-height: 45px; float: left;
}
.kfzx-tigg {
	transition:opacity 1s; width: 49.5%; height: 45px; line-height: 45px; float: left; display: block; opacity: 1;
}
.kfzx-enter {
	opacity: 0;
}
.kf-zx {
	background: rgb(17, 41, 139); width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 45px; display: block;
}
.kf-zx img {
	margin-right: 10px; vertical-align: middle; display: inline-block;
}
.teldb {
	background: 0% 0% / contain rgba(0, 0, 0, 0.6); margin: 0px 1px; width: 49.5%; position: relative;
}
.teldb img {
	margin-right: 10px; vertical-align: middle; display: inline-block;
}
.teldb a {
	color: white;
}
@media all and (max-width:991px)
{
.kf {
	display: none;
}
.kffixed {
	display: block;
}
}
.inside-banner {
	position: relative;
}
.inside-banner img {
	width: 100%;
}
.inside-banner1 {
	
}
.inside-banner2 {
	display: none;
}
.inside-banner-content {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.inside-banner-text {
	height: 100%; position: relative;
}
.inside-banner-content > div {
	height: 100%; padding-bottom: 20px; position: relative;
}
.inside-banner-title {
	color: rgb(255, 255, 255); font-size: 50px; font-weight: bold;
}
.appli-banner-title {
	color: rgb(255, 255, 255); font-size: 50px;
}
.din-bold {
	font-family: "din-b"; font-size: 63px; display: inline-block;
}
.inside-banner-slogan {
	color: rgb(255, 255, 255); line-height: 48px; font-size: 20px;
}
.lbanner-phone {
	width: 283px; height: 96px; text-align: center; margin-top: 25px; position: relative;
}
.lbanner-phone::before {
	background: url("../imgs/lbanner-phone.png") no-repeat center; left: 0px; top: 0px; width: 283px; height: 96px; position: absolute; content: "";
}
.lbanner-phone h4 {
	text-align: left; color: rgb(255, 255, 255); letter-spacing: 7px; padding-top: 5px; padding-left: 40px; font-size: 20px;
}
.lbanner-phone h3 {
	color: rgb(255, 255, 255); line-height: 46px; font-family: "din-b"; font-size: 32px;
}
.bread {
	left: 0px; width: 100%; bottom: 0px; color: rgb(255, 255, 255); font-size: 18px; position: absolute;
}
.bread a {
	color: rgb(255, 255, 255); font-size: 16px; display: inline-block;
}
.bread a:first-child {
	background: url("../imgs/bread-home.png") no-repeat left; padding-left: 30px;
}
.bread a:not(:first-child) {
	background: url("../imgs/mianbaoxie.png") no-repeat left; padding-left: 35px;
}
.bread a i {
	font-family: "fontaw"; font-style: normal; margin-right: 25px; display: inline-block;
}
.inside-menu {
	border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; white-space: nowrap; -ms-overflow-x: auto;
}
.inside-menu a {
	padding: 20px 26px; transition:0.5s; color: rgb(102, 102, 102); font-size: 18px; display: inline-block;
}
.inside-menu a:hover {
	background: rgb(17, 41, 139); color: rgb(255, 255, 255);
}
.inside-menu a.on {
	background: rgb(17, 41, 139); color: rgb(255, 255, 255);
}
em.i-fontaw {
	font-family: "fontaw"; font-style: normal; display: inline-block;
}
i.i-fontaw {
	font-family: "fontaw"; font-style: normal; display: inline-block;
}
.lpage {
	text-align: center;
}
.lpage a {
	background: none; margin: 0px 5px; padding: 10px 15px; transition:0.5s; color: rgb(51, 51, 51); font-family: "monstre"; font-size: 16px; display: inline-block;
}
.product .lpage a {
	background: rgb(255, 255, 255);
}
.appli .lpage a {
	background: rgb(255, 255, 255);
}
.news .lpage a {
	background: rgb(245, 245, 245);
}
.job .lpage a {
	background: rgb(245, 245, 245);
}
.service .lpage a {
	background: rgb(245, 245, 245);
}
.lpage a.page-sl {
	background: none;
}
.lpage-left {
	
}
.lpage-right {
	
}
.lpage a:hover {
	background: rgb(17, 41, 139); color: rgb(255, 255, 255);
}
.lpage a.on {
	background: rgb(17, 41, 139); color: rgb(255, 255, 255);
}
.lpage span {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 16px; margin-left: 10px; display: inline-block;
}
.page-choose {
	margin-left: 10px; display: inline-block;
}
.page-choose input {
	background: rgb(255, 255, 255); padding: 5px 10px; width: 40px; color: rgb(102, 102, 102); line-height: 30px; font-size: 16px;
}
.news .page-choose input {
	background: rgb(245, 245, 245);
}
.job .page-choose input {
	background: rgb(245, 245, 245);
}
.service .page-choose input {
	background: rgb(245, 245, 245);
}
.lpage a.page-true {
	background: rgb(17, 41, 139); padding: 5px 9px; color: rgb(255, 255, 255); line-height: 30px; font-size: 16px; margin-left: 10px; display: inline-block;
}
.lpage-cs {
	display: inline-block;
}
.lpage-a {
	display: inline-block;
}
.lpage-a .fistpage {
	display: none;
}
.lpage-a .lastpage {
	display: none;
}
@media all and (max-width:1459px)
{
.appli-banner-title {
	font-size: 38px;
}
}
@media all and (max-width:991px)
{
.inside-banner-slogan {
	font-size: 18px;
}
.inside-banner-title {
	font-size: 38px;
}
.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 {
	line-height: 40px; font-size: 24px;
}
.lbanner-phone h4 {
	letter-spacing: 5px; padding-left: 30px;
}
.lpage-cs {
	text-align: center; display: block;
}
.lpage-a {
	text-align: center; display: block;
}
.lpage-cs {
	margin-top: 15px;
}
}
@media all and (max-width:767px)
{
.inside-banner-slogan {
	line-height: 32px; font-size: 16px;
}
.inside-banner-title {
	font-size: 26px;
}
.appli-banner-title {
	font-size: 26px;
}
.din-bold {
	font-size: 42px;
}
.bread a {
	font-size: 14px; margin-bottom: 10px;
}
.lpage a {
	font-size: 14px;
}
.lpage a.page-true {
	font-size: 14px;
}
.lpage span {
	font-size: 14px;
}
.page-choose input {
	font-size: 14px;
}
.inside-menu a {
	padding: 12px 20px; font-size: 14px;
}
.lbanner-phone {
	width: 230px; height: 60px; margin-top: 10px;
}
.lbanner-phone::before {
	width: 230px; height: 60px;
}
.lbanner-phone h4 {
	font-size: 17px;
}
.lbanner-phone h3 {
	line-height: 26px; font-size: 20px;
}
}
@media all and (max-width:640px)
{
.inside-banner2 {
	display: block;
}
.inside-banner1 {
	display: none;
}
.inside-banner-content {
	
}
.inside-banner-content > div {
	padding-bottom: 0px;
}
.lpage a {
	padding: 6px 10px;
}
.lpage a.page-true {
	padding: 0px 9px;
}
.page-choose input {
	padding: 2px 10px;
}
}
.news {
	padding-top: 60px; padding-bottom: 80px;
}
.news-left {
	width: 70.7%; float: left;
}
.news-right {
	width: 21.57%; float: right;
}
.news-left ul {
	margin-bottom: 40px; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid;
}
.news-left li {
	padding: 30px 0px;
}
.news-left li:first-child {
	padding-top: 0px;
}
.news-left li a {
	height: 100%; display: block; position: relative;
}
.news-left-img {
	width: 31.3%; overflow: hidden; float: left;
}
.news-left-img img {
	transition:0.5s; width: 100%;
}
.news-left li:hover .news-left-img img {
	transform: scale(1.04);
}
.news-left-text {
	padding: 38px 0px; width: 64.6%; float: right;
}
.news-left-time {
	color: rgb(136, 136, 136); font-size: 14px; display: inline-block;
}
.news-left-label {
	background: rgb(17, 41, 139); padding: 2px 12px; color: rgb(255, 255, 255); font-size: 14px; margin-left: 20px; display: inline-block;
}
.news-left-title {
	transition:0.5s; color: rgb(51, 51, 51); overflow: hidden; font-size: 24px; font-weight: bold; margin-top: 20px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.news-left li:hover .news-left-title {
	color: rgb(17, 41, 139);
}
.news-left-p {
	color: rgb(102, 102, 102); line-height: 30px; overflow: hidden; font-size: 16px; margin-top: 30px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.news-right-one {
	
}
.news-right-title {
	color: rgb(17, 17, 17); font-size: 18px; font-weight: bold;
}
.news-right-one-menu {
	margin-top: 20px;
}
.news-right-one-menu a {
	padding: 7px 13px; border-radius: 3px; border: 1px solid rgb(155, 155, 155); transition:0.5s; border-image: none; color: rgb(155, 155, 155); font-size: 14px; margin-right: 10px; margin-bottom: 10px; display: inline-block;
}
.news-right-one-menu .on {
	border-color: rgb(17, 41, 139); color: rgb(17, 41, 139);
}
.news-right-one-menu a:hover {
	border-color: rgb(17, 41, 139); color: rgb(17, 41, 139);
}
.news-right-two {
	margin-top: 30px;
}
.news-right-two ul {
	
}
.news-right-two li {
	
}
.news-right-two li a {
	padding: 20px 0px; border-bottom-color: rgb(242, 242, 242); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.news-right-two li:last-child a {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.news-right-two li .news-left-time {
	margin-bottom: 10px;
}
.news-right-two li p {
	transition:0.5s; color: rgb(51, 51, 51); overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.news-right-two li:hover p {
	color: rgb(17, 41, 139); font-weight: bold;
}
@media all and (max-width:1259px)
{
.news-left-text {
	padding: 0px;
}
.news-left-p {
	margin-top: 20px; -webkit-line-clamp: 1;
}
.news-left-title {
	font-size: 20px;
}
}
@media all and (max-width:767px)
{
.news {
	padding: 40px 0px;
}
.news-left {
	width: 100%; float: none;
}
.news-right {
	width: 100%; margin-top: 20px; float: none;
}
.news-left-text {
	padding: 10px 0px;
}
.news-left-p {
	line-height: 24px; font-size: 14px; -webkit-line-clamp: 2;
}
.news-left-title {
	font-size: 18px;
}
.news-left ul {
	margin-bottom: 20px;
}
.news-right-two {
	margin-top: 20px;
}
}
@media all and (max-width:640px)
{
.news-left-img {
	width: 100%; float: none;
}
.news-left-text {
	width: 100%; margin-top: 15px; float: none;
}
.news-left-p {
	margin-top: 15px;
}
.news-left li {
	padding: 15px 0px;
}
}
.newsinfo {
	padding-top: 60px; padding-bottom: 50px;
}
.newsinfo-title {
	color: rgb(51, 51, 51); font-size: 30px; font-weight: bold; margin-bottom: 20px;
}
.newsinfo-p {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 16px; margin-bottom: 30px;
}
.newsinfo-img {
	margin: 30px 0px; max-width: 100%;
}
.newsinfo-img img {
	max-width: 100%;
}
.newsinfo-h3 {
	color: rgb(51, 51, 51); font-size: 20px; margin-bottom: 30px;
}
.newsinfo-time {
	color: rgb(163, 163, 163); font-size: 16px;
}
.newsinfo-p h5 {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 16px;
}
.newsinfo-p-text {
	text-indent: 30px;
}
.newsinfo-p-title {
	text-indent: 30px;
}
.newsinfo-page {
	
}
.newsinfo-page li {
	background: rgb(247, 247, 247); padding: 30px; margin-top: 20px;
}
.newsinfo-page li a {
	display: block;
}
.newsinfo-page li h3 {
	margin-bottom: 10px;
}
.newsinfo-page li p {
	transition:0.5s; color: rgb(51, 51, 51); line-height: 26px; font-size: 18px;
}
.newsinfo-page li:hover p {
	color: rgb(17, 41, 139);
}
.newsinfo-page li span {
	color: rgb(163, 163, 163); line-height: 30px; font-size: 16px; margin-top: 10px; display: block;
}
.newsinfo-share {
	margin-top: 20px;
}
.newsinfo-share a {
	margin: 0px 12px 10px 0px !important; padding: 0px !important; border-radius: 50% !important; transition:0.5s; width: 32px !important; height: 32px !important; text-align: center !important; color: rgb(255, 255, 255) !important; line-height: 32px !important; font-size: 18px !important; text-decoration: none !important; display: inline-block !important; background-image: none !important;
}
.newsinfo-share a:last-child {
	margin-right: 0px !important;
}
.newsinfo-share a.fa-weibo {
	background-color: rgb(218, 60, 60) !important;
}
.newsinfo-share a.fa-wechat {
	background-color: rgb(33, 186, 65) !important;
}
.newsinfo-share a.fa-qq {
	background-color: rgb(62, 145, 238) !important;
}
.newsinfo-share a.icon-kongjian {
	background-color: rgb(244, 197, 11) !important;
}
.newsinfo-return {
	background: rgb(180, 180, 180); padding: 15px 0px; transition:0.5s; width: 210px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; margin-top: 20px; margin-bottom: 15px; display: inline-block !important;
}
.newsinfo-return:hover {
	background: rgb(17, 41, 139);
}
.newsinfo-return i {
	margin-left: 15px; display: inline-block;
}
@media all and (max-width:1259px)
{
.newsinfo-return {
	width: 100%;
}
}
@media all and (max-width:991px)
{
.newsinfo-title {
	font-size: 24px;
}
.newsinfo-return {
	font-size: 14px;
}
.newsinfo-page li p {
	font-size: 16px;
}
.newsinfo-page li span {
	line-height: 22px; font-size: 14px;
}
}
@media all and (max-width:767px)
{
.newsinfo {
	padding: 40px 0px;
}
.newsinfo-return {
	width: 180px;
}
.newsinfo-title {
	font-size: 19px;
}
.newsinfo-p {
	text-align: justify; line-height: 26px; font-size: 14px; margin-bottom: 20px;
}
.newsinfo-h3 {
	font-size: 17px; margin-bottom: 20px;
}
.newsinfo-img {
	margin: 20px 0px;
}
}
@media all and (max-width:640px)
{
.newsinfo-return {
	padding: 12px 0px; width: 150px;
}
}
.service {
	padding: 80px 0px;
}
.service-title {
	text-align: center; color: rgb(17, 17, 17); font-size: 40px; font-weight: bold;
}
.service-menu {
	text-align: center; margin-top: 30px;
}
.service-menu li {
	display: inline-block;
}
.service-menu li a {
	margin: 0px 8px; color: rgb(119, 119, 119); padding-bottom: 5px; font-size: 20px; display: inline-block;
}
.service-menu li.on a {
	color: rgb(17, 41, 139); font-weight: bold; border-bottom-color: rgb(17, 41, 139); border-bottom-width: 2px; border-bottom-style: solid;
}
.service-list {
	margin-bottom: 40px;
}
.service-list1 {
	display: none;
}
.service-list1.on {
	display: block;
}
.service-list1 li {
	margin-top: 50px;
}
.service-kf {
	border-radius: 50%; width: 101px; height: 101px; float: left;
}
.service-kf img {
	border-radius: 50%; width: 100%;
}
.service-answer {
	width: 90%; padding-left: 15px; float: right; position: relative;
}
.service-answer > div {
	background: rgb(244, 244, 244); padding: 30px; border-radius: 3px;
}
.service-answer::before {
	background: url("../imgs/answer-bef.png") no-repeat left; left: 0px; top: 30px; width: 15px; height: 23px; position: absolute; content: "";
}
.service-answer h3 {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 18px; font-weight: bold; margin-bottom: 10px;
}
.service-answer p {
	color: rgb(102, 102, 102); font-size: 16px;
}
@media all and (max-width:1259px)
{
.service-answer {
	width: 86%;
}
}
@media all and (max-width:991px)
{
.service-answer {
	width: 80%;
}
}
@media all and (max-width:767px)
{
.service-kf {
	width: 80px; height: 80px;
}
.service-answer {
	width: 86%;
}
.service-answer h3 {
	line-height: 26px; font-size: 16px;
}
.service-answer p {
	line-height: 24px; font-size: 14px;
}
.service {
	padding: 40px 0px;
}
.service-title {
	font-size: 24px;
}
.service-menu li a {
	font-size: 18px;
}
.service-list1 li {
	margin-top: 20px;
}
.service-menu {
	margin: 30px 0px;
}
.service-list {
	margin-bottom: 20px;
}
}
@media all and (max-width:640px)
{
.service-kf {
	width: 60px; height: 60px;
}
.service-answer {
	width: 78%;
}
.service-answer > div {
	padding: 30px 20px;
}
}
.quality {
	padding: 80px 0px 0px;
}
.quality-one {
	padding-bottom: 70px;
}
.quality-one ul {
	
}
.quality-one li {
	padding-right: 102px; padding-left: 8px; margin-top: 40px; float: left; position: relative;
}
.quality-one li::before {
	background: url("../imgs/quality-right.png") no-repeat center; top: 62px; width: 72px; height: 11px; right: 13px; position: absolute; content: "";
}
.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: 0px;
}
.quality-one li.quality-zw1::before {
	top: -30%; right: 23%; transform: rotate(90deg);
}
.quality-one li > div {
	
}
.quality-one-icon {
	background: none; margin: 0px auto; padding: 22px 0px; border-radius: 50%; transition:0.5s; width: 134px; height: 134px; text-align: center; overflow: hidden;
}
.quality-one-icon > div {
	margin: 0px auto; width: 95px; height: 90px; line-height: 134px; position: relative;
}
.quality-one li:hover .quality-one-icon {
	background-color: rgb(66, 57, 148);
}
.quality-one-icon img {
	transition:0.5s; width: 100%; height: 100%; display: inline-block;
}
.quality-one-icon1 {
	left: 0px; top: 0px; position: absolute;
}
.quality-one-icon2 {
	left: 0px; top: -134px; position: absolute;
}
.quality-one-tit {
	text-align: center; color: rgb(51, 51, 51); line-height: 48px; font-size: 18px;
}
.quality-one li:hover .quality-one-icon2 {
	top: 0px;
}
.quality-one li:hover .quality-one-icon1 {
	top: 134px;
}
.quality-two {
	padding-bottom: 80px;
}
.quality-two-swip {
	margin-top: 45px; position: relative;
}
.quality-two-swip .swiper-slide {
	overflow: hidden; position: relative;
}
.quality-two-swip .swiper-slide img {
	transition:0.5s; width: 100%;
}
.quality-two-swip .swiper-slide:hover img {
	transform: scale(1.04);
}
.quality-two-text {
	background: rgba(0, 0, 0, 0.5); padding: 18px 0px; left: 0px; width: 100%; text-align: center; bottom: 0px; color: rgb(255, 255, 255); font-size: 20px; position: absolute;
}
.quality-two-swip .swiper-pagination {
	display: none;
}
.quality-two-swip .swiper-pagination {
	width: 100%; bottom: 0px;
}
.quality-two-swip .swiper-pagination-bullet {
	background: rgb(216, 216, 216); margin: 0px 3px; width: 9px; height: 9px; opacity: 1 !important;
}
.quality-two-swip .swiper-pagination-bullet-active {
	background: rgb(17, 41, 139);
}
.quality-two-swip .swiper-button-prev {
	background: url("../imgs/quality-left.png") no-repeat center; width: 18px; height: 34px; opacity: 1 !important;
}
.quality-two-swip .swiper-button-next {
	background: url("../imgs/quality-left.png") no-repeat center; width: 18px; height: 34px; opacity: 1 !important;
}
.quality-two-swip .swiper-button-prev:hover {
	background-image: url("../imgs/quality-left1.png");
}
.quality-two-swip .swiper-button-next:hover {
	background-image: url("../imgs/quality-left1.png");
}
.quality-two-swip .swiper-button-next {
	right: -60px; transform: rotateY(180deg);
}
.quality-two-swip .swiper-button-prev {
	left: -60px;
}
.quality-three {
	background: rgb(245, 245, 245); padding: 80px 0px;
}
.quality-three-swip {
	padding-bottom: 20px; margin-top: 45px; position: relative;
}
.quality-three-swip .swiper-pagination {
	width: 100%; bottom: 0px;
}
.quality-three-swip .swiper-pagination-bullet {
	background: rgb(216, 216, 216); margin: 0px 3px; width: 9px; height: 9px; opacity: 1 !important;
}
.quality-three-swip .swiper-pagination-bullet-active {
	background: rgb(17, 41, 139);
}
.quality3-img {
	
}
.quality3-img img {
	width: 100%;
}
.quality3-text {
	padding: 15px 0px; text-align: center; color: rgb(51, 51, 51); font-size: 18px;
}
@media all and (max-width:1459px)
{
.quality-two-swip {
	padding: 0px 60px;
}
.quality-two-swip .swiper-button-next {
	right: 0px;
}
.quality-two-swip .swiper-button-prev {
	left: 0px;
}
.quality-one li {
	padding-right: 76px; padding-left: 18px;
}
.quality-one li::before {
	width: 60px; right: 0px;
}
.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 all and (max-width:1259px)
{
.quality-one-icon {
	padding: 15px 0px; width: 86px; height: 86px;
}
.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: 0px;
}
}
@media all and (max-width:991px)
{
.quality-one li.quality-r {
	float: left;
}
.quality-one li {
	padding: 0px; width: 25%; text-align: center;
}
.quality-one li.quality-zw {
	padding: 0px; width: 25%; text-align: center;
}
.quality-one li::before {
	display: none;
}
}
@media all and (max-width:767px)
{
.quality {
	padding: 40px 0px 0px;
}
.quality-two {
	padding-bottom: 40px;
}
.quality-three {
	padding: 40px 0px;
}
.quality3-text {
	font-size: 16px;
}
.quality-three-swip {
	margin-top: 20px;
}
.quality-two-swip .swiper-button-prev {
	display: none;
}
.quality-two-swip .swiper-button-next {
	display: none;
}
.quality-two-swip .swiper-pagination {
	display: block;
}
.quality-two-swip {
	padding: 0px 0px 30px;
}
.quality-one-tit {
	height: 60px; line-height: 30px; font-size: 16px;
}
.quality-two-text {
	padding: 10px 0px; font-size: 16px;
}
.quality-one li {
	margin-top: 20px;
}
.quality-one {
	padding-bottom: 40px;
}
}
@media all and (max-width:360px)
{
.quality-one li {
	width: 33.33%;
}
.quality-one li.quality-zw {
	width: 33.33%;
}
}
.job {
	padding: 40px 0px 80px;
}
.job-content {
	
}
.job-content ul {
	margin: 0px -10px 20px;
}
.job-content li {
	padding: 0px 10px; width: 50%; margin-bottom: 20px; float: left;
}
.job-content li a {
	background: rgb(246, 246, 246); padding: 40px 30px; display: block;
}
.job-tit {
	
}
.job-tit h3 {
	transition:0.5s; color: rgb(0, 0, 0); overflow: hidden; font-size: 24px; float: left; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 61%;
}
.job-content li:hover .job-tit h3 {
	color: rgb(17, 41, 139); font-weight: bold;
}
.job-tit span {
	background: url("../imgs/job-addr.png") no-repeat left; color: rgb(102, 102, 102); padding-top: 12px; padding-left: 30px; font-size: 16px; float: right; display: inline-block;
}
.job-text {
	height: 60px; color: rgb(136, 136, 136); line-height: 30px; overflow: hidden; font-size: 16px; margin-top: 30px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
@media all and (max-width:767px)
{
.job-tit span {
	padding-top: 5px; padding-left: 22px; font-size: 14px; background-size: 16px 20px;
}
.job-tit h3 {
	font-size: 20px;
}
.job-text {
	font-size: 15px;
}
}
@media all and (max-width:640px)
{
.job-content li {
	padding: 0px; width: 100%; float: none;
}
.job-content ul {
	margin: 0px 0px 20px;
}
.job-text {
	height: auto;
}
}
.jobinfo {
	background: rgb(246, 246, 246); padding: 30px 0px 75px;
}
.jobinfo-left {
	width: 74.42%; float: left;
}
.jobinfo-right {
	background: rgb(255, 255, 255); padding: 30px 20px; width: 24.28%; float: right;
}
.jobinfo-left li {
	background: rgb(255, 255, 255); padding: 50px 0px;
}
.jobinfo-left li:first-child {
	padding: 50px 30px; margin-bottom: 16px;
}
.jobinfo-tit h3 {
	color: rgb(0, 0, 0); font-size: 24px; font-weight: bold; float: left;
}
.jobinfo-tit span {
	background: url("../imgs/job-addr.png") no-repeat left; color: rgb(102, 102, 102); padding-top: 12px; padding-left: 30px; font-size: 16px; float: right; display: inline-block;
}
.jobinfo-if {
	color: rgb(102, 102, 102); font-size: 16px; margin-top: 15px;
}
.jobinfo-time {
	color: rgb(136, 136, 136); padding-bottom: 15px; font-size: 14px; margin-top: 30px; margin-bottom: 35px; border-bottom-color: rgb(239, 239, 239); border-bottom-width: 1px; border-bottom-style: solid;
}
.jobinfo-tit1 {
	color: rgb(51, 51, 51); font-size: 20px; font-weight: bold; margin-top: 30px; margin-bottom: 15px;
}
.jobinfo-text {
	color: rgb(102, 102, 102); line-height: 28px; font-size: 16px;
}
.jobinfo-jion {
	background: rgb(17, 41, 139); padding: 13px 65px; border: 1px solid rgb(17, 41, 139); transition:0.5s; border-image: none; color: rgb(255, 255, 255); font-size: 20px; margin-top: 25px; display: inline-block;
}
.jobinfo-jion:hover {
	background: none; border-color: rgb(17, 41, 139); color: rgb(17, 41, 139);
}
.jobinfo-tit2 {
	color: rgb(51, 51, 51); padding-left: 30px; font-size: 30px; font-weight: bold;
}
.jobinfo-list {
	padding: 60px 0px 10px;
}
.jobinfo-li {
	padding: 35px 35px 0px; width: 33.33%; border-right-color: rgb(236, 236, 236); border-right-width: 1px; border-right-style: solid; float: left;
}
:nth-child(3n).jobinfo-li {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.jobinfo-li-bo {
	padding-top: 0px; padding-bottom: 40px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
.jobinfo-icon {
	margin: 0px auto 20px; width: 92px; height: 92px;
}
.jobinfo-icon img {
	width: 100%;
}
.jobinfo-text2 {
	height: 48px; text-align: center; color: rgb(102, 102, 102); line-height: 24px; font-size: 16px;
}
.jobinfo-right-tit {
	color: rgb(51, 51, 51); padding-left: 10px; font-size: 18px; font-weight: bold; margin-bottom: 10px; position: relative;
}
.jobinfo-right-tit::before {
	background: rgb(17, 41, 139); left: 0px; top: 1px; width: 3px; height: 16px; position: absolute; content: "";
}
.jobinfo-right li {
	padding: 20px 0px; border-bottom-color: rgb(239, 239, 239); border-bottom-width: 1px; border-bottom-style: solid;
}
.jobinfo-right li:last-child {
	padding-bottom: 10px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.jobinfo-right li a {
	display: block;
}
.jobinfo-right li h3 {
	transition:0.5s; color: rgb(0, 0, 0); overflow: hidden; font-size: 18px; margin-bottom: 10px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.jobinfo-right li p {
	color: rgb(136, 136, 136); overflow: hidden; font-size: 14px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.jobinfo-right li:hover h3 {
	color: rgb(17, 41, 139); font-weight: bold;
}
@media all and (max-width:1259px)
{
.jobinfo-text2 {
	height: 96px;
}
}
@media all and (max-width:991px)
{
.jobinfo-li {
	width: 50%; padding-bottom: 40px; border-top-color: rgb(236, 236, 236); border-right-color: currentColor; border-top-width: 1px; border-right-width: medium; border-top-style: solid; border-right-style: none;
}
:nth-child(1).jobinfo-li {
	padding-top: 0px; border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
:nth-child(2).jobinfo-li {
	padding-top: 0px; border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.jobinfo-li-bo {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
:nth-child(2n+1).jobinfo-li {
	border-right-color: rgb(236, 236, 236); border-right-width: 1px; border-right-style: solid;
}
.jobinfo-li-bo {
	padding-top: 35px;
}
.jobinfo-text2 {
	height: 72px;
}
}
@media all and (max-width:767px)
{
.jobinfo {
	padding: 40px 0px;
}
.jobinfo-left {
	width: 100%; float: none;
}
.jobinfo-right {
	width: 100%; margin-top: 20px; float: none;
}
.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 {
	height: 48px; font-size: 14px;
}
.jobinfo-left li {
	padding: 40px 0px;
}
.jobinfo-right li h3 {
	font-size: 16px;
}
}
@media all and (max-width:640px)
{
.jobinfo-tit h3 {
	width: 100%;
}
.jobinfo-tit span {
	padding-top: 6px; padding-left: 22px; background-size: 16px 20px;
}
.jobinfo-icon {
	width: 50px; height: 50px;
}
.jobinfo-li {
	padding: 20px 30px !important; border: currentColor !important; border-image: none !important; width: 100%; float: none;
}
.jobinfo-text2 {
	height: auto;
}
}
.appli {
	background: rgb(245, 245, 245); padding: 50px 0px 80px;
}
.appli-menu {
	
}
.appli-menu-li {
	padding: 10px 0px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.appli-menu-li span {
	width: 9.6%; color: rgb(34, 34, 34); line-height: 34px; font-size: 18px; font-weight: bold; margin-top: 10px; float: left; display: inline-block;
}
.pro2 a {
	color: rgb(34, 34, 34); line-height: 34px; font-size: 18px;
}
.appli-menu-a {
	width: 90%; float: right;
}
.appli-menu-li a {
	margin: 10px 20px 10px 0px; padding: 0px 10px; color: rgb(85, 85, 85); line-height: 30px; font-size: 16px; display: inline-block;
}
.appli-menu-li a:last-child {
	margin-right: 0px;
}
.appli-menu-li a.menu-buxian {
	background: rgb(233, 233, 233); color: rgb(102, 102, 102);
}
.appli-menu-li a.menu-buxian.on {
	background: rgb(24, 47, 142); color: rgb(255, 255, 255); padding-right: 10px;
}
.appli-menu-li a.on {
	border: 1px solid rgb(24, 47, 142); border-image: none; color: rgb(24, 47, 142);
}
.appli-list {
	margin-top: 30px;
}
.appli-list ul {
	margin: 0px -9px 40px;
}
.appli-list li {
	padding: 0px 9px; width: 50%; margin-top: 20px; float: left;
}
.appli-list li a {
	background: rgb(255, 255, 255); display: block;
}
.appli-img {
	overflow: hidden;
}
.appli-img img {
	transition:0.5s; width: 100%;
}
.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 {
	color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 20px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.appli-title p {
	color: rgb(102, 102, 102); line-height: 30px; overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.appli-more {
	background: rgb(238, 238, 238); padding: 10px 48px; transition:0.5s; color: rgb(102, 102, 102); line-height: 30px; font-size: 16px; float: right;
}
.appli-more i {
	margin-left: 10px;
}
.appli-list li:hover .appli-more {
	background: rgb(24, 47, 142); color: rgb(255, 255, 255);
}
@media all and (max-width:991px)
{
.appli-more {
	padding: 6px 16px;
}
}
@media all and (max-width:767px)
{
.appli-title {
	width: 100%; float: none; max-width: 100%;
}
.appli-more {
	margin: 5px auto 0px; padding: 3px 18px; font-size: 14px; float: none; display: inline-block;
}
.appli-list li {
	padding: 0px 5px; text-align: center;
}
.appli-list ul {
	margin: 0px -5px 20px;
}
.appli-title h3 {
	font-size: 16px;
}
.appli-title p {
	line-height: 22px; font-size: 14px;
}
.appli {
	padding: 0px;
}
.appli-text {
	padding: 10px 10px 20px;
}
.appli-list {
	margin-top: 10px;
}
}
.product {
	background: rgb(245, 245, 245);
}
.product-one {
	background: rgb(255, 255, 255); padding: 60px 0px 40px;
}
.product-two {
	
}
.product-menu {
	
}
.product-menu li {
	
}
.product-menu li:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.product-menu li span {
	
}
.product-menu li a {
	color: rgb(102, 102, 102);
}
.product-menu li a:hover {
	color: rgb(24, 47, 142);
}
.promenu-dd {
	padding: 20px 0px 20px 9.6%; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.promenu-dd select {
	background: url("../imgs/promenu-down1.png") no-repeat right 9px center; padding: 5px 22px 5px 14px; border: 1px solid rgb(17, 41, 139); border-image: none; color: rgb(136, 136, 136); line-height: 30px; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.promenu-dd option.promenud-a {
	padding: 10px 0px !important;
}
.promenu-dd select:hover {
	background-image: url("../imgs/promenu-down_03.png");
}
.promenu-dd a {
	margin: 0px 10px; transition:0.5s; color: rgb(85, 85, 85); line-height: 34px; font-size: 16px; display: inline-block;
}
.promenu-dd a:hover {
	color: rgb(17, 41, 139);
}
.product-logo {
	padding-bottom: 0px !important; border-bottom-color: rgb(229, 229, 229) !important; border-bottom-width: 2px !important; border-bottom-style: solid !important;
}
.product-logo .appli-menu-a {
	margin-bottom: -8px;
}
.product-logo a {
	padding: 0px 0px 20px !important; width: auto; color: rgb(51, 51, 51) !important; line-height: 30px; font-size: 18px !important; font-weight: bold; margin-right: 50px !important;
}
.product-logo a:last-child {
	margin-right: 0px !important;
}
.product-logo a.on {
	background: none !important; border-width: medium medium 3px !important; border-style: none none solid !important; border-color: currentColor currentColor rgb(24, 47, 142) !important; border-image: none !important; color: rgb(24, 47, 142) !important; font-weight: bold; margin-bottom: -1px; position: relative;
}
.product-logo a.on::before {
	background: url("../imgs/product-bef_03.png") no-repeat center; left: 49%; width: 10px; height: 5px; bottom: 0px; position: absolute; content: "";
}
.product-logo a img {
	width: 100%;
}
.product-list {
	
}
.product-list ul {
	margin: 0px -10px 40px;
}
.product-list li {
	padding: 0px 10px; width: 50%; margin-top: 20px; float: left;
}
.product-list li a {
	background: rgb(255, 255, 255); display: block;
}
.product-img {
	background: rgb(255, 255, 255); width: 50.7%; overflow: hidden; float: left;
}
.product-img img {
	transition:0.5s; width: 100%;
}
.product-list li:hover .product-img img {
	transform: scale(1.04);
}
.product-text {
	padding: 80px 35px; width: 49.3%; float: right;
}
.product-title {
	
}
.product-title h3 {
	transition:0.5s; color: rgb(51, 51, 51); line-height: 48px; overflow: hidden; font-size: 20px; font-weight: bold; margin-bottom: 10px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.product-title p {
	height: 52px; color: rgb(102, 102, 102); line-height: 26px; overflow: hidden; font-size: 16px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.product-more {
	transition:0.5s; color: rgb(102, 102, 102); line-height: 26px; font-size: 16px; margin-top: 50px;
}
.product-list li:hover .product-more {
	color: rgb(17, 41, 139);
}
.product-list li:hover .product-title h3 {
	color: rgb(17, 41, 139);
}
.product-more i {
	color: rgb(17, 41, 139);
}
.product-two2 {
	background: rgb(255, 255, 255); padding: 60px 0px; margin-top: 80px;
}
.product-two-title {
	text-align: center; color: rgb(51, 51, 51); line-height: 48px; font-size: 34px; margin-bottom: 20px;
}
.product-two2 ul {
	padding: 0px 50px;
}
.product-two2 li {
	padding: 25px 30px; float: left;
}
.product-two2 li a {
	display: inline-block;
}
.product-two2 li a img {
	height: 100%; max-width: 100%;
}
.product2 {
	
}
.product2-two {
	
}
.product2-list {
	
}
.product2-list ul {
	margin: 0px -10px 40px;
}
.product2-list li {
	padding: 0px 10px; width: 25%; margin-top: 20px; float: left;
}
.product2-list li a {
	background: rgb(255, 255, 255); overflow: hidden; display: block; position: relative;
}
.product2-list li a::before {
	background: rgba(24, 47, 142, 0.9); transition:0.5s; left: 0px; width: 100%; height: 0px; bottom: 0px; position: absolute; content: "";
}
.product2-list li:hover a::before {
	height: 60px;
}
.product2-img {
	height: 335px; overflow: hidden;
}
.product2-img img {
	transition:0.5s; width: 100%;
}
.product2-list li:hover .product2-img img {
	transform: scale(1.04);
}
.product2-text {
	padding: 13px; transition:0.5s; text-align: center; color: rgb(102, 102, 102); line-height: 34px; overflow: hidden; font-size: 16px; border-top-color: rgb(245, 245, 245); border-top-width: 1px; border-top-style: solid; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis;
}
.product2-list li:hover .product2-text {
	color: rgb(255, 255, 255);
}
@media all and (max-width:1459px)
{
.product2-img {
	height: 285px;
}
}
@media all and (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 0px 20px;
}
}
@media all and (max-width:991px)
{
.appli-menu-li span {
	width: 15%;
}
.appli-menu-a {
	width: 85%;
}
.product-img {
	width: 100%; float: none;
}
.product-text {
	padding: 20px 35px; width: 100%; float: none;
}
.product-two2 li a {
	width: 75%; height: 100%;
}
.product-two2 li {
	padding: 15px 0px; 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 all and (max-width:767px)
{
.appli-menu-li span {
	width: 24%; font-size: 16px;
}
.pro2 a {
	font-size: 16px;
}
.appli-menu-a {
	
}
.appli-menu-li a {
	line-height: 28px; font-size: 14px;
}
.product-img {
	padding: 0px 40px;
}
.product-title h3 {
	line-height: 32px; font-size: 16px;
}
.product-title p {
	line-height: 26px; font-size: 14px;
}
.product-more {
	font-size: 15px; margin-top: 20px;
}
.product-two-title {
	line-height: 32px; font-size: 20px; margin-bottom: 10px;
}
.product-one {
	padding-top: 40px;
}
.product-two2 {
	padding: 40px 0px; margin-top: 40px;
}
.product {
	padding-bottom: 40px;
}
.product2-img {
	height: 225px;
}
.product2-text {
	padding: 5px; font-size: 15px;
}
.product-one {
	padding: 30px 0px 10px;
}
.product2-list li:hover a::before {
	height: 44px;
}
.promenu-dd {
	padding-left: 28%;
}
.promenu-dd a {
	line-height: 28px; font-size: 14px;
}
.promenu-dd select {
	padding: 0px 22px 0px 14px;
}
.product-logo a {
	font-size: 16px !important;
}
}
@media all and (max-width:640px)
{
.product-list li {
	width: 100%; float: none;
}
.product-logo a {
	margin-right: 15px !important;
}
.product-two2 li {
	padding: 12px 0px; width: 50%; height: 50px;
}
.product-two2 ul {
	padding: 0px 30px;
}
.product2-list li {
	padding: 0px 5px; width: 50%; margin-top: 10px;
}
.product2-list ul {
	margin: 0px -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 {
	width: 100%; margin-bottom: 10px; float: none; display: block;
}
.product-logo .appli-menu-a {
	width: 100%; float: none;
}
.appli-menu-a {
	width: 100%; float: none;
}
.promenu-dd {
	padding-left: 0px;
}
.appli-menu-li a {
	margin: 10px 10px 10px 0px;
}
}
@media all and (max-width:360px)
{
.product2-img {
	height: 160px;
}
.product-logo a {
	font-size: 15px !important;
}
}
@media all and (max-width:320px)
{
.product2-img {
	height: 140px;
}
}
.contact {
	padding: 80px 0px 70px;
}
.contact-one {
	position: relative;
}
.contact-map {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.contact-map1 {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.contact-map1.on {
	display: block;
}
.contact-map img {
	width: 100%; height: 100%;
}
.contact-position {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.contact-li {
	width: 100%; height: 100%;
}
.contact-text {
	background: rgba(17, 41, 139, 0.9); padding: 50px 35px 0px; width: 29.29%; height: 100%; position: relative;
}
.contact-text span {
	display: inline-block;
}
.contact-text span img {
	width: 100%;
}
.posi {
	position: absolute;
}
.posi li {
	
}
.contact-tit1 {
	color: rgb(255, 255, 255); line-height: 26px; font-size: 16px; font-weight: bold; margin-top: 15px; margin-bottom: 30px;
}
.contact-phone {
	background: url("../imgs/contact-phone_03.png") no-repeat left 6px; color: rgb(255, 255, 255); line-height: 36px; padding-left: 44px; font-family: "Arial"; font-size: 26px;
}
.contact-address {
	background: url("../imgs/contact-address_03.png") no-repeat left 10px; color: rgb(255, 255, 255); line-height: 32px; padding-left: 44px; font-size: 14px;
}
.contact-email {
	background: url("../imgs/contact-email_03.png") no-repeat left 8px; color: rgb(255, 255, 255); line-height: 32px; padding-left: 44px; font-size: 16px;
}
.contact-text ul {
	margin-top: 10px;
}
.contact-text li {
	padding: 14px 0px; border-bottom-color: rgba(255, 255, 255, 0.12); border-bottom-width: 1px; border-bottom-style: solid;
}
.contact-text li:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.contact-text li a {
	color: rgb(193, 205, 253); line-height: 32px; font-size: 16px; display: block;
}
.contact-text li.on a {
	background: url("../imgs/contact-add.png") no-repeat right; color: rgb(255, 255, 255);
}
.contact-two {
	padding-top: 80px;
}
.contact-two-title {
	text-align: center; color: rgb(51, 51, 51); font-size: 42px; font-weight: bold;
}
.contact-two-content {
	margin-top: 20px;
}
.contact-two-input {
	margin: 0px -10px;
}
.contact-two-input > div {
	padding: 0px 10px; width: 50%; float: left;
}
.contact-two-input input {
	background: rgb(245, 245, 245); padding: 14px 18px; width: 100%; color: rgb(102, 102, 102); line-height: 30px; font-size: 16px;
}
.contact-two-content textarea {
	background: rgb(245, 245, 245); padding: 14px 18px; width: 100%; color: rgb(102, 102, 102); line-height: 30px; font-size: 16px; margin-top: 20px; min-height: 117px;
}
.contact-submit {
	background: rgb(17, 41, 139); margin: 30px auto 0px; padding: 11px 0px; border: 1px solid transparent; transition:0.5s; border-image: none; width: 166px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 16px; display: block; cursor: pointer;
}
.contact-submit:hover {
	background: none; border-color: rgb(17, 41, 139); color: rgb(17, 41, 139);
}
@media all and (max-width:991px)
{
.inside-banner {
	
}
.contact-map {
	position: static;
}
.contact-map img {
	height: auto;
}
.contact-text {
	width: 100%;
}
.contact-text1 {
	width: 48%; float: left;
}
.contact-text ul {
	width: 49%; margin-top: 0px; float: right;
}
}
@media all and (max-width:767px)
{
.contact {
	padding: 40px 0px;
}
.contact-two {
	padding-top: 40px;
}
.contact-phone {
	font-size: 22px;
}
.contact-text li.on a {
	background: url("../imgs/contact-add.png") no-repeat right 10px center;
}
.contact-text span {
	width: 180px;
}
.contact-tit1 {
	font-size: 17px;
}
.contact-two-title {
	font-size: 24px;
}
.contact-submit {
	padding: 6px 0px;
}
}
@media all and (max-width:640px)
{
.contact-text1 {
	width: 100%; float: none;
}
.contact-text ul {
	width: 100%; float: none;
}
.contact-text {
	padding: 40px 30px 0px;
}
.contact-tit1 {
	margin-bottom: 10px;
}
.contact-text ul {
	margin-top: 20px;
}
.contact-email {
	font-size: 15px;
}
.contact-address {
	font-size: 15px;
}
.contact-phone {
	font-size: 18px;
}
.contact-text li a {
	line-height: 30px; font-size: 16px;
}
.contact-text li {
	padding: 10px 0px;
}
.contact-text li.on a {
	background-size: 16px 20px;
}
.contact-two-title {
	font-size: 20px;
}
.contact-two-input > div {
	padding: 0px; width: 100%; margin-bottom: 10px; float: none;
}
.contact-two-input {
	margin: 0px;
}
.contact-two-input input {
	padding: 10px 18px; font-size: 15px;
}
.contact-two-content textarea {
	padding: 10px 18px; font-size: 15px; margin-top: 0px;
}
.contact-submit {
	width: 110px; line-height: 22px; font-size: 14px; margin-top: 20px;
}
.contact-text span {
	width: 120px;
}
}
.service-after {
	padding: 60px 0px 80px;
}
.service-after-title {
	color: rgb(51, 51, 51); line-height: 48px; font-size: 22px; font-weight: bold;
}
.service-after-p {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 18px; margin-bottom: 20px;
}
.service-after-p i {
	color: rgb(24, 47, 142); font-style: normal; font-weight: bold; display: inline;
}
.service-after-p span {
	color: rgb(51, 51, 51); display: inline;
}
.service-after-p b {
	color: rgb(51, 51, 51);
}
.service-after-ul {
	background: rgb(246, 246, 246); margin: 30px 0px; padding: 40px 0px;
}
.service-after-ul li {
	color: rgb(102, 102, 102); line-height: 26px; padding-right: 160px; padding-left: 40px; font-size: 18px; float: left; position: relative;
}
.service-after-ul li::before {
	background: rgb(224, 224, 224); width: 90px; height: 1px; right: 20px; bottom: 0px; position: absolute; content: "";
}
.service-after-ul li:last-child {
	padding-right: 40px;
}
.service-after-ul li:last-child::before {
	display: none;
}
.service-after-ul li span {
	color: rgb(0, 0, 0); line-height: 40px; font-family: "brant-r"; font-size: 40px; margin-right: 5px; display: inline-block;
}
.service-after-img {
	width: 100%; margin-top: 40px;
}
.service-after-img img {
	max-width: 100%;
}
@media all and (max-width:1459px)
{
.service-after-ul li {
	padding-right: 100px;
}
.service-after-ul li::before {
	width: 70px;
}
}
@media all and (max-width:991px)
{
.service-after-ul {
	padding: 20px 0px;
}
.service-after-ul li {
	padding: 5px 0px; width: 50%; text-align: center;
}
.service-after-ul li:last-child {
	padding: 5px 0px; width: 50%; text-align: center;
}
.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 all and (max-width:767px)
{
.service-after {
	padding: 40px 0px;
}
.service-after-p {
	font-size: 15px;
}
.service-after-ul {
	margin: 20px 0px;
}
.service-after-ul li span {
	margin: 0px; font-size: 26px; display: block;
}
.service-after-ul li {
	padding: 5px; font-size: 16px;
}
.service-after-ul li:last-child {
	padding: 5px; font-size: 16px;
}
.service-after-title {
	line-height: 32px; font-size: 19px; margin-bottom: 5px;
}
.service-after-p {
	text-align: justify;
}
.service-after-img {
	margin-top: 20px;
}
}
.college {
	
}
.college-one {
	padding: 75px 0px 80px;
}
.college-title {
	text-align: center; color: rgb(51, 51, 51); line-height: 48px; font-size: 40px; font-weight: bold;
}
.college-one .college-title {
	text-align: left;
}
.college-two .college-title {
	text-align: left;
}
.college-one-p {
	color: rgb(51, 51, 51); line-height: 32px; font-size: 20px; margin-top: 30px;
}
.college-two {
	
}
.college-two-top {
	
}
.college-two .college-title {
	float: left;
}
.college-two-topmenu {
	float: right;
}
.college-two-topmenu a {
	color: rgb(51, 51, 51); line-height: 48px; padding-left: 30px; font-size: 20px; margin-left: 60px; display: inline-block;
}
.college-two-topmenu a:first-child {
	margin-left: 0px;
}
.college-two-topmenu a.on {
	color: rgb(24, 47, 142); font-weight: bold; border-bottom-color: rgb(24, 47, 142); border-bottom-width: 2px; border-bottom-style: solid;
}
.college-two-bottom {
	margin-top: 50px;
}
.college-two-bottom1 {
	position: relative;
}
.college-two-bottom1.on {
	display: block;
}
.college2-menu {
	left: 0px; width: 100%; bottom: 38px; position: absolute; z-index: 5;
}
.college2-menu ul {
	width: 100%; position: relative;
}
.college2-menu ul::after {
	border: 1px dashed rgba(255, 255, 255, 0.24); border-image: none; left: 0px; top: 2px; width: 100%; height: 1px; position: absolute; content: "";
}
.college2-menu li {
	width: 14.28%; text-align: center; float: left;
}
.college2-menu li a {
	display: block;
}
.college2-menu li h4 {
	color: rgb(255, 255, 255); line-height: 48px; font-size: 20px;
}
.college-dot {
	background: rgb(255, 255, 255); margin: 0px auto; border-radius: 50%; width: 6px; height: 6px; font-style: normal; display: block; position: relative;
}
.college-dot::before {
	border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.25); border-image: none; left: -7px; top: -7px; width: 20px; height: 20px; position: absolute; content: "";
}
.college2-menu li.on .college-dot {
	width: 10px; height: 10px; margin-top: -2px;
}
.college2-menu li.on .college-dot::before {
	left: -8px; top: -8px; width: 26px; height: 26px;
}
.college2-con1 {
	display: none; position: relative;
}
.college2-con1.on {
	display: block;
}
.college2-con1 a {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.college2-img {
	width: 100%;
}
.college2-text {
	height: 100%; position: relative;
}
.college2-ms {
	background: url("../imgs/college2-ba1_03.png") no-repeat center / cover; padding: 45px 35px; left: 0px; top: 34%; width: 54.78%; position: absolute;
}
.college2-ms h3 {
	color: rgb(255, 255, 255); line-height: 36px; font-size: 26px; margin-bottom: 15px;
}
.college2-ms p {
	color: rgb(255, 255, 255); line-height: 26px; font-size: 16px;
}
.college2-ms span {
	color: rgb(255, 255, 255); line-height: 48px; font-size: 16px; margin-top: 30px; display: block;
}
.college2-dot {
	text-align: center; position: absolute;
}
.college2-dot span {
	background: rgba(255, 255, 255, 0.84); border-radius: 50%; width: 36px; height: 36px; text-align: center; color: rgb(102, 102, 102); line-height: 36px; font-size: 16px; display: inline-block;
}
.college2-dot-text {
	background: rgba(255, 255, 255, 0.8); padding: 25px 25px 15px; border-radius: 5px; transition:0.5s; text-align: center; margin-top: 15px; position: relative; opacity: 0;
}
.college2-dot-text::before {
	background: url("../imgs/college2-bef_03.png") no-repeat center; left: 46%; top: -7px; width: 15px; height: 7px; position: absolute; content: "";
}
.college2-dot-text img {
	display: inline-block;
}
.college2-dot-text h5 {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 16px;
}
.college2-dot:hover .college2-dot-text {
	opacity: 1;
}
.college2-dot1 {
	
}
.college2-dot2 {
	
}
.college2-dot3 {
	
}
.college2-pxs {
	background: url("../imgs/college-pxs_03.png") no-repeat left;
}
.college2-hys {
	background: url("../imgs/college-hys_03.png") no-repeat left;
}
.college-twoapp {
	display: none;
}
.college-three {
	background: rgb(246, 246, 246); padding: 80px 0px;
}
.college3-swiper {
	padding-bottom: 50px; margin-top: 60px; position: relative;
}
.college3-swiper a {
	background: rgb(255, 255, 255); display: block;
}
.college3-img {
	position: relative;
}
.college3-img::before {
	background: url("../imgs/college-bf.png") no-repeat center rgba(0, 0, 0, 0.6); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.college3-zbo {
	background: rgba(0, 0, 0, 0.45); padding: 0px 15px; border-radius: 0px 0px 15px 15px; height: 28px; color: rgb(255, 255, 255); line-height: 28px; font-size: 16px; position: absolute;
}
.college3-swiper a.on .college3-zbo {
	background-color: rgb(17, 41, 139);
}
.college3-img img {
	width: 100%;
}
.college3-zbo {
	
}
.college3-text {
	padding: 11px 25px; color: rgb(51, 51, 51); line-height: 48px; overflow: hidden; font-size: 18px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college3-swiper .swiper-pagination {
	width: 100%; text-align: center; bottom: 0px;
}
.college3-swiper .swiper-pagination-bullet {
	background: rgb(210, 210, 210); margin: 0px 5px; width: 10px; height: 10px; opacity: 1;
}
.college3-swiper .swiper-pagination-bullet-active {
	background-color: rgb(17, 41, 139);
}
.college-four {
	padding-top: 80px;
}
.college-four-con {
	margin-top: 60px;
}
.college4-left {
	width: 48.57%; float: left;
}
.college4-left a {
	background: rgb(247, 247, 247); display: block;
}
.college4-left-img {
	overflow: hidden;
}
.college4-left-img img {
	transition:0.5s; width: 100%;
}
.college4-left:hover .college4-left-img img {
	transform: scale(1.04);
}
.college4-left-text {
	padding: 30px 20px;
}
.college4-left-text span {
	width: 14.5%; color: rgb(136, 136, 136); line-height: 48px; padding-right: 20px; font-family: "Arial"; font-size: 28px; margin-top: 15px; border-right-color: rgb(222, 222, 222); border-right-width: 1px; border-right-style: solid; float: left; display: inline-block;
}
.college4-left-title {
	width: 82.6%; float: right;
}
.college4-left-title h3 {
	transition:0.5s; color: rgb(51, 51, 51); line-height: 40px; overflow: hidden; font-size: 20px; font-weight: bold; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college4-left:hover .college4-left-title h3 {
	color: rgb(17, 41, 139);
}
.college4-left-title p {
	color: rgb(85, 85, 85); line-height: 30px; overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college4-right {
	width: 45.35%; float: right;
}
.college4-right ul {
	
}
.college4-right li {
	padding: 39px 0px 40px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
.college4-right li:first-child {
	padding-top: 0px;
}
.college4-right li a {
	display: block;
}
.college4-right li h5 {
	color: rgb(136, 136, 136); line-height: 28px; font-size: 14px; margin-bottom: 18px;
}
.college4-right li h5 span {
	font-family: "Arial"; display: inline-block;
}
.college4-right li h4 {
	transition:0.5s; left: 48px; color: rgb(51, 51, 51); overflow: hidden; font-size: 20px; margin-bottom: 5px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college4-right li:hover h4 {
	color: rgb(17, 41, 139);
}
.college4-right li p {
	color: rgb(136, 136, 136); line-height: 30px; overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college-five {
	padding: 80px 0px;
}
.college5-swiper {
	padding-bottom: 50px; margin-top: 50px; position: relative;
}
.college5-swiper .swiper-pagination {
	width: 100%; text-align: center; bottom: 0px;
}
.college5-swiper .swiper-pagination-bullet {
	background: rgb(210, 210, 210); margin: 0px 5px; width: 10px; height: 10px; opacity: 1;
}
.college5-swiper .swiper-pagination-bullet-active {
	background-color: rgb(17, 41, 139);
}
.college5-slide {
	
}
.college5-img {
	overflow: hidden;
}
.college5-img img {
	transition:0.5s; width: 100%;
}
.college5-slide:hover .college5-img img {
	transform: scale(1.04);
}
.college5-text {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(235, 235, 235) rgb(235, 235, 235); padding: 20px; border-image: none; text-align: center;
}
.college5-text h3 {
	transition:0.5s; color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 20px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college5-slide:hover .college5-text h3 {
	color: rgb(17, 41, 139);
}
.college5-text p {
	color: rgb(136, 136, 136); line-height: 30px; overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college-six {
	padding-bottom: 80px;
}
.college6-con {
	
}
.college6-con ul {
	margin: 50px -12px 0px;
}
.college6-con li {
	padding: 0px 12px; width: 33.33%; margin-top: 20px; float: left;
}
.college6-con li a {
	background: rgb(247, 247, 247); padding: 30px 25px; display: block;
}
.college6-con li h3 {
	color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; padding-bottom: 10px; font-size: 20px; margin-bottom: 10px; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis;
}
.college6-con li h3::before {
	background: rgb(17, 41, 139); left: 0px; width: 25px; height: 2px; bottom: 0px; position: absolute; content: "";
}
.college6-con li h5 {
	color: rgb(119, 119, 119); line-height: 24px; font-size: 14px;
}
.college6-con li h5 span {
	font-family: "Arial"; display: inline-block;
}
.college-download {
	background: url("../imgs/college6-xiazai.png") no-repeat right 24px center; padding: 10px 56px 10px 18px; border: 1px solid rgb(204, 204, 204); transition:0.5s; border-image: none; color: rgb(102, 102, 102); line-height: 24px; font-size: 16px; margin-top: 20px; display: inline-block;
}
.college6-con li:hover .college-download {
	border-color: rgb(17, 41, 139); color: rgb(255, 255, 255); background-image: url("../imgs/college6-xiazai1.png"); background-color: rgb(17, 41, 139);
}
.college6-con li:hover h3 {
	color: rgb(17, 41, 139);
}
.msg-box-bg {
	background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 10001;
}
.msg-box {
	padding: 50px; left: 50%; top: 0px; width: 860px; height: 524px; margin-top: -262px; margin-left: -430px; position: absolute; box-shadow: 0px 5px 15px rgba(0,0,0,0.3); background-color: rgb(243, 243, 243);
}
.msg-box .close-box {
	transition:0.5s; top: 10px; width: 38px; height: 38px; right: 10px; color: rgb(102, 102, 102); font-size: 30px; position: absolute; cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s;
}
.msg-box .close-box:hover {
	transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);
}
@media all and (max-width:1459px)
{
.college4-left-text span {
	width: 17.5%;
}
.college4-left-title {
	width: 79.6%;
}
.college4-right li {
	padding: 27px 0px;
}
}
@media all and (max-width:1259px)
{
.msg-box {
	padding: 30px; width: 800px; height: 465px;
}
.msg-box .close-box {
	top: 5px; width: 24px; height: 24px; right: 5px; font-size: 24px;
}
.college4-left-text span {
	width: 23.5%;
}
.college4-left-title {
	width: 72.6%;
}
.college4-right li {
	padding: 15px 0px;
}
.college3-img::before {
	background-size: 45px 45px;
}
}
@media all and (max-width:991px)
{
.msg-box {
	left: 63%; width: 600px; height: 365px;
}
.college4-left {
	width: 100%; float: none;
}
.college4-right {
	width: 100%; margin-top: 30px; float: none;
}
.college4-left-text span {
	width: 15.5%;
}
.college4-left-title {
	width: 80.6%;
}
}
@media all and (max-width:767px)
{
.msg-box {
	left: 72%; width: 80%;
}
.college-title {
	line-height: 40px; font-size: 26px;
}
.college-one {
	padding: 40px 0px;
}
.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 0px;
}
.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 0px;
}
.college5-swiper {
	margin-top: 40px;
}
.college6-con ul {
	margin: 20px -6px 0px;
}
.college6-con li h3 {
	font-size: 18px;
}
.college6-con li {
	padding: 0px 6px; width: 50%; margin-top: 10px;
}
.college-download {
	background: url("../imgs/college6-xiazai.png") no-repeat right 16px center; padding: 6px 50px 6px 18px; font-size: 14px;
}
.college-six {
	padding-bottom: 40px;
}
.college4-left-text span {
	width: 22.5%; line-height: 30px; font-size: 20px;
}
.college4-left-title {
	width: 72.6%;
}
.college4-left-text {
	padding: 20px;
}
}
@media all and (max-width:640px)
{
.msg-box {
	left: 114%;
}
}
@media all and (max-width:375px)
{
.msg-box {
	left: 124%;
}
}
@media all and (max-width:360px)
{
.msg-box {
	left: 129%;
}
}
@media all and (max-width:320px)
{
.msg-box {
	left: 144%; height: 300px;
}
}
.about {
	
}
.about-banner-slogan {
	color: rgb(255, 255, 255); line-height: 48px; font-size: 32px; font-weight: bold;
}
.about-banner-slogan span {
	font-family: "Arial"; font-size: 42px; display: inline-block;
}
.about-title {
	text-align: center; color: rgb(17, 17, 17); line-height: 48px; font-size: 40px; font-weight: bold;
}
.about-dec {
	text-align: center; color: rgb(85, 85, 85); line-height: 48px; font-size: 18px;
}
.about-one {
	padding: 60px 0px 80px;
}
.about-one .about-title {
	text-align: left;
}
.about-one-top {
	
}
.about-one-top ul {
	padding-bottom: 45px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.about-one-top li {
	width: 20%; text-align: center; float: left;
}
.about-one-top li h3 {
	left: 30px; color: rgb(102, 102, 102); font-size: 16px;
}
.about-one-top li h3 span {
	color: rgb(0, 0, 0); font-family: "din-l"; font-size: 58px; display: inline-block;
}
.about-one-top li h3 span.timer {
	font-size: 76px;
}
.about-one-top li p {
	color: rgb(136, 136, 136); line-height: 30px; font-size: 18px;
}
.about-one-top li h4 {
	color: rgb(0, 0, 0); line-height: 83px; font-size: 40px; font-weight: bold;
}
.about-one-bottom {
	margin-top: 80px; position: relative;
}
.about1-bot-img {
	top: 0px; width: 48.35%; right: 0px; float: right;
}
.about1-bot-img img {
	width: 100%;
}
.about-one-text {
	width: 45.71%; padding-top: 50px; float: left;
}
.about1-hr {
	background: rgb(24, 47, 142); margin: 45px 0px 40px; width: 80px; height: 2px;
}
.about1-p {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 16px; max-height: 390px;
}
.about1-p p {
	margin-bottom: 30px;
}
.about1-p p:last-child {
	margin-bottom: 0px;
}
.about-two {
	background: rgb(245, 245, 245); padding-top: 75px;
}
.about2-con {
	margin-top: 40px;
}
.about2-con ul {
	
}
.about2-con li {
	width: 25%; overflow: hidden; float: left; position: relative;
}
.about2-con li::before {
	background: rgba(0, 0, 0, 0.4); transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.about2-con li::after {
	background: rgba(24, 47, 142, 0.8); transition:0.5s; left: 0%; top: 0px; width: 0px; height: 100%; position: absolute; content: "";
}
.about2-con li:hover::after {
	width: 100%;
}
.about2-con li img {
	width: 100%;
}
.about2-li {
	padding: 0px 68px; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; position: absolute; z-index: 3;
}
.about2-icon {
	margin: 0px auto; width: 96px; height: 91px;
}
.about2-icon img {
	width: 100%; height: 100%;
}
.about2-tit {
	left: 48px; color: rgb(255, 255, 255); font-size: 30px; font-weight: bold; margin-top: 30px; margin-bottom: 20px;
}
.about2-p {
	color: rgb(255, 255, 255); line-height: 28px; font-size: 16px;
}
.about-three {
	padding: 80px 0px;
}
.about-three .about-title {
	text-align: left;
}
.about3-left {
	width: 50%; float: left;
}
.about3-left img {
	transition:0.5s; width: 100%;
}
.about3-img1:hover img {
	transform: scale(1.04);
}
.about3-img1 {
	overflow: hidden; display: none;
}
.about3-img1.on {
	display: block;
}
.about-three > div {
	position: relative;
}
.about3-right {
	top: 0px; width: 46.07%; height: 100%; right: 0px; position: absolute;
}
.about3-right1 {
	left: 0px; top: 0px; width: 100%; height: 100%;
}
.about3-slogan {
	color: rgb(51, 51, 51); line-height: 34px; font-size: 18px; font-weight: bold; margin-top: 35px;
}
.about3-p {
	color: rgb(102, 102, 102); line-height: 34px; font-size: 18px;
}
.about3-menu {
	margin-top: 160px;
}
.about3-menu ul {
	border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.about3-menu li {
	width: 20%; float: left;
}
.about3-menu li a {
	color: rgb(51, 51, 51); line-height: 48px; font-size: 24px; display: inline-block;
}
.about3-menu li.on a {
	color: rgb(24, 47, 142); border-bottom-color: rgb(24, 47, 142); border-bottom-width: 2px; border-bottom-style: solid;
}
.about-four {
	padding: 221px 0px; background-size: cover;
}
.about-four .about-title {
	color: rgb(255, 255, 255); letter-spacing: 8px;
}
.about-fiv {
	background: rgb(246, 246, 246); padding: 80px 0px;
}
.about-fiv .about-title {
	text-align: left;
}
.about5-top {
	margin: 30px -15px 0px;
}
.about5-top li {
	padding: 0px 15px; transition:0.5s; width: 33.33%; float: left;
}
.about5-top li:first-child {
	margin-top: 30px;
}
.about5-top li:last-child {
	margin-top: 50px;
}
.about5-top li > div {
	transition:1s; position: relative; perspective: 1000px;
}
.about5-top-text {
	padding: 90px 28px; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.about5-top img {
	width: 100%;
}
.about5-top-text span {
	color: rgb(24, 47, 142); line-height: 40px; font-size: 20px; display: block;
}
.about5-top-text h3 {
	color: rgb(17, 17, 17); line-height: 40px; font-size: 30px; margin-bottom: 25px;
}
.about5-top-text p {
	color: rgb(102, 102, 102); line-height: 28px; font-size: 16px;
}
.about5-top li:nth-child(2) .about5-top-text span {
	color: rgb(255, 255, 255);
}
.about5-top li:nth-child(2) .about5-top-text h3 {
	color: rgb(255, 255, 255);
}
.about5-hide .about5-top-text h3 {
	color: rgb(255, 255, 255);
}
.about5-hide .about5-top-text p {
	color: rgb(255, 255, 255);
}
.about5-hide .about5-top-text span {
	color: rgb(255, 255, 255);
}
.about5-block {
	transition:0.5s ease-in-out; transform: rotateY(0deg);
}
.about5-hide {
	transition:0.5s ease-in-out; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0; transform: rotateY(90deg);
}
.about5-top li:hover .about5-block {
	transform: rotateY(-90deg);
}
.about5-top li:hover .about5-hide {
	opacity: 1; transform: rotateY(0deg);
}
.about5-bot {
	margin-top: 80px;
}
.about5-bot li {
	background: rgb(255, 255, 255); margin-top: 20px; position: relative;
}
.about5-img {
	width: 50%; overflow: hidden; float: left;
}
.about5-img img {
	transition:0.5s; width: 100%;
}
.about5-bot li:hover .about5-img img {
	transform: scale(1.04);
}
.about5-text {
	top: 0px; width: 50%; height: 100%; right: 0px; position: absolute;
}
.about5-text > div {
	padding: 0px 80px; width: 100%; height: 100%; position: relative;
}
.about5-text > div::before {
	background: rgb(24, 47, 142); transition:0.8s; left: 0px; width: 0px; height: 10px; bottom: 0px; position: absolute; content: "";
}
.about5-bot li:hover .about5-text > div::before {
	width: 100%;
}
.about5-bot li.on .about5-text > div::before {
	width: 100%;
}
.about5-text span {
	color: rgb(24, 47, 142); line-height: 48px; font-size: 24px; display: block;
}
.about5-text h3 {
	color: rgb(17, 17, 17); line-height: 48px; font-size: 36px; margin-bottom: 35px;
}
.about5-text p {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 16px;
}
.about5-bot li:first-child .about5-img {
	float: right;
}
.about5-bot li:first-child .about5-text {
	left: 0px; right: auto;
}
.about5-bot li:hover .about5-text h3 {
	color: rgb(24, 47, 142);
}
.about-six {
	padding: 80px 0px;
}
.about6-swiper {
	margin-top: 50px;
}
.about6-swiper li {
	margin: 0px 10px; padding: 10px 0px; text-align: center; float: left; _display: inline;
}
.about6-swiper li .sef-pic {
	width: 200px; text-align: center; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
}
.about6-swiper li .sef-pic img {
	transition:0.5s; width: 100%; display: block;
}
.about6-swiper li:hover .sef-pic img {
	transform: scale(1.05);
}
.about-seven {
	background: rgb(250, 250, 250); padding: 100px 0px 80px;
}
.about7-top {
	
}
.about7-top .about-title {
	text-align: left; float: left;
}
.about7-menu {
	float: right;
}
.about7-menu a {
	margin: 0px 10px; padding: 0px 20px; border: 1px solid rgb(219, 219, 219); border-image: none; color: rgb(51, 51, 51); line-height: 48px; font-size: 20px; display: inline-block;
}
.about7-menu a.on {
	background: rgb(17, 41, 139); border-color: rgb(17, 41, 139); color: rgb(255, 255, 255);
}
.about7-menu a:last-child {
	margin-right: 0px;
}
.about7-swiper {
	margin-top: 80px;
}
.about7-swiper1 {
	position: relative;
}
.about7-img {
	display: block; position: relative;
}
.about7-img::before {
	background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.about7-img img {
	width: 100%;
}
.about7-text {
	text-align: center; color: rgb(17, 41, 139); line-height: 30px; font-size: 16px; font-weight: bold; margin-top: 20px; display: none;
}
.about7-swiper1 .swiper-slide-active .about7-text {
	display: block;
}
.about7-swiper1 .swiper-button-prev {
	background: url("../imgs/about7-left.png") no-repeat center; transition:0.5s; top: 37%; opacity: 1;
}
.about7-swiper1 .swiper-button-next {
	background: url("../imgs/about7-left.png") no-repeat center; transition:0.5s; top: 37%; opacity: 1;
}
.about7-swiper1 .swiper-button-prev:hover {
	background-image: url("../imgs/about7-left1.png");
}
.about7-swiper1 .swiper-button-next:hover {
	background-image: url("../imgs/about7-left1.png");
}
.about7-swiper1 .swiper-button-next {
	right: -30px; transform: rotate(180deg);
}
.about7-swiper1 .swiper-button-prev {
	left: -30px;
}
.about7-swiper1 .swiper-pagination {
	width: 100%; text-align: center; display: none;
}
.about7-swiper1.on {
	display: block;
}
.about-eight {
	padding: 80px 0px;
}
.about-video {
	overflow: hidden; margin-top: 40px; position: relative;
}
.about-video::before {
	background: url("../imgs/college-bf.png") no-repeat center rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; z-index: 3; content: "";
}
.about-video img {
	width: 100%; display: block; position: relative; z-index: 2; opacity: 1;
}
.about-video video {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
@media all and (max-width:1679px)
{
.about1-p {
	max-height: 350px;
}
}
@media all and (max-width:1459px)
{
.about1-p {
	max-height: 265px;
}
}
@media all and (max-width:1259px)
{
.about-title {
	font-size: 36px;
}
.about-one-text {
	padding-top: 0px;
}
.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 0px;
}
.about5-top-text h3 {
	font-size: 24px;
}
.about5-top-text {
	padding: 50px 28px;
}
.about5-text h3 {
	font-size: 28px;
}
.about2-li {
	padding: 0px 30px;
}
.about1-p {
	max-height: 235px;
}
.about-one-top li h3 span.timer {
	font-size: 60px;
}
.about-one-top li h4 {
	line-height: 66px; font-size: 34px;
}
}
@media all and (max-width:991px)
{
.about-one-top li h3 span.timer {
	font-size: 40px;
}
.about-one-top li h3 span {
	font-size: 40px;
}
.about-one-top li p {
	font-size: 16px;
}
.about-one-top li h4 {
	line-height: 44px; font-size: 30px;
}
.about-one-top ul {
	padding-bottom: 30px;
}
.about1-bot-img {
	width: 100%; float: none;
}
.about-one-text {
	width: 100%; margin-top: 30px; float: none;
}
.about1-p {
	max-height: none;
}
.about1-hr {
	margin: 25px 0px;
}
.about2-con li {
	width: 50%;
}
.about3-left {
	width: 100%; float: none;
}
.about3-right {
	width: 100%; margin-top: 30px; position: static;
}
.about-four {
	padding: 120px 0px;
}
.about5-top li {
	width: 50%;
}
.about5-top li:first-child {
	margin-top: 0px;
}
.about5-top li:last-child {
	margin-top: 20px; transform: translateX(50%);
}
.about5-img {
	width: 100%; float: none;
}
.about5-bot li:first-child .about5-img {
	width: 100%; float: none;
}
.about5-text {
	width: 100%; position: static;
}
.about5-text > div {
	padding: 0px 80px; width: 100%; height: 100%; position: relative;
}
.about5-text {
	width: 100%; position: static;
}
.about5-text > div {
	padding: 40px;
}
.about-one-top li {
	width: 33.33%; margin-bottom: 20px;
}
.about-one-top li:nth-child(4) {
	transform: translateX(50%);
}
.about-one-top li:nth-child(5) {
	transform: translateX(50%);
}
}
@media all and (max-width:767px)
{
.about-one {
	padding: 40px 0px;
}
.about6-swiper li .sef-pic {
	width: 100px;
}
.about-one-top li h4 {
	line-height: 34px; font-size: 18px;
}
.about-one-top li {
	width: 50%;
}
.about-one-top li:nth-child(4) {
	transform: none;
}
.about-one-top li h3 span.timer {
	font-size: 30px;
}
.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: 0px;
}
.about-one-top li p {
	font-size: 15px;
}
.about-one-bottom {
	margin-top: 40px;
}
.about-title {
	line-height: 34px; font-size: 24px;
}
.about1-hr {
	margin: 15px 0px;
}
.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 {
	text-align: justify; line-height: 30px; font-size: 16px;
}
.about3-slogan {
	margin-top: 10px;
}
.about3-menu li a {
	line-height: 34px; font-size: 17px;
}
.about-three {
	padding: 40px 0px;
}
.about-fiv {
	padding: 40px 0px;
}
.about-six {
	padding: 40px 0px;
}
.about-seven {
	padding: 40px 0px;
}
.about-eight {
	padding: 40px 0px;
}
.about5-top li {
	width: 100%; margin-top: 20px; float: none;
}
.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 0px;
}
.about5-bot {
	margin-top: 40px;
}
.about5-text h3 {
	line-height: 34px; font-size: 20px; margin-bottom: 15px;
}
.about5-text span {
	line-height: 30px; font-size: 18px;
}
.about7-menu {
	width: 100%; float: none;
}
.about7-top .about-title {
	width: 100%; float: none;
}
.about7-menu {
	margin: 20px 0px;
}
.about7-menu a {
	padding: 2px 10px; line-height: 34px; font-size: 15px;
}
.about7-swiper {
	padding: 0px 30px; margin-top: 20px;
}
.about7-swiper1 .swiper-button-prev {
	top: 40% !important; width: 16px !important; height: 30px !important; background-size: 16px 30px !important;
}
.about7-swiper1 .swiper-button-next {
	top: 40% !important; width: 16px !important; height: 30px !important; background-size: 16px 30px !important;
}
.about7-text {
	line-height: 30px; margin-top: 15px;
}
.about-video::before {
	background-size: 45px 45px;
}
}
@media all and (max-width:320px)
{
.about-one-top li p {
	height: 60px;
}
}
.solutioninfo {
	
}
.solution-more {
	background: rgb(17, 41, 139); margin: 20px auto 0px; padding: 10px 0px; transition:0.5s; width: 208px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 16px; display: block; position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;
}
.solution-more i {
	margin-left: 15px;
}
.solution-more span {
	background: rgb(17, 41, 139); padding: 10px 0px; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 30px; font-size: 16px; display: block; position: absolute;
}
.solution-more span:first-child {
	transform: translate3d(0px, 0px, 30px); -webkit-transform: translate3d(0, 0, 30px);
}
.solution-more span:last-child {
	transform: rotateX(90deg) translate3d(0px, 0px, 30px); -webkit-transform: rotateX(90deg) translate3d(0, 0, 30px);
}
.solution-more.solutionban-more {
	margin: 20px 0px 0px;
}
.solutioninfo-title {
	text-align: center; color: rgb(17, 17, 17); line-height: 48px; font-size: 40px; font-weight: bold;
}
.solutioninfo-dec {
	text-align: center; color: rgb(51, 51, 51); line-height: 32px; font-size: 18px; margin-top: 5px;
}
.solutioninfo-one {
	background: rgb(247, 247, 247); padding: 80px 0px;
}
.solutioninfo-one .solutioninfo-title {
	color: rgb(51, 51, 51); font-weight: normal;
}
.solution-more:hover {
	transform: rotateX(-90deg);
}
.solutioninfo-one-con {
	margin-top: 80px; position: relative;
}
.solutioninfo1-li {
	position: absolute;
}
.solutioninfo1-li1 {
	left: 208px; top: 0px;
}
.solutioninfo1-li2 {
	top: 10px; right: 230px;
}
.solutioninfo1-li3 {
	left: 382px; top: 124px;
}
.solutioninfo1-li4 {
	margin-top: 260px; margin-left: 80px; float: left; position: static;
}
.solutioninfo1-li5 {
	top: 255px; right: 210px;
}
.solutioninfo1-icon {
	width: 67px; height: 67px; float: left; display: inline-block;
}
.solutioninfo1-icon img {
	width: 100%;
}
.solutioninfo1-text {
	background: url("../imgs/solutioninfo1-bef_03.png") no-repeat 13px 10px; border-radius: 3px; padding-left: 22px; float: right;
}
.solutioninfo1-text h3 {
	background: rgb(255, 255, 255); padding: 18px 35px; border-radius: 3px; color: rgb(51, 51, 51); line-height: 30px; font-size: 20px;
}
.solutioninfo-one .solution-more {
	margin-top: 60px;
}
.solutioninfo-two {
	padding: 80px 0px;
}
.solutioninfo-two ul {
	
}
.soluinfo2-con {
	
}
.soluinfo2-ul {
	background: url("../imgs/soluinfo2-ba1_03.png") no-repeat center; width: 100%; height: 606px; margin-top: 80px; position: relative;
}
.soluinfo2-ul li {
	width: 16.66%; height: 312px; position: absolute;
}
.soluinfo2-icon {
	margin: 0px auto; transition:0.5s; width: 193px; height: 174px; position: relative;
}
.soluinfo2-icon span {
	top: 0px; right: -25px; color: rgba(17, 41, 139, 0.5); line-height: 60px; letter-spacing: 3px; font-family: "din-r"; font-size: 60px; display: block; position: absolute;
}
.soluinfo2-ul li:hover .soluinfo2-icon {
	transform: translateY(-10px);
}
.soluinfo2-icon img {
	width: 100%;
}
.soluinfo2-ul li > div {
	height: 100%; position: relative;
}
.soluinfo2-txt {
	width: 100%; text-align: center; margin-top: 20px;
}
.soluinfo2-txt h3 {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 22px;
}
.soluinfo2-txt p {
	color: rgb(102, 102, 102); line-height: 26px; font-size: 16px;
}
.soluinfo2-ul li.soluinfo2-bottom1 {
	left: 225px; top: 320px;
}
.soluinfo2-ul li.soluinfo2-bottom2 {
	left: 700px; top: 320px;
}
.soluinfo2-ul li.soluinfo2-top1 {
	position: static;
}
.soluinfo2-ul li.soluinfo2-top2 {
	left: 475px; top: 0px;
}
.soluinfo2-ul li.soluinfo2-top3 {
	top: 0px; right: 220px;
}
.soluinfo2-ul li.soluinfo2-bottom3 {
	top: 320px; right: 0px;
}
.solutioninfo-three {
	background: rgb(247, 247, 247); padding: 80px 0px;
}
.solutioninfo-three ul {
	
}
.solutioninfo-three li {
	width: 20%; margin-top: 70px; float: left; position: relative;
}
.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; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;
}
.soluinfo3-icon img {
	transition:0.5s; width: 100%;
}
.solutioninfo-three li:hover .soluinfo3-icon {
	transform-origin: center top; animation-name: swing; -webkit-transform-origin: top center; -webkit-animation-name: swing;
}
.soluinfo3-tit {
	color: rgb(51, 51, 51); line-height: 32px; font-size: 18px; margin-top: 60px;
}
.soluinfo2-bef {
	left: 20px; bottom: 45px; position: absolute;
}
.solutioninfo-three li.soluinfo3-zw .soluinfo2-bef {
	top: 112px; bottom: auto;
}
.soluinfo2-bef img {
	
}
.solutioninfo-three .solution-more {
	margin-top: 30px;
}
.solutioninfo-four {
	padding: 80px 0px 70px;
}
.soluinfo4-con {
	margin-top: 40px; position: relative;
}
.soluinfo4-menu {
	top: 0px; width: 12.72%; height: 100%; right: 0px; position: absolute;
}
.soluinfo4-menu a {
	background: rgba(17, 41, 139, 0.8); padding: 41px; transition:0.5s; width: 100%; height: 25%; text-align: center; color: rgba(255, 255, 255, 0.5); line-height: 48px; font-size: 24px; border-bottom-color: rgba(255, 255, 255, 0.3); border-bottom-width: 1px; border-bottom-style: solid; float: right; display: block;
}
.soluinfo4-menu a:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.soluinfo4-menu a.on {
	width: 116.8%; color: rgb(255, 255, 255); padding-right: 40px; padding-left: 69px;
}
.soluinfo4-img {
	
}
.soluinfo4-img1 {
	display: none;
}
.soluinfo4-img1.on {
	display: block;
}
.soluinfo4-img1 img {
	width: 100%;
}
.solutioninfo-four .solution-more {
	margin-top: 40px;
}
.solutioninfo-fiv .solution-more {
	margin-top: 40px;
}
.solutioninfo-fiv {
	background: rgb(246, 246, 246); padding: 80px 0px;
}
.soluinfo5-con {
	margin-top: 40px;
}
.soluinfo5-swiper {
	position: relative;
}
.soluinfo5-swiper .swiper-pagination {
	left: 0px; width: 100%; text-align: center; margin-top: 30px; display: none;
}
.soluinfo5-swiper .swiper-pagination-bullet {
	margin: 0px 5px;
}
.soluinfo5-swiper .swiper-pagination-bullet-active {
	background-color: rgb(17, 41, 139);
}
.soluinfo5-swiper .swiper-button-prev {
	background: url("../imgs/about7-left.png") no-repeat center; transition:0.5s; width: 20px; height: 38px; opacity: 1;
}
.soluinfo5-swiper .swiper-button-next {
	background: url("../imgs/about7-left.png") no-repeat center; transition:0.5s; width: 20px; height: 38px; opacity: 1;
}
.soluinfo5-swiper .swiper-button-next {
	right: -80px; transform: rotate(180deg);
}
.soluinfo5-swiper .swiper-button-prev {
	left: -80px;
}
.soluinfo5-swiper .swiper-button-prev:hover {
	background-image: url("../imgs/about7-left1.png");
}
.soluinfo5-swiper .swiper-button-next:hover {
	background-image: url("../imgs/about7-left1.png");
}
.soluinfo5-silde {
	display: block; position: relative;
}
.soluinfo5-img {
	overflow: hidden;
}
.soluinfo5-img img {
	transition:0.5s; width: 100%;
}
.soluinfo5-silde:hover .soluinfo5-img img {
	transform: scale(1.04);
}
.soluinfo5-text {
	padding: 0px 10px 10px; left: 0px; width: 100%; text-align: center; bottom: 0px; color: rgb(68, 68, 68); line-height: 48px; overflow: hidden; font-size: 20px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.solutioninfo-six {
	padding: 80px 0px;
}
.soluinfo6-con {
	margin-top: 40px;
}
.soluinfo6-con ul {
	width: 100%; overflow: hidden; position: relative;
}
.soluinfo6-con li {
	transition:0.5s; width: 14.06%; height: 548px; float: left; position: relative;
}
.soluinfo6-con li:last-child {
	border: currentColor; border-image: 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 {
	padding: 0px 40px; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; position: absolute;
}
.soluinfo6-txt > div {
	width: 100%; height: 100%;
}
.soluinfo6-txt span {
	color: rgba(255, 255, 255, 0.1); font-family: "brant-m"; font-size: 100px; margin-bottom: -60px; margin-left: 32px; display: block;
}
.soluinfo6-txt h3 {
	color: rgb(255, 255, 255); line-height: 48px; font-size: 24px; font-weight: bold; margin-bottom: 10px;
}
.soluinfo6-txt p {
	color: rgb(255, 255, 255); line-height: 28px; font-size: 18px;
}
.soluinfo6-con li.on .soluinfo6-txt {
	padding: 0px 125px; text-align: left;
}
.soluinfo6-appcon {
	margin-top: 40px; display: none; position: relative;
}
.soluinfo6-li {
	width: 100%; height: 100%; position: relative; background-repeat: no-repeat !important; background-size: cover !important;
}
.soluinfo6-appcon .swiper-pagination {
	width: 100%; margin-top: 30px;
}
.soluinfo6-appcon .swiper-pagination-bullet {
	margin: 0px 5px;
}
.solutioninfo-seven {
	padding: 80px 0px;
}
.soluinfo7-con {
	margin-top: 40px;
}
.soluinfo7-con ul {
	margin: 0px -24px;
}
.soluinfo7-con li {
	padding: 0px 24px; width: 33.33%; float: left;
}
.soluinfo7-con li a {
	display: block;
}
.soluinfo7-img {
	overflow: hidden;
}
.soluinfo7-img img {
	transition:0.5s; width: 100%;
}
.soluinfo7-con li:hover .soluinfo7-img img {
	transform: scale(1.04);
}
.soluinfo7-text {
	padding: 25px 0px 0px;
}
.soluinfo7-text h4 {
	color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 22px; margin-bottom: 5px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.soluinfo7-text p {
	color: rgb(102, 102, 102); line-height: 30px; overflow: hidden; font-size: 16px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.soluinfo7-con li:hover .soluinfo7-text h4 {
	color: rgb(17, 41, 139);
}
.solutioninfo-seven .solution-more {
	margin-top: 40px;
}
.solutioninfo-eight {
	background: rgb(245, 245, 245); padding: 80px 0px 60px; text-align: center;
}
.soluinfo8-con {
	
}
.soluinfo8-h1 {
	
}
.soluinfo8-h1 img {
	margin-top: -7px; margin-right: 5px; display: inline-block;
}
.soluinfo8-h1 span {
	color: rgb(0, 0, 0); font-size: 24px; display: inline-block;
}
.soluinfo8-h2 {
	color: rgb(0, 0, 0); font-size: 32px; margin-top: 20px;
}
.soluinfo8-h2 span {
	display: inline-block;
}
.soluinfo8-phone {
	color: rgb(17, 41, 139); padding-right: 105px; font-family: "brant-b"; font-size: 52px; margin-top: 0px; margin-right: 15px; margin-left: 25px; display: inline-block; position: relative;
}
.soluinfo8-phone::before {
	background: rgb(167, 167, 167); top: 50%; width: 80px; height: 2px; right: 0px; position: absolute; content: "";
}
@media all and (max-width:1680px)
{
.soluinfo5-swiper {
	padding: 0px 80px;
}
.soluinfo5-swiper .swiper-button-next {
	right: 0px;
}
.soluinfo5-swiper .swiper-button-prev {
	left: 0px;
}
}
@media all and (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 0px;
}
.soluinfo4-menu a {
	padding: 30px 20px;
}
.soluinfo6-txt {
	padding: 0px 20px;
}
.soluinfo6-con li.on .soluinfo6-txt {
	padding: 0px 100px;
}
.soluinfo6-txt span {
	font-size: 80px;
}
.soluinfo6-con li {
	height: 409px;
}
.soluinfo2-ul li.soluinfo2-bottom1 {
	left: 190px; top: 360px;
}
.soluinfo2-ul li.soluinfo2-top2 {
	left: 382px; top: -30px;
}
.soluinfo2-ul li.soluinfo2-bottom2 {
	left: 600px; top: 360px;
}
.soluinfo2-ul li.soluinfo2-top3 {
	top: -30px; right: 200px;
}
.soluinfo2-ul li.soluinfo2-bottom3 {
	top: 360px; right: 0px;
}
.soluinfo2-ul li {
	height: 328px;
}
.soluinfo2-ul {
	height: 656px; margin-top: 110px; background-size: 100% 150%;
}
.soluinfo2-ul li.soluinfo2-top1 {
	margin-top: -30px;
}
}
@media all and (max-width:1259px)
{
.solutioninfo1-li1 {
	left: 0px;
}
.solutioninfo1-li2 {
	right: 50px;
}
.solutioninfo1-li4 {
	margin-left: 30px;
}
.solutioninfo1-li5 {
	right: 0px;
}
.soluinfo4-menu a {
	line-height: 36px; font-size: 20px;
}
.soluinfo4-menu {
	width: 16.72%;
}
.soluinfo4-menu a {
	padding: 25px 0px;
}
.soluinfo7-con li {
	padding: 0px 10px;
}
.soluinfo7-con ul {
	margin: 0px -10px;
}
.soluinfo5-swiper {
	padding: 0px 50px;
}
.solutioninfo-three li.soluinfo3-zw .soluinfo2-bef {
	display: none;
}
.soluinfo8-h2 {
	font-size: 24px;
}
.soluinfo8-phone {
	padding-bottom: 10px; font-size: 40px;
}
.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: 0px 30px;
}
.soluinfo2-icon {
	width: 160px; height: 144px;
}
.soluinfo2-ul li.soluinfo2-top1 {
	margin-top: 0px;
}
.soluinfo2-ul li.soluinfo2-bottom1 {
	left: 150px; top: 348px;
}
.soluinfo2-ul li.soluinfo2-top2 {
	left: 312px; top: 0px;
}
.soluinfo2-ul li.soluinfo2-bottom2 {
	left: 470px; top: 348px;
}
.soluinfo2-ul li.soluinfo2-top3 {
	top: 0px; right: 156px;
}
.soluinfo2-ul li.soluinfo2-bottom3 {
	top: 348px; right: 0px;
}
.soluinfo2-ul {
	height: 656px; margin-top: 80px; background-size: 100% 100%;
}
}
@media all and (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 {
	top: 60px; right: 0px;
}
.solutioninfo1-li3 {
	left: 100px; top: 145px;
}
.solutioninfo1-li4 {
	margin-top: 350px;
}
.soluinfo4-menu {
	width: 100%; position: static;
}
.soluinfo4-menu a {
	width: 25%;
}
.soluinfo4-menu a.on {
	padding: 25px 0px; 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 {
	padding: 0px 10px; width: 33.33%; height: auto; margin-top: 30px; float: left; position: static;
}
.soluinfo2-ul li.soluinfo2-top1 {
	margin-top: 30px;
}
.soluinfo2-icon {
	width: 120px; height: 108px;
}
.soluinfo2-icon span {
	font-size: 48px;
}
}
@media all and (max-width:767px)
{
.soluinfo5-swiper .swiper-button-prev {
	display: none;
}
.soluinfo5-swiper .swiper-button-next {
	display: none;
}
.soluinfo5-swiper .swiper-pagination {
	margin-top: 20px; display: block;
}
.solutioninfo1-li2 {
	top: 70px;
}
.solutioninfo1-text h3 {
	padding: 10px 20px; font-size: 16px;
}
.solution-more {
	width: 160px; height: 40px;
}
.solution-more span {
	padding: 8px 0px; line-height: 26px; font-size: 15px;
}
.solutioninfo-title {
	line-height: 36px; font-size: 23px;
}
.solutioninfo-dec {
	font-size: 17px;
}
.solutioninfo-one {
	padding: 40px 0px;
}
.solutioninfo-three {
	padding: 40px 0px;
}
.solutioninfo-four {
	padding: 40px 0px;
}
.solutioninfo-fiv {
	padding: 40px 0px;
}
.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 {
	line-height: 32px; font-size: 17px;
}
.soluinfo5-swiper {
	padding: 0px 0px 40px;
}
.solutioninfo-four .solution-more {
	margin-top: 30px;
}
.solutioninfo-fiv .solution-more {
	margin-top: 30px;
}
.soluinfo4-menu a {
	padding: 15px 0px; font-size: 18px;
}
.soluinfo4-menu a.on {
	padding: 15px 0px; font-size: 18px;
}
.soluinfo6-appcon {
	margin-top: 30px;
}
.soluinfo7-con {
	margin-top: 30px;
}
.solutioninfo-six {
	padding: 40px 0px 80px;
}
.solutioninfo-seven {
	padding: 0px 0px 40px;
}
.soluinfo8-h1 span {
	font-size: 20px;
}
.soluinfo8-h2 {
	line-height: 36px; font-size: 22px;
}
.soluinfo8-phone {
	margin: 0px 15px; padding-right: 60px; padding-bottom: 0px; padding-left: 40px; font-size: 30px; background-size: 30px 30px;
}
.soluinfo8-phone::before {
	top: 50%; width: 50px;
}
.soluinfo6-txt h3 {
	line-height: 30px; font-size: 20px;
}
.solutioninfo-one .solution-more {
	margin-top: 20px;
}
.soluinfo7-text h4 {
	font-size: 18px; margin-bottom: 0px;
}
.solutioninfo-eight {
	padding: 60px 0px;
}
.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 0px;
}
.soluinfo6-txt span {
	margin: 0px; font-size: 46px;
}
}
@media all and (max-width:640px)
{
.soluinfo2-bef {
	display: none;
}
.soluinfo3-tit {
	text-align: center; margin-top: 10px;
}
.soluinfo3-icon {
	margin: 0px auto; width: 55px; height: 55px;
}
.solutioninfo-three li {
	width: 33.33%;
}
.solutioninfo-three li.soluinfo3-right {
	float: left;
}
.soluinfo4-menu a {
	line-height: 30px; font-size: 16px;
}
.soluinfo4-menu a.on {
	line-height: 30px; font-size: 16px;
}
.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 {
	margin-bottom: 20px; position: static;
}
.solutioninfo1-text {
	margin-left: 50px; float: none;
}
.solutioninfo1-li4 {
	margin-top: 0px; margin-left: 0px;
}
.soluinfo8-h1 img {
	margin-top: 0px;
}
.soluinfo8-h1 span {
	font-size: 18px; margin-top: 15px;
}
.soluinfo8-h2 {
	line-height: 32px; font-size: 19px; margin-top: 10px;
}
.soluinfo8-phone {
	padding-right: 55px; padding-left: 28px; font-size: 22px; background-size: 20px 20px;
}
.solutioninfo-eight {
	padding: 40px 0px;
}
.soluinfo2-ul li {
	width: 100%; float: none;
}
.solutioninfo-two ul {
	margin-top: 10px;
}
.soluinfo2-txt p {
	min-height: auto;
}
}
.proinfo {
	
}
.proinfo-one {
	background: rgb(245, 245, 245); padding: 65px 0px 80px;
}
.proinfo1-tit {
	text-align: center; color: rgb(17, 17, 17); line-height: 40px; font-size: 32px; font-weight: bold;
}
.proinfo1-tit span {
	font-family: "Arial"; display: inline-block;
}
.proinfo1-con {
	background: rgb(255, 255, 255); margin-top: 40px;
}
.proinfo1-left {
	padding: 65px 95px 40px 105px; width: 50%; border-right-color: rgb(234, 234, 234); border-right-width: 1px; border-right-style: solid; float: left;
}
.proinfo1-right {
	padding: 65px 70px; width: 50%; float: right;
}
.proinfo1-text {
	
}
.proinfo1-text > div {
	
}
.proinfo1-text h3 {
	color: rgb(51, 51, 51); line-height: 38px; font-size: 28px; margin-bottom: 20px;
}
.proinfo1-text p {
	height: 200px; color: rgb(102, 102, 102); line-height: 28px; font-size: 16px;
}
.proinfo1-text .solution-more {
	margin: 30px 0px 0px;
}
.jqzoom {
	background: white; margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden; display: block; position: relative; cursor: pointer;
}
.jqzoom img {
	width: 100%; height: 100%;
}
.zoomdiv {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 368px; height: 368px; text-align: center; overflow: hidden; display: none; position: absolute; z-index: 100;
}
.jqZoomPup {
	background: rgb(255, 255, 255); border: 1px solid rgb(170, 170, 170); border-image: none; left: 0px; top: 0px; visibility: hidden; position: absolute; z-index: 10; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;
}
.spec-preview {
	width: 100%;
}
.spec-scroll {
	width: 100%; margin-top: 10px; margin-right: -15px; position: relative;
}
.spec-scroll .prev {
	left: 0px; text-align: left;
}
.spec-scroll .next {
	text-align: right; right: 0px;
}
.spec-scroll .prev {
	top: 0px; width: 28px; height: 63px; color: rgb(153, 153, 153); line-height: 63px; font-size: 20px; font-weight: lighter; position: absolute; z-index: 3; cursor: pointer; opacity: 0;
}
.spec-scroll .next {
	top: 0px; width: 28px; height: 63px; color: rgb(153, 153, 153); line-height: 63px; font-size: 20px; font-weight: lighter; position: absolute; z-index: 3; cursor: pointer; opacity: 0;
}
.spec-scroll:hover .prev {
	opacity: 1;
}
.spec-scroll:hover .next {
	opacity: 1;
}
.spec-scroll .prev:hover {
	color: rgb(0, 0, 0);
}
.spec-scroll .next:hover {
	color: rgb(0, 0, 0);
}
.spec-scroll .items {
	margin: 0px auto; width: 65%; height: 63px; overflow: hidden; position: relative;
}
.spec-scroll .items ul {
	margin: 0px auto; overflow: hidden; position: absolute;
}
.spec-scroll .items ul li {
	padding: 5px; border: 1px solid rgb(229, 229, 229); border-image: none; width: 63px; height: 63px; margin-right: 16px; float: left;
}
.spec-scroll .items ul li.hover {
	border-color: rgb(17, 41, 139);
}
.spec-scroll .items ul li img {
	background: white; width: 100%; height: 100%;
}
.spec-scroll .items ul li p {
	text-align: center; color: rgb(51, 51, 51); font-size: 16px; margin-bottom: 0px;
}
.pir-swiper {
	background: white; padding-bottom: 30px; display: none; position: relative;
}
.pir-pic img {
	width: 100%; display: block;
}
.pir-swiper .swiper-pagination {
	width: 100%; bottom: 0px;
}
.pir-swiper .swiper-pagination-bullet {
	background: rgb(206, 206, 206); margin: 0px 5px !important; width: 8px; height: 8px; opacity: 1;
}
.pir-swiper .swiper-pagination-bullet-active {
	background: rgb(17, 41, 139);
}
.proinfo-two {
	padding: 80px 0px;
}
.proinfo2-con {
	
}
.proinfo2-menu {
	border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: solid; white-space: nowrap; -ms-overflow-x: auto;
}
.proinfo2-menu a {
	color: rgb(51, 51, 51); line-height: 30px; padding-bottom: 10px; font-size: 22px; margin-right: 70px; display: inline-block; position: relative;
}
.proinfo2-menu a:last-child {
	margin-right: 0px;
}
.proinfo2-menu a::before {
	background: rgb(17, 41, 139); transition:0.5s; left: 0px; width: 0px; height: 3px; bottom: 0px; position: absolute; content: "";
}
.proinfo2-menu a:hover::before {
	width: 100%;
}
.proinfo2-menu a.on::before {
	width: 100%;
}
.proinfo2-menu a.on {
	
}
.proinfo2-text {
	padding-bottom: 50px; margin-top: 20px;
}
.proinfo2-text1 {
	display: none;
}
.proinfo2-text1.on {
	display: block;
}
.proinfo2-text1 p {
	color: rgb(102, 102, 102); line-height: 32px; font-size: 16px;
}
.proinfo2-page {
	background: rgb(245, 245, 245); padding: 30px 40px; text-align: center; position: relative;
}
.proinfo2-page a {
	transition:0.5s; top: 40px; line-height: 32px; overflow: hidden; font-size: 16px; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 33%;
}
.proinfo2-page a span {
	color: rgb(102, 102, 102); display: inline-block;
}
.proinfo2-page a:hover {
	color: rgb(17, 41, 139);
}
.proinfo2-page a:hover span {
	color: rgb(17, 41, 139);
}
.proinfo2-page-l {
	left: 40px; color: rgb(51, 51, 51); position: absolute;
}
.proinfo2-page-c {
	padding: 8px 47px; border: 1px solid rgb(17, 41, 139); border-image: none; color: rgb(17, 41, 139);
}
.proinfo2-page-c i {
	margin-left: 10px;
}
.proinfo2-page a.proinfo2-page-c:hover {
	background: rgb(17, 41, 139); color: rgb(255, 255, 255);
}
.proinfo2-page-r {
	right: 40px; color: rgb(51, 51, 51); position: absolute;
}
.proinfo-three {
	padding-bottom: 70px;
}
.proinfo3-tit {
	color: rgb(34, 34, 34); line-height: 48px; font-size: 30px; margin-bottom: 20px;
}
.proinfo3-ul {
	margin: 0px -8px;
}
.proinfo3-ul li {
	padding: 0px 8px; width: 25%; float: left;
}
.proinfo3-ul li a {
	display: block;
}
.proinfo3-img {
	border: 1px solid rgb(220, 220, 220); border-image: none; overflow: hidden;
}
.proinfo3-img img {
	transition:0.5s; width: 100%;
}
.proinfo3-h3 {
	color: rgb(102, 102, 102); line-height: 30px; overflow: hidden; font-size: 16px; margin-top: 10px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.proinfo3-ul li:hover .proinfo3-img img {
	transform: scale(1.04);
}
.proinfo3-ul li:hover .proinfo3-h3 {
	color: rgb(17, 41, 139);
}
.proinfo-four {
	padding-bottom: 65px;
}
.proinfo4-ul {
	margin: 0px -8px;
}
.proinfo4-ul li {
	padding: 0px 8px; width: 33.33%; float: left;
}
.proinfo4-ul li a {
	display: block;
}
.proinfo4-img {
	overflow: hidden;
}
.proinfo4-img img {
	transition:0.5s; width: 100%;
}
.proinfo4-h3 {
	color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 20px; margin-top: 10px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.proinfo4-ul li span {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 14px; display: block;
}
.proinfo4-ul li:hover .proinfo4-img img {
	transform: scale(1.04);
}
.proinfo4-ul li:hover .proinfo4-h3 {
	color: rgb(17, 41, 139);
}
@media all and (max-width:1459px)
{
.proinfo1-text p {
	height: 190px;
}
.spec-scroll .items {
	width: 66%;
}
.proinfo1-left {
	padding: 50px 60px;
}
}
@media all and (max-width:1259px)
{
.proinfo1-text p {
	height: 110px;
}
.spec-scroll .items {
	width: 70%;
}
.proinfo1-right {
	padding: 50px 40px 30px;
}
}
@media all and (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 all and (max-width:767px)
{
.proinfo1-tit {
	font-size: 22px;
}
.pir-swiper {
	display: block;
}
.spec-preview {
	display: none;
}
.spec-scroll {
	display: none;
}
.proinfo1-left {
	padding: 40px 30px; width: 100%; float: none;
}
.proinfo1-right {
	padding: 0px 30px 40px; width: 100%; float: none;
}
.proinfo1-text p {
	height: auto;
}
.proinfo1-text h3 {
	font-size: 19px;
}
.proinfo-one {
	padding: 40px 0px;
}
.proinfo-two {
	padding: 40px 0px;
}
.proinfo2-menu a {
	font-size: 18px;
}
.proinfo2-text1 p {
	line-height: 28px; font-size: 14px;
}
.proinfo2-text {
	padding-bottom: 20px;
}
.proinfo2-page-c {
	padding: 4px 30px;
}
.proinfo2-page a {
	top: 25px; font-size: 15px;
}
.proinfo2-page {
	padding: 20px 30px;
}
.proinfo2-page-l {
	left: 30px;
}
.proinfo2-page-r {
	right: 30px;
}
.proinfo-three {
	padding-bottom: 40px;
}
.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 all and (max-width:640px)
{
.proinfo3-ul li {
	width: 50%; margin-bottom: 20px;
}
.proinfo-three {
	padding-bottom: 20px;
}
.proinfo-four {
	padding-bottom: 20px;
}
.proinfo4-ul li {
	width: 50%; margin-bottom: 20px;
}
.proinfo2-page a {
	display: block; max-width: none;
}
.proinfo2-page-l {
	position: static;
}
.proinfo2-page-r {
	position: static;
}
.proinfo2-page a.proinfo2-page-c {
	margin: 10px 0px; padding: 0px 30px; display: inline-block;
}
}
.solutioninfo {
	
}
.solution-more {
	background: rgb(17, 41, 139); margin: 20px auto 0px; padding: 10px 0px; transition:0.5s; width: 208px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 16px; display: block; position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;
}
.solution-more i {
	margin-left: 15px;
}
.solution-more em {
	margin-left: 15px;
}
.solution-more span {
	background: rgb(17, 41, 139); padding: 10px 0px; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 30px; font-size: 16px; display: block; position: absolute;
}
.solution-more span:first-child {
	transform: translate3d(0px, 0px, 30px); -webkit-transform: translate3d(0, 0, 30px);
}
.solution-more span:last-child {
	transform: rotateX(90deg) translate3d(0px, 0px, 30px); -webkit-transform: rotateX(90deg) translate3d(0, 0, 30px);
}
.solution-more.solutionban-more {
	margin: 20px 0px 0px;
}
.solutioninfo-title {
	text-align: center; color: rgb(17, 17, 17); line-height: 48px; font-size: 40px; font-weight: bold;
}
.solutioninfo-dec {
	text-align: center; color: rgb(51, 51, 51); line-height: 32px; font-size: 18px; margin-top: 5px;
}
.solutioninfo-one {
	background: rgb(247, 247, 247); padding: 80px 0px;
}
.solutioninfo-one .solutioninfo-title {
	color: rgb(51, 51, 51); font-weight: normal;
}
.solution-more:hover {
	transform: rotateX(-90deg);
}
.solutioninfo-one-con {
	margin-top: 80px; position: relative;
}
.solutioninfo1-li {
	position: absolute;
}
.solutioninfo1-li1 {
	left: 208px; top: 0px;
}
.solutioninfo1-li2 {
	top: 10px; right: 230px;
}
.solutioninfo1-li3 {
	left: 382px; top: 124px;
}
.solutioninfo1-li4 {
	margin-top: 260px; margin-left: 80px; float: left; position: static;
}
.solutioninfo1-li5 {
	top: 255px; right: 210px;
}
.solutioninfo1-icon {
	width: 67px; height: 67px; float: left; display: inline-block;
}
.solutioninfo1-icon img {
	width: 100%;
}
.solutioninfo1-text {
	background: url("../imgs/solutioninfo1-bef_03.png") no-repeat 13px 10px; border-radius: 3px; padding-left: 22px; float: right;
}
.solutioninfo1-text h3 {
	background: rgb(255, 255, 255); padding: 18px 35px; border-radius: 3px; color: rgb(51, 51, 51); line-height: 30px; font-size: 20px;
}
.solutioninfo-one .solution-more {
	margin-top: 60px;
}
.solutioninfo-two {
	padding: 80px 0px;
}
.solutioninfo-two ul {
	
}
.soluinfo2-con {
	
}
.soluinfo2-ul {
	background: url("../imgs/soluinfo2-ba1_03.png") no-repeat center; width: 100%; height: 606px; margin-top: 80px; position: relative;
}
.soluinfo2-ul li {
	width: 16.66%; height: 312px; position: absolute;
}
.soluinfo2-icon {
	margin: 0px auto; transition:0.5s; width: 193px; height: 174px; position: relative;
}
.soluinfo2-icon span {
	top: 0px; right: -25px; color: rgba(17, 41, 139, 0.5); line-height: 60px; letter-spacing: 3px; font-family: "din-r"; font-size: 60px; display: block; position: absolute;
}
.soluinfo2-ul li:hover .soluinfo2-icon {
	transform: translateY(-10px);
}
.soluinfo2-icon img {
	width: 100%;
}
.soluinfo2-ul li > div {
	height: 100%; position: relative;
}
.soluinfo2-txt {
	width: 100%; text-align: center; margin-top: 20px;
}
.soluinfo2-txt h3 {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 22px;
}
.soluinfo2-txt p {
	color: rgb(102, 102, 102); line-height: 26px; font-size: 16px;
}
.soluinfo2-ul li.soluinfo2-bottom1 {
	left: 225px; top: 320px;
}
.soluinfo2-ul li.soluinfo2-bottom2 {
	left: 700px; top: 320px;
}
.soluinfo2-ul li.soluinfo2-top1 {
	position: static;
}
.soluinfo2-ul li.soluinfo2-top2 {
	left: 475px; top: 0px;
}
.soluinfo2-ul li.soluinfo2-top3 {
	top: 0px; right: 220px;
}
.soluinfo2-ul li.soluinfo2-bottom3 {
	top: 320px; right: 0px;
}
.solutioninfo-three {
	background: rgb(247, 247, 247); padding: 80px 0px;
}
.solutioninfo-three ul {
	
}
.solutioninfo-three li {
	width: 20%; margin-top: 70px; float: left; position: relative;
}
.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; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;
}
.soluinfo3-icon img {
	transition:0.5s; width: 100%;
}
.solutioninfo-three li:hover .soluinfo3-icon {
	transform-origin: center top; animation-name: swing; -webkit-transform-origin: top center; -webkit-animation-name: swing;
}
.soluinfo3-tit {
	color: rgb(51, 51, 51); line-height: 32px; font-size: 18px; margin-top: 60px;
}
.soluinfo2-bef {
	left: 20px; bottom: 45px; position: absolute;
}
.solutioninfo-three li.soluinfo3-zw .soluinfo2-bef {
	top: 112px; bottom: auto;
}
.soluinfo2-bef img {
	
}
.solutioninfo-three .solution-more {
	margin-top: 30px;
}
.solutioninfo-four {
	padding: 80px 0px 70px;
}
.soluinfo4-con {
	margin-top: 40px; position: relative;
}
.soluinfo4-menu {
	top: 0px; width: 12.72%; height: 100%; right: 0px; position: absolute;
}
.soluinfo4-menu a {
	background: rgba(17, 41, 139, 0.8); padding: 41px; transition:0.5s; width: 100%; height: 25%; text-align: center; color: rgba(255, 255, 255, 0.5); line-height: 48px; font-size: 24px; border-bottom-color: rgba(255, 255, 255, 0.3); border-bottom-width: 1px; border-bottom-style: solid; float: right; display: block;
}
.soluinfo4-menu a:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.soluinfo4-menu a.on {
	width: 116.8%; color: rgb(255, 255, 255); padding-right: 40px; padding-left: 69px;
}
.soluinfo4-img {
	
}
.soluinfo4-img1 {
	display: none;
}
.soluinfo4-img1.on {
	display: block;
}
.soluinfo4-img1 img {
	width: 100%;
}
.solutioninfo-four .solution-more {
	margin-top: 40px;
}
.solutioninfo-fiv .solution-more {
	margin-top: 40px;
}
.solutioninfo-fiv {
	background: rgb(246, 246, 246); padding: 80px 0px;
}
.soluinfo5-con {
	margin-top: 40px;
}
.soluinfo5-swiper {
	position: relative;
}
.soluinfo5-swiper .swiper-pagination {
	left: 0px; width: 100%; text-align: center; margin-top: 30px; display: none;
}
.soluinfo5-swiper .swiper-pagination-bullet {
	margin: 0px 5px;
}
.soluinfo5-swiper .swiper-pagination-bullet-active {
	background-color: rgb(17, 41, 139);
}
.soluinfo5-swiper .swiper-button-prev {
	background: url("../imgs/about7-left.png") no-repeat center; transition:0.5s; width: 20px; height: 38px; opacity: 1;
}
.soluinfo5-swiper .swiper-button-next {
	background: url("../imgs/about7-left.png") no-repeat center; transition:0.5s; width: 20px; height: 38px; opacity: 1;
}
.soluinfo5-swiper .swiper-button-next {
	right: -80px; transform: rotate(180deg);
}
.soluinfo5-swiper .swiper-button-prev {
	left: -80px;
}
.soluinfo5-swiper .swiper-button-prev:hover {
	background-image: url("../imgs/about7-left1.png");
}
.soluinfo5-swiper .swiper-button-next:hover {
	background-image: url("../imgs/about7-left1.png");
}
.soluinfo5-silde {
	display: block;
}
.soluinfo5-img {
	overflow: hidden;
}
.soluinfo5-img img {
	transition:0.5s; width: 100%;
}
.soluinfo5-silde:hover .soluinfo5-img img {
	transform: scale(1.04);
}
.soluinfo5-text {
	padding: 0px 10px 10px; left: 0px; width: 100%; text-align: center; bottom: -19px; color: rgb(68, 68, 68); line-height: 48px; overflow: hidden; font-size: 20px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.solutioninfo-six {
	padding: 80px 0px 0px;
}
.soluinfo6-con {
	margin-top: 40px;
}
.soluinfo6-con ul {
	width: 100%; overflow: hidden; position: relative;
}
.soluinfo6-con li {
	transition:0.5s; width: 14.06%; height: 548px; float: left; position: relative;
}
.soluinfo6-con li:last-child {
	border: currentColor; border-image: 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 {
	padding: 0px 40px; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; position: absolute;
}
.soluinfo6-txt > div {
	width: 100%; height: 100%;
}
.soluinfo6-txt span {
	color: rgba(255, 255, 255, 0.1); font-family: "brant-m"; font-size: 100px; margin-bottom: -60px; margin-left: 32px; display: block;
}
.soluinfo6-txt h3 {
	color: rgb(255, 255, 255); line-height: 48px; font-size: 24px; font-weight: bold; margin-bottom: 10px;
}
.soluinfo6-txt p {
	color: rgb(255, 255, 255); line-height: 28px; font-size: 18px;
}
.soluinfo6-con li.on .soluinfo6-txt {
	padding: 0px 125px; text-align: left;
}
.soluinfo6-appcon {
	margin-top: 40px; display: none; position: relative;
}
.soluinfo6-li {
	width: 100%; height: 100%; position: relative; background-repeat: no-repeat !important; background-size: cover !important;
}
.soluinfo6-appcon .swiper-pagination {
	width: 100%; margin-top: 30px;
}
.soluinfo6-appcon .swiper-pagination-bullet {
	margin: 0px 5px;
}
.solutioninfo-seven {
	padding: 80px 0px;
}
.soluinfo7-con {
	margin-top: 40px;
}
.soluinfo7-con ul {
	margin: 0px -24px;
}
.soluinfo7-con li {
	padding: 0px 24px; width: 33.33%; float: left;
}
.soluinfo7-con li a {
	display: block;
}
.soluinfo7-img {
	overflow: hidden;
}
.soluinfo7-img img {
	transition:0.5s; width: 100%;
}
.soluinfo7-con li:hover .soluinfo7-img img {
	transform: scale(1.04);
}
.soluinfo7-text {
	padding: 25px 0px 0px;
}
.soluinfo7-text h4 {
	color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 22px; margin-bottom: 5px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.soluinfo7-text p {
	color: rgb(102, 102, 102); line-height: 30px; overflow: hidden; font-size: 16px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.soluinfo7-con li:hover .soluinfo7-text h4 {
	color: rgb(17, 41, 139);
}
.solutioninfo-seven .solution-more {
	margin-top: 40px;
}
.solutioninfo-eight {
	background: rgb(245, 245, 245); padding: 80px 0px 60px; text-align: center;
}
.soluinfo8-con {
	
}
.soluinfo8-h1 {
	
}
.soluinfo8-h1 img {
	margin-top: -7px; margin-right: 5px; display: inline-block;
}
.soluinfo8-h1 span {
	color: rgb(0, 0, 0); font-size: 24px; display: inline-block;
}
.soluinfo8-h2 {
	color: rgb(0, 0, 0); font-size: 32px; margin-top: 20px;
}
.soluinfo8-h2 span {
	display: inline-block;
}
.soluinfo8-phone {
	color: rgb(17, 41, 139); padding-right: 105px; font-family: "brant-b"; font-size: 52px; margin-top: 0px; margin-right: 15px; margin-left: 25px; display: inline-block; position: relative;
}
.soluinfo8-phone::before {
	background: rgb(167, 167, 167); top: 50%; width: 80px; height: 2px; right: 0px; position: absolute; content: "";
}
@media all and (max-width:1680px)
{
.soluinfo5-swiper {
	padding: 0px 80px;
}
.soluinfo5-swiper .swiper-button-next {
	right: 0px;
}
.soluinfo5-swiper .swiper-button-prev {
	left: 0px;
}
}
@media all and (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 0px;
}
.soluinfo4-menu a {
	padding: 30px 20px;
}
.soluinfo6-txt {
	padding: 0px 20px;
}
.soluinfo6-con li.on .soluinfo6-txt {
	padding: 0px 100px;
}
.soluinfo6-txt span {
	font-size: 80px;
}
.soluinfo6-con li {
	height: 409px;
}
.soluinfo2-ul li.soluinfo2-bottom1 {
	left: 190px; top: 360px;
}
.soluinfo2-ul li.soluinfo2-top2 {
	left: 382px; top: -30px;
}
.soluinfo2-ul li.soluinfo2-bottom2 {
	left: 600px; top: 360px;
}
.soluinfo2-ul li.soluinfo2-top3 {
	top: -30px; right: 200px;
}
.soluinfo2-ul li.soluinfo2-bottom3 {
	top: 360px; right: 0px;
}
.soluinfo2-ul li {
	height: 328px;
}
.soluinfo2-ul {
	height: 656px; margin-top: 110px; background-size: 100% 150%;
}
.soluinfo2-ul li.soluinfo2-top1 {
	margin-top: -30px;
}
.soluinfo6-txt p {
	font-size: 16px;
}
.soluinfo6-txt h3 {
	font-size: 22px;
}
}
@media all and (max-width:1459px)
{
.soluinfo6-txt p {
	font-size: 16px;
}
.soluinfo6-txt h3 {
	font-size: 22px;
}
}
@media all and (max-width:1259px)
{
.solutioninfo1-li1 {
	left: 0px;
}
.solutioninfo1-li2 {
	right: 50px;
}
.solutioninfo1-li4 {
	margin-left: 30px;
}
.solutioninfo1-li5 {
	right: 0px;
}
.soluinfo4-menu a {
	line-height: 36px; font-size: 20px;
}
.soluinfo4-menu {
	width: 16.72%;
}
.soluinfo4-menu a {
	padding: 25px 0px;
}
.soluinfo7-con li {
	padding: 0px 10px;
}
.soluinfo7-con ul {
	margin: 0px -10px;
}
.soluinfo5-swiper {
	padding: 0px 50px;
}
.solutioninfo-three li.soluinfo3-zw .soluinfo2-bef {
	display: none;
}
.soluinfo8-h2 {
	font-size: 24px;
}
.soluinfo8-phone {
	padding-bottom: 10px; font-size: 40px;
}
.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: 0px 30px;
}
.soluinfo2-icon {
	width: 160px; height: 144px;
}
.soluinfo2-ul li.soluinfo2-top1 {
	margin-top: 0px;
}
.soluinfo2-ul li.soluinfo2-bottom1 {
	left: 150px; top: 348px;
}
.soluinfo2-ul li.soluinfo2-top2 {
	left: 312px; top: 0px;
}
.soluinfo2-ul li.soluinfo2-bottom2 {
	left: 470px; top: 348px;
}
.soluinfo2-ul li.soluinfo2-top3 {
	top: 0px; right: 156px;
}
.soluinfo2-ul li.soluinfo2-bottom3 {
	top: 348px; right: 0px;
}
.soluinfo2-ul {
	height: 656px; margin-top: 80px; background-size: 100% 100%;
}
}
@media all and (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 {
	top: 60px; right: 0px;
}
.solutioninfo1-li3 {
	left: 100px; top: 145px;
}
.solutioninfo1-li4 {
	margin-top: 350px;
}
.soluinfo4-menu {
	width: 100%; position: static;
}
.soluinfo4-menu a {
	width: 25%;
}
.soluinfo4-menu a.on {
	padding: 25px 0px; 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 {
	padding: 0px 10px; width: 33.33%; height: auto; margin-top: 30px; float: left; position: static;
}
.soluinfo2-ul li.soluinfo2-top1 {
	margin-top: 30px;
}
.soluinfo2-icon {
	width: 120px; height: 108px;
}
.soluinfo2-icon span {
	font-size: 48px;
}
}
@media all and (max-width:767px)
{
.soluinfo5-swiper .swiper-button-prev {
	display: none;
}
.soluinfo5-swiper .swiper-button-next {
	display: none;
}
.soluinfo5-swiper .swiper-pagination {
	margin-top: 20px; display: block;
}
.solutioninfo1-li2 {
	top: 70px;
}
.solutioninfo1-text h3 {
	padding: 10px 20px; font-size: 16px;
}
.solution-more {
	width: 160px; height: 40px;
}
.solution-more span {
	padding: 8px 0px; line-height: 26px; font-size: 15px;
}
.solutioninfo-title {
	line-height: 36px; font-size: 23px;
}
.solutioninfo-dec {
	font-size: 17px;
}
.solutioninfo-one {
	padding: 40px 0px;
}
.solutioninfo-three {
	padding: 40px 0px;
}
.solutioninfo-four {
	padding: 40px 0px;
}
.solutioninfo-fiv {
	padding: 40px 0px;
}
.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 {
	line-height: 32px; font-size: 17px;
}
.soluinfo5-swiper {
	padding: 0px 0px 40px;
}
.solutioninfo-four .solution-more {
	margin-top: 30px;
}
.solutioninfo-fiv .solution-more {
	margin-top: 30px;
}
.soluinfo4-menu a {
	padding: 15px 0px; font-size: 18px;
}
.soluinfo4-menu a.on {
	padding: 15px 0px; font-size: 18px;
}
.soluinfo6-appcon {
	margin-top: 30px;
}
.soluinfo7-con {
	margin-top: 30px;
}
.solutioninfo-six {
	padding: 40px 0px 80px;
}
.solutioninfo-seven {
	padding: 0px 0px 40px;
}
.soluinfo8-h1 span {
	font-size: 20px;
}
.soluinfo8-h2 {
	line-height: 36px; font-size: 22px;
}
.soluinfo8-phone {
	margin: 0px 15px; padding-right: 60px; padding-bottom: 0px; padding-left: 0px; font-size: 30px; background-size: 30px 30px;
}
.soluinfo8-phone::before {
	top: 50%; width: 50px;
}
.soluinfo6-txt h3 {
	line-height: 30px; font-size: 20px;
}
.solutioninfo-one .solution-more {
	margin-top: 20px;
}
.soluinfo7-text h4 {
	font-size: 18px; margin-bottom: 0px;
}
.solutioninfo-eight {
	padding: 60px 0px;
}
.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 0px;
}
.soluinfo6-txt span {
	margin: 0px; font-size: 46px;
}
}
@media all and (max-width:640px)
{
.soluinfo2-bef {
	display: none;
}
.soluinfo3-tit {
	text-align: center; margin-top: 10px;
}
.soluinfo3-icon {
	margin: 0px auto; width: 55px; height: 55px;
}
.solutioninfo-three li {
	width: 33.33%;
}
.solutioninfo-three li.soluinfo3-right {
	float: left;
}
.soluinfo4-menu a {
	line-height: 30px; font-size: 16px;
}
.soluinfo4-menu a.on {
	line-height: 30px; font-size: 16px;
}
.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 {
	margin-bottom: 20px; position: static;
}
.solutioninfo1-text {
	margin-left: 50px; float: none;
}
.solutioninfo1-li4 {
	margin-top: 0px; margin-left: 0px;
}
.soluinfo8-h1 img {
	margin-top: 0px;
}
.soluinfo8-h1 span {
	font-size: 18px; margin-top: 15px;
}
.soluinfo8-h2 {
	line-height: 32px; font-size: 19px; margin-top: 10px;
}
.soluinfo8-phone {
	padding-right: 55px; padding-left: 0px; font-size: 22px; background-size: 20px 20px;
}
.solutioninfo-eight {
	padding: 40px 0px;
}
.soluinfo2-ul li {
	width: 100%; float: none;
}
.solutioninfo-two ul {
	margin-top: 10px;
}
.soluinfo2-txt p {
	min-height: auto;
}
}
.proinfo {
	
}
.proinfo-one {
	background: rgb(245, 245, 245); padding: 65px 0px 80px;
}
.proinfo1-tit {
	text-align: center; color: rgb(17, 17, 17); line-height: 40px; font-size: 32px; font-weight: bold;
}
.proinfo1-tit span {
	font-family: "Arial"; display: inline-block;
}
.proinfo1-con {
	background: rgb(255, 255, 255); margin-top: 40px;
}
.proinfo1-left {
	padding: 65px 95px 40px 105px; width: 50%; border-right-color: rgb(234, 234, 234); border-right-width: 1px; border-right-style: solid; float: left;
}
.proinfo1-right {
	padding: 65px 70px; width: 50%; float: right;
}
.proinfo1-text {
	
}
.proinfo1-text > div {
	
}
.proinfo1-text h3 {
	color: rgb(51, 51, 51); line-height: 38px; font-size: 28px; margin-bottom: 20px;
}
.proinfo1-text p {
	height: 200px; color: rgb(102, 102, 102); line-height: 28px; font-size: 16px;
}
.proinfo1-text .solution-more {
	margin: 30px 0px 0px;
}
.jqzoom {
	background: white; margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden; display: block; position: relative; cursor: pointer;
}
.jqzoom img {
	width: 100%; height: 100%;
}
.zoomdiv {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 368px; height: 368px; text-align: center; overflow: hidden; display: none; position: absolute; z-index: 100;
}
.jqZoomPup {
	background: rgb(255, 255, 255); border: 1px solid rgb(170, 170, 170); border-image: none; left: 0px; top: 0px; visibility: hidden; position: absolute; z-index: 10; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;
}
.spec-preview {
	width: 100%;
}
.spec-scroll {
	width: 100%; margin-top: 10px; margin-right: -15px; position: relative;
}
.spec-scroll .prev {
	left: 0px; text-align: left;
}
.spec-scroll .next {
	text-align: right; right: 0px;
}
.spec-scroll .prev {
	top: 0px; width: 28px; height: 63px; color: rgb(153, 153, 153); line-height: 63px; font-size: 20px; font-weight: lighter; position: absolute; z-index: 3; cursor: pointer; opacity: 0;
}
.spec-scroll .next {
	top: 0px; width: 28px; height: 63px; color: rgb(153, 153, 153); line-height: 63px; font-size: 20px; font-weight: lighter; position: absolute; z-index: 3; cursor: pointer; opacity: 0;
}
.spec-scroll:hover .prev {
	opacity: 1;
}
.spec-scroll:hover .next {
	opacity: 1;
}
.spec-scroll .prev:hover {
	color: rgb(0, 0, 0);
}
.spec-scroll .next:hover {
	color: rgb(0, 0, 0);
}
.spec-scroll .items {
	margin: 0px auto; width: 65%; height: 63px; overflow: hidden; position: relative;
}
.spec-scroll .items ul {
	margin: 0px auto; overflow: hidden; position: absolute;
}
.spec-scroll .items ul li {
	padding: 5px; border: 1px solid rgb(229, 229, 229); border-image: none; width: 63px; height: 63px; margin-right: 16px; float: left;
}
.spec-scroll .items ul li.hover {
	border-color: rgb(17, 41, 139);
}
.spec-scroll .items ul li img {
	background: white; width: 100%; height: 100%;
}
.spec-scroll .items ul li p {
	text-align: center; color: rgb(51, 51, 51); font-size: 16px; margin-bottom: 0px;
}
.pir-swiper {
	background: white; padding-bottom: 30px; display: none; position: relative;
}
.pir-pic img {
	width: 100%; display: block;
}
.pir-swiper .swiper-pagination {
	width: 100%; bottom: 0px;
}
.pir-swiper .swiper-pagination-bullet {
	background: rgb(206, 206, 206); margin: 0px 5px !important; width: 8px; height: 8px; opacity: 1;
}
.pir-swiper .swiper-pagination-bullet-active {
	background: rgb(17, 41, 139);
}
.proinfo-two {
	padding: 80px 0px;
}
.proinfo2-con {
	
}
.proinfo2-menu {
	border-bottom-color: rgb(226, 226, 226); border-bottom-width: 1px; border-bottom-style: solid; white-space: nowrap; -ms-overflow-x: auto;
}
.proinfo2-menu a {
	color: rgb(51, 51, 51); line-height: 30px; padding-bottom: 10px; font-size: 22px; margin-right: 70px; display: inline-block; position: relative;
}
.proinfo2-menu a:last-child {
	margin-right: 0px;
}
.proinfo2-menu a::before {
	background: rgb(17, 41, 139); transition:0.5s; left: 0px; width: 0px; height: 3px; bottom: 0px; position: absolute; content: "";
}
.proinfo2-menu a:hover::before {
	width: 100%;
}
.proinfo2-menu a.on::before {
	width: 100%;
}
.proinfo2-menu a.on {
	
}
.proinfo2-text {
	padding-bottom: 50px; margin-top: 20px;
}
.proinfo2-text1 {
	display: none;
}
.proinfo2-text1.on {
	display: block;
}
.proinfo2-text1 p {
	color: rgb(102, 102, 102); line-height: 32px; font-size: 16px;
}
.proinfo2-page {
	background: rgb(245, 245, 245); padding: 30px 40px; text-align: center; position: relative;
}
.proinfo2-page a {
	transition:0.5s; top: 40px; line-height: 32px; overflow: hidden; font-size: 16px; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 33%;
}
.proinfo2-page a span {
	color: rgb(102, 102, 102); display: inline-block;
}
.proinfo2-page a:hover {
	color: rgb(17, 41, 139);
}
.proinfo2-page a:hover span {
	color: rgb(17, 41, 139);
}
.proinfo2-page-l {
	left: 40px; color: rgb(51, 51, 51); position: absolute;
}
.proinfo2-page-c {
	padding: 8px 47px; border: 1px solid rgb(17, 41, 139); border-image: none; color: rgb(17, 41, 139);
}
.proinfo2-page-c i {
	margin-left: 10px;
}
.proinfo2-page a.proinfo2-page-c:hover {
	background: rgb(17, 41, 139); color: rgb(255, 255, 255);
}
.proinfo2-page-r {
	right: 40px; color: rgb(51, 51, 51); position: absolute;
}
.proinfo-three {
	padding-bottom: 70px;
}
.proinfo3-tit {
	color: rgb(34, 34, 34); line-height: 48px; font-size: 30px; margin-bottom: 20px;
}
.proinfo3-ul {
	margin: 0px -8px;
}
.proinfo3-ul li {
	padding: 0px 8px; width: 25%; float: left;
}
.proinfo3-ul li a {
	display: block;
}
.proinfo3-img {
	border: 1px solid rgb(220, 220, 220); border-image: none; overflow: hidden;
}
.proinfo3-img img {
	transition:0.5s; width: 100%;
}
.proinfo3-h3 {
	color: rgb(102, 102, 102); line-height: 30px; overflow: hidden; font-size: 16px; margin-top: 10px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.proinfo3-ul li:hover .proinfo3-img img {
	transform: scale(1.04);
}
.proinfo3-ul li:hover .proinfo3-h3 {
	color: rgb(17, 41, 139);
}
.proinfo-four {
	padding-bottom: 65px;
}
.proinfo4-ul {
	margin: 0px -8px;
}
.proinfo4-ul li {
	padding: 0px 8px; width: 33.33%; float: left;
}
.proinfo4-ul li a {
	display: block;
}
.proinfo4-img {
	overflow: hidden;
}
.proinfo4-img img {
	transition:0.5s; width: 100%;
}
.proinfo4-h3 {
	color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 20px; margin-top: 10px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.proinfo4-ul li span {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 14px; display: block;
}
.proinfo4-ul li:hover .proinfo4-img img {
	transform: scale(1.04);
}
.proinfo4-ul li:hover .proinfo4-h3 {
	color: rgb(17, 41, 139);
}
@media all and (max-width:1459px)
{
.proinfo1-text p {
	height: 190px;
}
.spec-scroll .items {
	width: 66%;
}
.proinfo1-left {
	padding: 50px 60px;
}
}
@media all and (max-width:1259px)
{
.proinfo1-text p {
	height: 110px;
}
.spec-scroll .items {
	width: 70%;
}
.proinfo1-right {
	padding: 50px 40px 30px;
}
}
@media all and (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 all and (max-width:767px)
{
.proinfo1-tit {
	font-size: 22px;
}
.pir-swiper {
	display: block;
}
.spec-preview {
	display: none;
}
.spec-scroll {
	display: none;
}
.proinfo1-left {
	padding: 40px 30px; width: 100%; float: none;
}
.proinfo1-right {
	padding: 0px 30px 40px; width: 100%; float: none;
}
.proinfo1-text p {
	height: auto;
}
.proinfo1-text h3 {
	font-size: 19px;
}
.proinfo-one {
	padding: 20px 0px;
}
.proinfo-two {
	padding: 20px 0px;
}
.proinfo2-menu a {
	font-size: 16px;
}
.proinfo2-text1 p {
	line-height: 28px; font-size: 14px;
}
.proinfo2-text1 .tit {
	margin-top: 0px;
}
.proinfo2-text {
	padding-bottom: 20px;
}
.proinfo2-page-c {
	padding: 4px 30px;
}
.proinfo2-page a {
	top: 25px; font-size: 15px;
}
.proinfo2-page {
	padding: 20px 30px;
}
.proinfo2-page-l {
	left: 30px;
}
.proinfo2-page-r {
	right: 30px;
}
.proinfo-three {
	padding-bottom: 40px;
}
.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 all and (max-width:640px)
{
.proinfo3-ul li {
	width: 50%; margin-bottom: 20px;
}
.proinfo-three {
	padding-bottom: 20px;
}
.proinfo-four {
	padding-bottom: 20px;
}
.proinfo4-ul li {
	width: 50%; margin-bottom: 20px;
}
.proinfo2-page a {
	display: block; max-width: none;
}
.proinfo2-page-l {
	position: static;
}
.proinfo2-page-r {
	position: static;
}
.proinfo2-page a.proinfo2-page-c {
	margin: 10px 0px; padding: 0px 30px; display: inline-block;
}
}
.applinfo {
	padding: 56px 0px 75px;
}
.applinfo-left {
	width: 73%; float: left;
}
.applinfo-left img {
	max-width: 100%;
}
.applinfo-right {
	width: 22.14%; height: 100vh; float: right; -ms-overflow-x: auto;
}
.applinfo-tit {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 24px; margin-bottom: 20px;
}
.applinfo1-con {
	
}
.applinfo1-dec {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 18px;
}
.applinfo1-ul {
	margin: 40px -14px;
}
.applinfo1-ul li {
	padding: 0px 14px; width: 33.33%; float: left;
}
.applinfo1-ul li > div {
	width: 100%;
}
.applinfo1-ul li span {
	color: rgb(66, 57, 148); line-height: 50px; font-family: "din-r"; font-size: 40px; float: left; display: inline-block;
}
.applinfo1-text {
	padding-left: 8px; margin-left: 59px; border-left-color: rgb(225, 225, 225); border-left-width: 1px; border-left-style: solid;
}
.applinfo1-p {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 18px; margin-bottom: 12px;
}
.applinfo1-img {
	overflow: hidden;
}
.applinfo1-img img {
	transition:0.5s; width: 100%;
}
.applinfo1-ul li:hover .applinfo1-img img {
	transform: scale(1.04);
}
.applinfo2-con {
	margin-top: 60px;
}
.applinfo2-dec {
	background: rgb(242, 242, 242); padding: 15px 20px; color: rgb(102, 102, 102); line-height: 30px; font-size: 18px; margin-bottom: 15px;
}
.applinfo2-ul {
	margin: 0px -0.5px;
}
.applinfo2-ul li {
	padding: 0px 0.5px; width: 33.33%; float: left;
}
.applinfo2-ul li > div {
	overflow: hidden; position: relative;
}
.applinfo2-ul li img {
	transition:1s; width: 100%;
}
.applinfo2-text {
	background: rgba(0, 0, 0, 0.5); padding: 20px 24px; transition:1s; left: 0px; width: 100%; bottom: 0px; color: rgb(255, 255, 255); line-height: 26px; font-size: 17px; position: absolute; min-height: 118px;
}
.applinfo2-ul li:hover img {
	transform: scale(1.04);
}
.applinfo3-con {
	margin-top: 60px;
}
.applinfo3-con .applinfo-tit {
	margin-bottom: 8px;
}
.applinfo3-dec {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 16px;
}
.applinfo3-ul {
	padding-bottom: 35px; border-bottom-color: rgb(233, 233, 233); border-bottom-width: 1px; border-bottom-style: solid;
}
.applinfo3-ul li {
	width: 33.33%; float: left;
}
.applinfo3-ul a {
	display: block;
}
.applinfo3-img {
	overflow: hidden; position: relative;
}
.applinfo3-img img {
	transition:0.5s; width: 100%;
}
.applinfo3-text {
	padding: 20px 10px; left: 0px; width: 100%; text-align: center; bottom: 0px; color: rgb(68, 68, 68); line-height: 32px; overflow: hidden; font-size: 20px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.applinfo3-ul li:hover .applinfo3-text {
	color: rgb(17, 41, 139);
}
.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 {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 16px;
}
.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: 0px -15px;
}
.applinfo6-ul li {
	padding: 0px 15px; width: 33.33%; float: left;
}
.applinfo6-ul a {
	display: block;
}
.applinfo6-img {
	overflow: hidden;
}
.applinfo6-img img {
	transition:0.5s; width: 100%;
}
.applinfo6-text {
	margin-top: 25px;
}
.applinfo6-text h3 {
	color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 22px; margin-bottom: 5px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.applinfo6-text p {
	color: rgb(102, 102, 102); line-height: 28px; overflow: hidden; font-size: 16px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.applinfo6-ul li:hover .applinfo6-img img {
	transform: scale(1.04);
}
.applinfo6-ul li:hover .applinfo6-text h3 {
	color: rgb(17, 41, 139);
}
.applinfor-text1 {
	margin-bottom: 10px;
}
.applinfor-text1 span {
	color: rgb(136, 136, 136); line-height: 34px; font-size: 18px; display: block;
}
.applinfor-text1 h4 {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 16px;
}
.applinfor-text1 h3 {
	color: rgb(51, 51, 51); line-height: 34px; font-size: 20px; font-weight: bold;
}
.applinfor-text2 {
	margin-top: 5px;
}
.applinfor-text2 h3 {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 18px; margin-bottom: 10px;
}
.applinfor-text2 p {
	height: 100px; color: rgb(102, 102, 102); line-height: 25px; overflow: auto; font-size: 14px;
}
.applinfor-text2 h4 {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 12px;
}
.applinfor-text2 h4 span {
	padding: 0px 9px; border: 1px solid rgb(200, 200, 200); transition:0.5s; border-image: none; margin-right: 5px; margin-bottom: 10px; display: inline-block;
}
.applinfor-text2 h4 span:last-child {
	margin-right: 0px;
}
C .applinfor-text2 h4 span:hover {
	border-color: rgb(17, 41, 139); color: rgb(17, 41, 139);
}
.applinfor-text3 {
	margin-top: 10px;
}
.applinfor-text3 span {
	color: rgb(119, 119, 119); line-height: 28px; font-size: 14px; display: block;
}
.applinfor-text3 span i {
	font-family: "Arial"; font-style: normal;
}
.applinfo-right .solution-more {
	margin: 30px 0px 0px;
}
@media all and (max-width:1459px)
{
.applinfo1-p {
	min-height: 60px;
}
}
@media all and (max-width:991px)
{
.applinfo-left {
	width: 100%; float: none;
}
.applinfo-right {
	width: 100%; margin-top: 40px; float: none;
}
.applinfo2-text {
	min-height: 144px;
}
}
@media all and (max-width:767px)
{
.applinfo-tit {
	font-size: 22px;
}
.applinfo1-p {
	font-size: 16px;
}
.applinfo1-dec {
	font-size: 16px;
}
.applinfo6-text h3 {
	font-size: 17px;
}
.applinfo6-ul li {
	padding: 0px 10px;
}
.applinfo6-ul {
	margin: 0px -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 {
	font-size: 18px;
}
.applinfor-text1 h4 {
	font-size: 18px;
}
.applinfor-text2 h3 {
	font-size: 17px;
}
.applinfo2-dec {
	font-size: 16px;
}
.applinfor-text2 p {
	font-size: 15px;
}
.applinfor-text2 h4 {
	font-size: 15px;
}
.applinfo {
	padding: 40px 0px;
}
.applinfo2-con {
	margin-top: 40px;
}
.applinfo3-con {
	margin-top: 40px;
}
.applinfo4-con {
	margin-top: 40px;
}
.applinfo5-con {
	margin-top: 40px;
}
.applinfo6-con {
	margin-top: 40px;
}
.applinfo3-ul {
	padding-bottom: 10px;
}
.applinfo6-con .applinfo-tit {
	margin-bottom: 20px;
}
.applinfor-text2 {
	margin-top: 20px;
}
}
@media all and (max-width:640px)
{
.applinfo1-ul li span {
	font-size: 30px;
}
.applinfo1-ul li {
	padding: 0px; width: 100%; margin-bottom: 20px; float: none;
}
.applinfo1-ul {
	margin: 30px 0px 10px;
}
.applinfo2-con {
	margin-top: 30px;
}
.applinfo3-con {
	margin-top: 30px;
}
.applinfo4-con {
	margin-top: 30px;
}
.applinfo5-con {
	margin-top: 30px;
}
.applinfo6-con {
	margin-top: 30px;
}
.applinfo2-ul li {
	padding: 0px; width: 100%; margin-bottom: 20px;
}
.applinfo2-ul {
	margin: 0px;
}
.applinfo2-text {
	padding: 20px 12px; min-height: auto;
}
.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-one {
	padding: 75px 0px 80px;
}
.college-title {
	text-align: center; color: rgb(51, 51, 51); line-height: 48px; font-size: 40px; font-weight: bold;
}
.college-one .college-title {
	text-align: left;
}
.college-two .college-title {
	text-align: left;
}
.college-one-p {
	color: rgb(51, 51, 51); line-height: 32px; font-size: 20px; margin-top: 30px;
}
.college-two {
	
}
.college-two-top {
	
}
.college-two .college-title {
	float: left;
}
.college-two-topmenu {
	float: right;
}
.college-two-topmenu a {
	color: rgb(51, 51, 51); line-height: 48px; padding-left: 30px; font-size: 20px; margin-left: 60px; display: inline-block;
}
.college-two-topmenu a:first-child {
	margin-left: 0px;
}
.college-two-topmenu a.on {
	color: rgb(24, 47, 142); font-weight: bold; border-bottom-color: rgb(24, 47, 142); border-bottom-width: 2px; border-bottom-style: solid;
}
.college-two-bottom {
	margin-top: 50px;
}
.college-two-bottom1 {
	display: none; position: relative;
}
.college-two-bottom1.on {
	display: block;
}
.college2-menu {
	left: 0px; width: 100%; bottom: 38px; position: absolute; z-index: 5;
}
.college2-menu ul {
	width: 100%; position: relative;
}
.college2-menu ul::after {
	border: 1px dashed rgba(255, 255, 255, 0.24); border-image: none; left: 0px; top: 2px; width: 100%; height: 1px; position: absolute; content: "";
}
.college2-menu li {
	width: 14.28%; text-align: center; float: left;
}
.college2-menu li a {
	display: block;
}
.college2-menu li h4 {
	color: rgb(255, 255, 255); line-height: 30px; font-size: 16px; margin-top: 15px;
}
.college-dot {
	background: rgb(255, 255, 255); margin: 0px auto; border-radius: 50%; width: 6px; height: 6px; font-style: normal; display: block; position: relative;
}
.college-dot::before {
	border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.25); border-image: none; left: -7px; top: -7px; width: 20px; height: 20px; position: absolute; content: "";
}
.college2-menu li.on .college-dot {
	width: 10px; height: 10px; margin-top: -2px;
}
.college2-menu li.on .college-dot::before {
	left: -8px; top: -8px; width: 26px; height: 26px;
}
.college2-con1 {
	display: none; position: relative;
}
.college2-con1.on {
	display: block;
}
.college2-con1 a {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.college2-img {
	width: 100%;
}
.college2-text {
	height: 100%; position: relative;
}
.college2-ms {
	background: url("../imgs/college2-ba1_03.png") no-repeat center / cover; padding: 45px 35px; left: 8%; top: 25%; width: 54.78%; position: absolute;
}
.college2-ms h3 {
	color: rgb(255, 255, 255); line-height: 36px; overflow: hidden; font-size: 26px; margin-bottom: 15px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college2-ms p {
	color: rgb(255, 255, 255); line-height: 26px; overflow: hidden; font-size: 16px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.college2-ms span {
	color: rgb(255, 255, 255); line-height: 48px; font-size: 16px; margin-top: 30px; display: block;
}
.college2-dot {
	
}
.college2-dot span {
	background: rgba(255, 255, 255, 0.84); border-radius: 50%; width: 36px; height: 36px; text-align: center; color: rgb(102, 102, 102); line-height: 36px; font-size: 16px; display: inline-block;
}
.college2-dot-text {
	background: rgba(255, 255, 255, 0.8); border-radius: 5px; transition:0.5s; text-align: center; margin-top: 15px; position: relative; opacity: 1;
}
.college2-dot-text::before {
	background: url("../imgs/college2-bef_03.png") no-repeat center; left: 46%; top: -7px; width: 15px; height: 7px; position: absolute; content: "";
}
.college2-dot-text img {
	display: inline-block;
}
.college2-dot-text h5 {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 16px;
}
.college2-dot:hover .college2-dot-text {
	opacity: 1;
}
.college2-dot1 {
	
}
.college2-dot2 {
	
}
.college2-dot3 {
	
}
.college2-pxs {
	background: url("../imgs/college-pxs_03.png") no-repeat left;
}
.college2-hys {
	background: url("../imgs/college-hys_03.png") no-repeat left;
}
.college-twoapp {
	display: none;
}
.college-twoapp .college-two-topmenu {
	text-align: center; margin-bottom: 30px; float: none;
}
.college-twoapp .college2-ms {
	width: 66%; position: static;
}
.college2-appcon {
	padding: 30px;
}
.college2-swiper1 {
	position: relative;
}
.college2-pagination {
	padding: 30px 0px; text-align: center;
}
.college2-page {
	background: none !important; width: 100% !important; height: auto !important; text-align: center; display: inline-block !important; position: relative; opacity: 1 !important;
}
.college2-page::before {
	left: 0px; top: 10px; width: 100%; height: 1px; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; position: absolute; content: "";
}
.college2-page span {
	margin: 0px auto 10px; border-radius: 50%; border: 1px solid rgb(220, 220, 220); border-image: none; width: 20px; height: 20px; text-align: center; display: block; position: relative;
}
.college2-page span::before {
	position: absolute;
}
.college2-page span i {
	background: rgb(200, 200, 200); border-radius: 50%; width: 6px; height: 6px; display: inline-block;
}
.college2-page span em {
	background: rgb(200, 200, 200); border-radius: 50%; width: 6px; height: 6px; display: inline-block;
}
.college2-swiper .gallery-thumbs .swiper-slide-active .college2-page span i {
	background: rgb(17, 41, 139);
}
.college2-swiper .gallery-thumbs .swiper-slide-active .college2-page span em {
	background: rgb(17, 41, 139);
}
.college2-swiper {
	padding-bottom: 20px;
}
.college2-page h3 {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 18px;
}
.college2-swipera .swiper-button-prev {
	background: url("../imgs/about7-left.png") no-repeat center / 100% 100%; transition:0.5s; top: auto; width: 16px; height: 30px; bottom: 35px; opacity: 1 !important;
}
.college2-swipera .swiper-button-next {
	background: url("../imgs/about7-left.png") no-repeat center / 100% 100%; transition:0.5s; top: auto; width: 16px; height: 30px; bottom: 35px; opacity: 1 !important;
}
.college2-swipera .swiper-button-next {
	right: 40px; transform: rotate(180deg);
}
.college2-swipera .swiper-button-prev {
	left: 40px;
}
.college2-swipera .swiper-button-next:hover {
	background-image: url("../imgs/about7-left1.png");
}
.college2-swipera .swiper-button-prev:hover {
	background-image: url("../imgs/about7-left1.png");
}
.college-three {
	background: rgb(246, 246, 246); padding: 80px 0px;
}
.college3-swiper {
	padding-bottom: 50px; margin-top: 60px; position: relative;
}
.college3-swiper a {
	background: rgb(255, 255, 255); display: block;
}
.college3-img {
	position: relative;
}
.college3-img::before {
	background: url("../imgs/college-bf.png") no-repeat center rgba(0, 0, 0, 0.6); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.college2-swiper .gallery-thumbs {
	margin-top: 30px;
}
.college3-zbo {
	background: rgba(0, 0, 0, 0.45); padding: 0px 15px; border-radius: 0px 0px 15px 15px; height: 28px; color: rgb(255, 255, 255); line-height: 28px; font-size: 16px; position: absolute;
}
.college3-swiper a.on .college3-zbo {
	background-color: rgb(17, 41, 139);
}
.college3-img img {
	width: 100%;
}
.college3-zbo {
	
}
.college3-text {
	padding: 11px 25px; color: rgb(51, 51, 51); line-height: 48px; overflow: hidden; font-size: 18px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college3-swiper .swiper-pagination {
	width: 100%; text-align: center; bottom: 0px;
}
.college3-swiper .swiper-pagination-bullet {
	background: rgb(210, 210, 210); margin: 0px 5px; width: 10px; height: 10px; opacity: 1;
}
.college3-swiper .swiper-pagination-bullet-active {
	background-color: rgb(17, 41, 139);
}
.college-four {
	padding-top: 80px;
}
.college-four-con {
	margin-top: 60px;
}
.college4-left {
	width: 48.57%; float: left;
}
.college4-left a {
	background: rgb(247, 247, 247); display: block;
}
.college4-left-img {
	overflow: hidden;
}
.college4-left-img img {
	transition:0.5s; width: 100%;
}
.college4-left:hover .college4-left-img img {
	transform: scale(1.04);
}
.college4-left-text {
	padding: 30px 20px;
}
.college4-left-text span {
	width: 14.5%; color: rgb(136, 136, 136); line-height: 48px; padding-right: 20px; font-family: "Arial"; font-size: 28px; margin-top: 15px; border-right-color: rgb(222, 222, 222); border-right-width: 1px; border-right-style: solid; float: left; display: inline-block;
}
.college4-left-title {
	width: 82.6%; float: right;
}
.college4-left-title h3 {
	transition:0.5s; color: rgb(51, 51, 51); line-height: 40px; overflow: hidden; font-size: 20px; font-weight: bold; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college4-left:hover .college4-left-title h3 {
	color: rgb(17, 41, 139);
}
.college4-left-title p {
	color: rgb(85, 85, 85); line-height: 30px; overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college4-right {
	width: 45.35%; float: right;
}
.college4-right ul {
	
}
.college4-right li {
	padding: 39px 0px 40px; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
.college4-right li:first-child {
	padding-top: 0px;
}
.college4-right li a {
	display: block;
}
.college4-right li h5 {
	color: rgb(136, 136, 136); line-height: 28px; font-size: 14px; margin-bottom: 18px;
}
.college4-right li h5 span {
	font-family: "Arial"; display: inline-block;
}
.college4-right li h4 {
	transition:0.5s; left: 48px; color: rgb(51, 51, 51); overflow: hidden; font-size: 20px; margin-bottom: 5px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college4-right li:hover h4 {
	color: rgb(17, 41, 139);
}
.college4-right li p {
	color: rgb(136, 136, 136); line-height: 30px; overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college-five {
	padding: 80px 0px;
}
.college5-swiper {
	padding-bottom: 50px; margin-top: 50px; position: relative;
}
.college5-swiper .swiper-pagination {
	width: 100%; text-align: center; bottom: 0px;
}
.college5-swiper .swiper-pagination-bullet {
	background: rgb(210, 210, 210); margin: 0px 5px; width: 10px; height: 10px; opacity: 1;
}
.college5-swiper .swiper-pagination-bullet-active {
	background-color: rgb(17, 41, 139);
}
.college5-slide {
	
}
.college5-img {
	overflow: hidden;
}
.college5-img img {
	transition:0.5s; width: 100%;
}
.college5-slide:hover .college5-img img {
	transform: scale(1.04);
}
.college5-text {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(235, 235, 235) rgb(235, 235, 235); padding: 20px; border-image: none; text-align: center;
}
.college5-text h3 {
	transition:0.5s; color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 20px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college5-slide:hover .college5-text h3 {
	color: rgb(17, 41, 139);
}
.college5-text p {
	color: rgb(136, 136, 136); line-height: 30px; overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.college-six {
	padding-bottom: 80px;
}
.college6-con {
	
}
.college6-con ul {
	margin: 50px -12px 0px;
}
.college6-con li {
	padding: 0px 12px; width: 33.33%; margin-top: 20px; float: left;
}
.college6-con li a {
	background: rgb(247, 247, 247); padding: 30px 25px; display: block;
}
.college6-con li h3 {
	color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; padding-bottom: 10px; font-size: 20px; margin-bottom: 10px; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis;
}
.college6-con li h3::before {
	background: rgb(17, 41, 139); left: 0px; width: 25px; height: 2px; bottom: 0px; position: absolute; content: "";
}
.college6-con li h5 {
	color: rgb(119, 119, 119); line-height: 24px; font-size: 14px;
}
.college6-con li h5 span {
	font-family: "Arial"; display: inline-block;
}
.college-download {
	background: url("../imgs/college6-xiazai.png") no-repeat right 24px center; padding: 10px 56px 10px 18px; border: 1px solid rgb(204, 204, 204); transition:0.5s; border-image: none; color: rgb(102, 102, 102); line-height: 24px; font-size: 16px; margin-top: 20px; display: inline-block;
}
.college6-con li:hover .college-download {
	border-color: rgb(17, 41, 139); color: rgb(255, 255, 255); background-image: url("../imgs/college6-xiazai1.png"); background-color: rgb(17, 41, 139);
}
.college6-con li:hover h3 {
	color: rgb(17, 41, 139);
}
.msg-box-bg {
	background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 10001; opacity: 1 !important;
}
.msg-box {
	padding: 50px; left: 50%; top: 0px; width: 860px; height: 524px; margin-top: -262px; margin-left: -430px; position: absolute; box-shadow: 0px 5px 15px rgba(0,0,0,0.3); background-color: rgb(243, 243, 243);
}
.msg-box .close-box {
	transition:0.5s; top: 10px; width: 38px; height: 38px; right: 10px; color: rgb(102, 102, 102); font-size: 30px; position: absolute; cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s;
}
.msg-box .close-box:hover {
	transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);
}
@media all and (max-width:1679px)
{
.college2-dot3 {
	
}
.college2-dot2 {
	
}
.college2-dot1 {
	
}
.college2-ms {
	left: 8%; top: 20%;
}
}
@media all and (max-width:1600px)
{
.college2-dot1 {
	
}
.college2-dot2 {
	
}
.college2-dot3 {
	
}
}
@media all and (max-width:1530px)
{
.college2-dot1 {
	
}
.college2-dot2 {
	
}
}
@media all and (max-width:1459px)
{
.college4-left-text span {
	width: 17.5%;
}
.college4-left-title {
	width: 79.6%;
}
.college4-right li {
	padding: 27px 0px;
}
.college2-dot1 {
	
}
.college2-dot2 {
	
}
.college2-dot3 {
	
}
.college2-ms {
	left: 10%; top: 15%;
}
}
@media all and (max-width:1359px)
{
.college2-dot1 {
	
}
.college2-dot2 {
	right: 105px;
}
}
@media all and (max-width:1259px)
{
.msg-box {
	padding: 30px; width: 800px; height: 465px;
}
.msg-box .close-box {
	top: 5px; width: 24px; height: 24px; right: 5px; font-size: 24px;
}
.college4-left-text span {
	width: 23.5%;
}
.college4-left-title {
	width: 72.6%;
}
.college4-right li {
	padding: 15px 0px;
}
.college3-img::before {
	background-size: 45px 45px;
}
.college2-dot1 {
	
}
.college2-dot2 {
	
}
.college2-dot3 {
	
}
.college2-ms {
	padding: 35px; left: 5%; top: 10%;
}
}
@media all and (max-width:1149px)
{
.college2-dot2 {
	right: 35px;
}
.college2-dot1 {
	
}
}
@media all and (max-width:991px)
{
.msg-box {
	left: 63%; width: 600px; height: 365px;
}
.college4-left {
	width: 100%; float: none;
}
.college4-right {
	width: 100%; margin-top: 30px; float: none;
}
.college4-left-text span {
	width: 15.5%;
}
.college4-left-title {
	width: 80.6%;
}
.college-two {
	display: none;
}
.college-twoapp {
	display: block;
}
}
@media all and (max-width:767px)
{
.msg-box {
	left: 72%; width: 80%;
}
.college-title {
	line-height: 40px; font-size: 26px;
}
.college-one {
	padding: 40px 0px;
}
.college-two-bottom {
	margin-top: 40px;
}
.college-one-p {
	font-size: 17px;
}
.college-two-topmenu a {
	line-height: 36px; font-size: 16px; margin-left: 20px; background-size: 20px 20px;
}
.college-three {
	padding: 40px 0px;
}
.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 0px;
}
.college5-swiper {
	margin-top: 40px;
}
.college6-con ul {
	margin: 20px -6px 0px;
}
.college6-con li h3 {
	font-size: 18px;
}
.college6-con li {
	padding: 0px 6px; width: 50%; margin-top: 10px;
}
.college-download {
	background: url("../imgs/college6-xiazai.png") no-repeat right 16px center; padding: 6px 50px 6px 18px; font-size: 14px;
}
.college-six {
	padding-bottom: 40px;
}
.college4-left-text span {
	width: 22.5%; line-height: 30px; font-size: 20px;
}
.college4-left-title {
	width: 72.6%;
}
.college4-left-text {
	padding: 20px;
}
.college-twoapp .college2-ms {
	width: 80%;
}
.college2-swipera .swiper-button-prev {
	width: 14px; height: 26px;
}
.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 {
	line-height: 28px; font-size: 14px;
}
}
@media all and (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 all and (max-width:375px)
{
.msg-box {
	left: 124%;
}
}
@media all and (max-width:360px)
{
.msg-box {
	left: 129%;
}
}
@media all and (max-width:320px)
{
.msg-box {
	left: 144%; height: 300px;
}
}
@media all and (max-width:375px)
{
.college6-con li {
	padding: 0px; width: 100%;
}
.college6-con ul {
	margin: 0px;
}
}
@media all and (max-width:991px)
{
.inside-banner-text .dis-table .dis-cell {
	
}
}
.download {
	
}
.download-menu {
	text-align: center; margin-top: 50px;
}
.download-con {
	margin-top: 50px;
}
#box {
	margin-top: -40px; -ms-overflow-x: auto;
}
#box1 {
	white-space: normal;
}
.download-menu ul {
	display: inline-block;
}
.download-menu li {
	width: auto; float: left;
}
.download-menu li a {
	background: none; padding: 0px 40px; border-radius: 30px; transition:0.5s; color: rgb(51, 51, 51); line-height: 38px; font-size: 16px; display: block; position: relative;
}
.download-menu li a::before {
	background: rgb(220, 220, 220); top: 12px; width: 1px; height: 12px; right: 0px; position: absolute; content: "";
}
.download-menu li a.nobef::before {
	display: none;
}
.download-menu li:hover a::before {
	display: none;
}
.download-menu li.on a::before {
	display: none;
}
.download-menu li:hover a {
	background: rgb(29, 101, 176); color: rgb(255, 255, 255);
}
.download-menu li.on a {
	background: rgb(29, 101, 176); color: rgb(255, 255, 255);
}
#box table {
	margin-bottom: 25px;
}
#box .page {
	margin-top: 25px;
}
#box tr {
	width: 100%; text-align: left; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block;
}
#box tr:first-child {
	background: rgb(1, 104, 183);
}
#box th {
	padding: 25px 30px; color: rgb(255, 255, 255); line-height: 10px; font-size: 20px; font-weight: lighter;
}
#box th:first-child {
	min-width: 780px; max-width: 780px;
}
#box td:first-child {
	min-width: 780px; max-width: 780px;
}
#box th:nth-child(2) {
	min-width: 160px;
}
#box td:nth-child(2) {
	min-width: 160px;
}
#box th:nth-child(3) {
	min-width: 160px;
}
#box td:nth-child(3) {
	min-width: 160px;
}
#box td {
	padding: 25px 30px; transition:0.5s; color: rgb(102, 102, 102); line-height: 10px; overflow: hidden; font-size: 18px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#box tr:hover td {
	color: rgb(1, 104, 183);
}
#box tr a {
	background: url("../imgs/download.png") no-repeat center; transition:0.5s; width: 21px; height: 21px; display: inline-block;
}
#box tr:hover a {
	background-image: url("../imgs/download1.png");
}
.none#box1 {
	display: none;
}
@media all and (max-width:1260px)
{
#box th:first-child {
	min-width: 510px; max-width: 510px;
}
#box td:first-child {
	min-width: 510px; max-width: 510px;
}
}
@media all and (max-width:991px)
{
#box th {
	font-size: 16px;
}
#box td {
	font-size: 16px;
}
#box th:first-child {
	min-width: 300px; max-width: 300px;
}
#box td:first-child {
	min-width: 300px; max-width: 300px;
}
}
@media all and (max-width:740px)
{
#box {
	margin-top: -20px;
}
#box th {
	padding: 25px 8px;
}
#box td {
	padding: 25px 8px;
}
}
@media all and (max-width:640px)
{
#box {
	margin-top: -25px;
}
#box th:first-child {
	min-width: 335px;
}
#box td:first-child {
	min-width: 335px;
}
#box td {
	font-size: 16px;
}
#box th {
	font-size: 18px;
}
#box th {
	padding: 25px 8px;
}
#box td {
	padding: 25px 8px;
}
#box th:nth-child(3) {
	min-width: 130px;
}
#box td:nth-child(3) {
	min-width: 130px;
}
#box th:nth-child(2) {
	min-width: 100px;
}
#box td:nth-child(2) {
	min-width: 100px;
}
#box th:last-child {
	min-width: 60px;
}
#box td:last-child {
	min-width: 60px;
}
#box th:nth-child(3) {
	display: none;
}
#box td:nth-child(3) {
	display: none;
}
#box th:nth-child(2) {
	display: none;
}
#box td:nth-child(2) {
	display: none;
}
}
@media all and (max-width:375px)
{
#box-menu li a {
	padding: 0px 30px;
}
}
@media all and (max-width:320px)
{
#box-menu li a {
	padding: 0px 23px; line-height: 30px;
}
}
@media all and (max-width:360px)
{
#box th:first-child {
	min-width: 250px; max-width: 250px;
}
#box td:first-child {
	min-width: 250px; max-width: 250px;
}
}
.news-left p {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 16px; margin-bottom: 15px;
}
@media all and (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 all and (max-width:767px)
{
.proinfo2-text1 .proleft {
	width: 100%;
}
.proinfo2-text1 .proright {
	width: 100%; margin-top: 0px; float: none;
}
}
.foot-center {
	text-align: center; position: relative;
}
.foot-center a {
	background: none !important; margin: 0px 10px 0px 20px !important; padding: 0px !important; height: 32px !important; color: rgb(255, 255, 255) !important; line-height: 32px !important; font-size: 26px !important; float: left;
}
@media all and (max-width:991px)
{
.foot-center a {
	font-size: 20px !important;
}
}
@media all and (max-width:767px)
{
.foot-center {
	
}
.footer-right p {
	text-align: inherit;
}
}
.ewm {
	transform: translateX(-50%);
}
.ewm {
	left: 0px; top: 100%; width: 150px; height: 150px; display: none; position: absolute;
}
.ewms {
	left: 0px; top: 100%; width: 150px; height: 150px; display: none; position: absolute;
}
.bsBox {
	width: 232px !important; height: 256px !important;
}
.promenu-xl {
	display: inline-block; position: relative;
}
.promenu-xla {
	background: rgb(255, 255, 255); border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(17, 41, 139) rgb(17, 41, 139); padding: 0px 10px; border-image: none; left: 0px; top: 100%; width: 100%; height: auto; display: none; position: absolute; z-index: 999;
}
.promenu-xl:hover .promenu-xla {
	display: block;
}
.promenu-xl:hover .promenu-xl1 {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.promenu-xl1 {
	margin: 0px !important; padding: 0px 10px; border: 1px solid rgb(17, 41, 139); border-image: none;
}
.promenu-xl1 i {
	background: url("../imgs/promenu-down1.png") no-repeat right; width: 10px; height: 6px; padding-left: 20px; display: inline-block;
}
.promenu-xla a {
	margin: 0px !important; padding: 2px 0px; line-height: 24px; display: block; -ms-word-break: break-all;
}
.promenu-xl:hover .promenu-xl1 i {
	background-image: url("../imgs/promenu-down_03.png");
}
.pro1 a.on {
	color: rgb(24, 47, 142);
}
.college-two-bottom {
	margin-top: 50px; position: relative;
}
.college-two-bottom::before {
	background: url("../imgs/college2-baa.png") no-repeat center; left: 0px; width: 100%; height: 171px; bottom: 0px; position: absolute; z-index: 3; content: "";
}
.solutioninfo-eight {
	background-position: center !important; padding: 40px 0px 29px; text-align: center; background-repeat: no-repeat !important; background-size: 100% 100% !important;
}
.soluinfo8-con {
	
}
.soluinfo8-h1 {
	display: inline-block;
}
.soluinfo8-h1 img {
	margin-top: -7px; margin-right: 5px; display: inline-block;
}
.soluinfo8-h1 span {
	color: rgb(255, 255, 255); line-height: 34px; font-size: 24px; display: inline-block;
}
.soluinfo8-h2 {
	color: rgb(255, 255, 255); line-height: 36px; font-size: 26px; display: inline-block;
}
.soluinfo8-h2 span {
	display: inline-block;
}
.soluinfo8-phone {
	color: rgb(255, 255, 255); padding-right: 115px; font-family: "brant-b"; font-size: 36px; margin-top: 0px; margin-right: 10px; margin-left: 10px; display: inline-block; position: relative;
}
.soluinfo8-phoneimg {
	width: 51px; height: 51px; margin-left: 40px; display: inline-block; position: relative;
}
.soluinfo8-phoneimg img {
	animation:tel 1.3s ease-out infinite; width: 100%;
}
.soluinfo8-phoneimg::before {
	background: url("../imgs/soluinfo-time_03.png") no-repeat center / 100%; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: "";
}
.soluinfo8-phone::before {
	background: rgb(167, 167, 167); top: 50%; width: 80px; height: 1px; right: 0px; position: absolute; content: "";
}
@media all and (max-width:1680px)
{
.soluinfo5-swiper {
	padding: 0px 80px;
}
.soluinfo5-swiper .swiper-button-next {
	right: 0px;
}
.soluinfo5-swiper .swiper-button-prev {
	left: 0px;
}
}
@media all and (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 0px;
}
.soluinfo4-menu a {
	padding: 30px 20px;
}
.soluinfo6-txt {
	padding: 0px 20px;
}
.soluinfo6-con li.on .soluinfo6-txt {
	padding: 0px 100px;
}
.soluinfo6-txt span {
	font-size: 80px;
}
.soluinfo6-con li {
	height: 409px;
}
.soluinfo2-ul li.soluinfo2-bottom1 {
	left: 190px; top: 360px;
}
.soluinfo2-ul li.soluinfo2-top2 {
	left: 382px; top: -30px;
}
.soluinfo2-ul li.soluinfo2-bottom2 {
	left: 600px; top: 360px;
}
.soluinfo2-ul li.soluinfo2-top3 {
	top: -30px; right: 200px;
}
.soluinfo2-ul li.soluinfo2-bottom3 {
	top: 360px; right: 0px;
}
.soluinfo2-ul li {
	height: 328px;
}
.soluinfo2-ul {
	height: 656px; margin-top: 110px; background-size: 100% 150%;
}
.soluinfo2-ul li.soluinfo2-top1 {
	margin-top: -30px;
}
}
@media all and (max-width:1259px)
{
.solutioninfo1-li1 {
	left: 0px;
}
.solutioninfo1-li2 {
	right: 50px;
}
.solutioninfo1-li4 {
	margin-left: 30px;
}
.solutioninfo1-li5 {
	right: 0px;
}
.soluinfo4-menu a {
	line-height: 36px; font-size: 20px;
}
.soluinfo4-menu {
	width: 16.72%;
}
.soluinfo4-menu a {
	padding: 25px 0px;
}
.soluinfo7-con li {
	padding: 0px 10px;
}
.soluinfo7-con ul {
	margin: 0px -10px;
}
.soluinfo5-swiper {
	padding: 0px 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: 0px 30px;
}
.soluinfo2-icon {
	width: 160px; height: 144px;
}
.soluinfo2-ul li.soluinfo2-top1 {
	margin-top: 0px;
}
.soluinfo2-ul li.soluinfo2-bottom1 {
	left: 150px; top: 348px;
}
.soluinfo2-ul li.soluinfo2-top2 {
	left: 312px; top: 0px;
}
.soluinfo2-ul li.soluinfo2-bottom2 {
	left: 470px; top: 348px;
}
.soluinfo2-ul li.soluinfo2-top3 {
	top: 0px; right: 156px;
}
.soluinfo2-ul li.soluinfo2-bottom3 {
	top: 348px; right: 0px;
}
.soluinfo2-ul {
	height: 656px; margin-top: 80px; background-size: 100% 100%;
}
.soluinfo8-h1 {
	margin-bottom: 20px;
}
}
@media all and (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 {
	top: 60px; right: 0px;
}
.solutioninfo1-li3 {
	left: 100px; top: 145px;
}
.solutioninfo1-li4 {
	margin-top: 350px;
}
.soluinfo4-menu {
	width: 100%; position: static;
}
.soluinfo4-menu a {
	width: 25%;
}
.soluinfo4-menu a.on {
	padding: 25px 0px; 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 {
	padding: 0px 10px; width: 33.33%; height: auto; margin-top: 30px; float: left; position: static;
}
.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 all and (max-width:767px)
{
.soluinfo5-swiper .swiper-button-prev {
	display: none;
}
.soluinfo5-swiper .swiper-button-next {
	display: none;
}
.soluinfo5-swiper .swiper-pagination {
	margin-top: 20px; display: block;
}
.solutioninfo1-li2 {
	top: 70px;
}
.solutioninfo1-text h3 {
	padding: 10px 20px; font-size: 16px;
}
.solution-more {
	width: 160px; height: 40px;
}
.solution-more span {
	padding: 8px 0px; line-height: 26px; font-size: 15px;
}
.solutioninfo-title {
	line-height: 36px; font-size: 23px;
}
.solutioninfo-dec {
	font-size: 17px;
}
.solutioninfo-one {
	padding: 40px 0px;
}
.solutioninfo-three {
	padding: 40px 0px;
}
.solutioninfo-four {
	padding: 40px 0px;
}
.solutioninfo-fiv {
	padding: 40px 0px;
}
.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 {
	line-height: 32px; font-size: 17px;
}
.soluinfo5-swiper {
	padding: 0px 0px 40px;
}
.solutioninfo-four .solution-more {
	margin-top: 30px;
}
.solutioninfo-fiv .solution-more {
	margin-top: 30px;
}
.soluinfo4-menu a {
	padding: 15px 0px; font-size: 18px;
}
.soluinfo4-menu a.on {
	padding: 15px 0px; font-size: 18px;
}
.soluinfo6-appcon {
	margin-top: 30px;
}
.soluinfo7-con {
	margin-top: 30px;
}
.solutioninfo-six {
	padding: 40px 0px 80px;
}
.solutioninfo-seven {
	padding: 0px 0px 40px;
}
.soluinfo8-h1 span {
	font-size: 20px;
}
.soluinfo8-h2 {
	line-height: 36px; font-size: 21px;
}
.soluinfo8-phone {
	margin: 0px 15px; padding-right: 60px; padding-bottom: 0px; font-size: 30px; background-size: 30px 30px;
}
.soluinfo8-phone::before {
	top: 50%; width: 50px;
}
.soluinfo6-txt h3 {
	line-height: 30px; font-size: 20px;
}
.solutioninfo-one .solution-more {
	margin-top: 20px;
}
.soluinfo7-text h4 {
	font-size: 18px; margin-bottom: 0px;
}
.solutioninfo-eight {
	padding: 60px 0px;
}
.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 0px;
}
.soluinfo6-txt span {
	margin: 0px; font-size: 46px;
}
}
@media all and (max-width:640px)
{
.soluinfo2-bef {
	display: none;
}
.soluinfo3-tit {
	text-align: center; margin-top: 10px;
}
.soluinfo3-icon {
	margin: 0px auto; width: 55px; height: 55px;
}
.solutioninfo-three li {
	width: 33.33%;
}
.solutioninfo-three li.soluinfo3-right {
	float: left;
}
.soluinfo4-menu a {
	line-height: 30px; font-size: 16px;
}
.soluinfo4-menu a.on {
	line-height: 30px; font-size: 16px;
}
.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 {
	margin-bottom: 20px; position: static;
}
.solutioninfo1-text {
	margin-left: 50px; float: none;
}
.solutioninfo1-li4 {
	margin-top: 0px; margin-left: 0px;
}
.soluinfo8-h1 img {
	margin-top: 0px;
}
.soluinfo8-h1 span {
	font-size: 18px; margin-top: 15px;
}
.soluinfo8-h2 {
	line-height: 32px; font-size: 19px;
}
.soluinfo8-phone {
	padding-right: 55px; font-size: 22px; background-size: 20px 20px;
}
.solutioninfo-eight {
	padding: 40px 0px;
}
.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: 0px;
}
}
.banner {
	
}
.banner img {
	width: 100%; display: block;
}
.banner img.app-banner {
	display: none;
}
.banner-font {
	left: 0px; top: 100px; width: 100%; position: absolute;
}
.banner-font h3 {
	transition:1s 0.5s; opacity: 0; transform: translateY(-20px);
}
.banner-font h3 img {
	width: auto;
}
.banner-font h4 {
	transition:1s 0.7s; color: rgb(255, 255, 255); line-height: 60px; font-size: 50px; font-weight: bold; margin-bottom: 10px; opacity: 0; transform: translateY(-20px);
}
.banner-font h4 span {
	font-size: 50px; font-weight: 100;
}
.banner-font h5 {
	transition:1s 0.7s; color: rgb(255, 255, 255); line-height: 1; letter-spacing: 7px; font-size: 20px; margin-bottom: 60px; opacity: 0; transform: translateY(-20px);
}
.banner-line {
	background: rgb(255, 255, 255); margin: 23px 0px 20px; transition:1s 0.5s; width: 75px; height: 2px; opacity: 0; transform: translateY(-20px);
}
.banner-font li {
	text-align: center; margin-right: 60px; float: left; opacity: 0; transform: translateX(-20px);
}
.banner-font li p {
	color: white; line-height: 48px; font-size: 16px;
}
.banner-font li.banner-li1 {
	transition:1s 1s;
}
.banner-font li.banner-li2 {
	transition:1s 1.2s;
}
.banner-font li.banner-li3 {
	transition:1s 1.4s;
}
.banner-font.banner-font2 {
	top: 40%; transform: translateY(-50%);
}
.banner-font.banner-font2 h4 {
	text-align: center; font-size: 45px; font-weight: normal;
}
.banner-font.banner-font2 h4 span {
	font-family: "brant-b"; font-size: 52px; display: inline-block;
}
.banner-font.banner-font2 h5 {
	text-align: center; letter-spacing: normal; font-size: 22px; font-weight: normal;
}
.banner-font.banner-font2 h5 i {
	margin: 0px 5px; width: 1px; height: 30px; display: inline-block; position: relative;
}
.banner-font.banner-font2 h5 i::before {
	background: rgba(255, 255, 255, 0.6); left: 0px; width: 100%; height: 20px; bottom: -4px; position: absolute; content: "";
}
.banner .swiper-slide-active .banner-more {
	opacity: 1; transform: translateY(0px);
}
.banner .swiper-slide-active .banner-font h5 {
	opacity: 1; transform: translateY(0px);
}
.banner .swiper-slide-active .banner-font h3 {
	opacity: 1; transform: translateY(0px);
}
.banner .swiper-slide-active .banner-font h4 {
	opacity: 1; transform: translateY(0px);
}
.banner .swiper-slide-active .banner-line {
	opacity: 1; transform: translateY(0px);
}
.banner .swiper-slide-active .banner-font li {
	opacity: 1; transform: translateX(0px);
}
.banner .swiper-slide-active .banner-font li img {
	transition:0.4s;
}
.banner .swiper-slide-active .banner-font li:hover img {
	transform: scale(1.08);
}
.banner .swiper-pagination {
	bottom: 30px !important;
}
.banner .swiper-pagination-bullet {
	background: rgb(255, 255, 255); margin: 0px 5px !important; border-radius: 0px; width: 50px; height: 3px; opacity: 1;
}
.banner .swiper-pagination-bullet-active {
	background: rgb(17, 41, 139);
}
.banner .swiper-button-next {
	background: url("../imgs/about7-left11.png") no-repeat center / 20px 38px rgba(51, 51, 51, 0.5); width: 50px; height: 80px; text-align: center; color: white; line-height: 80px; font-size: 30px; margin-top: -27.5px; opacity: 0;
}
.banner .swiper-button-prev {
	background: url("../imgs/about7-left11.png") no-repeat center / 20px 38px rgba(51, 51, 51, 0.5); width: 50px; height: 80px; text-align: center; color: white; line-height: 80px; font-size: 30px; margin-top: -27.5px; opacity: 0;
}
.banner .swiper-button-prev {
	left: 0px;
}
.banner .swiper-button-next {
	right: 0px; transform: rotate(180deg);
}
.banner .swiper-button-prev:hover {
	background-color: rgba(17, 41, 139, 0.7);
}
.banner .swiper-button-next:hover {
	background-color: rgba(17, 41, 139, 0.7);
}
.banner:hover .swiper-button-next {
	opacity: 1;
}
.banner:hover .swiper-button-prev {
	opacity: 1;
}
.banner-font.banner-font2 h3 img {
	display: inline-block;
}
.banner-font.banner-font2 h3 {
	text-align: center;
}
.banner-font.banner-font2 .banner-line {
	margin: 23px auto 20px;
}
@media all and (max-width:1459px)
{
.category-a {
	padding: 0px 37px;
}
.foot-left {
	width: 22%;
}
.foot-mid {
	margin-left: 25px;
}
.foot-mid dl {
	width: 140px;
}
.banner-font.banner-font2 h3 img {
	width: 45%;
}
}
@media all and (max-width:1259px)
{
.category-a {
	padding: 0px 20px;
}
.foot-mid dl {
	width: 130px;
}
.foot-mid {
	margin-left: 0px;
}
.foot-right {
	display: none;
}
.banner .swiper-button-next {
	width: 26px; height: 50px;
}
.banner .swiper-button-prev {
	width: 26px; height: 50px;
}
.banner .swiper-button-next {
	display: none;
}
.banner .swiper-button-prev {
	display: none;
}
}
@media all and (max-width:991px)
{
.header {
	display: none !important;
}
.foot {
	display: none !important;
}
.kf {
	display: none !important;
}
.header-app {
	display: block;
}
.foot-app {
	display: block;
}
.kefu {
	display: block;
}
.banner {
	padding-right: 0px; margin-top: 60px;
}
.banner-font h3 {
	line-height: 40px; font-size: 40px;
}
.banner-line {
	margin: 12px 0px; width: 50px;
}
.banner-font h4 {
	line-height: 40px; font-size: 40px;
}
.banner-font h5 {
	line-height: 18px; font-size: 18px;
}
.banner-more {
	background-position: 15px; padding: 0px 15px 0px 50px; width: 130px; height: 35px; line-height: 35px; font-size: 14px; margin-top: 30px;
}
.banner .swiper-pagination-bullet {
	width: 30px;
}
.banner img.app-banner {
	height: 350px; display: block;
}
.banner img.pc-banner {
	display: none;
}
.banner .swiper-pagination {
	bottom: 23px !important;
}
.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 all and (max-width:767px)
{
.soluinfo8-phone::before {
	width: 30px;
}
.soluinfo8-phone {
	margin: 0px 5px; padding-right: 50px;
}
.header-app .logo img {
	width: 134px; height: 36px;
}
.footer-left {
	width: 100%; float: none;
}
.footer-right {
	text-align: center; margin-top: 20px; float: left;
}
.banner-font h3 img {
	width: 100px;
}
.banner-font h4 {
	line-height: 30px; font-size: 24px;
}
.banner-font h4 span {
	font-size: 24px;
}
.banner-font h5 {
	letter-spacing: 2px; font-size: 16px; margin-bottom: 30px;
}
.banner-font li {
	margin-right: 30px;
}
.banner-font li img {
	width: 50px;
}
.banner-font li p {
	line-height: 34px; font-size: 14px;
}
.banner-font {
	top: 43px;
}
.banner-font.banner-font2 h4 {
	font-size: 24px; margin-bottom: 0px;
}
.banner-font.banner-font2 h4 span {
	font-size: 30px;
}
.banner-font.banner-font2 h5 {
	font-size: 16px;
}
.banner-font.banner-font2 h3 img {
	width: 55%;
}
}
.applinfo2 {
	position: relative;
}
.applinfo-right.sctop {
	background: rgb(255, 255, 255); padding: 10px; top: 100px; right: 5%; position: fixed !important; z-index: 20;
}
.applinfo-right.scbot {
	top: 0px; right: 0px; position: absolute;
}
.applinfo-right.scbot2 {
	right: 0px; bottom: 0px; position: absolute;
}
@media all and (max-width:1259px)
{
.applinfo-right.sctop {
	top: 50px; right: 7%;
}
}
@media all and (max-width:991px)
{
.applinfo-right.sctop {
	position: static;
}
}
.pro2 a {
	font-size: 18px;
}
.appli-menu-a.cat1 {
	width: 100%;
}
.deepen-box {
	margin: auto; width: 73%;
}
#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 0px 0px; padding-left: 20px;
}
.deepen-box .des h5 {
	color: rgb(51, 51, 51); line-height: 22px; font-size: 16px; margin-bottom: 5px;
}
.deepen-box .des p {
	color: rgb(102, 102, 102); font-size: 12px; margin-bottom: 20px;
}
.deepen-box li {
	
}
.img-yyc {
	top: 0%; width: 100%; height: 100%; text-align: center; display: none; position: absolute;
}
.img-yyc .pic-tb {
	
}
.outer-div {
	background: rgba(0, 0, 0, 0.7); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 2;
}
.outer-div .inner-div {
	position: absolute;
}
.outer-div .inner-div .bigimg {
	border: 1px solid white; border-image: none;
}
.ygfccha {
	top: -2%; right: 0%; display: none; position: absolute;
}
.ygfczhou {
	width: 32px; margin-right: 20px; display: none;
}
.ygfcyou {
	width: 32px; margin-left: 20px; display: none;
}
@media all and (max-width:768px)
{
.deepen-box {
	margin: auto; width: 90%;
}
.deepen-box .des h5 {
	font-size: 14px;
}
.ygfccha {
	top: 105%; right: 44%; font-size: 18px; position: absolute;
}
.ygfczhou {
	left: -10%; top: 40%; margin-right: 0px; position: absolute;
}
.ygfcyou {
	top: 40%; right: -10%; margin-left: 0px; position: absolute;
}
}
.key_x {
	
}
.key_x span {
	padding: 10px 0px; font-size: 18px; display: inline-block;
}
.keylist_x {
	margin-top: 5px;
}
.keylist_x a {
	padding: 5px 10px; border-radius: 5px; border: 1px solid rgb(102, 102, 102); border-image: none; color: rgb(102, 102, 102); margin-bottom: 10px; display: inline-block;
}
.keylist_x a.active {
	background: rgb(24, 47, 142); border: 1px solid rgb(24, 47, 142); border-image: none; color: rgb(255, 255, 255);
}
.college2-bot1 {
	display: none; position: relative;
}
.college2-bot1.on {
	display: block;
}
.college2pc-top {
	
}
.college2pc-thu {
	left: 0px; width: 100%; bottom: 38px; position: absolute; z-index: 5;
}
.college2pc-top .college2-con1 {
	display: block;
}
.college2pc-thu .swiper-slide {
	text-align: center; padding-top: 10px; position: relative;
}
.college2pc-thu .swiper-container::before {
	border: 1px dashed rgba(255, 255, 255, 0.24); border-image: none; left: 0px; top: 12px; width: 100%; height: 1px; position: absolute; content: "";
}
.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 {
	color: rgb(51, 51, 51); line-height: 48px; padding-left: 30px; font-size: 17px; margin-left: 60px; display: inline-block;
}
.college-two-appmenu a:first-child {
	margin-left: 0px;
}
.college-two-appmenu a.on {
	color: rgb(24, 47, 142); font-weight: bold; border-bottom-color: rgb(24, 47, 142); border-bottom-width: 2px; border-bottom-style: solid;
}
.college2pc-thu .swiper-slide-active .college-dot::before {
	left: -8px; top: -8px; width: 26px; height: 26px;
}
.college2-menu {
	bottom: 0px; display: block; position: relative;
}
.college2-menu h4 {
	color: rgb(255, 255, 255); line-height: 30px; font-size: 16px; margin-top: 15px;
}
.college2pc-top .swiper-button-next {
	display: none;
}
.college2pc-top .swiper-button-prev {
	display: none;
}
.college2-swiperb .swiper-button-prev {
	background: url("../imgs/about7-left.png") no-repeat center / 100% 100%; transition:0.5s; top: auto; width: 16px; height: 30px; bottom: 35px; opacity: 1 !important;
}
.college2-swiperb .swiper-button-next {
	background: url("../imgs/about7-left.png") no-repeat center / 100% 100%; transition:0.5s; top: auto; width: 16px; height: 30px; bottom: 35px; opacity: 1 !important;
}
.college2-swiperb .swiper-button-next {
	right: 40px; transform: rotate(180deg);
}
.college2-swiperb .swiper-button-prev {
	left: 40px;
}
.college2-swiperb .swiper-button-next:hover {
	background-image: url("../imgs/about7-left1.png");
}
.college2-swiperb .swiper-button-prev:hover {
	background-image: url("../imgs/about7-left1.png");
}
.college-two-appmenu {
	text-align: center; margin-bottom: 20px;
}
.college-two-appmenu a {
	color: rgb(51, 51, 51); line-height: 48px; padding-left: 30px; font-size: 17px; margin-left: 60px; display: inline-block;
}
.college-two-appmenu a:first-child {
	margin-left: 0px;
}
.college-two-appmenu a.on {
	color: rgb(24, 47, 142); font-weight: bold; border-bottom-color: rgb(24, 47, 142); border-bottom-width: 2px; border-bottom-style: solid;
}
@media all and (max-width:767px)
{
.college2-swiperb .swiper-button-prev {
	width: 14px; height: 26px;
}
.college2-swiperb .swiper-button-next {
	width: 14px; height: 26px;
}
.college2-swiperb .swiper-button-prev {
	left: 30px;
}
.college2-swiperb .swiper-button-next {
	right: 30px;
}
}
@media all and (max-width:640px)
{
.college2-swiperb .swiper-button-next {
	right: 15px;
}
.college2-swiperb .swiper-button-prev {
	left: 15px;
}
}
.college2-appcon {
	position: relative;
}
.college2-appcon img {
	width: 100%;
}
.college2-appcon {
	padding: 0px;
}
.college-twoapp .college2-ms {
	left: 50%; top: 50%; width: 80%; position: absolute; transform: translate(-50%, -50%);
}
.zcfw {
	
}
.zcfw-one {
	padding: 73px 0px;
}
.zcfwone-con {
	margin-top: 46px;
}
.zcfwone-ul {
	margin: 0px -10px;
}
.zcfwone-ul li {
	padding: 0px 10px; width: 25%; float: left;
}
.zcfwone-ul li > div {
	border: 1px solid rgb(237, 237, 237); border-image: none;
}
.zcfwone-img {
	overflow: hidden;
}
.zcfwone-img img {
	transition:0.5s; width: 100%;
}
.zcfwone-txt {
	padding: 16px 13px 39px 15px;
}
.zcfwone-txt span {
	background: linear-gradient(rgba(66, 57, 148, 0.5), rgb(255, 255, 255)); color: transparent; line-height: 60px; font-family: "din-b"; font-size: 50px; display: inline-block; -webkit-background-clip: text;
}
.zcfwone-txt p {
	height: 56px; color: rgb(102, 102, 102); line-height: 28px; font-size: 16px; 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 {
	margin: 10px 0px; padding: 0px 10px; width: 33.33%; float: left;
}
.zcfwtw-ul li > div {
	padding: 45px 30px 62px; border: 1px solid rgb(237, 237, 237); border-image: none;
}
.zcfwtw-img {
	transition:0.5s; width: 126px; height: 126px; text-align: center; line-height: 126px; overflow: hidden; position: relative;
}
.zcfwtw-img::before {
	background: url("../imgs/zcfwtw-bef.png") no-repeat center / 100% 100%; transform-origin: center center; transition:0.5s; left: 50%; top: 50%; width: 0px; height: 0px; position: absolute; content: ""; transform: translateX(-50%) translateY(-50%);
}
.zcfwtw-ul li:hover .zcfwtw-img::before {
	width: 100%; height: 100%;
}
.zcfwtw-img img {
	transition:0.5s; height: 100%; display: inline-block; position: relative; max-width: 100%;
}
.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 {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 22px;
}
.zcfwtw-txt p {
	height: 78px; color: rgb(102, 102, 102); line-height: 26px; font-size: 16px; margin-top: 10px;
}
.zcfw-three {
	padding-bottom: 80px;
}
.zcfwthr-con {
	margin-top: 47px;
}
.zcfwthr-ul {
	margin: -10px;
}
.zcfwthr-ul li {
	margin: 10px 0px; padding: 0px 10px; width: 50%; float: left;
}
.zcfwthr-ul li > div {
	padding: 35px 20px 33px; border: 1px solid rgb(237, 237, 237); border-image: none;
}
.zcfwthr-icon {
	width: 55px; height: 55px; overflow: hidden; float: left;
}
.zcfwthr-icon img {
	transition:0.5s; width: 100%;
}
.zcfwthr-ul li:hover .zcfwthr-icon img {
	transform: translateY(-100%);
}
.zcfwthr-txt {
	color: rgb(102, 102, 102); line-height: 30px; font-size: 16px; margin-left: 70px;
}
.zcfwthr-txt span {
	display: block;
}
@media all and (max-width:1459px)
{
.zcfwtw-txt p {
	height: 104px;
}
.zcfwone-txt p {
	height: 84px;
}
}
@media all and (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 all and (max-width:991px)
{
.zcfwone-ul li {
	margin: 10px 0px; width: 33.33%;
}
.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 all and (max-width:767px)
{
.zcfw-one {
	padding: 40px 0px;
}
.zcfwone-ul li {
	width: 50%;
}
.zcfwone-txt p {
	height: 56px;
}
.zcfwone-ul li:last-child {
	transform: none;
}
.zcfwone-txt span {
	line-height: 40px; font-size: 40px;
}
.zcfwone-con {
	margin-top: 25px;
}
.zcfwtw-con {
	margin-top: 25px;
}
.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 {
	height: 104px; font-size: 15px;
}
.zcfwtw-ul li > div {
	padding: 30px 25px 40px;
}
.zcfw-two {
	padding: 20px 0px 40px;
}
.zcfwthr-icon {
	width: 50px; height: 50px;
}
.zcfwthr-txt {
	font-size: 15px; margin-left: 60px;
}
.zcfw-three {
	padding: 20px 0px 40px;
}
}
@media all and (max-width:640px)
{
.zcfwone-ul li {
	width: 100%;
}
.zcfwone-txt p {
	height: auto;
}
.zcfwtw-txt p {
	height: 156px;
}
.zcfwthr-ul li {
	width: 100%;
}
.zcfwtw-ul li {
	width: 100%;
}
.zcfwthr-txt {
	height: auto;
}
.zcfwtw-txt p {
	height: auto;
}
}