:root{

	--main-color: #00a0f3;

}

.wrap{width: 1200px;margin: 0 auto;}

.wrap1360{width: 1360px;margin: 0 auto;}

/* 导航 */

header{

	width: 100%;

	position: fixed;

	top: 0;

	z-index: 9999;

	background-color: #fff;

    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

    transition: 0.5s;

}

header.tosmall{

	top: -100%;

}

.headerbox{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: center;

	width: 93.75%;

	margin: 0 auto;

}

.headerbox .logo{

	position: relative;

	flex-shrink: 0;

	/* height: 63px; */

  width: 276px;

  padding: 0;

}

.headerbox .logo img{

	/* height: 63px; */

	width: auto;

}

.headerbox .menu{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: center;

	flex-shrink: 0;

}

.headerbox .menu .menulist.isSingleMenu {

  position: relative;

}

.headerbox .menu .menulist{

	/* position: relative; */

	margin: 0 30px;

}

.headerbox .menu .menulist>a{

	display: block;

	height: 120px;

	line-height: 120px;

	color: #333;

	font-size: 18px;

	transition: 0.3s;

}

.headerbox.tosmall .menu .menulist>a{

	line-height: 90px;

	height: 90px;

}

.headerbox .menu .menulist:hover>a,

.headerbox .menu .menulist.on>a{

	color: var(--main-color);

}

.headerbox .menu .menulist:hover .sub {

  margin-top: 0;

  opacity: 1;

  pointer-events: auto;

}

.headerbox .menu .menulist.nopos{

	position: static;

}

.headerbox .hotline{

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	justify-content: center;

	flex-shrink: 0;

}

.headerbox .hotline .telbox>span{

	font-size: 18px;

	color: #333;

	width: 90px;

    display: inline-block;

    text-align: right;

}

.headerbox .hotline .telbox>a{

	font-size: 28px;

	color: var(--main-color);

}

.headerbox .menulist.isSingleMenu .sub {

  width: 580px;

  left: 50%;

  transform: translate(-50%, 0);

  box-shadow: 0 5px 25px rgb(0 0 0 / 30%);

  text-align: left;

  border-radius: 4px;

}

.headerbox .menulist .sub {

  width: 100%;

  position: absolute;

  top: 120px;

  left: 0%;

  z-index: 90;

  opacity: 0;

  margin-top: 10px;

  pointer-events: none;

  transition: margin .3s,opacity .3s;

}

.headerbox .menulist>ul>li#m2 {

  position: static;

}

.headerbox .menulist .sub .wrap {

  width: 96%;

  max-width: 1600px;

}

.headerbox .menulist .sub .top_a {

  overflow: hidden;

  background: #fff;

  padding-top: 40px;

  padding-bottom: 40px;

}

.headerbox .menulist .sub .top_a .top_a_l {

  float: left;

  overflow: hidden;

  width: 32.75%;

  border-right: 1px solid #e5e5e5;

}

.headerbox .menulist .sub .top_a .top_a_l .imgs {

  width: 96%;

  margin: 0 auto;

  max-width: 330px;

  overflow: hidden;

  margin-top: 33px;

  margin-bottom: 33px;

}

.headerbox .menulist .sub .top_a .top_a_l .imgs img {

  display: block;

  width: 100%;

  transform: scale(1);

  transition: all 0.3s ease-out 0s;

}

.headerbox .menulist .sub .top_a .top_a_l .imgs:hover img {

  transform: scale(1.1, 1.1);

}

.headerbox .menulist .sub .top_a .top_a_r {

  overflow: hidden;

  padding-bottom: 15px;

}

.headerbox .menulist .sub .top_a .top_a_r dl {

  width: 96%;

  max-width: 966px;

  float: right;

}

.headerbox .menulist .sub .top_a .top_a_r dd {

  float: left;

  width: 25%;

  text-align: left;

  margin-bottom: 2%;

}

.headerbox .menulist .sub .top_a .top_a_r dd .cons {

  width: 98%;

  margin-top: 14px;

  overflow: hidden;

}

.headerbox .menulist .sub .top_a .top_a_r dd .cons a {

  float: left;

  font-size: 16px;

  color: #666666;

  height: 36px;

  line-height: 36px;

  display: inline-block;

  clear: both;

  overflow: hidden;

}

.headerbox .menulist .sub .top_a .top_a_r dd .cons a:hover {

  color: #63c6ed;

  text-decoration: underline;

}

.headerbox .menulist .sub .top_a .top_a_r dd .h4 {

  font-weight: bold;

  color: #333333;

  font-size: 18px;

  height: 24px;

  line-height: 24px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  padding-left: 15px;

  position: relative;

}

.headerbox .menulist .sub .top_a .top_a_r dd .h4:after {

  content: "";

  position: absolute;

  left: 0;

  height: 20px;

  top: 50%;

  margin-top: -10px;

  width: 3px;

  background: #63c6ed;

}

.headerbox .menulist .sub .top_a .top_a_r dd:hover .h4 {

  color: #63c6ed;

}

.headerbox .menulist .sub ul {

  background: #f5f5f5;

  position: relative;

}

.headerbox .menulist .sub li:last-child a {

  border-bottom: none;

}

.headerbox .menulist .sub li a {

  display: block;

  height: 50px;

  line-height: 50px;

  text-align: center;

  font-size: 16px;

  white-space: nowrap;

  padding: 0 20px;

  color: #666666;

}

.headerbox .menulist .sub ul {

  background: #fff;

  border-radius: 4px;

  padding: 4px 0;

  position: relative;

}

.headerbox .menulist .sub li:last-child a {

  border-bottom: none;

}

.headerbox .menulist .sub li a {

  display: block;

  height: 40px;

  line-height: 40px;

  text-align: center;

  white-space: nowrap;

  padding: 0 20px;

  color: #333;

}

.headerbox .menulist .sub li a:hover {

  color: var(--main-color);

  background: #f8f8f8;

}

.headerbox .menulist .sub li {

  display: inline-block;

  vertical-align: top;

  text-align: left;

  margin-bottom: 35px;

}

.headerbox .menulist .sub li:nth-child(2) {

  margin-top: 31px;

  width: 317px;

  overflow: hidden;

  height: 203px;

}

.headerbox .menulist .sub li:nth-child(2) img {

  display: block;

  width: 100%;

  transform: scale(1);

  transition: all 0.3s ease-out 0s;

}

.headerbox .menulist .sub li:nth-child(2):hover img {

  transform: scale(1.1, 1.1);

}

.headerbox .menulist .sub li:first-child {

  margin-top: 35px;

  border-right: 1px solid #eaeaea;

  min-height: 194px;

  width: 146px;

  margin-left: 40px;

  margin-right: 42px;

}

.headerbox .menulist .sub li a {

  padding-left: 0;

  padding-right: 0;

  text-align: left;

}





