@charset "utf-8";
	.head {
	height:90px;
	position:fixed;
	left:0;
	top:0;
	z-index:888;
	width:100%;
	background:#fff;
	box-shadow:0 0 15px rgba(0,0,0,.1)
}
.head_box {
	transition:.25s
}
.logo {
	display:inline-block;
	width:122px;
	margin-right:60px
}
.nav>span {
	position:relative;
	display:flex;
	align-items:center;
	height:90px;
	margin-right:40px;
	box-sizing:border-box
}
.nav span:last-child {
	margin-right:0
}
.nava {
	display:flex;
	align-items:center;
	height:48px;
	border-bottom:2px solid transparent;
	font-size:18px
}
.nava.prod::after {
	content:'';
	position:relative;
	top:-2px;
	display:inline-block;
	width:0;
	height:0;
	margin-left:10px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #333;
	transition:all .25s
}
.nav span.active .nava {
	color:#0052d9;
	border-bottom:2px solid #0052d9;
	font-weight:600
}
.nav span.active .nava.prod::after,.nava.prod:hover::after {
	border-top-color:#0052d9
}
.nav span:hover .nava {
	color:#0052d9
}
.navhide {
	z-index:9;
	position:absolute;
	left:50%;
	top:100%;
	margin-top:20px;
	background:#fff;
	padding:0;
	overflow:hidden;
	width:140px;
	margin-left:-70px;
	opacity:0;
	visibility:hidden;
	transition:.25s;
	box-shadow:0 0 15px rgba(0,0,0,.1)
}
.nav span:hover .navhide {
	opacity:1;
	visibility:inherit;
	margin-top:0;
	padding:8px 0
}
.navhide a {
	display:flex;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden;
	line-height:38px;
	text-align:center;
	padding:0 10px;
	color:#666;
	font-size:14px
}
.navhide a.active {
	background-color:#efefef;
	color:#0052d9
}
.navhide a:hover {
	color:#0052d9
}
.hdr a {
	line-height:38px;
	width:120px;
	font-size:18px;
	font-weight:700;
	color:#0052d9;
	display:inline-block;
	border:1px solid #0052d9;
	border-radius:4px;
	text-align:center
}
.hdr a+a {
	margin-left:12px
}
.hdr a.active,.hdr a:hover {
	background:#0052d9;
	color:#fff
}
.hdr a.user {
	width:140px
}
.hdr a.admin {
	display:flex;
	justify-content:center;
	align-items:center;
	width:auto;
	padding:0 20px;
	background:0 0;
	border:none;
	color:#444
}
.hdr a.admin:hover {
	color:#0052d9
}
.hdr a.user .icon {
	display:inline-block;
	width:14px;
	height:14px;
	margin-right:4px;
	background:url(../../yibazhan/images/account.png.html) no-repeat;
	background-position:0 0;
	vertical-align:middle
}
.foot {
	background:#f2f7fe;
	padding:50px 0
}
.ft_logo {
	margin-right:114px
}
.ft_logo img {
	width:106px
}
.ft_logo img+img {
	margin-top:12px
}
.ft_info {
	line-height:26px
}
.ft_info h2 {
	font-size:26px;
	margin-bottom:10px
}
.bg-wave {
	position:absolute;
	top:90px;
	left:0;
	width:100%;
	height:800px;
	background:linear-gradient(0deg,#ebf3ff,#f0f5fd);
	z-index:8
}
.bg-wave.transparent {
	opacity:0;
	z-index:9
}
.bg-wave canvas {
	width:100%;
	height:100%
}
.swiper-box {
	padding:0 30px
}
.swiper-button-prev,.swiper-button-next {
	display:flex;
	justify-content:center;
	align-items:center;
	width:auto;
	height:42px;
	padding:0;
	font-size:42px;
	color:#999;
	cursor:pointer;
	background:0 0
}
.swiper-button-prev:hover,.swiper-button-next:hover {
	color:#0052d9
}
.i1,.i2 {
	position:relative;
	z-index:10
}
.i1 {
	background-size:100%;
	padding:80px 0
}
.i1.i1-wave {
	background:0 0
}
.i1.index {
	padding-top:40px
}
.i1t h1 {
	font-weight:700;
	font-size:56px;
	color:#162016
}
.i1ta a {
	line-height:65px;
	background:linear-gradient(#3777e2,#0052d9);
	color:#fff;
	display:inline-block;
	border-radius:20px;
	width:240px;
	box-shadow:0 6px 10px rgba(55,119,226,.3);
	font-size:22px
}
.i1ta a+a {
	margin-left:50px
}
.i1ta a:hover {
	-webkit-filter:brightness(120%)
}
.i1timg img,.i1timg video {
	display:block;
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:-1px
}
.evaluation .item {
	width:240px;
	font-size:16px;
	color:#909793
}
.evaluation .icon {
	width:85px;
	margin:0 auto 2px
}
.index-desc {
	flex-direction:column;
	align-items:center;
	text-align:left;
	color:#424251
}
.install-number {
	align-items:flex-end;
	font-size:20px
}
.install-number span {
	font-size:24px;
	color:#0052d9
}
.i2a {
	margin-top:0;
	padding-top:100px
}
.i2a:first-child {
	margin-top:-100px;
	padding-top:100px
}
.i2a:nth-child(even) {
	flex-flow:row-reverse
}
.i2atxt {
	width:30%;
	padding-bottom:50px
}
.i2aimg {
	width:67%
}
.i2atxt img {
	width:36%
}
.i2atxt h1 {
	line-height:45px;
	margin-top:-50px
}
.ititle {
	font-size:38px
}
.i2aline {
	background:#0052d9;
	height:3px;
	width:45px;
	display:block;
	margin:25px 0
}
.i3ocean {
	height:200px;
	width:100%;
	position:relative;
	bottom:-50px;
	z-index:0;
	overflow:hidden
}
.i3wave {
	background:url(../../yibazhan/images/wave.svg.html) repeat-x;
	position:absolute;
	top:0;
	width:6400px;
	height:198px;
	-webkit-animation:i3wave 7s cubic-bezier(.36,.45,.63,.53) infinite;
	animation:i3wave 7s cubic-bezier(.36,.45,.63,.53) infinite;
	transform:translate3d(0,0,0);
	opacity:.7
}
.i3wave:nth-of-type(2) {
	top:20px;
	-webkit-animation:i3wave 7s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 7s ease -1.25s infinite;
	animation:i3wave 7s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 7s ease -1.25s infinite;
	opacity:.7
}
@-webkit-keyframes i3wave {
	0% {
	margin-left:0
}
100% {
	margin-left:-1600px
}
}@keyframes i3wave {
	0% {
	margin-left:0
}
100% {
	margin-left:-1600px
}
}@-webkit-keyframes swell {
	0%,100% {
	transform:translate3d(0,-25px,0)
}
50% {
	transform:translate3d(0,5px,0)
}
}@keyframes swell {
	0%,100% {
	transform:translate3d(0,-25px,0)
}
50% {
	transform:translate3d(0,5px,0)
}
}.i3 {
	background:#f2f7fe;
	padding:0 0 140px;
	position:relative
}
.i31a {
	width:23%
}
.i4t {
	padding:15px;
	background:#fff;
	color:#fff;
	position:relative;
	margin-top:-110px;
	box-shadow:0 5px 10px rgba(0,0,0,.07)
}
.i4tw {
	background:#0052d9;
	padding:30px 5%;
	border-radius:7px
}
.i4tw .i4ta {
	flex:1
}
.i4tatop h1 {
	font-size:60px;
	padding-right:20px;
	margin-right:15px;
	line-height:60px
}
.i4tatop h1 span {
	font-size:16px;
	line-height:30px;
	position:absolute;
	right:0;
	top:-18px
}
.i4tw .i4ta:first-of-type .i4tatop h1 span {
	right:-30px
}
.i4tatop h1 span.unit {
	right:-5px;
	font-size:18px
}
.i4taline {
	width:1px;
	height:55px;
	background:rgba(0,0,0,.3)
}
.i4ba {
	height:130px;
	margin:10px;
	border-radius:8px;
	filter:gray
}
.i4ba.honor {
	height:220px
}
.i4ba:hover {
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.1);
	filter:inherit
}
.i4ba img {
	max-width:85%;
	max-height:85%
}
@media only screen and (min-width:768px) and (max-width:1299px) {
	.hdl .logo {
	margin-right:50px
}
.hdl .nava {
	font-size:16px
}
.hdr a {
	line-height:32px;
	width:80px;
	font-size:14px
}
.hdr a.user {
	width:110px
}
.hdr a.admin {
	width:auto;
	padding:0 12px
}
.i1t h1 {
	font-size:40px
}
.i1ta a {
	width:220px;
	line-height:50px;
	font-size:18px
}
.i1ta a img {
	height:20px
}
.i2atxt h1 {
	line-height:33px
}
.ititle {
	font-size:26px
}
.i31a img {
	width:70px
}
.i31a .titleh3 {
	font-size:16px
}
.i31a .txt {
	font-size:13px
}
.i4t {
	margin-top:-75px
}
.i4tw {
	padding:20px 3%
}
.i4ba {
	height:100px
}
.i4tatop h1 {
	font-size:40px;
	line-height:40px
}
.i4tatop h1 span {
	font-size:14px
}
}@media only screen and (max-width:1120px) {
	.hdl .logo {
	margin-right:40px
}
.nav span {
	margin-right:30px
}
}@media only screen and (max-width:950px) {
	.waplogin {
	font-size:15px
}
.waplogin img {
	vertical-align:middle;
	margin-top:-3px;
	margin-right:5px
}
.whead {
	height:60px;
	background:#fff;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:9999;
	box-shadow:0 0 15px rgba(0,0,0,.15);
	display:flex;
	align-items:center;
	padding:0 15px
}
.waphd_height {
	width:100%;
	height:60px
}
.wlogo {
	display:inline-block
}
.wlogo img {
	display:block;
	border:0;
	width:90px
}
.waphdlg {
	display:inline-block
}
.waphdlg img {
	display:block;
	width:80px
}
.whead i {
	display:block;
	width:60px;
	height:60px;
	background-size:40%;
	color:#fff;
	text-align:center;
	line-height:60px;
	font-size:18px;
	position:absolute;
	right:0;
	top:0;
	z-index:99999999
}
.whead i img {
	vertical-align:middle;
	margin-top:-3px;
	display:none
}
.wapnav {
	width:240px;
	height:100%;
	position:fixed;
	right:0;
	top:0;
	background:#fff;
	z-index:9999;
	margin-right:-240px;
	transition:.5s;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch
}
.wapnava {
	padding:0 0 15px
}
.wapnavtop {
	color:#fff;
	height:60px;
	line-height:60px;
	padding:0 15px;
	border-bottom:1px solid #eee;
	display:flex;
	align-items:center
}
.wapnavtop i {
	display:block;
	width:60px;
	height:60px;
	background:0 0;
	color:#222;
	text-align:center;
	line-height:50px;
	font-size:18px;
	position:absolute;
	background-size:30%;
	right:0;
	top:0;
	z-index:99999999
}
.wapprda i,.wapprda1 i {
	display:block;
	position:absolute;
	right:15px;
	top:0;
	height:44px;
	line-height:44px;
	transition:.25s
}
.wapprda_active i,.wapprda1_active i {
	transform:rotate(90deg)
}
.wapnavtop i img {
	vertical-align:middle;
	margin-top:-3px
}
.wapnava p {
	display:block
}
.wapnava span {
	width:100%
}
.wapnava a.wapprda {
	display:block;
	height:50px;
	line-height:48px;
	padding:0 25px;
	color:#666;
	width:100%;
	border-bottom:1px solid #eee;
	font-size:15px
}
.wpheadhide a {
	display:block;
	height:48px;
	line-height:46px;
	padding:0 25px;
	color:#444;
	width:100%;
	border-bottom:1px solid #eee
}
.wapnava1 {
	background:url(../../yibazhan/images/navabg_06.png.html) no-repeat center;
	color:#e60012;
	text-align:center;
	border-bottom:0!important;
	margin-top:10px;
	margin-bottom:10px
}
.wapnavp1 {
	text-align:center;
	font-weight:700
}
.head_wap {
	display:block
}
.top-tips,.head_pc {
	display:none
}
.waphide {
	display:none
}
.wapprda,.wapprda1 {
	position:relative
}
.wapprda i,.wapprda1 i {
	display:block;
	position:absolute;
	right:15px;
	top:0
}
.wapprda i img,.wapprda1 i img {
	height:10px
}
.wpheadhide {
	display:none
}
.wpheadhide em {
	display:block
}
.wpheadhide a {
	font-size:14px;
	padding-left:30px;
	color:#666
}
.wpheadhide1 {
	display:none
}
.wpheadhide1 a {
	padding-left:50px!important;
	background:#fff!important;
	color:#999
}
.waphides {
	display:none
}
.waphides a {
	font-size:12px;
	color:#666;
	display:block;
	height:37px;
	line-height:37px;
	border-bottom:1px solid #aaa;
	padding:0 30px
}
.wapclicka {
	background:url(../../yibazhan/images/sj.jpg.html) no-repeat right center
}
.swiper-container-bn .swiper-button-next-bn,.swiper-container-bn .swiper-button-prev-bn {
	display:none
}
.wpnvbg {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
	background:rgba(0,0,0,.7);
	opacity:0;
	visibility:hidden;
	transition:.25s
}
.wpnvbg_active {
	opacity:1;
	visibility:inherit
}
.wapnav_active {
	right:0;
	top:0;
	height:100%;
	margin-right:0;
	overflow-x:hidden;
	overflow-y:auto
}
.waplga {
	padding:0 15px
}
.waplga a {
	display:inline-block;
	width:47%;
	height:34px;
	background:#fff;
	color:#0052d9;
	line-height:32px;
	font-size:13px;
	border:1px solid #0052d9
}
.waplga a.admin {
	width:auto;
	max-width:200px;
	padding:0 15px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.waplga a.active {
	background:#0052d9;
	color:#fff
}
.waplga a.waplga_ac {
	display:block;
	margin:0 auto;
	float:none;
	background:#fff;
	color:#0052d9
}
.wrap,.wrap_1400,.wrap_1200 {
	width:100%;
	padding:0 15px
}
.swiper-container-bn .bnimg {
	height:200px
}
.head_wap_wt .whead {
	background:rgba(0,0,0,.7)
}
.head_wap_wt .waphd_height {
	display:none
}
.head_wap_wt .whead i,.head_wap_wt .wapnavtop i {
	filter:grayscale(100%) brightness(500%)
}
.head_wap_wt .wapnav {
	background:rgba(0,0,0,.5)
}
.head_wap_wt .wpheadhide1 a {
	background:0 0!important
}
.head_wap_wt .wapnava a.wapprda,.head_wap_wt .wpheadhide a,.head_wap_wt .wapnavtop {
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,.2)
}
.head_wap_wt .wapprda i img,.head_wap_wt .wapprda1 i img {
	filter:grayscale(100%) brightness(500%)
}
.bg-wave {
	top:60px
}
.evaluation {
	display:none
}
.index-desc {
	line-height:24px;
	color:#666;
	font-size:12px
}
.install-number {
	font-size:14px
}
.install-number span {
	font-size:16px
}
}@media only screen and (max-width:768px) {
	.foot {
	padding:20px 0
}
.ft_logo {
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	margin-right:0;
	margin-bottom:20px
}
.ft_info {
	font-size:12px
}
.ft_info h2 {
	margin-bottom:12px;
	font-size:18px
}
.i1,.md {
	padding:25px 0
}
.i1t h1 {
	font-size:24px
}
.i1t h1 img {
	height:20px
}
.i1ta a {
	width:150px;
	line-height:40px;
	font-size:15px;
	margin:0 5px
}
.i1ta a+a {
	margin-left:0
}
.i1ta a img {
	height:18px
}
.i1timg img,.i1timg video {
	max-width:100%
}
.i2atxt {
	padding-bottom:10px
}
.i2atxt img {
	width:70px;
	display:block;
	margin:0 auto
}
.i2atxt h1 {
	line-height:30px;
	margin-top:-30px;
	text-align:center
}
.ititle {
	font-size:22px
}
.i2aline {
	width:30px;
	margin:15px auto
}
.i3 {
	margin-top:15px;
	padding:0 0 25px
}
.i31 {
	margin-top:12px
}
.i31a {
	width:100%;
	padding:18px 0
}
.i31a img {
	width:60px
}
.i31a .titleh3 {
	font-size:16px
}
.i4taline {
	width:100%;
	height:1px;
	margin:15px 0
}
.i4tatop h1 {
	font-size:30px;
	line-height:30px
}
.i4tatop h1 span {
	font-size:13px;
	line-height:20px
}
.i4t {
	margin-top:15px
}
.i4ba {
	height:80px
}
}@media only screen and (max-width:400px) {
	}.i31a img {
	width:100px
}