html,
body {
	font-size: 16px !important;
	/* overflow-x: hidden; */
}

@media only screen and (min-width: 992px) {
	.col-lg-4 {
		flex: 1;
	}
}

.adv-pic {
	margin: auto;
}

body {
	overflow-x: hidden;
}

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

	.header .img-logo,
	.header.style2 .img-logo {
		margin: 0;
		padding-bottom: 2px;
	}
}

@media only screen and (max-width: 520px) {
	body {
		overflow-x: initial;
	}

	.solu-1 {
		display: none;
	}

	.sub-menu {
		display: none !important;
	}
}

#nav {
	z-index: 99 !important;
}

.footer #l-map img {
	width: 100%;
	height: 100%;
}

.footer #l-map {
	background-color: transparent;
}

.header .nav li .sub-menu li a {
	padding: 0 15px;
	color: rgba(255, 255, 255, 1);
}

.header .nav li a {
	font-size: 14px;
	font-weight: 500;
}

.yy {
	font-size: 14px !important;
}

.navbar {
	margin-bottom: unset;
}

.nav>li>a {
	display: unset;
}

.nav>li>a :hover {
	background-color: unset !important;
	border: unset !important;
	border-radius: unset !important;
}

.nav>li>a.active {
	background-color: unset;
}

/* .wwwwwwwww .row .col-md-2:first-child {
   margin-left: 8.3333335%;
}
.wwwwwwwww .row .col-md-2:last-child {
   margin-right: 8.3333335%;
} */
@media only screen and (min-width: 521px) {
	.wwwwwwwww .col-lg-2 {
		padding-left: 0;
		padding-right: 0;
	}

	.wwwwwwwww .col-md-2 {
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen and (min-width: 2000px) {
	.container {
		max-width: unset;
		width: 1400px;
		width: 1170px;
	}

	.index-contact .container {
		max-width: 1400px;
		width: 1400px;
		width: 1170px;
	}

	.index-partner .container {
		max-width: 1400px;
		width: 1400px;
	}

	.adv-pic {
		height: auto !important;
	}

	.swiper-container1 {
		overflow: hidden;
		max-width: 1400px !important;
		width: 1400px !important;
		margin: auto;
	}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {

	.hero-slider,
	.hero-slider .single-slider {
		height: auto !important;
	}
}

.control-in {
	width: 78%;
	position: relative;
	display: inline-block;
}

.header .nav li a:hover {
	background: transparent !important;
}

.sub-menu {
	display: flex;
}

.header .nav li .sub-menu {
	width: 4000px;
	text-align: left;
	position: absolute;
	top: 80px;
	/* position: fixed;
	top: 80px; */
	z-index: 999999999999999999999999999999999999999 !important;
	opacity: 1;
	visibility: show !important;
	padding: 20px;
	left: -1740px;
	margin: 0;
	box-shadow: 1px 4px 12px rgba(51, 51, 51, 0.25);
	transition: all 0.3s ease 0s;
	background-color: rgba(0, 0, 0, 0.7);
	display: table;
}

.sub-list {
	display: table-cell;
	text-align: center;
}

.sub-list h5 {
	color: #fff;
	position: relative;
}

.sub-list h5 span {
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}

.sub-listcon {
	margin-top: 15px;
}

.yy {
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}

.sub-menucon {
	width: 15%;
	margin: auto;
	display: table;
	text-align: center;
}

.sub-listcon a span {
	padding: 2px;
}

.sub-listcon a span:hover {
	box-shadow: 0px 1px 2px 2px rgba(255, 255, 255, 0.3);
	transition: all 0.3s ease 0s;
}

.index-contact .form-group input {
	width: 100%;
}

.form-group label {
	float: left;
}

.help-block {
	display: block;
	margin-top: -5px;
	margin-bottom: 10px;
	color: #737373;
	width: 100%;
	/* margin-left: -10%; */
}

/* .hero-text2{
	position: relative;
}
.hero-img2{
	position: absolute;
	top:20%;
	left:10%;
	transform: translate(0, -50%);
} */
/* @keyframes bubblemove {
    0% {
        transform: scale(1) translate(10px, -30px)
    }
    38% {
        transform: scale(.8, 1) translate(10vw, 5vh) rotate(160deg)
    }
    40% {
        transform: scale(.8, 1) translate(10vw, 5vh) rotate(160deg)
    }
    78% {
        transform: scale(1.3) translate(0vw, 5vh) rotate(-20deg)
    }
    80% {
        transform: scale(1.3) translate(0vw, 5vh) rotate(-20deg)
    }
    100% {
        transform: scale(1) translate(10px, -30px)
    }
}

.index-product-pic {
    animation: bubblemove 50s ease-in-out infinite;
    transform-origin: 50% 50%
} */

@media (max-width: 768px) {
	.sub-menucon {
		width: unset;
	}
}

@media (min-width: 768px) {
	.banner-left {
		margin-top: 200px;
	}

	.banner-right {
		margin-top: 200px;
	}

	.banner-right h4:nth-child(2) {
		margin-top: 10px;
	}

	.banner-right h4:nth-child(3) {
		margin-top: 40px;
	}

	.middle-header {
		background: transparent;
	}

	.hero-slider {
		margin-top: -124px;
	}
}

.header .nav li a {
	color: #efefef;
	font-weight: 400;
	text-shadow: 2px 2px 2px #000;
}

.middle-header {
	box-shadow: unset;
}

@media only screen and (max-width: 1900px) and (min-width: 991px) {
	.header.sticky .middle-header {
		/* background-color: #003d70; */
		background-color: transparent;
	}

	.header.sticky .middle-header {
		/* box-shadow: 7px 15px 10px #00000021; */
		box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
	}

}

.index-advantage .adv-pic img:hover {
	width: 86%;
}

@media only screen and (max-width: 767px) {
	.hero-slider .single-slider {
		background: url(../img/index/banner_bg.png) !important;
	}
}

.index-product h5 {
	padding-top: 100px;
	padding-bottom: 80px;
}

.index-product-tabs {
	padding-bottom: 50px;
}

.index-product h5 {
	width: 100%;
	text-align: center;
}

.index-product {
	background-color: #F0F0F0;
	padding-bottom: 20px;
}

.index-product-tabs {
	display: flex;
	width: 80%;
	margin: auto;
}

.index-product-tabs li {
	flex: 1;
	text-align: center;
	cursor: pointer;
	/* width: 20%; */
}

.nav-tabs {
	border-bottom: unset;
	border-bottom: none;
	border-bottom: 0 solid transparent;
}

.index-product-list li {
	display: inline-flex;
	width: 197px;
	height: 82px;
	margin-top: 37px;
	margin-right: 40px;
	background: url(../img/index/title01_bt.png) no-repeat center;
	background-size: 100%;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.index-product-list li:last-child {
	margin-right: unset;
}

.index-product-dec p {
	text-indent: 24px;
}

.index-product-list li span {
	/* background: url(../img/index/title01_IconZQ01.png) no-repeat left center; */
	display: inline-block;
	padding-left: 54px;
	height: 100%;
	line-height: 76px;

}

.index-product-dec h4 {
	margin-bottom: 20px;
	color: #000;
	font-weight: 100;
	font-size: 24px;
	font-family: PingFangSC-Regular, sans-serif;
}

.dd {
	position: relative;
}

.wwwwwwwww {
	margin-bottom: 100px;
}

/* .index-product {
	padding-bottom: 100px;
} */
.qqqq {
	margin-top: 100px;
	margin-bottom: 80px;
}

.index-advantage {
	background-color: #fff;
}

.index-advantage .row {
	justify-content: center;
}

.index-advantage p {
	text-align: center;
}

.solu {
	width: 100%;
	height: auto;
	position: relative;
}

.solu-1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 30%;
	height: 100%;
	z-index: -1;
}

.solu-2 {
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: 100%;
	z-index: -1;
}

.index-solution {
	background: url(../img/index/title03_bg.png) top center no-repeat;
	background-size: 100%;
	max-width: 1349px;
	margin: auto;
}

.index-solution-p {
	padding-top: 368px;
}

.solution-btn {
	margin-top: 200px;
	text-align: right;
}

.index-solution-p .col-lg-6,
.index-solution-p .col-md-6,
.index-solution-p .col-6 {
	padding-left: unset;
	padding-right: unset;
}

.index-advantage p.solution-pleft {
	text-align: right;
}

.index-advantage p.solution-pright {
	text-align: left;
}

.index-solution-p {
	position: relative;
}

.solution-pleftcon {
	position: absolute;
	left: 0;
}

.solution-prightcon {
	position: absolute;
	right: 33px;
}

.index-contact {
	background-color: #F0F0F0;
}

.index-contact h3 {
	font-weight: 400;
	font-size: 16px;
	border-bottom: 1px solid #000;
	margin-bottom: 1rem;
}

.index-contact .form-group input {
	display: inline-block;
	height: 50px;
	border: 1px solid rgba(204, 204, 204, 0.58);
	width: 90%;
	border-radius: 0px;
	padding: 0px 40px 0 15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-size: 14px;
	font-weight: normal;
}

.index-contact .container {
	width: 76%;
}

.footer {
	background-color: #343434;
}

.footer ul li {
	font-size: 14px;
	font-weight: 400;
	color: #ccc;
	line-height: 40px;
}

.footer ul li:first-child {
	line-height: 60px;
}

.footer-address {
	border-radius: 6px;
	width: 90%;
	margin: auto;
	height: 180px;
	background-color: #ccc;
}

.footer .container {
	padding: 20px 0;
}

.footer .copyright {
	border-top: unset;
}

.scan-box-view-inner {
	/* display: table-cell; */
	text-align: center;
	vertical-align: middle;
	position: relative;
	width: 103px;
	margin: auto;
}

.scan-animation {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/index/scan-animation.png);
	animation: scan 6s infinite;
	border-right: 2px solid #00A4FF;
}

@keyframes scan {
	from {
		left: -100px;
	}

	to {
		left: 0;
	}
}

.swiper-slide {
	position: relative;
	width: 100%;
}

.swiper-slide .container {
	position: absolute;
	top: 0;
	left: 0;
}

img {
	max-width: 100%;
}

/* #txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
} */
/* .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
} */

/* .swiper-container .swiper-slide .container{
 	display: none;
 } */
.middle-r {
	padding-top: 20px;
	padding-top: 0;
}






.swiper-con {
	display: block;
}

.swiper-slide .swiper-con {
	display: none;
}

html,
body {
	width: 100%;
	/* overflow-x: hidden; */
}

.banner-right h4 img {
	max-width: 90%;
}

.bizwheel-btn img {
	max-width: 80%;
}

.hero-slider {
	height: unset;
}

.index-product .index-pro {
	padding-top: 180px;
}

.index-product-tabs li a {
	background-size: auto 40px;
	padding-left: 42px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.nav-tabs>li>a:hover {
	border-color: transparent;
}

.index-product-tabs li a:hover {
	background-color: transparent !important;
}

.tabo1.active {
	background: url(../img/indexFront/nav_RJ01@2x.png) no-repeat -3px center;
	background-size: auto 40px;
}

.tabo1.active span {
	position: relative;
}

.tabo1.active span::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 4px;
	background: #000;
	bottom: -4px;
	transition: all 0.3s ease;
}

.tabo2.active {
	background: url(../img/indexFront/nav_CT01@2x.png) no-repeat -2px center;
	background-size: auto 40px;
}

.tabo2.active span {
	position: relative;
}

.tabo2.active span::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 4px;
	background: #000;
	bottom: -4px;
	transition: all 0.3s ease;
}

.tabo3.active {
	background: url(../img/indexFront/nav_dc01@2x.png) no-repeat -3px center;
	background-size: auto 40px;
}

.tabo3.active span {
	position: relative;
}

.tabo3.active span::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 4px;
	background: #000;
	bottom: -4px;
	transition: all 0.3s ease;
}