.cycle-box {

  --size: 40px;

  --time: 4s;

  --b-c: var(--main-color);

  --b-w: 3px;

  position: relative;

  width: var(--size);

  height: var(--size);

}

.cycle-box .cycle-son {

  position: absolute;

  top: 0;

  height: var(--size);

  width: calc(var(--size)*0.5);

  overflow: hidden;

}

.cycle-box .cycle-son::before {

  box-sizing: border-box;

  content: '';

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.cycle-box .left-c {

  left: 0;

}

.cycle-box .left-c::before {

  transform-origin: right center;

  border-radius: calc(var(--size)*0.5) 0 0 calc(var(--size)*0.5);

  border: var(--b-w) solid var(--b-c);

  border-right: 0;

  transform: rotate(-180deg);

}

.cycle-box .right-c {

  right: 0;

}

.cycle-box .right-c::before {

  transform-origin: left center;

  border-radius: 0 calc(var(--size)*0.5) calc(var(--size)*0.5) 0;

  border: var(--b-w) solid var(--b-c);

  border-left: 0;

  transform: rotate(-180deg);

}

.cycle-box.run .left-c::before {

  transform: rotate(0deg);

  animation: cycle-left var(--time) linear;

}

.cycle-box.run .right-c {

  right: 0;

}

.cycle-box.run .right-c::before {

  transform: rotate(0deg);

  animation: cycle-right var(--time) linear;

}

.cycle-box-h:hover .left-c::before {

  transform: rotate(0deg);

  animation: cycle-left var(--time) linear;

}

.cycle-box-h:hover .right-c {

  right: 0;

}

.cycle-box-h:hover .right-c::before {

  transform: rotate(0deg);

  animation: cycle-right var(--time) linear;

}

.run .cycle-box .left-c::before {

  animation: cycle-left var(--time) linear;

}

.run .cycle-box .right-c {

  right: 0;

}

.run .cycle-box .right-c::before {

  animation: cycle-right var(--time) linear;

}

@keyframes cycle-left {

  0% {

    transform: rotate(-180deg);

  }

  50% {

    transform: rotate(-180deg);

  }

  100% {

    transform: rotate(0deg);

  }

}

@keyframes cycle-right {

  0% {

    transform: rotate(-180deg);

  }

  50% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(0deg);

  }

}

/* 首页banner */

.homebanner,.neibanner{

	margin-top: 120px;

}

.homebanner .hbswiper .swiper-slide>a{

	position: relative;

	display: block;

}

.homebanner .hbswiper .swiper-slide>a>img{

	display: block;

  height: 550px;

  object-fit: cover;

}

.homebanner .hbswiper .swiper-slide>a .textbox{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

    display: flex;

	display: -webkit-flex;

    align-items: center;

}

.homebanner .hbswiper .swiper-slide>a .textbox h2{

	font-size: 60px;

	color: #fff;

	font-weight: bold;

	line-height: 1;

	margin-bottom: 28px;

}

.homebanner .hbswiper .swiper-slide>a .textbox h3{

	font-size: 32px;

	color: #fff;

	font-weight: normal;

	line-height: 1;

	margin-bottom: 34px;

}

.homebanner .hbswiper .swiper-slide>a .textbox p{

	font-size: 24px;

	color: #fff;

	font-weight: normal;

	line-height: 1;

	padding-left: 16px;

	position: relative;

}

.homebanner .hbswiper .swiper-slide>a .textbox p:before{

	content: "";

	display: block;

	width: 4px;

	height: 24px;

	position: absolute;

	top: 0;

	left: 0;

	background-color: #6ddaff;

}

.homebanner .hbswiper .swiper-pagination{

	bottom: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

}

.homebanner .hbswiper .swiper-pagination .swiper-pagination-bullet{

  --cw: 12px;

  position: relative;

  border-radius: 50%;

  box-sizing: border-box;

  border: 2px solid var(--main-color);

  width: var(--cw);

  height: var(--cw);

	border-radius: 50%;

	opacity: 1;

  background: transparent;

	margin: 0 10px;

}

.homebanner .hbswiper .swiper-pagination .swiper-pagination-bullet-active{

	/* background-color: transparent; */

}

.homebanner .hbswiper .swiper-pagination-bullet {

  margin: 0 6px;

  background: transparent;

  cursor: pointer;

  opacity: 1;

}

.homebanner .hbswiper .cycle-box ,

.homebanner .hbswiper .cycle-box * {

  box-sizing: border-box;

}

.homebanner .hbswiper .cycle-box {

  --size: var(--cw);

  display: block;

  position: absolute;

  left: -2px;

  top: -2px;

}

.homebanner .hbswiper .cycle-box .cycle-son::before {

  --b-c: #ffffff;

  --b-w: 2px;

}

.evenbg{

	background-color: #f4f4f4;

}

.index-bg1 {

  background: url(../images/index-bg1.jpg) no-repeat center/cover;

}

.index-bg2 {

  background: url(../images/index-bg2.jpg) no-repeat center/cover;

}

.waibox{

	padding: 70px 0;

	position: relative;

	overflow: hidden;

}

.waibox .htitle{

	text-align: center;

	font-size: 32px;

	color: #333;

	margin-bottom: 10px;

}

.waibox .htitle>span{

	font-weight: bold;

}

.waibox .hdes{

	text-align: center;

	font-size: 18px;

	color: #666;

}

.waibox .hdes>span{

	font-weight: bold;

}

.waibox .hcontent{

	position: relative;

}

.homepro{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	padding: 40px 0;

}

