article,
aside,
blockquote,
body,
button,
dd,
div,
dl,
dt,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
select,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-family: Arial;
}

ul,
li {
	list-style-type: none;
}

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

a:hover {
	text-decoration: none !important;
}

a:active,
a:visited,
a:hover {
	color: #333333;
}

button:focus {
	outline: 0;
	outline: none;
}
img{
      image-rendering -moz-crisp-edges
      image-rendering -o-crisp-edges
      image-rendering -webkit-optimize-contrast
      image-rendering crisp-edges
      -ms-interpolation-mode nearest-neighbor
   }
body {
	background-color: #fff;
	font-family: "Microsoft YaHei,arial";
	color: #333333;
	font-size: 14px;
}

.text_ellip {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	height: auto;
}

.text_ellip2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.alltith1 {
	font-size: 56px;
	font-weight: bold;
	text-align: center;
}

.alltith2 {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

.alltith5 {
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	color: #999999;
	line-height: 47px;
	text-transform: uppercase;
}

.alltith4 {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
}

.allintro {
	width: 85%;
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	text-align: center;
	margin: 30px auto 0;
}

.h50 {
	width: 100%;
	height: 50px;
}

.h30 {
	width: 100%;
	height: 30px;
}

.text-center {
	text-align: center;
}

.disflex {
	display: flex;
}

.main {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	min-width: 450px;
}

.menu,
.mtopnav,
.btnclose {
	display: none;
}

.topwrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0;
}

.logoimg {
	text-align: center;
}

.logoimg img {
	width: 163px;
	height: 64px;
}

.logoimg p {
	font-size: 12px;
	letter-spacing: .13rem;
}

.topwrap .el-menu.el-menu--horizontal {
	border-bottom: none;
}

.topwrap .el-menu--horizontal > .el-menu-item.is-active {
	font-weight: bold;
	border-bottom: none;
	color: #333333;
}

.topwrap .el-menu--horizontal > .el-menu-item.is-active:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 2px;
	background-color: #09A0DD;
}

.topwrap .el-menu-item,
.topwrap .el-menu--horizontal > .el-submenu .el-submenu__title,
.topwrap .el-submenu__title {
	font-size: 16px;
	color: #333333;
}

.hswiper .swiper {
	width: 100%;
	height: 100%;
}

.hswiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.hswiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hswiper {
	color: #FFFFFF;
}

.hswiper .swipercon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
}

.hswiper .swipercon .titp1 {
	display: inline-block;
	border: 2px solid #FFFFFF;
	border-radius: 28px;
	font-size: 34px;
	color: #FFFCFC;
	margin: 60px auto 12px;
	padding: 0 16px;
	line-height: 46px;
}

.hswiper .swipercon .tith1 {
	font-size: 58px;
	font-weight: bold;
	color: #FFFCFC;
	margin-bottom: 12px;
}

.hswiper .swipercon .tith5 {
	font-size: 24px;

}

.hswiper .swipercon ul {
	display: flex;
	flex-wrap: wrap;
	width: 42%;
	position: absolute;
	right: 0;
	bottom: 50px;
	justify-content: space-between;
}

.hswiper .swipercon ul li {
	width: 73px;
	height: 73px;
	border: 2px solid #FFFFFF;
	border-radius: 10px;
	text-align: center;
	margin-top: 8px;
}

.hswiper .swipercon ul li img {
	width: 45px;
	height: 45px;
	margin: 4px auto;
}

.hswiper .swipercon ul li p {
	font-size: 14px;
}

.hswiper .swipercon3 {
	position: absolute;
	font-weight: bold;
	top: 0;
}

.hswiper .swipercon3 h1 {
	font-size: 50px;
	margin: 8% auto 24px;
}

.hswiper .swipercon3 h5 {
	font-size: 26px;
}


.titbox {
	position: relative;
	margin: 10px auto 0;
	width: 266px;
	height: 64px;
	border: 2px solid #329DD1;
	text-align: center;
}

.titbox h3 {
	display: inline-block;
	margin: -33px auto 0;
	padding: 0 24px;
	background-color: #ffffff;
	font-size: 30px;
	line-height: 47px;
}

.titbox h4 {
	font-size: 14px;
	color: #999999;
	line-height: 26px;
	text-transform: uppercase;
}


.hproduct {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.hproduct .item {
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 40px 28px;
	color: #FFFFFF;
	background-color: #84C4E3;
	box-sizing: border-box;
	margin-top: 20px;
}

.hproduct .item:nth-child(1),
.hproduct .item:nth-child(2) {
	width: 49.2%;
	margin-top: 0;
}

.hproduct .item:nth-child(3),
.hproduct .item:nth-child(4),
.hproduct .item:nth-child(5) {
	width: 32.3%;
}

.hproduct .item .pro h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 47px;
}

.hproduct .item .pro h5 {
	font-size: 14px;
}

.hproduct .item a {
	display: inline-block;
	padding: 2px 12px;
	border-radius: 30px;
	position: absolute;
	bottom: 60px;
	color: #333333;
	font-size: 14px;
	background-color: #FCFDFE;
}

.hproduct .item .img img {
	width: 167px;
	height: 167px;
}

.fawrap {
	display: flex;
	justify-content: space-between;
}

.fawrap .item {
	flex: 1;
	margin: 0 20px 0 0;
	border: 1px solid #C1E1F1;
	background-color: #C1E1F1;
}

.fawrap .item img {
	width: 220px;
	height: 182px;
}

.fawrap .item h5 {
	font-size: 14px;
	color: #339DD1;
}

.fawrap .item .intro {
	padding: 8px 20px 20px;
	text-align: center;
}

.fawrap .item .intro h5 {
	line-height: 20px;
	font-weight: bold;
}

.fawrap .item .intro a {
	display: inline-block;
	margin-top: 8px;
	background-color: #ffffff;
	padding: 2px 12px;
	border-radius: 30px;
	font-size: 14px;
	color: #333333;
}

.faswiper .swiper-slide img {
	width: 100%;
}

.faswiper .swiper-slide p {
	position: absolute;
	top: 50%;
	margin-top: -23px;
	left: 0;
	right: 0;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 46px;
	text-align: center;
}