.tabo4.active {
	background: url(../img/indexFront/nav_ict01@2x.png) no-repeat -3px center;
	background-size: auto 40px;
}

.tabo4.active span {
	position: relative;
}

.tabo4.active span::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 4px;
	background: #000;
	bottom: -4px;
	transition: all 0.3s ease;
}

.tabo5.active {
	background: url(../img/indexFront/nav_PX01@2x.png) no-repeat -3px center;
	background-size: auto 40px;
}

.tabo5.active span {
	position: relative;
}

.tabo5.active span::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 4px;
	background: #000;
	bottom: -4px;
	transition: all 0.3s ease;
}

.tabo1 {
	background: url(../img/indexFront/nav_RJ02@2x.png) no-repeat -3px center;
	background-size: auto 40px;
}

.tabo1:hover {
	background: url(../img/indexFront/nav_RJ01@2x.png) no-repeat -3px center;
	background-size: auto 40px;
}

.tabo1:hover span {
	position: relative;
}

.tabo1:hover span::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 4px;
	background: #000;
	bottom: -4px;
	transition: all 0.3s ease;
}

.tabo2 {
	background: url(../img/indexFront/nav_CT02@2x.png) no-repeat -2px center;
	background-size: auto 40px;
}

.tabo2:hover {
	background: url(../img/indexFront/nav_CT01@2x.png) no-repeat -2px center;
	background-size: auto 40px;
}

.tabo2:hover span {
	position: relative;
}

.tabo2:hover span::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 4px;
	background: #000;
	bottom: -4px;
	transition: all 0.3s ease;
}

.tabo3 {
	background: url(../img/indexFront/nav_dc02@2x.png) no-repeat -3px center;
	background-size: auto 40px;
}

.tabo3:hover {
	background: url(../img/indexFront/nav_dc01@2x.png) no-repeat -3px center;
	background-size: auto 40px;
}

.tabo3:hover span {
	position: relative;
}

.tabo3:hover span::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 4px;
	background: #000;
	bottom: -4px;
	transition: all 0.3s ease;
}

.tabo4 {
	background: url(../img/indexFront/nav_ict02@2x.png) no-repeat -3px center;
	background-size: auto 40px;
}

.tabo4:hover {
	background: url(../img/indexFront/nav_ict01@2x.png) no-repeat -3px center;
	background-size: auto 40px;
}

.tabo4:hover span {
	position: relative;
}

.tabo4:hover span::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 4px;
	background: #000;
	bottom: -4px;
	transition: all 0.3s ease;
}

.tabo5 {
	background: url(../img/indexFront/nav_PX02@2x.png) no-repeat -3px center;
	background-size: auto 40px;
}

.tabo5:hover {
	background: url(../img/indexFront/nav_PX01@2x.png) no-repeat -3px center;
	background-size: auto 40px;
}

.tabo5:hover span {
	position: relative;
}

.tabo5:hover span::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 4px;
	background: #000;
	bottom: -4px;
	transition: all 0.3s ease;
}

.bizwheel-btn {
	background: url(../img/index/banner_bt01.png) no-repeat center;
	background-size: 100% auto;
	height: 90px;
	width: 35%;
}

.bizwheel-btn:last-child {
	margin-top: 24px;
}

.bizwheel-btn:hover {
	background: url(../img/index/banner_bt02.png) no-repeat center;
	background-size: 100% auto;
	width: 35%;
	height: 90px;
}

/* 合作伙伴 */
.cell_box {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	height: 200px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	margin-top: 24px;
	margin-bottom: 24px;
	padding: 0;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}

.cell_box img {
	width: 80%;
	float: left;
	height: auto;
}

li {
	list-style-type: none;
}

.swiper-container1 {
	overflow: hidden;
}

.index-product-list li span {
	background-size: auto 50%;
}

.form-right {
	justify-content: flex-end;
}

body,
button,
input,
select,
optgroup,
textarea {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	color: #333;
	font-size: 14px;
	line-height: 24px;
}

/* .form-group {
	display: flex;
} */
.index-contact .form-group input.form-control {
	background: transparent;
}

.index-contact .form-group input.form-control:hover {
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}
.index-contact .form-group select.form-control {
	background: transparent;
}

input::-webkit-input-placeholder{
  color:#999!important;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#999!important;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#999!important;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#999!important;
}



input::placeholder,textarea::placeholder{ 
　　　　color:#999!important; 
}
.index-contact .form-group select.form-control:hover {
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}

.index-contact .form-group textarea {
	background: transparent;
}

.index-contact .form-group textarea:hover {
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
	border: 1px solid #979797;
}

.index-contact h3 {
	padding-bottom: 10px;
}

.form-group label {
	width: 20%;
	text-align: right;
	/* margin-right: 2%; */
	line-height: 38px;
}

#defaultForm .row {
	margin-top: 46px;
	display: contents;
}

.form-group input::input-placeholder {
	font-size: 12px;
}

.index-contact .form-group input::input-placeholder {
	color: #999;
}

.index-contact .form-group input.form-control {
	height: 43px;
	/* margin-left: 13px; */
	display: inline;
	border: 1px solid #979797;
	margin-bottom: 16px;
	color: #999;
	height: 38px;
	width: 100%;
}

.form-right {
	text-align: right;
}

.form-right .control-label {
	width: 20%;
	text-align: right;
}

.index-contact .form-group textarea {
	border: 1px solid #979797;
	margin-bottom: 20px;
	color: #999;
	border-radius: unset;
	padding: 12px;
}

.hhh {
	padding-right: unset;
	padding-left: unset;
}

.index-contact h5 {
	padding-top: 140px;
	padding-bottom: 70px;
}

.btn-sub {
	border: unset;
	border: none;
	border: 0 solid transparent;
	width: 96%;
	text-align: right;
	background: unset;
	margin-top: 50px;
}

.index-advantage .p-text0 {
	margin-top: -20px;
	text-align: left;
}

.scan-mar {
	margin-top: 40px;
	display: grid;
	flex: 1;
    display:none;
}

.container .row {
	margin: auto;
	display: flow-root;
}

.wwwwwwwww .row {
	display: flex;
}