.homepro .partbox{

	width: calc(33.333333% - 16px);

	background:linear-gradient(30deg,#752ae6 0%,#00a0f3 100%);

	border-radius: 5px;

	color: #fff;

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	opacity: 0;

	transition: 0.3s;

}

.homepro.activeed .partbox{

	opacity: 1;

	-webkit-animation: donghua1 1s ;

    animation: donghua1 1s ;

}

@keyframes donghua1{

    from {transform: rotateY(90deg);}

    50% {transform: rotateY(-30deg);}

    to {transform: rotateY(0deg);}

}

@-webkit-keyframes donghua1{

    from {transform: rotateY(90deg);}

    50% {transform: rotateY(-30deg);}

    to {transform: rotateY(0deg);}

}

.homepro .partbox .top{

	width: 100%;

	padding: 40px 15px;

	box-sizing: border-box;

	text-align: center;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.homepro .partbox .top .title{

	width: 100%;

	font-size: 32px;

	font-weight: bold;

	margin-bottom: 5px;

}

.homepro .partbox .top .des{

	font-size: 16px;

}

.homepro .partbox .mid{

	width: 100%;

	padding: 24px 50px;

	box-sizing: border-box;

	font-size: 16px;

	line-height: 1.6;

	text-align: center;

	flex-grow: 1;

}

.homepro .partbox .mid .listbox{

	text-align: left;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

}

.homepro .partbox .mid .listbox2 span{

	display: inline-block;

	padding-left: 36px;

	position: relative;

	font-size: 16px;

}

.homepro .partbox .mid .listbox2-li {

  display: block;

  padding: 5px 0;

}

.homepro .partbox .mid .listbox2 span:hover{

	text-decoration: underline;

}

.homepro .partbox .mid .listbox2 span:before{

	content: "";

	display: block;

	width: 6px;

	height: 6px;

	background-color: #059ef1;

	border-radius: 50%;

	border: 3px solid #fff;

	position: absolute;

	top: 50%;

	left: 11px;

	transform: translateY(-50%);

}

.homepro .partbox .bottom{

	width: 100%;

	text-align: center;

	align-self: flex-end;

	padding: 22px 0 44px;

}

.homepro .partbox .bottom>a{

  display: inline-block;

	padding: 14px 44px;

	border-radius: 25px;

	border: 1px solid #fff;

	transition: 0.3s;

}

.homepro .partbox .bottom>a:hover{

  background: linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

}

.waibox .bdes{

	text-align: center;

	font-size: 18px;

	color: #333;

	margin-bottom: 15px;

}

.waibox .bdes>span{

	font-weight: bold;

}

.textct{text-align: center;}

.xxybtn{

	display: inline-block;

	font-size: 14px;

	color: #fff;

	line-height: 54px;

	padding: 0 88px;

	background:linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

	border-radius: 27px;

}

.xxybtn:hover {

  box-shadow: 0 5px 20px 0px rgba(0,160,243,.4);

}

.fourq1{

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	justify-content: space-between;

	padding: 40px 0 10px;

}

.fourq1 .partbox{

	background-color: #fff;

	width: calc(50% - 15px);

	display: flex;

	display: -webkit-flex;

	align-items: center;

	margin-bottom: 30px;

}

.fourq1 .partbox .colorline{

	width: 5px;

	height: 100%;

	background:linear-gradient(0deg,#752ae6 0%,#00a0f3 100%);

}

.fourq1 .partbox .iconbox{

	padding: 34px 45px;

}

.fourq1 .partbox .textbox{

	color: #333;

	font-size: 14px;

}

.fourq1 .partbox .textbox>.title{

	color: #333;

	font-size: 30px;

	font-weight: bold;

	margin-bottom: 15px;

}

.fourq1 .partbox .textbox>.des{

	line-height: 1.8;

}

.fourq1 .partbox .textbox>.des span{

	color: #666;

}

.fourq1 .partbox .numbox{

	flex-grow: 1;

	display: flex;

	display: -webkit-flex;

	justify-content: flex-end;

	padding-right: 20px;

}

.fourq1.activeed .partbox .numbox svg path{

	stroke-dashoffset: 500px;

	stroke-dasharray: 500px;

	-webkit-animation: svg1 3s linear forwards;

    animation: svg1 3s linear forwards;

}

@keyframes svg1{

    to{

		stroke-dashoffset: 0;

	}

}

@-webkit-keyframes svg1{

    to{

		stroke-dashoffset: 0;

	}

}

.waibox .bdes.fc666{

	color: #666;

}

.waibox .bdes.fs24{

	font-size: 24px;

}

.fourq2{

	display: flex;

	display: -webkit-flex;

	width: 486px;

	flex-wrap: wrap;

	padding: 30px 0 40px;

}

.fourq2 .partbox{

	width: 486px;

	background-color: #fff;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	margin-bottom: 20px;

	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

}

.fourq2 .colorline{

	width: 5px;

	height: 0%;

	background:linear-gradient(0deg,#752ae6 0%,#00a0f3 100%);

	align-self: flex-end;

	transition: 0.5s;

}

.fourq2 .partbox:hover .colorline{

	height: 100%;

}

.fourq2 .textbox{

	background: url(../images/goubg.png) 35px 25px no-repeat;

	padding: 25px 0 25px 76px;

	margin-bottom: 5px;

}

.fourq2 .textbox .title{

	font-size: 18px;

	color: #222;

	margin-bottom: 5px;

}

.fourq2 .textbox .title>span{

	font-size: 22px;

	font-weight: bold;

}

.fourq2 .textbox .des{

	font-size: 14px;

	color: #666;

	line-height: 1.6;

}

.hsolution{

	display: flex;

	display: -webkit-flex;

	border-radius: 5px;

	overflow: hidden;

	padding: 30px 0 70px;

}

.hsolution .lpart{

	width: 50%;

	padding: 40px 58px;

	box-sizing: border-box;

	background: url(../images/hsbg2.jpg) 0 0 no-repeat;

	color: #fff;

}

.hsolution .lpart .title{

	font-size: 30px;

	font-weight: bold;

}

.hsolution .lpart .des{

	font-size: 16px;

	font-weight: normal;

	padding-bottom: 26px;

	position: relative;

}

.hsolution .lpart .des:after{

	content: "";

	display: block;

	width: 52px;

	height: 2px;

	background-color: #fff;

	position: absolute;

	bottom: 0;

	left: 0;

}

.hsolution .lpart .hsfenlei{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	flex-wrap: wrap;

	padding-top: 28px;

	padding-bottom: 20px;

}

.hsolution .lpart .hsfenlei .partbox{

	width: calc(50% - 10px);

	border: 1px solid rgba(255, 255, 255, 0.4);

	padding: 10px 20px;

	box-sizing: border-box;

    margin-bottom: 20px;

	transition: 0.3s;

}

.hsolution .lpart .hsfenlei .partbox.active{

	background-color: #fff;

	color: #666;

	transition: 0.3s;

}

.hsolution .rpart{

	width: 50%;

	box-sizing: border-box;

	background-color: #fff;

    position: relative;

}

.hsolution .rpart .partbox{

	padding: 40px 58px;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

	z-index: 0;

	transition: 0.3s;

}

.hsolution .rpart .partbox.active{

	opacity: 1;

	z-index: 1;

	transition: 0.3s;

}

.hsolution .rpart .partbox .title{

	font-size: 24px;

	color: #333;

}

.hsolution .rpart .partbox .des{

	font-size: 16px;

	color: #999;

	margin-bottom: 26px;

}

.hsolution .rpart .partbox .text1{

	margin-bottom: 26px;

}

.hsolution .rpart .partbox .text1>h2{

	font-size: 16px;

	color: #333;

	padding-bottom: 10px;

}

.hsolution .rpart .partbox .text1>p{

	font-size: 14px;

	color: #666;

	line-height: 1.6;

}

.hsolution .rpart .partbox .text2>h3{

	font-size: 16px;

	color: #333;

	padding-bottom: 10px;

}

.hsolution .rpart .partbox .text2>.des2{

	font-size: 14px;

	color: #666;

	line-height: 2;

}

.fajs{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	flex-wrap: wrap;

	padding: 17px 0 30px;

}

.fajs .partbox{

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	flex-direction: column;

	align-items: center;

	width: 150px;

	height: 150px;

	background:linear-gradient(40deg,#752ae6 0%,#00a0f3 100%);

	border-radius: 50%;

	margin: 47px 30px;

	color: #fff;

	box-shadow: 0 0 0 30px rgba(20, 139, 241, 0.2);

}

.fajs .partbox:hover{

	-webkit-animation: fajsbg 1.5s infinite;

    animation: fajsbg 1.5s infinite;

}

@keyframes fajsbg{

    from {box-shadow: 0 0 0 30px rgba(20, 139, 241, 0.2),0 0 0 0px rgba(20, 139, 241, 0.2);}

    to {box-shadow: 0 0 0 30px rgba(20, 139, 241, 0.0),0 0 0 30px rgba(20, 139, 241, 0.2);}

}

@-webkit-keyframes fajsbg{

    from {box-shadow: 0 0 0 30px rgba(20, 139, 241, 0.2),0 0 0 0px rgba(20, 139, 241, 0.2);}

    to {box-shadow: 0 0 0 30px rgba(20, 139, 241, 0.0),0 0 0 30px rgba(20, 139, 241, 0.2);}

}

.htry{

	height: 400px;

	overflow: hidden;

	border-radius: 5px;

	margin-top: 35px;

	margin-bottom: 60px;

}

.htry .htcontent{

	position: relative;

	height: 100%;

}

.htry .htcontent .partbox{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	background-color: #fff;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	opacity: 0;

	z-index: 0;

	transition: 0.3s;

}

.htry .htcontent .partbox.active{

	opacity: 1;

	z-index: 2;

	transition: 0.3s;

}

.htry .htcontent .partbox .imgbox{

	width: 50%;

}

.htry .htcontent .partbox .textbox{

	width: 50%;

	padding: 60px;

	box-sizing: border-box;

}

.htry .htcontent .partbox .textbox .title{

	font-size: 24px;

	color: #333;

	font-weight: bold;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	margin-bottom: 10px;

}

.htry .htcontent .partbox .textbox .title>span{

	display: inline-block;

	font-size: 14px;

	height: 30px;

	line-height: 30px;

	border-radius: 15px;

	margin-right: 10px;

	padding: 0 28px ;

	background-color: #dedede;

}

.htry .htcontent .partbox .textbox .title>span.trysp{

	background:linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

	color: #fff;

}

.htry .htcontent .partbox .textbox .tedian{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	margin-top: 30px;

}

.htry .htcontent .partbox .textbox .des{

	font-size: 16px;

	color: #666;

	padding-left: 6px;

	padding-top: 10px;

}

.htry .htcontent .partbox .textbox .des>span{

	font-weight: bold;

}

.htry .htcontent .partbox .textbox .tedian .tdbox .tdimg{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

	width: 80px;

	height: 80px;

	background:linear-gradient(40deg,#752ae6 0%,#00a0f3 100%);

	border-radius: 50%;

}

.htry .htcontent .partbox .textbox .tedian .tdbox .tddes{

	text-align: center;

	font-size: 16px;

	color: #666;

	margin-top: 15px;

}

.tdfenlei{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

}

.tdfenlei .tdflbox{

	height: 74px;

	background-color: #fff;

	border-radius: 37px;

	position: relative;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	padding: 0 56px;

}

.tdfenlei .tdflbox .tdfl{

	padding: 0 20px;

	margin: 0 22px;

	line-height: 74px;

	position: relative;

	font-size: 18px;

	color: #666;

}

.tdfenlei .tdflbox .tdfl:after{

	content: "";

	display: block;

	width: 0%;

	height: 4px;

	background:linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

	position: absolute;

	bottom: 0;

	left: 0;

	transition: 0.3s;

}

.tdfenlei .tdflbox .tdfl.active:after{

	width: 100%;

}

.tdfenlei .tdflbox .tdfl:hover:after{

	width: 100%;

	transition: 0.3s;

}

.tdfenlei .tdflbox .rpart{

	width: 80px;

	height: 80px;

	background:linear-gradient(40deg,#752ae6 0%,#00a0f3 100%);

	border-radius: 50%;

	position: absolute;

	right: -26px;

	top: 50%;

	transform: translateY(-50%);

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	color: #fff;

	box-shadow: 0 0 0 30px rgba(20, 139, 241, 0.2);

}

.tdfenlei .tdflbox .rpart:hover{

	-webkit-animation: fajsbg 1.5s infinite;

    animation: fajsbg 1.5s infinite;

}

.hcase{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

	margin-top: 30px;

	margin-bottom: 70px;

}

.hcase .partbox{

	display: flex;

    display: -webkit-flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;

    width: 100px;

    height: 100px;

    border-radius: 50%;

    margin: 0 38px;

    color: #666;

    border: 1px solid var(--main-color);

}

.hcase .partbox.active{

    background: linear-gradient(40deg,#752ae6 0%,#00a0f3 100%);

    color: #fff;

}

.hcase .partbox .icon{

	overflow: hidden;

}

.hcase .partbox.active .icon>img{

    transform: translateX(0px);

}

.hcase .partbox .icon>img{

	transform: translateX(-40px);

    filter: drop-shadow(40px 0 0 #0c94f2);

}

.hcase .partbox .des{

	font-size: 14px;

}

.hcaseswiper .partbox{

	display: flex;

    display: -webkit-flex;

    justify-content: space-between;

}

.hcaseswiper .partbox .textbox{

	width: 490px;

}

.hcaseswiper .partbox .textbox .title{

	font-size: 24px;

	color: #333;

	margin-bottom: 45px;

}

.hcaseswiper .partbox .textbox .text1{

	font-size: 16px;

	color: #666;

	line-height: 1.6;

	margin-bottom: 10px;

}

.hcaseswiper .partbox .textbox .text1>.bt{

	font-size: 18px;

	color: #333;

}

.hcaseswiper .partbox .textbox .btn{

	padding-top: 50px;

}

.hcaseswiper .partbox .textbox .btn>a{

	display: inline-block;

	font-size: 14px;

	color: #999;

	line-height: 54px;

	padding: 0 47px;

	margin-right: 20px;

	border-radius: 27px;

	background-color: #fff;

	border: 1px solid #e5e5e5;

	transition: 0.3s;

}

.hcaseswiper .partbox .textbox .btn>a:hover{

	color: #fff;

	background:linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

  box-shadow: 10px 5px 20px 0px rgba(0,160,243,.4);

}

.hcaseswiper .partbox .imgbox{

	width: 650px;

	margin-left: 60px;

	border-radius: 5px;

}

.rbbgbox{

	position: absolute;

	bottom: 0;

	right: 0;

	transform: translate(50px,50px);

}

.circle1{

	position: absolute;

	bottom: 60px;

	left: -240px;

	width: 480px;

	height: 480px;

	border: 80px solid #ecfafb;

	border-radius: 50%;

	z-index: 0;

	box-sizing: border-box;

}

.circle2{

	position: absolute;

	bottom: -260px;

	left: 65%;

	width: 920px;

	height: 920px;

	border: 100px solid #cfecf4;

	border-radius: 50%;

	z-index: 0;

	box-sizing: border-box;

}

.activeed.circle1{

	-webkit-animation: circle1 1s forwards;

    animation: circle1 1s forwards;

}

.activeed.circle2{

	-webkit-animation: circle1 1s forwards;

    animation: circle2 1s forwards;

}

@keyframes circle1{

    from {transform: translateX(-240px);}

    to {transform: translateX(0);}

}

@-webkit-keyframes circle1{

    from {transform: translateX(-240px);}

    to {transform: translateX(0);}

}

@keyframes circle2{

    from {transform: translateX(240px);}

    to {transform: translateX(0);}

}

@-webkit-keyframes circle2{

    from {transform: translateX(240px);}

    to {transform: translateX(0);}

}

.hform{

	background-color: #fff;

	margin-top: 40px;

	border-radius: 5px;

	padding-top: 60px;

    padding-bottom: 75px;

}

.hform .tedian{

	display: flex;

    display: -webkit-flex;

    justify-content: space-between;

}

.hform .tedian .partbox{

	text-align: center;

	font-size: 20px;

	color: #333;

	font-weight: bold;

}

.hform .tedian .partbox .imgbox{

	display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    width: 120px;

    height: 120px;

    background: linear-gradient(40deg,#752ae6 0%,#00a0f3 100%);

    border-radius: 50%;

    margin-bottom: 24px;

}

.midpart{

	text-align: center;

	margin-top: 60px;

}

.midpart .hline{

	height: 1px;

	background-color: #e5e5e5;

}

.midpart .hfbtn{

	display: inline-block;

    font-size: 14px;

    color: #fff;

    line-height: 54px;

    padding: 0 88px;

    background: linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

    border-radius: 27px;

    transform: translateY(-50%);

}

#formbox{

	display: flex;

    display: -webkit-flex;

    justify-content: space-between;

    align-items: center;

    border-radius: 27px;

    height: 54px;

    border: 1px solid #e5e5e5;

    padding-left: 30px;

}

#formbox>div{

	font-size: 14px;

	color: #999;

	width: 25%;

	border-right: 1px solid #e5e5e5;

}

#formbox>div:nth-child(3){

	border: unset;

}

#formbox>div>input{

	width: 100%;

}

#formbox input{

	height: 54px;

	outline: none;

	border: none;

}

#formbox input[type="submit"]{

	color: #fff;

    background: linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

    padding: 0 38px;

    border-radius: 27px;

}

#formbox input[type="button"]{

	color: #fff;

    background: linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

    padding: 0 38px;

    border-radius: 27px;

}

.hasales{

	display: flex;

    display: -webkit-flex;

    justify-content: space-between;

    padding: 40px 0;

}

.hasales .partbox{

	background-color: #fff;

	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

	border-radius: 5px;

	padding: 60px 43px 0;

	width: calc(25% - 18px);

	box-sizing: border-box;

	min-height: 340px;

	overflow: hidden;

	display: flex;

    display: -webkit-flex;

    flex-direction: column;

    transition: 0.3s;

}

.hasales .partbox .imgbox{

	margin-bottom: 25px;

}

.hasales .partbox .textbox{

	flex-grow: 1;

}

.hasales .partbox .textbox .title{

	font-size: 18px;

	color: #333;

	margin-bottom: 10px;

}

.hasales .partbox .textbox .des{

	font-size: 14px;

	color: #999;

	line-height: 1.6;

}

.hasales .partbox .hasnum{

	font-size: 80px;

	color: #000;

	opacity: 0.1;

	transform: translateY(45%);

	font-weight: bold;

	transition: 0.3s;

}

.hasales .partbox:hover{

	transform: translateY(-10px);

}

.hasales .partbox:hover .hasnum{

	-webkit-animation: hasdh 1s linear forwards;

    animation: hasdh 1s linear forwards;

}

@keyframes hasdh{

    0% {transform: translateY(45%);}

    20% {transform: translateY(calc(45% + 10px));}

    50% {transform: translateY(0);}

    100%{transform: translateY(20px)}

}

@-webkit-keyframes hasdh{

    from {box-shadow: 0 0 0 30px rgba(20, 139, 241, 0.2),0 0 0 0px rgba(20, 139, 241, 0.2);}

    to {box-shadow: 0 0 0 30px rgba(20, 139, 241, 0.0),0 0 0 30px rgba(20, 139, 241, 0.2);}

}

.yybtn{

	padding: 0 140px 0 40px;

	position: relative;

}

.yybtn>img{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	right: 30px;

}

.hnews{

  margin: 0 -15px;

}

.hnews .hnewsswiper {

  margin-bottom: -30px;

	padding: 40px 15px;

}

.hnews .hnewsswiper .swiper-slide {

  height: auto;

}

.hnews .hnewsswiper .partbox{

	background-color: #fff;

  box-sizing: border-box;

	border-radius: 5px;

  height: 100%;

	padding: 30px;

  box-shadow: 0 0px 15px 0px rgba(0,160,243,.1);

}

.hnews .hnewsswiper .partbox .imgbox{

	border-radius: 11px 11px 0 0 ;

	height: 235px;

	overflow: hidden;

	margin-bottom: 30px;

}

.hnews .hnewsswiper .partbox .time{

	display: flex;

  margin-bottom: 10px;

  line-height: 20px;

  font-size: 14px;

  color: #666;

}

.hnews .hnewsswiper .partbox .time .box1{

	padding-left: 21px;

  padding-top: 1px;

	background: url(../images/timebg.png) 0 center no-repeat;

	padding-right: 19px;

}

.hnews .hnewsswiper .partbox .time .box2{

	padding-left: 21px;

	background: url(../images/classbg.png) 0 center no-repeat;

}

.hnews .hnewsswiper .partbox .title{

	font-size: 20px;

	color: #1b2336;

	margin-bottom: 10px;

	height: 25px;

    overflow: hidden;

}

.hnews .hnewsswiper .partbox .des{

	font-size: 14px;

	color: #666;

	margin-bottom: 20px;

	line-height: 1.6;

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    margin-bottom: 25px;

}

.hnews .hnewsswiper .partbox .hnbtn{

	display: inline-block;

	padding: 0 50px;

  border-radius: 28px;

  height: 56px;

  line-height: 56px;

  border: 1px solid #e5e5e5;

  box-sizing: border-box;

  transition: 0.3s;

  font-size: 14px;

  color: #666;

}

.hnews .hnewsswiper .partbox .hnbtn:hover{

	color: #fff;

  background: linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

  border: unset;

  box-shadow: 0 5px 20px 0px rgba(0,160,243,.4);

}

footer{

	background-color: #181818;

}

.footertop{

	display: flex;

    display: -webkit-flex;

    justify-content: space-between;

    padding-top: 66px;

}

.footertop .menu{

	display: flex;

    display: -webkit-flex;

}

.footertop .menu .partbox{

	margin-right: 50px;

	display: flex;

    display: -webkit-flex;

    flex-direction: column;

}

.footertop .menu .partbox .title{

	font-size: 18px;

	color: #fff;

	margin-bottom: 20px;

}

.footertop .menu .partbox .zifenlei{

	font-size: 14px;

	color: #666;

	transition: 0.3s;

	margin-bottom: 10px;

}

.footertop .menu .partbox .zifenlei:hover{

	font-size: 14px;

	color: #fff;

	transform: translateX(3px);

}

.footertop .xinxi{

	display: flex;

    display: -webkit-flex;

    flex-direction: column;

    text-align: right;

    color: #fff;

}

.footertop .xinxi .text1{

	font-size: 14px;

	opacity: 0.4;

	margin-bottom: 10px;

}

.footertop .xinxi .text2{

	font-size: 14px;

	margin-bottom: 10px;

}

.footertop .xinxi .foottel{

	font-size: 24px;

	margin-bottom: 10px;

}

.footertop .xinxi .imgbox{

	margin-bottom: 20px;

}

.footertop .friendlink{

	display: flex;

    display: -webkit-flex;

    justify-content: flex-end;

    margin-top: 50px;

    position: relative;

}

.footertop .friendlink .flink{

	display: flex;

    display: -webkit-flex;

    width: 160px;

}

.footertop .friendlink .flink .fll{

	border: 1px solid #666;

	border-radius: 5px 0 0 5px;

	height: 44px;

	font-size: 14px;

	line-height: 44px;

	flex-grow: 1;

	text-align: left;

	padding-left: 15px;

	color: #666;

}

.footertop .friendlink .flink .flr{

	border: 1px solid #666;

	border-left: none;

	border-radius: 0 5px 5px 0;

	height: 44px;

	width: 40px;

	display: flex;

    display: -webkit-flex;

    justify-content: center;

    align-items: center;

}

.footertop .friendlink .flinkbox{

	position: absolute;

	bottom: 100%;

	right: 0;

	width: 160px;

	border: 1px solid #666;

	border-radius: 5px;

	box-sizing: border-box;

	display: flex;

    display: -webkit-flex;

    flex-direction: column;

    line-height: 2;

    background-color: #181818;

    text-align: left;

    font-size: 14px;

    padding-left: 15px;

    color: #666;

    z-index: -1;

    opacity: 0;

    transition: 0.3s;

}

.footertop .friendlink:hover .flinkbox{

	z-index: 1;

	opacity: 1;

}

.footertop .friendlink .flinkbox a:hover{

	color: #fff;

}

.footertop .friendlink:hover .flink .fll{

	color: #fff;

}

.footertop .friendlink:hover .flink .flr>svg{

	transform: rotate(-90deg);

}

.copyright{

	font-size: 14px;

	color: #666;

	display: flex;

    display: -webkit-flex;

    justify-content: space-between;

    align-items: center;

    padding: 40px 0;

}

.copyright a{

	transition: 0.3s;

}

.copyright a:hover{

	color: #fff;

}

.copyright .social-share>a{

	border: none;

	color: #666;

}

.copyright .social-share>a:hover{

	background: unset;

}

/* 导航调整 */

@media screen and (max-width: 1600px){

.headerbox .menu .menulist{margin: 0 15px;}

.headerbox .hotline .telbox>span{font-size: 16px;}

.headerbox .hotline .telbox>a{font-size: 20px;}

}

@media screen and (max-width: 1400px){

.headerbox{width: 97%;}

.headerbox .menu .menulist{margin: 0 7px;}

}

@media screen and (max-width: 1200px){

body{width: 1300px}

}

/* 产品 */

.neibanner{

	position: relative;

}
.neibanner img{
	max-width: 100%;
}
.neibanner .textbox{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	display: flex;

    display: -webkit-flex;

    justify-content: center;

    flex-direction: column;

    color: #fff;

}

.neibanner .textbox h1{

	font-size: 60px;

	font-weight: bold;

	line-height: 1;

	margin-bottom: 30px;

}

.neibanner .textbox .des{

	font-size: 24px;

	padding-left: 12px;

	border-left: 4px solid #fff;

	line-height: 1;

}

.topfenlei{

	display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    padding-bottom: 70px;

}

.xxybtn2{

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	font-size: 16px;

	color: #666;

	line-height: 54px;

	margin: 0 12px;

	width: 220px;

	border-radius: 27px;

	background-color: #fff;

	transition: 0.3s;

    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

}

.xxybtn2.on,.xxybtn2:hover{

	color: #fff;

	background:linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

}

.xxybtn2>.imgbox{

	margin-right: 10px;

	overflow: hidden;

}

.xxybtn2.on>.imgbox>img,.xxybtn2:hover>.imgbox>img{

	transform: translateX(-40px);

    filter: drop-shadow(40px 0 0 #fff);

}

.prolist{

	display: flex;

	display: -webkit-flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}

.prolist .partbox{

	width: calc(25% - 18px);

	height: 230px;

	background-color: #fff;

    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

    padding: 46px 37px;

    border-radius: 5px;

    margin-bottom: 40px;

    margin-right: 24px;

    box-sizing: border-box;

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	flex-direction: column;

}

.prolist .partbox:nth-child(4n){

	margin-right: 0;

}

.prolist .partbox .imgbox{

	margin-bottom: 40px;

	transition: 0.3s;

	max-width: 40px;

}

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

.prolist .partbox .textbox .title{

	font-size: 18px;

	color: #333;

	line-height: 1;

	margin-bottom: 10px;

}

.prolist .partbox .textbox .des{

	font-size: 14px;

	color: #666;

	line-height: 1.6;

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.prolist .partbox .jiantou{

	height: 0;

	opacity: 0;

	transition: 0.3s;

}

.prolist .partbox:hover{

	background: url(../images/prolibg.jpg);

}

.prolist .partbox:hover .imgbox{

	opacity: 0;

	margin-bottom: 0;

	height: 0;

	order: 1;

}

.prolist .partbox:hover .textbox{

	order: 0;

}

.prolist .partbox:hover .textbox .title,.prolist .partbox:hover .textbox .des{

	color: #fff;

}

.prolist .partbox:hover .jiantou{

	height: unset;

	opacity: 1;

	order: 2;

	-webkit-animation: jiantou 1s infinite;

    animation: jiantou 1s infinite;

}

@keyframes jiantou{

    from {transform: translateX(0px);}

    50% {transform: translateX(10px);}

    to {transform: translateX(0px);}

}

@-webkit-keyframes jiantou{

    from {transform: translateX(0px);}

    50% {transform: translateX(10px);}

    to {transform: translateX(0px);}

}

/* 翻页 */

.xxypage{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

	padding-top: 10px;

}

.xxypage>a{

	width: 60px;

	height: 42px;

	border-radius: 5px;

	margin: 0 3px;

	border: 1px solid #e5e5e5;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

	color: #333;

	background-color: #fff;

	transition: 0.3s;

}

.xxypage>a.on,.xxypage>a:hover{

	background:linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

	color: #fff;

}

.sollist{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.sollist .partbox{

	width: calc(33.33% - 16px);

	background-color: #f7f7f7;

    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

    border-radius: 5px;

    overflow: hidden;

    box-sizing: border-box;

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	margin-bottom: 25px;

	transition: 0.3s;

}

.sollist .partbox .imgbox{

	height: 233px;

	overflow: hidden;

	position: relative;

}

.sollist .partbox .imgbox>img{

	transition: 0.3s;

}

.sollist .partbox .imgbox .more{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	transition: 0.3s;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

	background-color: rgba(0, 0, 0, 0.2);

}

.sollist .partbox .textbox{

	padding: 22px 38px;

	text-align: center;

	transition: 0.3s;

}

.sollist .partbox .textbox .title{

	font-size: 18px;

	color: #333;

	transition: 0.3s;

	margin-bottom: 15px;

}

.sollist .partbox .textbox .des{

	font-size: 14px;

	line-height: 1.6;

	color: #666;

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.sollist .partbox:hover{

	background:linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

}

.sollist .partbox:hover .imgbox .more{

	opacity: 1;

}

.sollist .partbox:hover .imgbox .more>div{

	color: #fff;

	border: 1px solid #fff;

	width: 160px;

	height: 50px;

	border-radius: 25px;

	text-align: center;

	line-height: 50px;

}

.sollist .partbox:hover .imgbox .more>div:hover{

	background:linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

	border: none;

}

.sollist .partbox:hover .textbox .title{

	color: #fff;

}

.sollist .partbox:hover .textbox .des{

	color: #fff;

}

.sollist .partbox:hover .imgbox>img{

	transform: scale(1.1);

}

.padtb100{padding: 100px 0;}

.casesel{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 60px;

}

.casesel .title{

	font-size: 30px;

	color: #333;

	font-weight: bold;

}

.casesel .select{

	font-size: 15px;

	color: #333;

	width: 276px;

	height: 48px;

	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

	border-radius: 24px;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

	position: relative;

}

.casesel .select .topbox{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: space-between;

	padding: 0 26px;

	width: 100%;

}

.casesel .select .selectli{

	position: absolute;

	top: 48px;

	left: 0;

	width: 100%;

	opacity: 0;

	pointer-events: none;

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	align-items: center;

	justify-content: space-between;

	transition: 0.3s;

	z-index: -1;

	background-color: #fff;

	border-radius: 24px;

  overflow-y: auto;

  max-height: 300px;

	text-align: center;

	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

}

.casesel .select .selectli>a{

	width: 100%;

	line-height: 48px;

	padding: 0 26px;

	box-sizing: border-box;

	transition: 0.3s;

}

.casesel .select:hover .selectli{

	opacity: 1;

	z-index: 1;

	pointer-events: auto;

}

.casesel .select .selectli>a:hover{

	background-color: #f5f5f5;

	color: var(--main-color);

}

.caselist{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-bottom: 50px;

}

.caselist .partbox{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	width: calc(50% - 13px);

	height: 200px;

	overflow: hidden;

	border-radius: 8px;

	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

	margin-bottom: 25px;

}

.caselist .partbox .imgbox{

	width: 300px;

	overflow: hidden;

	flex-shrink: 0;

}

.caselist .partbox .imgbox>img{

	transition: 0.3s;

}

.caselist .partbox .textbox{

	padding: 0 30px;

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	justify-content: center;

}

.caselist .partbox .textbox .title{

	font-size: 18px;

	color: #333;

	font-weight: bold;

	margin-bottom: 15px;

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    transition: 0.3s;

}

.caselist .partbox .textbox .des{

	font-size: 14px;

	color: #666;

	line-height: 1.6;

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.caselist .partbox:hover .imgbox>img{

	transform: scale(1.1);

}

.caselist .partbox:hover .textbox .title{

	color: var(--main-color);

}

.servicelist{

	background-color: #fff;

	padding: 60px;

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

}

.servicelist .partbox{

	width: calc(25% - 19px);

	border-radius: 8px;

	overflow: hidden;

	border: 1px solid #dcdcdc;

	box-sizing: border-box;

}

.servicelist .partbox .title{

	background:linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

	font-size: 18px;

	color: #fff;

	text-align: center;

	height: 60px;

	line-height: 60px;

}

.servicelist .partbox .des{

	font-size: 14px;

	color: #333;

	padding: 10px;

	line-height: 30px;

	text-align: center;

}

.newslist .partbox{

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: center;

	height: 189px;

	overflow: hidden;

	padding-bottom: 40px;

	margin-bottom: 40px;

	border-bottom: 1px solid #eaeaea;

}

.newslist .partbox .imgbox{

	width: 261px;

	height: 100%;

	overflow: hidden;

	flex-shrink: 0;

}

.newslist .partbox .imgbox>img{

	transition: 0.3s;

}

.newslist .partbox .textbox{

	flex-grow: 1;

	padding: 0 112px 0 28px;

}

.newslist .partbox .textbox .title{

	font-size: 22px;

	color: #333;

	margin-bottom: 15px;

	transition: 0.3s;

}

.newslist .partbox .textbox .des{

	font-size: 14px;

	color: #888;

	line-height: 30px;

}

.newslist .partbox .time{

	font-size: 41px;

	color: #e0e0e0;

	width: 178px;

	height: 100%;

	flex-shrink: 0;

	border-left: 1px solid #eaeaea;

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	align-items: flex-end;

	justify-content: center;

}

.newslist .partbox .time .years{

	font-size: 26px;

	font-weight: bold;

}

.newslist .partbox:hover .imgbox>img{

	transform: scale(1.1);

}

.newslist .partbox:hover .textbox .title{

	color: var(--main-color);

}

.about{

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	height: 523px;

	overflow: hidden;

}

.about .imgbox{

	width: 560px;

	overflow: hidden;

	flex-shrink: 0;

}

.about .textbox{

	padding-left: 70px;

}

.about .textbox .entitle{

	display: inline-block;

	font-size: 56px;

	background-image:-webkit-linear-gradient(right,#00a0f3,#752ae6);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

.about .textbox .title{

	font-size: 32px;

	color: #333;

	font-weight: bold;

	position: relative;

	padding-bottom: 35px;

	margin-bottom: 35px;

}

.about .textbox .title:after{

	content: "";

	display: block;

	width: 60px;

	height: 3px;

	background-color: #dcd7d9;

	position: absolute;

	bottom: 0;

	left: 0;

}

.about .textbox .des{

	font-size: 16px;

	color: #666;

	text-align: justify;

	line-height: 1.6;

	/*height: 300px;

	overflow-y: scroll;*/

}

.culturebox{

	position: relative;

}

.toptitle{

	text-align: center;

	position: relative;

	font-size: 40px;

	color: #333;

	padding-bottom: 20px;

	margin-bottom: 30px;

}

.toptitle:after{

	content: "";

	display: block;

	width: 60px;

	height: 3px;

	background-color: #dcd7d9;

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

}

.cultureswiper .swiper-slide{

	padding: 15px 0;

}

.cultureswiper .partbox{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	flex-direction: column;

	background-color: #fff;

	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

	padding: 45px 50px 35px;

	height: 315px;

	box-sizing: border-box;

}

.cultureswiper .partbox .imgbox{

	display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    width: 120px;

    height: 120px;

    background: linear-gradient(40deg,#752ae6 0%,#00a0f3 100%);

    border-radius: 50%;

    margin-bottom: 24px;

}

.cultureswiper .partbox .title{

	font-size: 20px;

	color: #333;

	font-weight: bold;

	margin-bottom: 15px;

}

.cultureswiper .partbox .des{

	font-size: 16px;

	color: #777;

	line-height: 1.6;

	text-align: center;

}

.culturebox .swiper-button-prev{

	left: -84px;

	width: 42px;

	height: 60px;

	background-color: rgba(0, 0, 0, 0.24);

	border-radius: 5px;

	color: #fff;

	outline: none;

}

.culturebox .swiper-button-prev:after{

	font-size: 18px;

}

.culturebox .swiper-button-next{

	right: -84px;

	width: 42px;

	height: 60px;

	background-color: rgba(0, 0, 0, 0.24);

	border-radius: 5px;

	color: #fff;

	outline: none;

}

.culturebox .swiper-button-next:after{

	font-size: 18px;

}

.honorswiper .swiper-wrapper{

	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

}

.honorswiper .partbox{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: space-between;

	flex-direction: column;

	background-color: #fff;

	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

	padding: 30px;

	/* height: 390px; */

	box-sizing: border-box;

	font-size: 16px;

	color: #333;

}

.honorswiper .swiper-slide{

	padding: 15px 0;

}

.contactbox{

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: space-between;

}

.contactbox .partbox{

	width: calc(25% - 20px);

	display: flex;

	display: -webkit-flex;

	align-items: center;

	flex-direction: column;

	background-color: #fff;

	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);

	padding: 45px 50px 35px;

	height: 400px;

	box-sizing: border-box;

}

.contactbox .partbox .imgbox{

	display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    width: 120px;

    height: 120px;

    background: linear-gradient(40deg,#752ae6 0%,#00a0f3 100%);

    border-radius: 50%;

    margin-bottom: 40px;

}

.contactbox .partbox .title{

	font-size: 20px;

	color: #333;

	font-weight: bold;

	margin-bottom: 15px;

}

.contactbox .partbox .des{

	font-size: 16px;

	color: #777;

	line-height: 2;

	text-align: center;

}

.map{

	font-size: 18px;

	color: #333;

	text-align: center;

	line-height: 1.6;

}

#map{

	width: 100%;

	height: 540px;

	margin-top: 30px;

	border: 1px solid #e5e5e5;

}





.self-svg {

  display: flex;

  align-items: center;

  justify-content: center;

}

.self-svg svg.icon {

  width: var(--size);

  height: var(--size);

  fill: var(--fill);

}

/**侧边悬浮**/

.small-header .fix-nav {

  transform: translateX(0);

}

.fix-nav ,

.fix-nav * {

  box-sizing: border-box;

}

.fix-nav {

  --color1: var(--main-color);

  --fs: 68px;

  --size: 43%;

  --fill: #ffffff;

  margin-top: -137px;

  transform: translateX(0);

  position: fixed;

  right: 0;

  top: 50%;

  z-index: 9;

  background: linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

  text-align: center;

  transition: transform .3s;

}

.fix-nav .line {

  display: block;

  margin: 0 auto;

  height: 1px;

  width: 80%;

  background: rgba(255, 255, 255, 0.17);

}

.fix-nav .fix-btn {

  display: block;

  position: relative;

  width: var(--fs);

  height: var(--fs);

  background: transparent;

  color: #fff;

  font-size: 12px;

  transition: all 0.3s;

}

.fix-nav .fix-btn + .fix-btn {

  margin-top: 5px;

}

.fix-nav .fix-btn.qq {

  --size: 55%;

}

.fix-nav .fix-btn.weixin {

  --size: 46%;

}

.fix-nav .fix-btn.phone {

  --size: 46%;

}

.fix-nav .fix-btn.edit {

  --size: 54%;

}

.fix-nav .fix-btn.return-top {

  --size: 34%;

}

.fix-nav .fix-btn .self-svg {

  width: var(--fs);

  height: var(--fs);

}

.fix-nav .fix-btn .p {

  font-size: 12px;

  line-height: 20px;

  padding-top: 3px;

}

.fix-nav .fix-btn .p-number {

  display: flex;

  align-items: center;

  word-break: keep-all;

  position: absolute;

  right: 50%;

  top: 50%;

  /* height: 100%; */

  flex-direction: column;

  text-align: left;

  line-height: 1.6em;

  font-size: 18px;

  color: #fff;

  width: max-content;

  background-color: var(--color1);

  opacity: 0;

  transition: opacity 0.3s, right 0.3s;

  transform: translateY(-50%);

  pointer-events: none;

}

.fix-nav .fix-btn .p-number .p-number-li {

  display: flex;

  align-items: center;

  /* height: var(--fs); */

  width: 100%;

  padding: .7em 1.4em .7em .5em;

}

.fix-nav .fix-btn .p-number .p-number-li:nth-child(2n+1) {

  background: #e96410;

  background: linear-gradient(90deg,#752ae6 0%,#00a0f3 100%);

}

.fix-nav .fix-btn .p-number .p-tit {

  flex-shrink: 0;

}

.fix-nav .fix-btn:hover {

  background-color: var(--main-color);

}

.fix-nav .fix-btn:hover .p-number {

  opacity: 1;

  right: 100%;

  pointer-events: auto;

}

.fix-nav .fix-btn:hover .code-box {

  opacity: 1;

  right: 100%;

  transform: scale(1);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -moz-transform: scale(1);

  -o-transform: scale(1);

}

.fix-nav .code-box {

  margin-top: -76px;

  margin-right: 10px;

  width: 150px;

  background-color: #fff;

  border-radius: 5px;

  position: absolute;

  top: 50%;

  right: 50%;

  opacity: 0;

  transition: opacity 0.3s, right 0.3s;

  transform: scale(0);

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  -moz-transform: scale(0);

  -o-transform: scale(0);

  padding: 5px;

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}

.fix-nav .code-box::before {

  content: "";

  border: 5px solid transparent;

  border-left-color: #fff;

  position: absolute;

  left: 100%;

  top: 50%;

  margin-top: -5px;

}

.fix-nav .code-box .txt {

  font-size: 12px;

  color: #444;

}