.faswiper .swiper-button-next:after,
.faswiper .swiper-rtl .swiper-button-prev:after,
.faswiper .swiper-button-prev:after {
	font-size: 28px;
	color: #CCD0D1;
}

.faswiper .swiper-button-next {
	right: 0;
}

.faswiper .swiper-button-prev {
	left: 0;
}

.newsbox {
	display: flex;
}

.newsbox .left {
	width: 449px;
}

.newsbox .left img {
	width: 449px;
	height: 279px;
}

.newsbox .right {
	flex: 1;
	margin-left: 40px;
}

.newsbox .left h5 {
	font-size: 16px;
	line-height: 24px;
	margin: 12px 0;
}

.newsbox .left p {
	text-indent: 2rem;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.newsbox .right li {
	display: flex;
	align-items: end;
	border-bottom: dashed 1px #A1CFFF;
	padding-bottom: 28px;
	margin-bottom: 28px;
}

.newsbox .right li a {
	display: flex;
}

.newsbox .right li:last-child {
	border-bottom: none;
}

.newsbox .right li .data {
	background-color: #A9DDF1;
	color: #666666;
	text-align: center;
	padding: 8px 12px;
	margin-right: 24px;
}

.newsbox .right li .data h5 {
	font-size: 24px;
}

.newsbox .right li .data h4 {
	font-size: 18px;
}

.newsbox .right dl dt {
	font-size: 18px;
	line-height: 24px;
}

.newsbox .right dl dd {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.bgcol62 {
	background-color: #626262;
}

.footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 60px 0;
	color: #ffffff;
}

.footer .zuo {
	position: relative;
	padding-right: 20px;
}

.footer .zuo:after {
	position: absolute;
	content: '';
	right: 0px;
	top: 49%;
	width: 2px;
	height: 80px;
	background-color: #9DBFDE;
}

.footer .zuo .flogo {
	width: 181px;
	height: 70px;
}

.footer .zuo h5 {
	font-size: 16px;
	margin: 12px 0;
}

.footer .zuo .info p {
	font-size: 14px;
	line-height: 22px;
}

.footer .cen {
	display: flex;
	flex: 1;
	padding-left: 32px;
}

.footer .cen .item {
	flex: 1;
}

.footer .cen .item h5 {
	font-size: 16px;
	margin-bottom: 20px;
}

.footer .cen .item h5 a {
	color: #ffffff;
}

.footer .cen .item ul li {
	font-size: 14px;
	line-height: 28px;
}

.footer .cen .item ul li a {
	color: #ffffff;
}

.footer .you {
	text-align: center;
}

.footer .you h5 {
	font-size: 16px;
	margin-bottom: 16px;
}

.footer .you .qrcode {
	width: 141px;
	height: 141px;
}

/*产品中心*/
.product .banner {
	position: relative;
}

.product .banner img {
	width: 100%;
	height: auto;
}

.product .banner .info {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	text-align: center;
}

.product .banner h1 {
	font-size: 70px;
	font-weight: bold;
	color: #FFFFFF;
}

.product .banner p {
	font-size: 20px;
	color: #FFFFFF;
	margin-top: 12px;
}

.product .cptopimg {
	text-align: center;
}

.product .cptopimg img {
	position: relative;
	z-index: 3;
	left: 0;
	right: 0;
	width: 360px;
	height: 404px;
	margin-top: -140px;
}

.product .procon1 ul {
	display: flex;
	flex-wrap: wrap;
}

.product .procon1 ul li {
	width: 50%;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}

.product .procon1 ul li .img {
	display: block;
	width: 86px;
	height: 86px;
	margin-right: 24px;
}

.product .procon1 ul li dl {
	margin-right: 30px;
}

.product .procon1 ul li dl dt {
	font-size: 20px;
	font-weight: bold;
	color: #323333;
	line-height: 37px;
}

.product .procon1 ul li dl dd {
	width: 90%;
	font-size: 14px;
	color: #323333;
	line-height: 24px;
}

.product .cpmainban .img {
	width: 100%;
}

.product .cpmainban {
	position: relative;
	color: #FFFFFF;
}

.product .cpmainban .banbox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.product .cpmainban .banbox h1 {
	font-size: 56px;
	font-weight: bold;
	margin-bottom: 24px;
}

.product .cpmainban .banbox p {
	width: 88%;
	font-size: 16px;
	line-height: 28px;
}

.product .cpmainban .banbox ul {
	margin-top: 130px;
}

.product .cpmainban .banbox ul li {
	display: inline-block;
	padding: 8px 24px;
	font-size: 18px;
	border-radius: 0px 30px 30px 30px;
	margin: 0 14px 0;
}

.product .cpmainban .banbox ul li:nth-child(odd) {
	background: linear-gradient(to right, #FFA714, #FB5148);
}

.product .cpmainban .banbox ul li:nth-child(even) {
	background: linear-gradient(to right, #1EA4B4, #26A49E);
}

.product .imgbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.product .imgbox img {
	width: 49.3%;
	margin-bottom: 20px;
}

.cpmain2 {
	position: relative;
	margin-top: 20px;
}

.cpmain2 .img {
	max-width: 866px;
	width: 100%;
}

.cpmain3 {
	position: relative;
}

.cpmain3 .img {
	display: block;
	width: 100%;
	height: 916px;
	object-fit: cover;
}

.cpmain3-box {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	text-align: center;
	color: #ffffff;
}

.cpmain3-box .allintro {
	color: #ffffff;
}

.cpmain3-box .img1 {
	margin-top: 30px;
	max-width: 1200px;
	width: 100%;
}

/*产品灵感*/
.prolgban img {
	width: 100%;
}

.prolgmain1,
.prothermain1 {
	display: flex;
	border: 2px solid #DAEDF7;
}

.prolgmain1 .lbox {
	width: 40%;
	background-color: #F5F5F5;
	padding: 40px 0;
	text-align: center;
}

.prolgmain1 .rbox {
	flex: 1;
	margin-left: 40px;
}

.prolgmain1 .rbox h4 {
	font-size: 30px;
	font-weight: bold;
	color: #323333;
	margin-top: 30px;
}

.prolgmain1 .rbox p.pro {
	font-size: 14px;
	color: #666666;
	line-height: 28px;
	margin-bottom: 12px;
}

.prolgmain1 .rbox hr,
.prothermain1 .rbox hr {
	border: 1px dashed #94C9FF;
}

.prolgmain1 .rbox h5 {
	font-size: 16px;
	font-weight: bold;
	color: #323333;
	margin: 16px 0;
}

.prolgmain2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.prolgmain2 ul li {
	display: flex;
	width: 49.2%;
	font-size: 14px;
	color: #323333;
	line-height: 24px;
	outline: 4px solid #C1E1F1;
	opacity: 0.6;
	margin-bottom: 20px;
	padding: 20px;
	box-sizing: border-box;
}

.prolgmain2 ul li .img {
	width: 86px;
	height: 86px;
}

.prolgmain2 ul li dl {
	flex: 1;
	margin-left: 20px;
}

.prolgmain2 ul li dt {
	font-size: 18px;
	font-weight: bold;
	color: #323333;
}

.prolgmain2 ul li dd {
	width: 92%;
	font-size: 14px;
	color: #323333;
	line-height: 24px;
	margin-top: 12px;
}

.prolgmain3 {
	display: table;
	border: 2px dashed #A4D3EA;
	padding: 20px;
	margin: 0 auto;
}

.prolgmain3 img {
	max-width: 945px;
	width: 100%;
}

/*其他智能产品*/
.prothermain1 .lbox {
	width: 40%;
	padding: 40px 0;
	text-align: center;
	border-right: 2px solid #DAEDF7;
}

.prothermain1 .rbox {
	flex: 1;
	margin-left: 40px;
}

.prothermain1 .lbox ul {
	display: flex;
	flex-wrap: wrap;
}

.prothermain1 .lbox ul li {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.prothermain1 .lbox ul li img {
	max-width: 130px;
	width: 100%;
}

.prothermain1 .rbox h4 {
	font-size: 30px;
	font-weight: bold;
	color: #323333;
	margin: 30px 0 20px;
}

.prothermain1 .rbox p.intro {
	font-size: 16px;
	font-weight: bold;
	color: #323333;
	line-height: 47px;
	margin-top: 20px;
}

.prothermain2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.prothermain2 .items {
	width: 24%;
	background-color: #C1E1F1;
	margin-bottom: 20px;
}

.prothermain2 .items .img {
	background-color: #ffffff;
	margin: 2px;
	text-align: center;
	padding: 20px;
}

.prothermain2 .items .img img {
	max-width: 100px;
	width: 100%;
}

.prothermain2 .items .img h5.imgtit5 {
	font-size: 16px;
	font-weight: bold;
	color: #323333;
	margin-top: 12px;
}

.prothermain2 .items .tith5 {
	font-size: 16px;
	font-weight: bold;
	color: #323333;
	margin: 28px 28px 0;
}

.prothermain2 .items ul {
	padding: 12px 28px 28px;
}

.prothermain2 .items ul li {
	font-size: 14px;
	color: #323333;
	line-height: 24px;
}

/*解决方案列表*/
.solubox {
}

.solubox p.intro {
	font-size: 14px;
	color: #030000;
	line-height: 24px;
	text-indent: 2rem;
}

.solubox .img,
.solu1main1 .img {
	max-width: 1200px;
	width: 100%;
}

/*解决方案1*/
.solu1main1 ul {
	display: flex;
	border: 4px solid #7CCAD4;
}

.solu1main1 ul li {
	width: 50%;
	padding: 32px 20px;
}

.solu1main1 ul li:nth-child(2) p {
	text-indent: 0;
	width: 60%;
	margin: 20px auto 0;
}

.solu1main1 ul li:nth-child(1) {
	border-right: 4px solid #7CCAD4;
}

.solu1main1 ul li h4 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
}

.solu1main1 ul li p {
	font-size: 14px;
	color: #030000;
	line-height: 24px;
	text-indent: 2rem;
	margin-top: 20px;
}

/*解决方案2*/
.solu2main1 ul li:nth-child(2) p {
	text-indent: 0;
	width: 60%;
	margin: 20px auto 0;
}

.solu2img1 img {
	max-width: 1200px;
	width: 100%;
}

.solu2img2 img {
	max-width: 1136px;
	width: 100%;
}

.solu3main1 ul li:nth-child(2) p,
.solu4main1 ul li:nth-child(2) p,
.solu5main1 ul li:nth-child(2) p {
	text-indent: 0;
	width: 60%;
	margin: 20px auto 0;
}

.solu3main1 .img1 {
	max-width: 1192px;
	width: 100%;
}

.solu3main2 .intro {
	font-size: 14px;
	color: #030000;
	line-height: 24px;
	text-indent: 2rem;
}

.solu3main2 .solu3item1 {
	display: flex;
	justify-content: space-between;
}

.solu3main2 .solu3item1 {
	margin-top: 20px;
}

.solu3main2 .limg {
	max-width: 978px;
	width: 100%;
	flex: 1;
}

.solu3main2 .rbox {
	margin: 40px 0 0 20px;
	background-color: #C1E1F1;
	height: fit-content;
	padding: 20px;
}

.solu3main2 .rbox h5 {
	font-size: 14px;
	font-weight: bold;
	color: #323333;
	margin: 0px 0 20px 0;
}

.solu3main2 .rbox ul li {
	font-size: 14px;
	color: #323333;
	line-height: 32px;
}

/*新闻资讯*/
.newwrap {
	margin-top: -140px;
}

.newwrap .el-tabs__header {
	width: 26%;
	color: #FFFFFF;
	background-color: #267AB5;
	padding-top: 16px;
}

.newwrap .ltith4 {
	position: relative;
	width: 26%;
	font-size: 36px;
	background-color: #1A5699;
	padding: 30px 12px 12px;
	box-sizing: border-box;
	font-weight: bold;
	color: #FFFFFF;
}

.newwrap .ltith4:after {
	content: '';
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 0;
	border-bottom: 2px solid #DCDCDC;
}

.newwrap .ltith5 {
	width: 26%;
	font-size: 24px;
	background-color: #1A5699;
	padding: 8px 12px 24px;
	box-sizing: border-box;
	color: #FFFFFF;
}

.newwrap .el-tabs__active-bar {
	background-color: inherit;
}

.newwrap .el-tabs__nav-wrap:after {
	content: none;
}

.newwrap .el-tabs__item.is-active {
	background-color: #1A5699;
}

.newwrap .el-tabs__item {
	font-size: 18px;
	color: #ffffff;
	padding: 12px 0;
	line-height: inherit;
	height: inherit;
	border-bottom: 2px solid #329DD1;
	margin: 0 16px;
}

.newwrap .el-tabs--left .el-tabs__item.is-left {
	text-align: center;
}

.newwrap .el-tabs__content .el-tab-pane {
	margin-left: 20px;
}

.newwrap .el-tabs__content ul.content {
	margin-top: 30px;
}

.newwrap .el-tabs__content ul.content li {
	display: flex;
	align-items: end;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #B5B5B5;
	cursor: pointer;
}

.newwrap .el-tabs__content ul.content li a {
	display: flex;
}

.newwrap .el-tabs__content ul.content li .ldata {
	background-color: #C1E1F1;
	color: #666666;
	text-align: center;
	padding: 8px;
}

.newwrap .el-tabs__content ul.content li .ldata h5 {
	font-size: 24px;
	font-weight: 600;
}

.newwrap .el-tabs__content ul.content li .ldata p {
	font-size: 18px;
	font-weight: 600;
}

.newwrap .el-tabs__content ul.content li dl {
	margin-left: 20px;
}

.newwrap .el-tabs__content ul.content li dl dt {
	font-size: 18px;
	line-height: 24px;
}

.newwrap .el-tabs__content ul.content li dl dd {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.newwrap .el-pagination {
	text-align: center;
}

/*case*/
.casemain1 h5.intro {
	font-size: 14px;
	color: #040000;
	line-height: 24px;
	text-indent: 2rem;
	margin-top: 30px;
}

.imgbox1 {
	position: relative;
	padding-top: 57%;
}

.imgbox1 img {
	border: 4px solid #329DD1;
	position: absolute;
}

.imgbox1 .img1 {
	left: 0;
	top: 0;
	z-index: 1;
}

.imgbox1 .img2 {
	top: 70px;
	right: 0;
	z-index: 2;
}

.imgbox1 .img3 {
	top: 430px;
	left: 0;
	z-index: 1;
}

.imgbox2-1 {
	position: relative;
	border: 4px solid #329DD1;
	width: 410px;
	margin: 0 auto;
}

.imgbox2-1 .intro {
	position: absolute;
	left: 0;
	right: 0;
	width: 410px;
	bottom: 0px;
	background: rgba(255, 255, 255, .6);
	margin: 0 auto;
	padding: 8px 0;
	color: #333333;
	text-align: center;
}

.imgbox2 .img2-1 {
	display: block;
	margin: 0 auto;
}

.imgbox2-2 {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-top: -60px;
}

.imgbox2-2 .items {
	position: relative;
	border: 4px solid #329DD1;
}

.imgbox2-2 .items p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	background: rgba(255, 255, 255, .6);
	margin: 0 auto;
	padding: 8px 0;
	color: #333333;
	text-align: center;
}

.imgbox2-2 .items .intro1 {
	width: 498px;
}

.imgbox2-2 .items .intro2 {
	width: 464px;
	font-weight: bold;
}

.imgbox3 {
	display: flex;
	justify-content: space-between;
}

.imgbox3 .items {
	position: relative;
	border: 4px solid #329DD1;
}

.imgbox3 .items img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.imgbox3 .items p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	font-weight: bold;
	background: rgba(255, 255, 255, .6);
	margin: 0 auto;
	padding: 8px 0;
	color: #333333;
	text-align: center;
}

/*about*/
.aboutban {
	position: relative;
}

.aboutban .intro {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFFFFF;
}

.aboutban .intro h1 {
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 16px;
}

.aboutban .intro h3 {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.aboutmain1 {
	display: flex;
}

.aboutmain1 .limg {
	width: 45%;
}

.aboutmain1 .limg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aboutmain1 dl {
	flex: 1;
	padding: 0 20px 0;
	background: #C1E1F1;
}

.aboutmain1 dl dt {
	margin: 30px 0 20px 0;
	font-size: 20px;
	text-align: center;
}

.aboutmain1 dl dd {
	font-size: 14px;
	line-height: 24px;
	text-indent: 2rem;
}

.aimgbox1 {
	display: flex;
	align-items: end;
	justify-content: space-between;
}

.aimgbox2 {
	width: 80%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 20px auto 0;
}

.aboutcontact {
	display: flex;
	justify-content: space-between;
}

.aboutcontact .item {
	display: flex;
	align-items: center;
}

.aboutcontact .item img {
	width: 34px;
	margin-right: 12px;
}

.aboutmain2 {
	height: 435px;
}


.soluslh {
	position: absolute;
	top: 0;
}

.solucj,
.solujg {
	position: relative;
}

.solucjwrap,
.solujgwrap {
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
}

.solucjleft {
	position: relative;
	width: 448px;
	height: 100%;
}

.solucjleft h5 {
	position: absolute;
	font-size: 16px;
	font-weight: bold;
	color: #558dd5;
}

.solucjwrap .solucjleft .lh1 {
	top: 0;
	right: 20px;
}

.solucjwrap .solucjleft .lh2 {
	top: 160px;
	right: 96px;
}

.solucjwrap .solucjleft .lh3 {
	top: 330px;
	right: 0px;
}

.solucjcenter {
	position: relative;
	width: 410px;
	height: 100%;
}

.solucjcenter p {
	position: absolute;
	font-size: 16px;
	color: #000000;
}

.solucjcenter .cp1 {
	top: 98px;
	left: 104px;
	transform: rotate(328deg);
}

.solucjcenter .cp2 {
	top: 86px;
	right: 105px;
	transform: rotate(394deg);
}

.solucjcenter .cp3 {
	top: 210px;
	left: 37px;
}

.solucjcenter .cp4 {
	font-size: 22px;
	color: #ffffff;
	text-align: center;
	top: 182px;
	left: 146px;
	line-height: 40px;
}

.solucjcenter .cp5 {
	top: 210px;
	right: 40px;
}

.solucjcenter .cp6 {
	top: 320px;
	left: 113px;
	transform: rotate(394deg);
}

.solucjcenter .cp7 {
	top: 325px;
	right: 109px;
	transform: rotate(332deg);
}

.solucjright {
	position: relative;
	width: 340px;
	height: 100%;
}

.solucjright h5 {
	position: absolute;
	font-size: 16px;
	font-weight: bold;
}

.solucjright .rh1 {
	color: #f6a147;
	top: 12px;
	left: -40px;
}

.solucjright .rh2 {
	top: 160px;
	left: 90px;
	color: #558dd5;
}

.solucjright .rh3 {
	top: 332px;
	left: -20px;
	color: #558dd5;
}

.solujgwrap p {
	position: absolute;
	font-size: 20px;
	font-weight: bold;
	color: #4a8ef2;
}

.solujgwrap .p1 {
	top: 144px;
	left: 518px;
}

.solujgwrap .p2 {
	top: 320px;
	left: 146px;
}

.solujgwrap .p3 {
	top: 320px;
	right: 128px;
}

.solujgwrap .p4 {
	top: 553px;
	left: 113px;
}

.solujgwrap .p5 {
	top: 530px;
	left: 470px;
	font-size: 26px;
	color: #f6a147;
}

.solujgwrap .p6 {
	top: 553px;
	right: 100px;
}


.soluslh,
.soluslhpro {
	position: relative;
}

.soluslhwrap,
.soluslhwrap {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.soluslhwrap .soluslhname {
	width: 100%;
	height: 60px;
	font-size: 24px;
	color: #ffffff;
	margin-top: 33px;
}

.soluslhwrap .soluslhname h1 {
	position: absolute;
	font-size: 24px;
}

.soluslhwrap .soluslhname .tith1 {
	left: 60px;
}

.soluslhwrap .soluslhname .tith2 {
	left: 316px;
}

.soluslhwrap .soluslhname .tith3 {
	left: 557px;
}

.soluslhwrap .soluslhname .tith4 {
	left: 795px;
}

.soluslhwrap .soluslhname .tith5 {
	left: 1030px;
}

.soluslhwrap .soluslhintro {
	width: 100%;
	font-size: 22px;
	color: #000000;
	line-height: 36px;
	margin-top: 30px;
}

.soluslhintro p {
	position: absolute;
}

.soluslhintro p.introp1 {
	left: 36px;
}

.soluslhintro p.introp2 {
	left: 276px;
}

.soluslhintro p.introp3 {
	left: 507px;
}

.soluslhintro p.introp4 {
	left: 755px;
}

.soluslhintro p.introp5 {
	left: 990px;
}

.soluslhprowrap p {
	position: absolute;
	font-size: 22px;
	color: #4e91f2;
}

.soluslhprowrap p.p1 {
	top: 190px;
	left: 70px;
}

.soluslhprowrap p.p2 {
	top: 190px;
	left: 324px;
}

.soluslhprowrap p.p3 {
	top: 190px;
	left: 550px;
}

.soluslhprowrap p.p4 {
	top: 190px;
	left: 790px;
}

.soluslhprowrap p.p5 {
	top: 190px;
	left: 1044px;
}

.soluslhprowrap p.p6 {
	bottom: 0px;
	left: 90px;
}

.soluslhprowrap p.p7 {
	bottom: 0px;
	left: 330px;
}

.soluslhprowrap p.p8 {
	bottom: 0px;
	left: 544px;
}

.soluslhprowrap p.p9 {
	bottom: 0px;
	left: 876px;
	color: #f6a249;
}

.solucjmini {
	display: none;
	min-width: 1200px;
	width: 100%;
}

.solucjmini img {
	width: 100%;
}

.solujt {
	position: relative;
}

.solujtwrap {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.solujtwrap .wrap1 {
	position: relative;
	width: 100%;
	margin-top: 57px;
}

.solujtwrap .wrap1 .lh5 {
	font-size: 20px;
	color: #5487c6;
	position: absolute;
	left: 145px;
}

.solujtwrap .wrap1 .bcenter {
	position: relative;
	width: 400px;
	height: 300px;
	margin-left: 383px;
	font-size: 24px;
	color: #ffffff;
}

.solujtwrap .wrap1 .bcenter .h41 {
	line-height: 33px;
	position: absolute;
	top: 88px;
	left: 103px;
}

.solujtwrap .wrap1 .bcenter .h42 {
	position: absolute;
	top: 101px;
	left: 221px;
}

.solujtwrap .wrap1 .bcenter .h43 {
	position: absolute;
	top: 223px;
	left: 143px;
}

.solujtwrap .wrap1 .rh5 {
	font-size: 20px;
	color: #5487c6;
	position: absolute;
	top: 0;
	left: 810px;
}

.solujtwrap .wrap2 {
	position: relative;
	margin-top: 43px;
}

.solujtwrap .wrap2 p {
	position: absolute;
	font-size: 20px;
	color: #f4a237;
}

.solujtwrap .wrap2 p.p1 {
	left: 310px;
}

.solujtwrap .wrap2 p.p2 {
	left: 730px;
}

.posirela {
	position: relative;
}

.soludjwrap {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
}

.soludjwrap .ldiv {
	flex: 1;
}

.soludjwrap .ldiv p {
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	line-height: 17px;
}

.soludjwrap .ldiv p.p1 {
	top: 128px;
	left: 22px;
}

.soludjwrap .ldiv p.p2 {
	top: 550px;
	left: 34px;
}

.soludjwrap .cdiv {
	position: relative;
	font-size: 14px;
	color: #ffffff;
	flex: 1;
}

.soludjwrap .cdiv p {
	position: absolute;
	font-weight: bold;
}

.soludjwrap .cdiv p.cp1 {
	top: 138px;
	left: 41px;
}

.soludjwrap .cdiv p.cp2 {
	font-size: 20px;
	line-height: 30px;
	top: 265px;
	left: 23px;
	text-align: center;
}

.soludjwrap .cdiv p.cp3 {
	top: 556px;
	left: 44px;
}

.soludjwrap .rdiv {
	position: relative;
	flex: 1;
}

.soludjwrap .rdiv p {
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	bottom: 16px;
	left: 26px;
}

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

.cpmainwrap p {
	position: absolute;
	color: #323333;
	font-size: 16px;
	font-weight: bold;
}

.cpmainwrap p.p1 {
	top: 16px;
	left: 660px;
}

.cpmainwrap p.p2 {
	top: 200px;
	left: 290px;
}

.cpmainwrap p.p3 {
	top: 205px;
	left: 531px;
	color: #339dd1;
	font-size: 28px;
}

.cpmainwrap p.p4 {
	top: 198px;
	left: 778px;
}

.cpmainwrap p.p5 {
	top: 369px;
	left: 290px;
}

.cpmainwrap p.p6 {
	top: 350px;
	left: 790px;
}

.cpmainwrap p.p7 {
	top: 440px;
	left: 450px;
}

.scroll-top {
	width: 50px;
	height: 40px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 99;
	display: none;
	color: #fff;
	text-align: center;
	background: #A3D5E8;
	border: none;
}

.scroll-top span:before {
	font-size: 27px;
}

.scroll-top:after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.anima {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.newscont .newstitle {
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	color: #333333;
}

.newscont .newbanner img {
	width: 100%;
}

.newscont .newintro {
	line-height: 35px;
	color: #333333;
	font-size: 20px;
	padding: 12px 0;
}
.newscont .newintro img{
	margin: 0 auto;
    display: block;
}
.newscont .newintro p {
	text-indent: 2rem;
	margin-top: 20px;
}


@media (min-width: 1024px) and (max-width: 1400px) {
	.hswiper .swipercon .titp1 {
		display: inline-block;
		border: 2px solid #FFFFFF;
		border-radius: 28px;
		font-size: 34px;
		color: #FFFCFC;
		margin: 3% auto 12px;
		padding: 0 16px;
		line-height: 46px;
	}

	.hswiper .swipercon .tith1 {
		font-size: 49px;
		font-weight: bold;
		color: #FFFCFC;
		margin-bottom: 12px;
	}

	.hswiper .swipercon ul {
		bottom: 20px;
	}

}

@media (min-width: 768px) and (max-width: 1024px) {
	.solucjmini {
		display: block;
		min-width: auto;
	}

	.solucj,
	.solujg,
	.soluslh,
	.soluslhpro,
	.solujt,
	.soludj,
	.cpmain2 {
		display: none;
	}

	.h50 {
		height: 32px;
	}

	.alltith1 {
		font-size: 26px;
	}

	.main {
		width: 90%;
	}

	.hswiper .swipercon .titp1 {
		font-size: 20px;
		margin: 30px auto 12px;
		line-height: 30px;
	}

	.hswiper .swipercon .tith1 {
		font-size: 24px;
	}

	.hswiper .swipercon .tith5 {
		font-size: 14px;
	}

	.hswiper .swipercon ul {
		width: 44%;
		bottom: 20px;
	}

	.hswiper .swipercon ul li {
		width: 60px;
		height: 60px;
	}

	.hswiper .swipercon ul li img {
		width: 24px;
		height: 24px;
	}

	.hproduct .item .img img {
		width: 123px;
		height: 123px;
	}

	.hproduct .item {
		padding: 24px 20px;
	}

	.hproduct .item a {
		bottom: 20px;
	}

	.hproduct .item .pro h2 {
		font-size: 20px;
	}

	.fawrap .item img {
		width: 100%;
		height: auto;
	}

	.hswiper .swipercon3 h1 {
		font-size: 32px;
		margin: 57px auto 24px;
	}

	.hswiper .swipercon3 {
		width: 90%;
		margin: 0 auto;
	}

	.menu,
	.mtopnav,
	.btnclose {
		display: none;
	}

	.product .cpmainban .banbox ul {
		margin-top: 40px;
	}

	.product .cpmainban .banbox ul li {
		padding: 8px 12px;
	}

	.product .banner h1 {
		font-size: 30px;
	}

	.cpmain3 .img {
		height: 546px;
	}

	.cpmain3-box .img1 {
		width: 60%;
	}

	.solu3main2 .intro {
		margin: 0 12px;
	}

	.solu3main2 .solu3item1 {
		flex-wrap: wrap;
	}

	.solu3main2 .limg {
		height: 100%;
		display: block;
		padding: 0 12px;
		box-sizing: border-box;
	}

	.solu3main2 .rbox {
		width: 100%;
		margin: 20px 20px 0 20px;
	}
}

@media (max-width: 768px) {
	.solucjmini {
		display: block;
		min-width: auto;
	}

	.solucj,
	.solujg,
	.soluslh,
	.soluslhpro,
	.solujt,
	.soludj,
	.cpmain2 {
		display: none;
	}

	.alltith1 {
		font-size: 26px;
	}

	.alltith2 {
		font-size: 20px;
	}

	.alltith5 {
		font-size: 12px;
		line-height: 20px;
		width: 90%;
		margin: 8px auto 0;
	}

	.alltith4 {
		font-size: 16px;
	}

	.h30 {
		width: 100%;
		height: 12px;
	}

	.allintro {
		width: 90%;
		margin: 16px auto 0;
		font-size: 14px;
	}

	.topnav {
		display: none;
	}

	.main {
		width: 100%;
		min-width: auto;
	}

	.logoimg img {
		width: 100px;
		height: auto;
		margin-left: 16px;
	}

	.menu {
		display: block;
		margin-right: 16px;
	}

	.mtopnav,
	.btnclose {
		display: none;
	}

	.mtopnav {
		display: none;
		position: fixed;
		right: 0;
		top: 0px;
		width: 100%;
		height: 100vh;
		background-image: linear-gradient(to right, #109CD9, #93BCE4);
		z-index: 12;
		border-top: 1px solid #F1F1F1;
		box-shadow: 0 15px 16px 0 rgb(0 0 0 / 3%), 0 0px 82px 0 rgb(0 0 0 / 2%);
	}

	.mtopnav.fadeinright {
		display: block;
		-webkit-animation-duration: 0.9s;
		animation-duration: 0.9s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRightBig;
		animation-name: fadeInRightBig;
	}

	.mtopnav.fadeoutright {
		display: block;
		-webkit-animation-duration: 2.9s;
		animation-duration: 2.9s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeOutRightBig;
		animation-name: fadeOutRightBig;
	}

	.el-menu--popup {
		min-width: 150px;
	}

	.mtopnav .closeimg {
		position: absolute;
		top: 12px;
		right: 12px;
	}

	.mtopnav .firstul {
		margin-top: 40px;
	}

	.mtopnav .firstul li {
		width: 80%;
		color: #000000;
		font-size: 14px;
		padding: 0px;
		margin: 0 auto 16px;
	}

	.mtopnav .firstul li a {
		display: inline-block;
		width: 100%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		font-weight: 500;
		color: #ffffff;
	}

	.mtopnav a {
		-webkit-animation-duration: 0.9s;
		animation-duration: 0.9s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRightBig;
		animation-name: fadeInRightBig;
	}

	.mtopnav .firstul li ul {
		margin-top: 16px;
	}

	.hswiper {
		height: 180px;
	}

	.hswiper .swipercon ul li {
		display: none;
	}

	.hswiper .swipercon ul li p {
		font-size: 12px;
	}

	.hswiper .swipercon .titp1 {
		font-size: 16px;
		margin: 30px auto 12px;
		line-height: 28px;
	}

	.hswiper .swipercon .tith1 {
		font-size: 18px;
	}

	.hswiper .swipercon .tith5 {
		font-size: 14px;
	}

	.swiper-button-next:after,
	.swiper-button-prev:after {
		font-size: 24px;
		color: #ffffff;
	}

	.hswiper .swipercon3 h1 {
		font-size: 18px;
		margin: 30px auto 8px;
	}

	.hswiper .swipercon3 h5 {
		width: 60%;
		margin: 0 auto;
		font-size: 12px;
	}

	.h50 {
		width: 100%;
		height: 24px;
	}

	.titbox {
		width: 200px;
		height: 44px;
		border: 2px solid #329DD1;
		text-align: center;
	}

	.titbox h3 {
		font-size: 20px;
		line-height: 22px;
		top: -13px;
		position: absolute;
		width: 50%;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.titbox h4 {
		font-size: 12px;
		line-height: 20px;
		margin-top: 16px;
	}

	.hproduct .item:nth-child(1),
	.hproduct .item:nth-child(2) {
		width: 100%;
		margin-bottom: 12px;
	}

	.hproduct .item:nth-child(3),
	.hproduct .item:nth-child(4),
	.hproduct .item:nth-child(5) {
		width: 100%;
	}

	.hproduct .item {
		margin-top: 0px;
		margin-bottom: 12px;
		padding: 20px;
	}

	.hproduct .item .img img {
		width: 130px;
		height: 130px;
	}

	.hproduct .item a {
		bottom: 20px;
	}

	.fawrap {
		flex-wrap: wrap;
	}

	.fawrap .item {
		width: 100%;
		flex: auto;
		margin: 0 0 12px 0;
		text-align: center;
		background-color: inherit;
	}

	.fawrap .item img {
		width: auto;
		height: auto;
		margin-top: 20px;
	}

	.newsbox {
		flex-wrap: wrap;
	}

	.newsbox .left {
		width: 100%;
	}

	.newsbox .left img {
		width: 100%;
		height: auto;
	}

	.newsbox .left h5,
	.newsbox .left p {
		padding: 0 12px;
	}

	.newsbox .right {
		flex: auto;
		width: 100%;
		margin-left: 0px;
		padding: 12px;
	}

	.newsbox .right li {
		padding-bottom: 12px;
		margin-bottom: 12px;
	}

	.footer {
		flex-wrap: wrap;
		padding: 20px 0;
	}

	.footer .zuo,
	.footer .cen,
	.footer .you {
		width: 100%;
	}

	.footer .zuo {
		padding: 0 20px;
		margin-bottom: 12px;
	}

	.footer .cen {
		padding: 0 20px;
		flex-wrap: wrap;
		margin-bottom: 12px;
	}

	.footer .cen .item {
		flex: auto;
		width: 100%;
	}

	.footer .cen .item h5 {
		margin: 12px 0 4px 0;
	}

	.footer .cen .item ul li {
		float: left;
		margin-right: 8px;
	}

	.faswiper .swiper-slide p {
		line-height: 20px;
		width: 80%;
		margin: auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.faswiper .swiper-button-next:after,
	.faswiper .swiper-rtl .swiper-button-prev:after,
	.faswiper .swiper-button-prev:after {
		font-size: 18px;
	}

	.product .banner img {
		height: 230px;
		object-fit: cover;
	}

	.product .banner h1 {
		font-size: 24px;
		width: 55%;
		line-height: 28px;
		margin: 0 auto;
	}

	.product .banner p {
		width: 90%;
		font-size: 14px;
		margin: 12px auto 0;
	}

	.product .cptopimg img {
		width: 140px;
		height: auto;
		margin-top: -50px;
	}

	.product .procon1 ul li {
		width: 100%;
		margin-bottom: 20px;
		margin-left: 20px;
	}

	.product .cpmainban .img {
		width: 100%;
		height: 230px;
		object-fit: cover;
	}

	.product .cpmainban .banbox h1 {
		font-size: 26px;
		margin-bottom: 12px;
	}

	.product .cpmainban .banbox p {
		font-size: 12px;
		line-height: 20px;
		margin: 0 auto;
	}

	.product .cpmainban .banbox ul {
		margin-top: 12px;
	}

	.product .cpmainban .banbox ul li {
		padding: 4px 8px;
		font-size: 12px;
		border-radius: 0px 30px 30px 30px;
		margin: 0 4px 4px;
	}

	.product .imgbox img {
		width: 49.3%;
		margin-bottom: 4px;
		height: 100%;
	}

	.cpmain3-box .img1 {
		margin-top: 12px;
		width: 70%;
	}

	.cpmain3 .img {
		height: 446px;
	}

	.prolgban img {
		height: 100px;
		object-fit: cover;
	}

	.prolgmain1 .lbox {
		width: 100%;
		padding: 20px 0;
	}

	.prolgmain1 .rbox {
		flex: auto;
		width: 100%;
		margin: 0 20px;
		padding-bottom: 12px;
	}

	.prolgmain1,
	.prothermain1 {
		flex-wrap: wrap;
		margin: 0 12px;
	}

	.prolgmain1 .lbox img {
		width: 130px;
	}

	.prolgmain1 .rbox h4 {
		margin-top: 12px;
		font-size: 18px;
	}

	.el-breadcrumb {
		margin: 0 12px;
	}

	.prolgmain2 ul li {
		width: 100%;
		margin: 0 16px 16px;

	}

	.prolgmain3 {
		margin: 0 12px;
	}

	.prothermain1 .lbox {
		width: 100%;
		padding: 20px 0;
		border-right: none;
	}

	.prothermain1 .rbox {
		width: 100%;
		flex: auto;
		margin-left: 20px;
		padding-bottom: 20px;
	}

	.prothermain1 .rbox h4 {
		font-size: 20px;
		margin: 0px 0 20px;
	}

	.prothermain1 .rbox p.intro {
		margin-top: 8px;
	}

	.prothermain2 .items {
		width: 100%;
		margin: 0 12px 12px;
	}

	.solubox p.intro {
		margin: 0 12px;
	}

	.solubox .img,
	.solu1main1 .img {
		display: block;
		width: 94%;
		margin: 0 auto;
	}

	.solu1main1 ul {
		flex-wrap: wrap;
		margin: 0 12px;
	}

	.solu1main1 ul li {
		width: 100%;
		padding: 12px;
	}

	.solu1main1 ul li:nth-child(1) {
		border-bottom: 4px solid #7CCAD4;
		border-right: none;
	}

	.solu1main1 ul li:nth-child(2) p {
		width: 80%;
	}

	.solu2img2 img,
	.solu3main1 .img1 {
		display: block;
		width: 90%;
		margin: 0 auto;
	}

	.solu3main2 .intro {
		margin: 0 12px;
	}

	.solu3main2 .solu3item1 {
		flex-wrap: wrap;
	}

	.solu3main2 .limg {
		height: 100%;
		display: block;
		padding: 0 12px;
		box-sizing: border-box;
	}

	.solu3main2 .rbox {
		width: 100%;
		margin: 20px 20px 0 20px;
	}

	.casemain1 h5.intro {
		margin: 20px 20px 0;
	}

	.imgbox1 {
		position: inherit;
		padding-top: initial;
		padding: 12px;
		box-sizing: border-box;
	}

	.imgbox1 img {
		position: initial;
	}

	.imgbox1 .img1,
	.imgbox1 .img3,
	.imgbox1 .img2 {
		left: auto;
		top: auto;
		z-index: 1;
		width: 100%;
		box-sizing: border-box;
	}

	.imgbox2 {
		width: 100%;
	}

	.imgbox2-2 {
		margin-top: 0px;
		flex-wrap: wrap;
		padding: 0 12px;
		overflow: hidden;
	}

	.imgbox2 .img2-1 {
		width: 100%;
		box-sizing: border-box;
	}

	.imgbox2-1 {
		margin: 0 auto 12px;
		overflow: hidden;
		width: 90%;
	}

	.imgbox3 {
		flex-wrap: wrap;
	}

	.imgbox3 .items {
		margin: 0 12px 12px;
	}

	.footer .zuo:after {
		content: none;
	}

	.imgbox2-2 .items .intro1,
	.imgbox2-2 .items .intro2,
	.imgbox2-1 .intro {
		width: 100%;
	}

	.imgbox2-2 .items {
		margin-bottom: 12px;
	}

	.imgbox3 .items p {
		width: 100%;
	}

	.newwrap {
		margin-top: 0;
	}

	.newwrap .ltith4,
	.newwrap .ltith5 {
		width: 100%;
	}

	.newwrap .ltith4 {
		font-size: 26px;
		padding: 12px;
	}

	.newwrap .ltith5 {
		font-size: 16px;
		padding: 8px 12px 12px;
	}

	.newwrap .el-tabs--left .el-tabs__header.is-left {
		float: inherit;
		width: 100%;
	}

	.newwrap .el-tabs--left .el-tabs__nav.is-left {
		display: flex;
	}

	.newwrap .el-tabs--left .el-tabs__item.is-left {
		padding: 8px 12px;
	}

	.newwrap .el-tabs__item.is-active {
		border-radius: 8px 8px 0 0;
	}

	.el-tabs__content {
		margin-top: 12px;
	}

	.newwrap .el-tabs__content .el-tab-pane {
		margin-left: 0;
	}

	.newwrap .el-tabs__content ul.content {
		padding: 0 12px;
	}

	.newwrap .el-tabs__content ul.content li .ldata h5 {
		font-size: 18px;
	}

	.newwrap .el-tabs__content ul.content li .ldata p {
		font-size: 12px;
		white-space: nowrap;
	}

	.newwrap .el-tabs__content ul.content li dl {
		margin-left: 8px;
	}

	.aboutban .intro h1 {
		font-size: 18px;
		margin-bottom: 4px;
	}

	.aboutban .intro h3 {
		font-size: 14px;
	}

	.aboutmain1 {
		flex-wrap: wrap;
	}

	.aboutmain1 .limg {
		width: 100%;
	}

	.aboutmain1 dl {
		padding: 0 20px 20px;
	}

	.aimgbox1 {
		flex-wrap: wrap;
		justify-content: center;
	}

	.aimgbox2 {
		flex-wrap: wrap;
		justify-content: center;
	}

	.aimgbox2 img {
		margin-bottom: 12px;
	}

	.aboutcontact {
		flex-wrap: wrap;
		padding: 0 12px;
		box-sizing: border-box;
	}

	.aboutcontact .item {
		margin-bottom: 8px;
	}

	.aboutcontact .item img {
		width: 20px;
	}

	.newscont {
		padding: 0 12px;
	}

	.newscont .newstitle {
		font-size: 20px;
	}

	.newscont .newintro {
		line-height: 26px;
		font-size: 16px;
	}

	.newscont .newintro p {
		text-indent: 2rem;
		margin-top: 12px;
	}
}

@-webkit-keyframes resize {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale(5, 5);
		transform: scale(5, 5);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

@keyframes resize {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale(5, 5);
		transform: scale(5, 5);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
.ql-video {
	width: 100%;
    height: 700px;

}