.adv-pic {
	width: 90%;
	height: 132px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.adv-pic img {
	width: 100%;
	max-width: 100%;
}

.ban-svgcon {
	position: relative;
}

.ban-svg {
	position: absolute;
	top: 205px;
	left: 4%;
}

.btn-sub {
	height: 46px;
	background: url(../img/index/title05_bt01.png) no-repeat right center;
	background-size: auto 100%;
}

.btn-sub:hover {
	height: 46px;
	background: url(../img/index/title05_bt02.png) no-repeat right center;
	background-size: auto 100%;
}

.index-contact input:focus {
	border-style: solid;
	border-color: #ccc;
	box-shadow: 3px 10px 8px #ccc;
}

textarea {
	outline: none;
}

.index-contact textarea:focus {
	border-style: solid !important;
	border-color: #ccc !important;
	box-shadow: 3px 10px 8px #ccc;
}

.index-product-list {
	display: flex;
}

.index-product-list li {
	display: inline-flex;
	display: inline-block;
	width: 154px;
	height: 82px;
	margin-top: 10px;
	margin-right: 12px;
	background: url(../img/index/title01_bt.png) no-repeat center;
	background-size: 100%;
	text-align: center;
	justify-content: center;
	align-items: center;
}


.form-left {
	text-align: left;
}

.index-contact .form-group input {
	height: 50px;
	width: 90%;
	padding: 0px 1% 0 2%;
}

.ban-svg {
	width: 90%;
}

.index-advantage p.solution-pleft img {
	width: 70%;
}

.index-advantage p.solution-pright img {
	width: 70%;
}

.solution-btn img {
	width: 18%;
	margin-top: 30px;
}

.solution-btn img:hover {
	width: 19%;
	cursor: point;
}

.index-partner .index-pro {
	padding-top: 100px;
}

.index-product-list li {
	cursor: pointer;
}

.swiper-container1 {
	overflow: hidden;
	max-width: 96%;
	margin: auto;
}


.swiper-container2 {
	width: 100%;
	height: 100%;
}

.swiper-container2 .swiper-slide {
	width: 100%;
	height: 100%;
}

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

/* .hero-slider-wap{
		display: none;
	} */
.hero-slider-pc {
	display: block;
}

.textarea {
	margin-bottom: 6px;
}

.form-group label {
	font-weight: 500;
}

.index-advantage .p-text0 {
	font-size: 14px;
	color: rgba(51, 51, 51, 1);
	opacity: 0.5;
}

/* @media only screen and (max-width: 991px){
	.hero-slider-wap{
		display: block;
	}
	.hero-slider-pc{
		display: none;
	}
} */
.form-group label {
	text-align: left;
	width: unset;
	width: 20%;
	/* float: left; */
	text-align: right;
}

.ff {
	padding-right: 0;
	padding-left: 0;
}

@media only screen (min-width: 1900px) {
	.index-solution {
		height: 1080px;
	}

}

@media only screen and (max-width: 991px) and (min-width: 520px) {
	.index-product-list li span {
		background: url(../img/index/title01_IconZQ01.png) no-repeat 5% center;
		padding-left: 12%;
		line-height: 82px;
		background-size: 24% auto;
		font-size: 12px;
		width: 100%;
	}

	.index-solution-p {
		padding-top: 136px;
	}

	.col-12,
	.col-lg-6 {
		padding-right: 1%;
		padding-left: 1%;
	}

	.form-group label {
		width: 28%;
		line-height: 43px;
	}

	.cell_box {
		width: 60%;
	}

	.ban-svg {
		top: 60px;
		width: 88%;
	}

}

@media only screen and (max-width: 767px) and (min-width: 520px) {
	.adv-pic {
		height: 85px;
	}

	p {
		font-size: 12px;
	}

	.adv-pic img {
		width: 32%;
		max-width: 100%;
	}

	.adv-picm {
		width: 50%;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 14px;
	}

	.solution-btn {
		margin-top: 90px;
	}
}

.hero-slider,
.hero-slider .single-slider {
	background-color: #F0F0F0;
	;
}

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

	html,
	body {
		position: relative;
		height: 100%;
		width: 100%;
	}

	body {
		margin: 0;
	}

	#txt {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
	}

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

	.swiper-ban {
		width: 100%;
		height: 100%;
		z-index: 100;
	}

	.header .logo {
		padding: 10px;
		margin-top: 10px;
	}

	.mobile-nav {
		margin-top: -34px;
	}

	.home-slider {
		width: 100%;
		height: 100%;
	}

	/* .hero-slider,
	.hero-slider .single-slider {
		width: 100%;
		height: 100%!important;
	}
	.home-slider {
	    overflow: hidden;
	    width: 100%;
	    height: 100%;
	}
	.swiper-ban {
	    width: 100%;
	    height: 100%;
	    z-index: 100!important;
	} */
}

.shows {
	position: absolute;
	left: 0px;
	top: 0px;
}

@media only screen and (max-width: 767px) and (min-width: 520px) {
	.shows {
		position: absolute;
		left: 0px;
		top: 250px;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1900px) {
	.index-advantage .adv-pic img {
		width: 70%;
	}

	/* .advantage-con {
		margin-bottom: 100px;
	} */

	.index-advantage .adv-word {
		margin-top: 30px;
	}
}

@media only screen and (min-width: 1900px) {
	.index-advantage .adv-word {
		margin-top: 40px;
	}
}

@media (max-width: 520px) {
	.swiper-con {
		padding-top: 44px;
	}

	.shows {
		position: absolute;
		left: 0px;
		top: 250px;
	}

	.hero-slider,
	.hero-slider .single-slider {
		height: 230px !important;
	}

	p {
		font-size: 12px;
	}

	.index-pro img {
		height: 30px;
		margin: auto;
	}

	.index-product .index-pro {
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.index-product-tabs {
		display: flex;
		width: 100%;
		margin: auto;
	}

	.index-product-tabs li a {
		background-size: auto 40px;
		padding-left: unset;
		padding-top: 80px;
		padding-bottom: 15px;
		display: inline-block;
		font-size: 12px;
		text-align: center;
	}

	.tabo1 {
		background: url(../img/indexFront/nav_RJ01@2x.png) no-repeat center center;
	}

	.tabo2 {
		background: url(../img/indexFront/nav_CT01@2x.png) no-repeat center center;
	}

	.tabo3 {
		background: url(../img/indexFront/nav_dc01@2x.png) no-repeat center center;
	}

	.tabo4 {
		background: url(../img/indexFront/nav_ict01@2x.png) no-repeat center center;
	}

	.tabo5 {
		background: url(../img/indexFront/nav_PX01@2x.png) no-repeat center center;
	}

	.tabo1.active {
		background-color: transparent;
		background: url(../img/indexFront/nav_RJ02@2x.png) no-repeat center center;
	}

	.tabo2.active {
		background-color: transparent;
		background: url(../img/indexFront/nav_CT02@2x.png) no-repeat center center;
	}

	.tabo3.active {
		background-color: transparent;
		background: url(../img/indexFront/nav_dc02@2x.png) no-repeat center center;
	}

	.tabo4.active {
		background-color: transparent;
		background: url(../img/indexFront/nav_ict02@2x.png) no-repeat center center;
	}

	.tabo5.active {
		background-color: transparent;
		background: url(../img/indexFront/nav_PX02@2x.png) no-repeat center center;
	}

	.index-product-pic {
		text-align: center;
	}

	.index-product-pic img {
		width: 60%;
	}

	.index-product-dec {
		margin-top: 10px;
	}

	.index-product-list {
		display: flex;
	}

	.index-product-list li {
		display: inline-flex;
		width: 197px;
		height: 82px;
		margin-top: 10px;
		margin-right: 2px;
		background: url(../img/index/title01_bt.png) no-repeat center;
		background-size: 100%;
		text-align: center;
		justify-content: center;
		align-items: center;
	}

	.index-product-list li span {
		background: url(../img/index/title01_IconZQ01.png) no-repeat 1% center;
		background-size: auto 26%;
		display: inline-block;
		padding-left: 26%;
		height: 100%;
		line-height: 82px;
		font-size: 10px;
		width: 100%;
	}

	.adv-pic img {
		width: 50%;
		max-width: 100%;
	}

	.adv-pic {
		height: 85px;
	}

	.adv-picm {
		width: 50%;
		text-align: center;
		margin: auto;
	}

	.ban-svg {
		top: 20px;
	}

	.index-solution-p {
		padding-top: 66px;
	}

	.solution-btn {
		margin-top: 120px;
	}

	.solution-btn img {
		width: 30%;
	}

	.cell_box {
		height: 142px;
		box-shadow: unset;
		width: 100%;
	}

	.index-contact {
		font-size: 12px !important;
	}

	.index-contact h3 {
		font-size: 14px;
	}

	.index-contact .container {
		width: 100%;
	}

	.form-group {
		justify-content: flex-end;
		margin-bottom: unset;
	}

	.btn-sub {
		height: 40px;
	}

	.btn-sub {
		margin-top: 20px;
	}

	.footer-logo li img {
		width: 80%;
	}

	.footer ul li {
		font-size: 12px;
		line-height: 34px;
	}

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

	.scan-box-view-inner {
		display: inline-block;
	}

	.header-top {
		padding: unset;
	}

	.footer .copyright-content p {
		font-size: 12px;
	}

	.solution-pleft img {
		width: 80%;
	}

	.solution-pright img {
		width: 80%;
	}

	.solution-prightcon {
		right: 10px;
	}



	.middle-header {
		padding: unset;
	}
}

@media (max-width: 520px) {

	.ff .control-label {
		width: 20%;
		text-align: right;
	}

	.tabo4 {
		background: url(../img/indexFront/nav_ict01@2x.png) no-repeat center 35px;
		background-size: auto 40px;
	}

	.tabo1.active {
		background-size: auto 40px;
	}

	.tabo2.active {
		background-size: auto 40px;
	}

	.tabo3.active {
		background-size: auto 40px;
	}

	.tabo4.active {
		background: url(../img/indexFront/nav_ict02@2x.png) no-repeat center 35px;
		background-size: auto 40px;
	}

	.tabo5.active {
		background-size: auto 40px;
	}

	.index-product-tabs a span {
		text-align: center;
	}

}

.index-product {
	position: relative;
}

.index-show {
	position: absolute;
	left: 0;
	top: 0;
}

/* .index-product {
	padding-bottom: 175px;
} */

.index-show1 {
	position: absolute;
	left: 6%;
	top: 46px;
	width: 35%;
}

.index-product-list:first-child {
	margin-top: 25px;
}

.index-show2 {
	position: absolute;
	left: 20%;
	top: 600px;
	width: 10%;
	left: 24%;
	top: 758px;
}

.header.sticky .middle-header {
	position: initial !important;
}

.solution-btn img {
	cursor: pointer;
}

.index-product-pic {
	background: url(../img/indexFront/title01_img02@2x.png) no-repeat top center;
	background-size: 100% auto;
	padding-bottom: 50px;
	flex: 1;
}

.index-product-pic img {
	width: 98%;
	margin-top: 18px;
	margin-left: 3px;
}

.index-advantage .adv-pic img:hover {
	cursor: pointer;
}

/* .index-product .container {
    max-width: 1400px;
} */
.index-product-list .pro-list span:hover {
	cursor: pointer;
}

.index-product-list .pro-list1 span {
	background: url(../img/indexFront/title01_IconZQ02@2x.png) no-repeat left 16px;
	background-size: 34%;
}

.index-product-list .pro-list1 span:hover {
	background: url(../img/indexFront/title01_IconZQ01@2x.png) no-repeat left 16px;
	background-size: 34%;
}

.index-product-list .pro-li1 span {
	background: url(../img/indexicon/title02_IconFW01@2x.png) no-repeat left 16px;
	background-size: 48%;
}

.index-product-list .pro-li1 span:hover {
	background: url(../img/indexicon/title02_IconFW02@2x.png) no-repeat left 16px;
	background-size: 48%;
}

.index-product-list .pro-li2 span {
	background: url(../img/indexicon/title02_IconWL01@2x.png) no-repeat left 16px;
	background-size: 48%;
}

.index-product-list .pro-li2 span:hover {
	background: url(../img/indexicon/title02_IconWL02@2x.png) no-repeat left 16px;
	background-size: 48%;
}

.index-product-list .pro-li3 span {
	background: url(../img/indexicon/title02_IconWY01@2x.png) no-repeat left 16px;
	background-size: 48%;
}

.index-product-list .pro-li3 span:hover {
	background: url(../img/indexicon/title02_IconWY02@2x.png) no-repeat left 16px;
	background-size: 48%;
}

.index-product-list .pro-l1 span {
	background: url(../img/indexicon/title02_IconZX01@2x.png) no-repeat left 16px;
	background-size: 42%;
}

.index-product-list .pro-l1 span:hover {
	background: url(../img/indexicon/title02_IconZX02@2x.png) no-repeat left 16px;
	background-size: 42%;
}

.index-product-list .pro-l2 span {
	background: url(../img/indexicon/title02_IconSJ01@2x.png) no-repeat left 16px;
	background-size: 42%;
}

.index-product-list .pro-l2 span:hover {
	background: url(../img/indexicon/title02_IconSJ02@2x.png) no-repeat left 16px;
	background-size: 42%;
}

.index-product-list .pro-l3 span {
	background: url(../img/indexicon/title02_IconJF01@2x.png) no-repeat left 16px;
	background-size: 42%;
}

.index-product-list .pro-l3 span:hover {
	background: url(../img/indexicon/title02_IconJF02@2x.png) no-repeat left 16px;
	background-size: 42%;
}

.index-product-list .pro-l4 span {
	background: url(../img/indexicon/title02_IconYW01@2x.png) no-repeat left 16px;
	background-size: 42%;
}

.index-product-list .pro-l4 span:hover {
	background: url(../img/indexicon/title02_IconYW02@2x.png) no-repeat left 16px;
	background-size: 42%;
}

.index-product-list .pro-lh1 span {
	background: url(../img/indexicon/title02_IconJT01@2x.png) no-repeat left 16px;
	background-size: 40%;
}

.index-product-list .pro-lh1 span:hover {
	background: url(../img/indexicon/title02_IconJT02@2x.png) no-repeat left 16px;
	background-size: 40%;
}

.index-product-list .pro-lh2 span {
	background: url(../img/indexicon/title02_IconZHLY01@2x.png) no-repeat left 16px;
	background-size: 40%;
}

.index-product-list .pro-lh2 span:hover {
	background: url(../img/indexicon/title02_IconZHLY02@2x.png) no-repeat left 16px;
	background-size: 40%;
}

.index-product-list .pro-lh3 span {
	background: url(../img/indexicon/title02_IconYQ01@2x.png) no-repeat left 16px;
	background-size: 40%;
}

.index-product-list .pro-lh3 span:hover {
	background: url(../img/indexicon/title02_IconYQ02@2x.png) no-repeat left 16px;
	background-size: 40%;
}

.index-product-list .pro-lh4 span {
	background: url(../img/indexicon/title02_IconXY01@2x.png) no-repeat left 16px;
	background-size: 40%;
}

.index-product-list .pro-lh4 span:hover {
	background: url(../img/indexicon/title02_IconXY02@2x.png) no-repeat left 16px;
	background-size: 40%;
}

.index-product-list .pro-lf1 span {
	background: url(../img/indexicon/title02_IconCP01@2x.png) no-repeat left 16px;
	background-size: 38%;
}

.index-product-list .pro-lf1 span:hover {
	background: url(../img/indexicon/title02_IconCP02@2x.png) no-repeat left 16px;
	background-size: 38%;
}

.index-product-list .pro-lf2 span {
	background: url(../img/indexicon/title02_IconRZFW01@2x.png) no-repeat left 16px;
	background-size: 38%;
}

.index-product-list .pro-lf2 span:hover {
	background: url(../img/indexicon/title02_IconRZFW02@2x.png) no-repeat left 16px;
	background-size: 38%;
}



.index-product-list .pro-list2 span {
	background: url(../img/indexFront/title01_Iconjy02@2x.png) no-repeat left 20px;
	background-size: 34%;
}

.index-product-list .pro-list2 span:hover {
	background: url(../img/indexFront/index-ddd1.png) no-repeat left 20px;
	background-size: 34%;
}

.index-product-list .pro-list3 span {
	background: url(../img/indexFront/title01_IconWL02@2x.png) no-repeat left 22px;
	background-size: 34%;
}

.index-product-list .pro-list3 span:hover {
	background: url(../img/indexFront/title01_IconWL01@2x.png) no-repeat left 22px;
	background-size: 34%;
}

.index-product-list .pro-list4 span {
	background: url(../img/indexFront/title01_IconCC02@2x.png) no-repeat left 18px;
	background-size: 34%;
}

.index-product-list .pro-list4 span:hover {
	background: url(../img/indexFront/title01_IconCC01@2x.png) no-repeat left 18px;
	background-size: 34%;
}

.index-product-list .pro-list5 span {
	background: url(../img/indexFront/title01_IconYY02@2x.png) no-repeat left 16px;
	background-size: 34%;
}

.index-product-list .pro-list5 span:hover {
	background: url(../img/indexFront/title01_IconYY01@2x.png) no-repeat left 16px;
	background-size: 34%;
}

.index-product-list .pro-list6 span {
	background: url(../img/indexFront/title01_IconJT02@2x.png) no-repeat left 12px;
	background-size: 34%;
}

.index-product-list .pro-list6 span:hover {
	background: url(../img/indexFront/title01_IconJT01@2x.png) no-repeat left 12px;
	background-size: 34%;
}

.index-product-list .pro-list7 span {
	background: url(../img/indexFront/title01_IconJF02@2x.png) no-repeat left 20px;
	background-size: 34%;
}

.index-product-list .pro-list7 span:hover {
	background: url(../img/indexFront/title01_IconJF01@2x.png) no-repeat left 20px;
	background-size: 34%;
}

.index-product-list .pro-list8 span {
	background: url(../img/indexFront/title01_IconLY02@2x.png) no-repeat left 14px;
	background-size: 34%;
}

.index-product-list .pro-list8 span:hover {
	background: url(../img/indexFront/title01_IconLY01@2x.png) no-repeat left 14px;
	background-size: 34%;
}

.index-product-list .pro-list9 span {
	background: url(../img/indexFront/title01_IconYQ02@2x.png) no-repeat left 18px;
	background-size: 34%;
}

.index-product-list .pro-list9 span:hover {
	background: url(../img/indexFront/title01_IconYQ01@2x.png) no-repeat left 18px;
	background-size: 34%;
}

@media (max-width: 520px) {
	.index-product-list .pro-list1 span {
		background-size: 20%;
		background-position: 7%;
	}

	.index-product-list .pro-list2 span {
		background-size: 20%;
		background-position: 7%;
	}

	.index-product-list .pro-list3 span {
		background-size: 20%;
		background-position: 7%;
	}

	.index-product-list .pro-list4 span {
		background-size: 20%;
		background-position: 7%;
	}

	.index-product-list .pro-list5 span {
		background-size: 20%;
		background-position: 7%;
	}

	.index-product-list .pro-list6 span {
		background-size: 20%;
		background-position: 7%;
	}

	.index-product-list .pro-list7 span {
		background-size: 20%;
		background-position: 7%;
	}

	.index-product-list .pro-list8 span {
		background-size: 20%;
		background-position: 7%;
	}

	.index-product-list .pro-list9 span {
		background-size: 20%;
		background-position: 7%;
	}
}

/* .pp {
	width: 88%;
} */
.pp .form-group {
	overflow: hidden;
}

.pp .pp-1 {
	text-align: right;
}

.pp .pp-1 .control-in {
	width: 78%;
	/* float: left; */
}

/* .pc-show{
	 display: block;
 }
 .app-show{
	 display: none;
 } */
 * {
 
   outline: none;
 
 }
 .form-horizontal .form-group {
     margin-right: 0;
     margin-left: 0;
 }
 @media (min-width: 768px){
	 .form-horizontal .control-label {
	     padding-top: 0;
	     margin-bottom: 0;
	     text-align: right;
	 }
 }
 .btn-sub{
	 outline: none;
	 border: none;
 }
 .btn-sub:focus{
     outline: 0;
 }
@media (max-width: 520px) {
	

	/* .pc-show{
		 display: none;
	}
	.app-show{
		 display: block;
	} */
	.index-product-tabs li {
		margin-left: 10%;
	}

	.index-product-tabs li:nth-child(4) {
		margin-left: 20%;
	}

	.index-contact h3 {
		color: #000;
	}

	.index-advantage .adv-pic img:hover {
		width: 68%;
	}

	.ban-svg {
		top: 62px;
	}

	.index-solution-p {
		padding-top: 98px;
	}

	html {
		overflow-x: hidden;
	}

	.container {
		max-width: 100%;
	}

	.index-product-tabs li {
		float: unset;
		display: inline-block;
	}

	.solution-btn {
		margin-top: 66px;
	}

	.pp {
		width: unset;
	}

	.pp .pp-1 {
		text-align: right;
	}

	.form-group {
		margin-bottom: 20px;
	}

	.pp .pp-1 .control-in {
		width: 78%;
		float: right;
	}

	.index-product-pic img {
		width: 62%;
	}

	.index-product-pic {
		background: url(../img/indexFront/title01_img02@2x.png) no-repeat top center;
		background-size: 66% auto;
		padding-bottom: 20px;
	}

	.index-product-tabs {
		display: unset;
	}

	.index-product-tabs li {
		flex: unset;
	}

	.kkk img {
		margin-left: -50px !important;
	}

	.sub-menu {
		width: 100%;
	}
}

.index-contact {
	padding-bottom: 80px;
}

.sub-list h5 span.yy {
	font-weight: 500;
}

.hero-text2 {
	position: relative;
}

.hero-text2 img {
	width: 100%;
}

.kkk img {
	margin-left: -117px;
	/* position: absolute; */
}

.ban-svg {
	width: 96%;
	left: 1.2%;
}

.logoddd {
	display: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
}

.logoddd video {
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 520px) {
	.logoddd {
		display: none;
	}

	.index-product-pic {
		display: none;
	}

	.index-product-list {
		display: unset;
	}

	.index-product-list li {
		display: inline-block;
		width: 48%;
		height: 70px;
		margin-top: 10px;
		background: url(../img/index/title01_bt.png) no-repeat center;
		background-size: 100%;
	}

	.index-product-list li span {
		line-height: 70px;
		font-size: 14px;
		padding-left: 17%;
	}

	.index-product-list li span:hover {
		background-size: 20% !important;
		background-position: 16% !important;
	}

	.index-product-list li span {
		background-size: 20% !important;
		background-position: 16% !important;
	}

	.index-product-list .pro-list1 span {
		background-position: 16%;
	}

	.index-product-list .pro-list2 span {
		background-position: 16%;
	}

	.index-product-list .pro-list3 span {
		background-position: 16%;
	}

	.index-product-list .pro-list4 span {
		background-position: 16%;
	}

	.index-product-list .pro-list5 span {
		background-position: 16%;
	}

	.index-product-list .pro-list6 span {
		background-position: 16%;
	}

	.index-product-list .pro-list7 span {
		background-position: 16%;
	}

	.index-product-list .pro-list8 span {
		background-position: 16%;
	}

	.index-product-list .pro-list9 span {
		background-position: 16%;
	}

	.index-product-list li {
		margin-right: 2%;
	}

	.index-product-list li:nth-child(2n) {
		margin-right: 0;
	}

	.index-last li {
		margin-top: -18px;
	}
}


/* 轮播 */
#section1 {
	margin-top: -104px;
}

.zz-2 {
	animation: myfirst2 2s infinite;
}

@keyframes myfirst2 {
	0% {
		margin-top: 0;
	}

	65% {
		margin-top: 10px;
	}

	100% {
		margin-top: 0;
	}
}

/* .zz-3{
	animation: www 3s infinite;
	/* animation-duration:3S; */
/* }
@keyframes www {
	0% {
		opacity: 0;
		animation-duration: 1.5s;
	}

	100% {
		opacity: 1;
		animation-duration: 1.5s;
	}
} */
/* #zza{
	animation: cssAnimation 0s ease-in 2s forwards;
	visibility:hidden;
}
 
@keyframes cssAnimation {
    from {
		visibility:hidden;
	}
    to {
        
        visibility:show;
    }
}
 */






































@media only screen and (max-width: 768px) {
	#section1 {
		margin-top: 20px;
	}

	.swiper-container1 .bizwheel-btn:last-child {
		margin-top: -18px;
	}

	.zz-1 {
		right: -8% !important;
	}

	.section1 {
		height: 250px !important;
	}

	.swiper-container1 {
		height: 250px !important;
	}

	.cccc h5 {
		width: 50%;
		text-align: center;
		margin: auto;
	}
}


/* 动画 */
.self-full-scree {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.self-insert-section {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

/* .self-img1 {
	background-image: url("../../images/home/fling_01(1).png")
}

.self-img2 {
	background-image: url("../../images/home/fling_02(1).png")
}

.self-img3 {
	background-image: url("../../images/home/fling_03(1).png")
}

.self-img4 {
	background-image: url("../../images/home/CRM-bg.png")
}

.self-img5 {
	background-image: url("../../images/home/home1.png")
} */

.self-img-bar {
	position: absolute;
	bottom: 1.5rem
}

.swiper-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

.swiper-slide {
	background-size: cover;
	background-position: center
}

.self-img-bar {
	position: absolute
}

.self-img-bar .swiper-slide {
	width: 1.2rem;
	height: .3rem;
	background-color: rgba(204, 204, 204, 0.4);
	margin-left: .8rem;
	margin-right: .8rem;
	z-index: 2;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff)
}

.self-img-bar .active {
	background-color: #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)
}

.self-yun-img1,
.self-yun-img2,
.self-yun-img11{
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 9999;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.self-yun-img1 {
	height: 190px;
	width: 200%;
	right: 0
}

.self-yun-img1 i {
	float: left;
	height: 100%;
	position: relative
}

.self-yun-img1 i img {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border: none;
	height: 8rem;
}

.self-yun-img11 i {
	float: left;
	height: 100%;
	position: relative
}

.self-yun-img11 i img {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border: none;
	height: 8rem;
}

.self-yun-img2 {
	height: 156px;
	width: 200%;
	left: 0
}

.self-yun-img2 i {
	float: left;
	height: 100%;
	position: relative
}

.self-yun-img2 i img {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border: none;
	height: 9rem;
}


.self-yun-img11 {
	height: 156px;
	width: 200%;
	left: 0
}

.self-yun-img11 i {
	float: left;
	height: 100%;
	position: relative
}

.self-yun-img11 i img {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border: none;
	height: 9rem;
}

.self-fire-arrow.self-pcimg {
	height: 16.5rem;
	background-size: contain;
	background-position: center center;
}

.self-fire-arrow.self-CrmImg {
	background-size: contain;
	background-position: center center;
}

.self-yun-img3 {
	width: 100%
}

.self-yun-img3 img {
	width: 100%;
	height: 100%;
	border: none
}

.self-img1-con {
	margin: 3.2rem 0 0 6rem
}

.self-img1-con h3 {
	font-size: 30px;
	color: #fff;
	position: relative
}

.self-img1-con p {
	font-size: 16px;
	color: #fff;
	line-height: 1.2rem;
	padding: .8rem 0
}

.btn1,
.btn2 {
	font-size: .9rem;
	line-height: 2.5rem;
	width: 8rem;
	height: 2.5rem;
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 48px;
	-moz-border-radius: 48px;
	-webkit-border-radius: 48px;
	outline: none;
	cursor: pointer;
	margin-right: 1rem;
	-webkit-box-shadow: inset 0 0 0 1px #fff;
	-moz-box-shadow: inset 0 0 0 1px #fff;
	box-shadow: inset 0 0 0 1px #fff;
	transition: all linear .3s
}


.self-fire-arrow {
	height: 17.4rem;
	background-repeat: no-repeat
}

.self-twofire-arrow {
	background-position: 0 0;
	width: 8.5rem;
	height: 18.5rem;
	margin: 0 auto
}

.self-twopage-title {
	text-align: center;
	width: 100%
}

.self-twopage-title h2 {
	font-size: 24px;
	color: #333;
	line-height: 24px;
	padding: 52px 0 20px
}

.self-twopage-title p {
	font-size: 16px;
	color: #666;
	line-height: 16px
}

.self-img-twoT {
	text-align: center
}

.self-twopage-img {
	width: 100%;
	position: relative;
	margin: 0 auto;
	font-size: 0
}

.self-twopage-img img {
	height: 9.9rem;
	vertical-align: top;
	position: relative;
	z-index: 2;
	visibility: hidden;
	-webkit-transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-ms-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	transition: all ease-out .5s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	border: none
}

.self-twopage-img .self-teopageImg1 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	visibility: visible
}

.self-key {
	width: 0;
	height: 0;
	position: absolute;
	border: 1.55rem solid #7c7c7c;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	transform: translate(-100%, 0);
	left: 50%;
	bottom: 0;
	visibility: hidden;
	z-index: 1;
	-webkit-transition: all 1s ease-out 1s;
	-moz-transition: all 1s ease-out 1s;
	-ms-transition: all 1s ease-out 1s;
	-o-transition: all 1s ease-out 1s;
	transition: all 1s ease-out 1s
}

.triangle {
	visibility: visible;
	transform: translate(-50%, 100%)
}

.self-img-twoT {
	margin: 0 auto;
	min-height: 11.3rem
}

.self-twopage-con {
	height: 1.9rem
}

.self-twopage-con img {
	width: 1.9rem;
	height: 1.9rem;
	letter-spacing: 0;
	margin-right: 5px;
	border: none
}

.self-twopage-con .fl {
	word-break: break-all
}

.self-twopage-con h3 {
	font-size: .8rem;
	color: #333
}

.self-twopage-con p {
	font-size: .6rem;
	color: #999
}

.self-three-page,
.self-three-list {
	width: 100%
}

.self-twopage-pull,
.self-twopage-pull1 {
	padding-top: 16px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	visibility: hidden
}

.self-twopage-pull {
	transform: translateX(-100%)
}

.self-twopage-pull1 {
	transform: translateX(100%)
}

.self-twopage-pull li {
	padding-left: 24%;
	margin-bottom: 2.5rem
}

.self-twopage-pull1 li {
	padding-left: 11%;
	margin-bottom: 2.5rem
}

.self-three-title {
	width: 100%;
	text-align: center;
	font-size: 0
}

.self-threeImg {
	width: 3.4rem;
	height: 3.4rem;
	cursor: pointer;
	position: relative;
	display: inline-block;
	text-align: center
}

.fons-bot {
	display: inline-block;
	cursor: pointer
}

.threeImg4 {
	width: 1.7rem;
	left: .5rem;
	bottom: 1.5rem;
	position: absolute
}

.threeImg5 {
	position: absolute;
	width: .9rem;
	left: 1.9rem;
	bottom: 1rem
}

.self-three-title:hover .threeImg4 {
	animation: rotatejia .5s linear infinite
}

.self-three-title:hover .threeImg5 {
	animation: rotatejian .5s linear infinite
}

@keyframes rotatejia {
	from {
		transform: rotate(360deg)
	}

	to {
		transform: rotate(0deg)
	}
}

@keyframes rotatejian {
	from {
		transform: rotate(-360deg)
	}

	to {
		transform: rotate(0deg)
	}
}

.threeImg6 {
	position: absolute;
	width: 2.15rem;
	left: .7rem;
	bottom: 1rem;
	transition: all .4s linear
}

.self-three-title:hover .threeImg6 {
	transform: rotate(360deg)
}

.self-three-title span {
	font-size: .9rem;
	color: #333;
	display: block;
	width: 100%
}

.self-three-list li {
	padding-bottom: 2.75rem
}

.self-three-con {
	width: 80%;
	margin: 0 auto;
	text-align: center
}

.self-three-con a {
	font-size: .6rem;
	color: #999;
	display: inline-block;
	padding: 0 .5rem;
	line-height: .6rem;
	margin: 5px 0;
	border-right: 1px solid #b8b8b8;
	transition: all .5s linear;
	cursor: default
}

.Print3 {
	position: absolute;
	left: .5rem;
	bottom: 1.1rem;
	width: 2.4rem
}

.Print1,
.Print2 {
	width: 1rem;
	position: absolute;
	left: 1.2rem;
	z-index: 1
}

.Print1 {
	bottom: 2.4rem;
	transition: all .5s linear
}

.Print2 {
	bottom: 2.1rem;
	transition: all .2s linear .1s
}

.self-three-title:hover .Print1 {
	transform: perspective(600px) translate3D(2px, -20px, 10px)
}

.self-three-title:hover .Print2 {
	transform: perspective(600px) translate3D(0, -20px, 10px)
}

.cricl1,
.cricl2 {
	position: absolute;
	left: .9rem
}

.cricl1 {
	width: 2rem;
	bottom: 1.1rem
}

.cricl2 {
	width: 1rem;
	bottom: 2.2rem;
	height: 1.2rem;
	background-position-x: 0;
	background-position-y: -430px
}

.self-three-title:hover {
	animation: criclr 1s linear
}

.fons-bot:hover {
	animation: criclr 1s linear
}

.self-three-con .self-last-no {
	border-right: none
}

.self-four-page img {
	width: 2.8rem;
	border: none
}

.earth {
	width: 2.4rem
}

.student {
	width: 2.1rem;
	position: absolute;
	bottom: 1.1rem;
	right: .05rem
}

.self-four-page {
	padding-top: 1.9rem
}

.self-four-leftcon {
	margin-bottom: 1.3rem;
	margin-left: 1rem;
	padding: .2rem 0
}

.self-four-leftcon h3 {
	font-size: .7rem;
	color: #333;
	line-height: 1.3rem
}

.self-four-leftcon p {
	font-size: .6rem;
	line-height: .9rem;
	color: #999
}

.self-threepage-left li {
	margin-left: 28%
}

.self-four-rightcon {
	padding-left: 1.5rem
}

.self-four-rightcon img {
	width: 27.45rem;
	vertical-align: top;
	border: none
}

.self-lastpage-con li {
	width: 16.66666667%;
	float: left
}

.self-lastpage-con a {
	width: 10rem;
	height: 3.4rem;
	display: block;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 1rem 1.5rem;
	background-color: #07bbee;
	transition: all .4s cubic-bezier(.83, .84, .27, .47)
}

.self-lastpage-con a:hover {
	background-color: #fff
}

.self-lastpage-con img {
	width: 100%;
	letter-spacing: 0;
	border: none
}

.self-five-title {
	width: 100%;
	font-size: .8rem;
	color: #666;
	padding: 14px 0;
	height: 2.2rem;
	margin-bottom: .6rem
}

.self-five-title span {
	float: left;
	border-left: .2rem solid #07bbee;
	padding-left: .6rem
}

.self-five-title a {
	float: right;
	color: #999
}

.self-fivepage .col-3 {
	padding-left: 2.9rem
}

.self-five-listcon i {
	float: left;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	outline: none;
	background-color: #666;
	position: relative;
	top: .4rem
}

.self-five-listcon span {
	max-width: 12rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: .7rem;
	display: inline-block
}

.self-five-listcon a:hover i {
	background: #07bbee
}

.self-five-listcon a span {
	transition: all linear .2s
}

.self-five-listcon a:hover span {
	color: #07bbee
}

.self-five-listcon time {
	float: right
}

.self-five-listcon a {
	color: #666;
	font-size: .7rem;
	display: block;
	width: 100%;
	margin-bottom: 1rem;
	height: .7rem
}

.self-five-leftimg {
	width: 100%;
	height: 9.8rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 1.3rem;
	position: relative;
	overflow: hidden
}

.infoimg {
	width: 100%;
	height: 100%;
	transition: all .35s ease-in-out;
	border: none
}

.self-leftimg-tilte {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	padding: .45rem .2rem;
	width: 100%;
	font-size: .7rem;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 1;
	transition: all .35s ease-in-out
}

.self-five-leftimg:hover .infoimg {
	transform: scale(1.04)
}

.self-fiveMiddle a {
	transition: all .35s ease-in-out
}

.self-fiveMiddle a:hover span {
	color: #07bbee
}

.self-fiveMiddle a:hover img {
	transform: scale(1.04)
}

.self-fiveMiddle a {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: .7rem;
	margin-bottom: .7rem;
	display: block;
	width: 100%
}

.self-fiveMiddle .self-fivelasta {
	border-bottom: none
}

.self-fiveMiddle .img {
	width: 6.7rem;
	height: 4.1rem;
	overflow: hidden;
	border: none
}

.self-fiveMiddle img {
	width: 100%;
	height: 100%;
	transition: all .35s ease-in-out;
	border: none
}

.self-fiveMiddle p {
	width: 9rem;
	height: 4rem;
	font-size: .7rem;
	color: #666;
	line-height: 1rem;
	position: relative
}

.self-fiveMiddle span {
	transition: all linear .2s
}

.self-fiveMiddle time {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: .6rem;
	color: #bbb;
	line-height: .6rem
}

.self-lastfoot {
	width: 100%;
	height: 5.4rem;
	background-color: #f8f8f8
}

.self-footBox {
	padding-top: .75rem;
	position: relative
}

.self-lastBlock-last dd {
	position: relative
}

.self-lastBlock-last div:after {
	width: 0;
	height: 0;
	content: '';
	display: block;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #bbb;
	position: absolute;
	right: -5px;
	top: 1rem
}

.self-lastpage-title {
	padding: 1.9rem 0;
	width: 100%
}

.self-lock {
	width: 21rem;
	margin: 0 auto
}

.container-bigBox .swiper-slide {
	overflow: hidden
}

.self-img3-con p {
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center
}

.self-img3-con {
	position: relative;
	left: 3.9rem
}

.img3-img1 {
	width: 17.25rem;
	height: 11.3rem;
	transform: translateZ(50px);
}

.img3-img2 {
	width: 15.5rem;
	height: 10rem;
	transform: translateZ(100px);
	left: 8.4rem;
	top: 4.3rem;
}

.img3-img3 {
	transform: translateZ(150px);
	left: 1rem;
	top: 9.1rem;
	width: 13.2rem;
	height: 7rem;
}

.self-posi {
	left: 1rem;
	top: 9.1rem
}

.img3-img5 {
	z-index: 0;
	transform: translateZ(10px);
	left: 4.6rem;
	top: 2.45rem;
	width: 17.8rem;
	height: 12.8rem;
}

.self-allImg {
	z-index: 4;
	transform-style: preserve-3d;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 300px;
	position: absolute
}

.img3-img3-posi {
	position: absolute;
	left: -1.8rem;
	top: 3rem;
	z-index: 1;
	display: inline-block
}

.img3-img3-posi span {
	display: block;
	width: 2.8rem;
	height: .5rem;
	background-size: cover
}

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

.self-canvas-xing {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}

.self-threepage-left .self-leftImg {
	position: relative;
	overflow: hidden
}

.self-hoverImg {
	position: absolute;
	width: 2.8rem;
	left: 0;
	top: 0;
	transform: translateX(-100%);
	transition: all .2s ease-in-out
}

.self-threepage-left li:hover .self-hoverImg {
	transform: translateX(0)
}

.self-five-leftimg a {
	display: block;
	width: 100%;
	height: 100%
}

.self-twopage-content {
	position: absolute;
	left: 11.9rem;
	top: 2.6rem;
	text-align: left;
	width: 60%;
	z-index: 3;
	-webkit-transition: all 1s ease-out .5s;
	-moz-transition: all 1s ease-out .5s;
	-ms-transition: all 1s ease-out .5s;
	-o-transition: all 1s ease-out .5s;
	transition: all 1s ease-out .5s;
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	transform-origin: left bottom;
	transform-style: preserve-3d;
	transform: rotateZ(-180deg) translate(-100%, -100%);
	visibility: hidden
}

.page-origin {
	transform: rotateZ(0deg) translate(0, 0);
	visibility: visible
}

.self-twopage-content h4 {
	font-size: 24px;
	color: #fff;
	line-height: 44px;
	margin-bottom: 10px
}

.self-twopage-content p {
	font-size: 12px;
	color: #fff;
	line-height: 20px
}

.self-twopage-content b {
	width: 25px;
	height: 4px;
	background-color: #07bbee;
	position: absolute;
	left: 0;
	top: -4px
}

.self-footer-posi {
	width: 100%;
	left: 0;
	bottom: 0;
	position: absolute
}

.containerAll {
	width: 100%;
	position: relative;
	height: 100%
}

.self-con-style .container {
	position: absolute;
	z-index: 222;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 18rem;
	margin: 0
}

.self-CrmAnimate {
	position: absolute;
	width: 100%;
	height: 14.25rem;
	left: 0;
	bottom: 6.8rem;
	background-position-x: 0;
	background-position-y: 0;
	overflow: hidden
}

.crmTitleImg {
	width: 21.35rem;
	height: 2.85rem;
	display: block;
	background-size: contain;
	margin-bottom: 10px
}

.self-img1-con .crmTitleCon {
	padding: .5rem 0
}

.containerNew .col-5 {
	-webkit-transition: all ease-in .7s;
	-moz-transition: all ease-in .7s;
	-ms-transition: all ease-in .7s;
	-o-transition: all ease-in .7s;
	transition: all ease-in .7s;
	transform: translateX(-100%);
	visibility: hidden
}

.containerNew .self-CRMImg {
	-webkit-transition: all ease-in .7s;
	-moz-transition: all ease-in .7s;
	-ms-transition: all ease-in .7s;
	-o-transition: all ease-in .7s;
	transition: all ease-in .7s;
	transform: translateX(100%);
	visibility: hidden
}

.titleCrm .col-5,
.titleCrm .self-CRMImg {
	transform: translateX(0);
	visibility: visible
}

.crmTitleCon em {
	display: block;
	color: #0ee7e9;
	padding-top: 1rem
}

.containerNew {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 111;
	height: 21.35rem
}

.self-CRMImg {
	position: absolute;
	right: 0;
	top: .05rem;
	height: 24rem
}

.self-threeImg i {
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	overflow: hidden;
	background-position-x: 0;
	background-position-y: 0
}

.self-homeOneImg {
	width: 43.8rem;
	height: 23.6rem;
	position: absolute;
	left: 50%;
	margin-left: -21.9rem;
	bottom: -2rem;
	transform: rotate(0, 0);
	transform-style: preserve-3d;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out
}

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

.self-homeOneImg img,
.homeImg {
	width: 100%
}

.self-gerneralTitle span {
	display: block;
	top: 0;
	width: 3.4rem;
	height: 3.7rem;
	position: absolute
}

.self-gerneralTitle {
	position: absolute;
	padding: 0 3.4rem;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	top: 21%
}

.gerLeft {
	left: 0;
}

.gerRight {
	right: 0;
}

.self-gerneralTitle h3 {
	font-size: 2.4rem;
	color: #57c9ff;
	position: absolute;
	top: -1.5rem;
	left: 1.7rem;
	width: 27.5rem
}

.self-gerneralTitle p {
	font-size: .8rem;
	color: #57c9ff;
	position: relative;
	bottom: -2.4rem;
	left: 0
}

.self-img1-con h3 .fonts48 {
	font-size: 36px
}

.marginLeft2 {
	margin-left: 1rem;
	margin-top: 0
}

.selfZoom {
	opacity: 0;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 1s ease-in;
	transform: scale(.5);
	animation-fill-mode: both
}

.selfZoom.selfZoomIn {
	opacity: 1;
	transform: scale(1)
}

.selfBtnZoom .btn1 {
	animation-fill-mode: both;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	transform: rotate(80deg);
	transform-origin: left top;
	visibility: hidden
}

.selfBtnZoom .btn2 {
	animation-fill-mode: both;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	transform: rotate(-80deg);
	transform-origin: right top;
	visibility: hidden
}

.selfBtnZoomIn .btn1,
.selfBtnZoomIn .btn2 {
	transform: rotate(0);
	visibility: visible
}

.self-dateImg {
	width: 595px;
	height: 176px;
	margin-left: 157px
}


.self-img5 p {
	padding: 25px 0 38px;
	line-height: 1;
	font-size: 1rem;
	color: #fff;
	margin-left: 281px
}

.self-bestImg {
	width: 854px;
	height: 111px;
	margin-left: 45px;
	animation-duration: .5s;
	animation-delay: 1s
}

.self-actBut {
	display: inline-block;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1;
	padding: .7rem 2.6rem;
	border-radius: 2.5rem;
	background: -webkit-linear-gradient(#fe8064, #ff1768);
	background: -o-linear-gradient(#fe8064, #ff1768);
	background: -moz-linear-gradient(#fe8064, #ff1768);
	background: linear-gradient(#fe8064, #ff1768);
	animation-duration: 1s;
	animation-delay: 1s
}

.self-img5 .self-actBut {
	margin-left: 322px;
	margin-top: 50px
}

.self-markbg {
	background-color: #041d58;
}

.self-markImg {
	top: -70px;
	width: 461px;
	height: 432px;
	background-size: cover;
}

.self-markImg p {
	position: absolute;
	width: 10px;
	height: 56px;
	overflow: hidden;
	/*background-color: pink;*/
}

.self-markImg p span {
	display: block;
	margin-bottom: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;

}

.self-markImg p .blue1 {
	background-color: rgba(68, 169, 255, .4);
}

.self-markImg p .blue2 {
	background-color: rgba(68, 169, 255, .6);

}

.self-markImg p .blue3 {
	background-color: rgba(68, 169, 255, .8);
}

.self-markImg p .blue4 {

	background-color: #44a9ff;
}

.self-markImg p .yellow1 {
	background-color: rgba(243, 151, 0, .4);

}

.self-markImg p .yellow2 {
	background-color: rgba(243, 151, 0, .6);

}

.self-markImg p .yellow3 {
	background-color: rgba(243, 151, 0, .8);
}

.self-markImg p .yellow4 {
	background-color: #f39700;
}

.self-markImg .markImg1 {
	left: 30px;
	top: 280px;
}

.self-markImg .markImg2 {
	right: 30px;
	top: 160px;
}

.self-markImg .markImg3 {
	right: 0;
	bottom: 20px;
}

.self-markImg .markImg4 {
	left: 72px;
	bottom: 10px;
}


.m {
	width: 100%;
	text-align: center;
	font-size: 120px;
	font-weight: 900;
	/* color: aliceblue; */
	/* margin-top: 15%; */
	position: absolute;
	bottom: -100px;
	left: 0;
	z-index: 2;
	color: transparent;
	/* background: linear-gradient(180deg, #fefefe, #bbb); */
	/* -webkit-background-clip: text; */
	/* -webkit-filter: drop-shadow(-1px -1px white) drop-shadow(1px 1px gray) drop-shadow(1px 1px #7a7a7a) drop-shadow(1px 1px #757575) drop-shadow(1px 1px #707070) drop-shadow(1px 1px #6b6b6b) drop-shadow(1px 1px #666666) drop-shadow(1px 1px #616161) drop-shadow(1px 1px #5c5c5c) drop-shadow(1px 1px #575757) drop-shadow(1px 1px #525252) drop-shadow(1px 1px #4d4d4d) drop-shadow(12px 12px 30px rgba(0, 0, 0, 0.2)) drop-shadow(12px 12px 10px rgba(0, 0, 0, 0.2)); */
}

.self-word {
	position: absolute;
	left: 18%;
	top: 29%;
	width: 26%;
	z-index: 999;
}

.self-word .self-word-img2 {
	width: 74%;
}

.self-dc .self-word-img3 {
	position: absolute;
	right: 12%;
	top: 7%;
	width: 36%;
	z-index: 999;
}

.self-con2 .self-word-img3 {
	position: absolute;
	right: 12%;
	top: 7%;
	width: 36%;
	z-index: 999;
}

.self-ict .self-word {
	position: absolute;
	left: 15%;
	top: 31%;
	width: 33%;
	z-index: 999;
}

.self-ict .self-word-img2 {
	width: 69%;
	margin-top: 28px;
}

.self-ict .self-word-img3 {
	position: absolute;
	right: 9%;
	top: 22%;
	width: 37%;
	z-index: 999;
}

.self-ict .self-ict-img1 {
	position: absolute;
	right: 0;
	top: 42px;
	width: 46%;
	z-index: 1;
}




.self-peixun .self-word {
	position: absolute;
	left: 15%;
	top: 24%;
	width: 46%;
	z-index: 999;
}

.self-peixun .self-word-img2 {
	width: 63%;
	margin-top: 17px;
}

.self-peixun .self-word-img3 {
	position: absolute;
	right: 4%;
	top: 40%;
	width: 64%;
	z-index: 999;
}

.self-rjfw .self-word-img3 {
	position: absolute;
	right: 12%;
	top: 34%;
	width: 78%;
	z-index: 999;
}

.self-rjfw .self-word-img2 {
	width: 74%;
	margin-top: 5px;
}

.self-peixun .self-peixun-btn {
	position: absolute;
	display: block;
	color: #859da5;
	font-weight: 200;
	width: 25%;
	z-index: 999;
	margin-top: 9%;
	padding: 2px 12px;
	border: 1px solid #859da5;
	border-radius: 20px;
	display: none;
}

/* .self-peixun .self-peixun-btn:hover {
	cursor: pointer;
	background-color: #859da5;
	color: #fff;
} */

/* .self-word-img3 {
	animation: myfirst2 2s infinite;
} */

/* .self-word-img3 {
	
} */

.swiper-slide .self-peixun-btn {
	width: 20%;
}

.swiper-slide .self-ict-img1 {
	top: 20px;
}


.self-case .self-word {
	position: absolute;
	left: 0;
	right: 0;
	width: 26%;
	z-index: 999;
	margin: auto;
	top: 20%;
}

.self-case .self-word-img3 {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	margin: auto;
	top: 20%;
}

.self-case .self-word-img3 {
	animation: ease-in;
}

.self-about .self-word {
	left: 0;
	right: 0;
	margin: auto;
	top: 40%;
}

.self-about .self-word-img1 {
	width: 74%;
	margin-bottom: 10px;
}

.self-about-img1 {
	position: relative;
}

.self-about-img1::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .7);
}

@media (max-width: 520px) {
	.m {
		bottom: 260px;
	}

	.self-yun-img1,
	.self-yun-img2 {
		display: block;
		width: 100%;
		position: absolute;
		bottom: 0;
		z-index: 1;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center
	}

	.self-peixun .self-peixun-btn {
		width: 63%;
		font-size: 10px;
	}

	.swiper-slide .self-peixun-btn {
		width: 50%;
	}

	.self-ict .self-ict-img1 {
		display: none;
	}
}


.self-px-img {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	animation: selfPx 10s linear infinite;
}

@keyframes selfPx {
	from {
		top: 0;
	}

	to {
		top: -1000px;
	}
}

.self-ban-bot1{
	animation: selfss 10s infinite;
}
@keyframes selfss{
	from {
		left:-50%;
	}
	
	to {
		left:0%;
	}
}


@media (max-width: 520px) {
	.wwwwwwwww .col-6 {
		flex: 1;
	}

	.self-px-img {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: 0;
		animation: selfPx 10s infinite;
	}

	@keyframes selfPx {
		from {
			top: 0;
		}

		to {
			top: -400px;
		}
	}
}

.self-wl .self-zz {
	position: absolute;
	left: 44%;
	top: 16%;
	width: 47%;
	z-index: 999;
}

.self-zz .self-word-img2 {
	margin-left: 21%;
	margin-bottom: -22%;
}

.self-wl .self-zz1 {
	position: absolute;
	left: 12%;
	top: 30%;
	width: 30%;
	z-index: 999;
}

@keyframes myfirst2 {
	0% {
		margin-top: 0;
	}

	65% {
		margin-top: 10px;
	}

	100% {
		margin-top: 0;
	}
}

/* .self-wl .self-zz2 {
	animation: myfirst2 2s infinite;
} */

.swiper-button-next,
.swiper-button-prev {
	height: 32px;
}

@media (max-width: 520px) {

	.swiper-button-next,
	.swiper-button-prev {
		top: 33%;
		display: none;
	}

	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 250px;
		display: none;
	}

	.swiper-button-next,
	.swiper-button-prev {
		height: 32px;
	}
}


.self-ddd {
	animation: myfirst 2s infinite;
}

@keyframes myfirst {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@media only screen and (min-width: 521px) and (max-width: 992px) {

	/* .index-product-pic{
		background: transparent;
	}
	.index-product-pic img{
		display: none;
	} */
	.index-product-list li span {
		background-size: 26% !important;
		background-position-x: 7% !important;
	}

	.form-group label {
		width: 20%;
		line-height: 43px;
	}

	.index-product-pic {
		margin: auto;
	}

	.index-product-dec {
		margin: auto;
	}

	.index-product-list li span {
		background: none !important;
		padding-left: initial !important;
	}

	#defaultForm .col-md-6 {
		max-width: none;
	}

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

	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		display: none;
	}

	.culture-list {
		background-size: cover;
	}

	.middle-inner .row {
		display: flex;
	}

	#section1 {
		margin-top: -132px;
		margin-top: 0;
	}

	.section1 {
		height: 450px !important;
	}

	.swiper-container1 {
		height: 450px !important;
	}

	.index-pro img {
		width: 36%;
	}
	.qqqq img {
		width: 21%;
	}
	.wwwwwwwww img {
		width: 26%;
	}
	.index-contact img {
		width: 21%;
	}
	.index-product-pic{
		background:transparent;
	}
	.index-product-pic img{
		width: 40%;
		margin-left: 30%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.header .nav-inner{
		margin-right: 0;
	}
}
@media only screen and (min-width: 1900px){
	.swiper-button-next,
	.swiper-button-prev {
		display: none;
	}
	
	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		display: none;
	}
}