.page-container {
	width:1200px;
	margin:0 auto
}
.none {
	display:none
}
body {
	font-family:"Microsoft YaHei"!important
}
img {
	max-width:100%
}
* {
	padding:0;
	margin:0
}
.qq-wrap {
	display:block;
	position:fixed;
	right:0;
	top:50%;
	z-index:1000
}
.text-overflow {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.header-t .none {
	display:none
}
.header-t {
	position:fixed;
	top:0;
	width:100%;
	height:80px;
	background-color:#fff;
	z-index:1000;
	border-bottom:#e6e8ea 1px solid
}
.sy-logo {
	/*width:150px;*/
	height:80px
}
.sy-logo img {
	/*width:150px;*/
	height:80px
}
.sy-logo a {
	display:block
}
.sy-nav {
	overflow:hidden
}
.sy-nav ul li {
	float:left;
	line-height:80px;
	margin-left:10px;
	font-size:14px
}
.sy-nav ul li a:hover,.sy-nav ul li a.hover {
	transition:.6s;
	background-color:#2780ff;
	color:#fff
}
.sy-nav ul li a {
	display:inline-block;
	color:#666;
	font-size:14px;
	height:30px;
	line-height:30px;
	padding:0 12px;
	border-radius:30px;
	transition:.6s
}
.banner {
	min-width:1200px;
	margin-top:80px
}
.st-products {
	background-color:#f7f7f7;
	padding:30px 0;
	overflow:hidden;
	min-width:1200px
}
.st-products .tetle h3 {
	font-size:24px;
	color:#454545;
	font-weight:inherit
}
.st-products .tetle a {
	font-size:16px;
	color:#818181
}
.st-products .tetle a:hover {
	color:#007aff
}
.st-products-list {
	overflow:hidden;
	padding:40px 0 20px 0
}
.st-products-list ul {
	margin-left:-100px
}
.st-products-list ul li {
	float:left;
	width:310px;
	padding:10px;
	margin-left:102px;
	background-color:#fff;
	text-align:center
}
.st-products-list ul li img {
	width:310px;
	height:210px;
	transition:all 1s ease
}
.st-products-list ul li h3 {
	font-size:24px;
	color:#454545;
	font-weight:inherit;
	text-align:center;
	display:inline-block;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #2589ff;
	padding-top:20px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.st-products-list ul li p {
	font-size:16px;
	color:#666;
	line-height:25px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	overflow:hidden;
	text-align:center
}
.st-products-list ul li:hover {
	box-shadow:0 2px 8px 2px rgba(198,201,208,0.5)
}
.st-products-list ul li .div-pic {
	overflow:hidden
}
.st-products-list ul li:hover h3 {
	color:#007aff
}
.st-products-list ul li:hover img {
	-webkit-transform:scale(1.1);
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-duration:750ms;
	-moz-transform:scale(1.1);
	-moz-transition-timing-function:ease-out;
	-moz-transition-duration:750ms;
	overflow:hidden
}
.st-products-td ul li {
	height:550px
}
.st-products-td ul li:nth-child(1) {
	background:url(../images/ap-bj1.png) no-repeat center;
	height:550px;
	min-width:1200px
}
.st-products-td ul li:nth-child(3) {
	background:url(../images/ap-bj02.png) no-repeat center;
	height:550px;
	min-width:1200px
}
.st-products-td .tetle {
	padding:40px 0
}
.st-products-td .tetle h3 {
	font-size:24px;
	color:#fff;
	font-weight:inherit
}
.st-products-td .tetle a {
	font-size:16px;
	color:#fff
}
.st-products-td .tetle a:hover {
	color:#007aff
}
.st-products-td .div-fl {
	width:500px;
	height:450px;
	float:left
}
.st-products-td .div-fl img {
	width:490px;
	height:450px
}
.st-products-td .div-fr h3 {
	font-size:40px;
	color:#007aff;
	font-weight:inherit;
	padding:40px 0;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.st-products-td .div-fr {
	width:650px;
	float:right
}
.st-products-td .div-fr p {
	font-size:20px;
	line-height:40px;
	color:#fff;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
	overflow:hidden
}
.st-products-td ul li:nth-child(2n) .div-fl {
	float:right
}
.st-products-td ul li:nth-child(2n) .div-fr {
	float:left
}
.st-products-td ul li:nth-child(2n) .div-fr p {
	color:#8c8c8c
}
.applet {
	background:url(../images/ap-bj2.jpg) no-repeat center;
	height:160px;
	min-width:1200px
}
.applet a {
	float:right;
	margin-top:50px;
	display:block;
	width:140px;
	height:60px;
	font-size:18px;
	color:#007aff;
	line-height:60px;
	text-align:center;
	background-color:#fff;
	border-radius:3px;
	transition:all 1s ease
}
.applet a:hover {
	background-color:#007aff;
	color:#fff
}
.st-case {
	padding:40px 0;
	background-color:#f7f7f7;
	min-width:1200px
}
.st-case .tetle h3,.sy-industry .tetle h3 {
	font-size:24px;
	color:#454545;
	font-weight:inherit;
	margin-left:20px;
	width:50%;
	text-align:left;
	float:left
}
.btn-more {
	display:block;
	width:20%;
	text-align:right;
	float:right;
	color:#000 !important
}
.sy-industry {
	background-color:#efefef;
	padding:40px 0;
	overflow:hidden;
	min-width:1200px
}
.sy-industry .list {
	overflow:hidden;
	padding-top:20px
}
.sy-industry .list ul li {
	width:33%;
	float:left;
	text-align:center;
	margin-top:20px
}
.sy-industry .list ul li img {
	width:120px;
	height:120px
}
.sy-industry .list ul li h3 {
	font-size:16px;
	color:#333;
	line-height:40px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding:0 20px
}
.sy-industry .list ul li p {
	font-size:15px;
	color:#333;
	padding:0 40px;
	line-height:25px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	height:75px
}
.sy-industry .list ul li:hover h3 {
	color:#007aff
}
.sy-announcement {
	background-color:#f7f7f7;
	padding:40px 0;
	overflow:hidden;
	min-width:1200px
}
.sy-announcement .tetle h3 {
	font-size:24px;
	color:#454545;
	font-weight:inherit
}
.sy-announcement .tetle a {
	font-size:16px;
	color:#818181
}
.sy-announcement .tetle a:hover {
	color:#007aff
}
.sy-announcement .list {
	overflow:hidden;
	padding-top:40px
}
.sy-announcement .list ul {
	margin-left:-100px
}
.sy-announcement .list ul li {
	float:left;
	width:550px;
	overflow:hidden;
	padding:20px 0;
	border-bottom:dashed 1px #ddd;
	margin-left:100px
}
.sy-announcement .list ul li .div-fl {
	width:100px;
	float:left;
	text-align:center;
	padding-top:10px
}
.sy-announcement .list ul li .div-fl span {
	font-size:26px;
	color:#007aff
}
.sy-announcement .list ul li .div-fl p {
	font-size:14px;
	color:#007aff
}
.sy-announcement .list ul li .div-fr {
	float:right;
	width:400px
}
.sy-announcement .list ul li .div-fr h3 {
	font-size:18px;
	color:#007aff;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.sy-announcement .list ul li .div-fr p {
	font-size:14px;
	color:#666;
	line-height:25px;
	height:50px;
	margin-top:10px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.footer-a {
	background-color:#4a4a4a;
	padding:40px 0;
	min-width:1200px
}
.clearfix a {
	color:#bababa
}
.footer-ul {
	overflow:hidden;
	text-align:center
}
.footer-ul ul li {
	font-size:14px;
	color:#bababa;
	display:inline-block;
	padding:0 10px
}
.footer-ul ul li a {
	color:#bababa
}
.footer-ul ul li a:hover {
	color:#fff
}
.footer-lx {
	padding:20px 0
}
.footer-lx ul li {
	width:33.3%;
	text-align:center;
	font-size:14px;
	color:#bababa;
	float:left
}
.footer-lx ul li .cz {
	background:url(../images/cz-a.png) no-repeat;
	padding-left:35px;
	display:inline-block;
	line-height:30px
}
.footer-lx ul li .dh {
	background:url(../images/dh-a.png) no-repeat;
	padding-left:35px;
	display:inline-block;
	line-height:30px
}
.footer-lx ul li .yx {
	background:url(../images/yx-a.png) no-repeat;
	padding-left:35px;
	display:inline-block;
	line-height:30px
}
.footer-p {
	font-size:14px;
	color:#bababa;
	text-align:center
}
.products {
	padding:40px 0;
	overflow:hidden;
	background-color:#f7f7f7;
	min-width:1200px
}
.products-tatle {
	text-align:center
}
.products-tatle h3 {
	font-size:24px;
	color:#333;
	display:inline-block;
	border-bottom:solid 1px #e1e1e1;
	padding-bottom:10px;
	font-weight:inherit
}
.products-list {
	padding-bottom:50px
}
.products-list ul {
	margin-left:-20px;
	margin-top:10px
}
.products-list ul li {
	float:left;
	width:278px;
	border:solid 1px #e1e1e1;
	text-align:center;
	background:#fff;
	padding:20px 0;
	margin-left:20px;
	margin-top:20px;
	transition:all 1s ease
}
.products-list ul li a {
	display:block
}
.products-list ul li img {
	width:110px;
	height:110px;
	border-radius:3px
}
.products-list ul li h3 {
	font-size:20px;
	color:#333;
	border-bottom:solid 1px #e1e1e1;
	padding-bottom:20px;
	width:80%;
	margin:10px auto 0 auto;
	font-weight:inherit;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.products-list ul li p {
	font-size:12px;
	color:#8c8c8c;
	line-height:25px;
	text-align:left;
	width:80%;
	height:75px;
	margin:20px auto;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden
}
.products-list ul li:hover {
	border:#007aff solid 1px
}
.products-list ul li:hover h3 {
	color:#007aff
}
.tanc {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.72);
	z-index:5000000;
	display:none
}
.tanc-mian {
	width:760px;
	height:460px;
	background-color:#f6f6f6;
	border-radius:10px;
	margin:10% auto 0 auto;
	padding:40px
}
.tanc-titel {
	overflow:hidden;
	position:relative
}
.tanc-titel .div-pic i {
	line-height:80px
}
.tanc-titel .div-pic {
	width:80px;
	height:80px;
	border-radius:5px;
	text-align:center;
	color:white
}
.tanc-titel .div-tet {
	padding-left:100px
}
.tanc-titel .div-tet h3 {
	font-size:18px;
	color:#333;
	font-weight:inherit
}
.tanc-titel .div-tet p {
	width:80%;
	line-height:25px;
	height:50px;
	overflow:hidden;
	font-size:14px;
	color:#8c8c8c
}
.tanc-titel .cuo {
	position:absolute;
	right:0;
	top:0;
	cursor:pointer
}
.tanc-pic {
	padding:40px 0;
	text-align:center
}
.tanc-pic img {
	width:640px;
	height:300px
}
.tanc-pic .swiper-button-next {
	margin-right:0
}
.solutions {
	padding:40px 0 20px 0;
	overflow:hidden;
	min-width:1200px
}
.solutions-list ul li {
	position:relative;
	width:25%;
	text-align:center;
	float:left;
	margin-top:40px;
	padding-bottom:20px;
	cursor:pointer
}
.solutions-list ul li .div-pic {
	width:120px;
	height:120px;
	margin:0 auto;
  filter: grayscale(1);
}
.solutions-list ul li h3 {
	font-size:16px;
	color:#333;
	line-height:40px;
	font-weight:inherit;
	margin-top:20px
}
.solutions-list ul li.cur h3 {
	color:#007aff
}
/* .solutions-list ul li:nth-child(1) .div-pic {
	background:url(../images/jjfz-a.png) no-repeat center
}
.solutions-list ul li:nth-child(1).cur .div-pic {
	background:url(../images/jjfz-a1.png) no-repeat center
}
.solutions-list ul li:nth-child(2) .div-pic {
	background:url(../images/jjfa-b.png) no-repeat center
}
.solutions-list ul li:nth-child(2).cur .div-pic {
	background:url(../images/jjfa-b1.png) no-repeat center
}
.solutions-list ul li:nth-child(3) .div-pic {
	background:url(../images/jjfa-c.png) no-repeat center
}
.solutions-list ul li:nth-child(3).cur .div-pic {
	background:url(../images/jjfa-c1.png) no-repeat center
}
.solutions-list ul li:nth-child(4) .div-pic {
	background:url(../images/jjfa-d.png) no-repeat center
}
.solutions-list ul li:nth-child(4).cur .div-pic {
	background:url(../images/jjfa-d1.png) no-repeat center
} */
.solutions-list ul li.cur .div-pic {
  filter: grayscale(0);
}
.solutions-list ul li.cur h3:before {
	content:'';
	border-color:transparent transparent #ededed transparent;
	border-style:solid;
	border-width:8px;
	position:absolute;
	right:46%;
	bottom:0;
	z-index:2
}
.solutions-a {
	background-color:#ededed;
	padding:20px 0;
	overflow:hidden
}
.solutions-mian {
	overflow:hidden;
	display:none
}
.solutions-a .div-fl {
	width:300px
}
.solutions-a .div-tet {
	padding-left:350px
}
.solutions-a .div-tet p {
	font-size:14px;
	color:#787878;
	line-height:25px
}
.case {
	text-align:center
}
.case ul li {
	position:relative;
	width:200px;
	background-color:#fff;
	text-align:center;
	padding:10px 0;
	display:inline-block;
	margin:30px 40px 10px 40px;
	cursor:pointer
}
.case ul li img {
	width:160px;
	height:160px
}
.case ul li p {
	font-size:24px;
	color:#3d3d3d;
	margin:0 auto;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	margin-top:20px
}
.case ul li .div-fd {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.59);
	text-align:center;
	display:none
}
.case ul li .div-fd img {
	width:120px;
	height:120px;
	margin-top:25px
}
.case-footer {
	text-align:center;
	padding-top:20px
}
.case-footer a {
	display:inline-block;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	background-color:#fff;
	font-size:12px;
	color:#666;
	border:solid 1px #fff
}
.case-footer a.cur {
	background-color:#007aff;
	color:#fff
}
.case-footer a:hover {
	border:solid 1px #ddd
}
.price {
	padding:40px 0;
	background-color:#f7f7f7;
	overflow:hidden;
	min-width:1200px
}
.price .iw {
	overflow:visible
}
.price-ul {
	text-align:center
}
.price-ul ul li {
	padding:10px;
	display:inline-block;
	width:280px;
	margin:0 40px;
	border:solid 1px #c5c5c5;
	text-align:center
}
.price-ul ul li img {
	width:250px;
	height:180px
}
.price-ul ul li h3 {
	font-size:24px;
	color:#6e6e6e;
	font-weight:inherit;
	margin-top:10px
}
.price-ul ul li p {
	height:75px;
	font-size:14px;
	color:#999;
	line-height:25px;
	text-align:left;
	margin-top:20px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden
}
.price-ul ul li:hover {
	border:solid 1px #2589ff
}
.price-tabel.none {
	display:none
}
.price-tabel a.buy:hover {
	background-color:#2589ff;
	color:white
}
.price-tabel a.buy {
	color:#2589ff;
	padding:3px 12px;
	border:solid 1px #2589ff;
	margin-left:5px
}
.price-tabel .price td {
	padding:10px 0
}
.price-tabel .r {
	color:#0C0
}
.price-tabel .n {
	color:red
}
.price-tabel table {
	width:100%
}
.price-tabel table tr th {
	background-color:#e3e3e3;
	height:100px;
	font-size:18px;
	color:#323232;
	font-weight:inherit
}
.price-tabel table tr td {
	text-align:center;
	font-size:16px;
	color:#6e6e6e;
	height:50px
}
.price-tabel table tr:nth-child(odd) td {
	background-color:#f3f0f0
}
.discount-label {
	text-decoration:line-through
}
.high-light-price {
	color:#0C0
}
.show-detail-price {
	cursor:pointer
}
.price-discount-tip {
	font-size:15px;
	color:red;
	margin-top:5px
}
.aboutus {
	padding:40px 0
}
.aboutus-list {
	overflow:hidden
}
.aboutus-list .div-one {
	width:450px
}
.aboutus-list .div-one span {
	font-size:18px;
	color:#8f8f8f
}
.aboutus-list .div-one h3 {
	font-size:22px;
	color:#333;
	font-weight:inherit;
	line-height:40px
}
.aboutus-list .div-one p {
	font-size:14px;
	color:#595959;
	line-height:25px;
	display:-webkit-box;
	-webkit-box-orient:vertical
}
.aboutus-list .div-one img {
	width:100%;
	margin-top:20px
}
.aboutus-list .div-tow {
	width:310px;
	margin-left:60px
}
.aboutus-t {
	background-color:#f7f7f7;
	padding:40px 0;
	position:relative;
	min-width:1200px
}
.aboutus-t .swiper-slide {
	text-align:center;
	overflow:hidden
}
.aboutus-t .swiper-slide h3 {
	font-size:30px;
	color:#383838;
	font-weight:inherit
}
.aboutus-t .swiper-slide p {
	font-size:16px;
	color:#565656;
	margin-top:20px
}
.aboutus-t .swiper-slide ul li {
	display:inline-block;
	padding:0 60px;
	margin-top:60px
}
.aboutus-t .swiper-slide ul li img {
	width:75px;
	height:75px
}
.aboutus-t .swiper-slide ul li span {
	position:relative;
	top:-30px;
	display:inline-block;
	font-size:14px;
	color:#666
}
.aboutus-t .swiper-button-next {
	margin-right:80px
}
.aboutus-t .swiper-button-prev {
	margin-left:80px
}
.login-mian {
	background:url(../images/loige.png) no-repeat center;
	background-size:auto 100%;
	min-width:1200px;
	height:890px
}
.login-a.none {
	display:none
}
.login-a {
	width:350px;
	margin:10% auto;
	padding:10px;
	background:#fff;
	border-radius:5px
}
.login-a .title {
	line-height:50px;
	height:50px;
	position:relative
}
.login-a .title h3 {
	float:left;
	font-size:24px;
	color:#2589ff;
	font-weight:inherit
}
.login-a .title a {
	float:right;
	font-size:16px;
	color:#666
}
.login-sj {
	padding:10px 10px 10px 40px;
	border-bottom:solid 1px #e5e5e5;
	background:url(../images/sj-a.png) no-repeat 0 17px;
	margin-top:40px
}
.login-sj input,.login-mm input {
	border:2px solid #fff;
	font-size:16px;
	height:40px;
	width:100%;
	padding-left:5px;
	border:1px solid #ededed;
	border-radius:5px
}
.login-mm {
	padding:10px 10px 10px 40px;
	border-bottom:solid 1px #e5e5e5;
	background:url(../images/mm-a.png) no-repeat 0 15px;
	margin-top:10px
}
.login-wt {
	text-align:right;
	padding:10px 0
}
.login-wt a {
	font-size:14px;
	color:#666
}
.login-but {
	text-align:center;
	margin-top:110px
}
.login-but input {
	width:100%;
	height:40px;
	background:#2589ff;
	border:0;
	font-size:16px;
	color:#fff;
	letter-spacing:5px;
	cursor:pointer
}
.login-but input:hover {
	opacity:.8
}
.login-but a {
	font-size:14px;
	color:#2589ff;
	display:inline-block;
	line-height:40px
}
.content {
	display:none;
	width:800px;
	height:375px;
	margin:15px auto 10px auto;
	border:3px solid #dfdfdf;
	border-radius:5px
}
.about-box {
	height:185px
}
.title-text {
	height:50px;
	line-height:50px
}
.model-list {
	width:1120px;
	overflow:hidden;
	background-color:#FFF;
	margin:0 auto;
	margin-top:30px
}
.model-list .c-i {
	width:100%;
	padding:10px 0;
	margin-bottom:15px;
	clear:both
}
.model-list .c-i .title {
	font-size:15px;
	font-weight:bold;
	line-height:55px
}
.model-list .c-i .m-l {
	width:100%;
	margin-top:20px
}
.model-list .c-i .m-l .m-i {
	width:230px;
	height:235px;
	float:left;
	margin:0 25px;
	position:relative;
	margin-bottom:30px
}
.model-list .c-i .m-l .m-i .add-btn {
	width:100%;
	line-height:35px;
	box-sizing:border-box;
	border:1px solid #2489ff;
	color:#2489ff;
	border-radius:6px;
	display:block;
	text-align:center;
	position:absolute;
	left:0;
	bottom:0;
	transition:all .4s
}
.model-list .c-i .m-l .m-i .add-btn:hover {
	background-color:#2489ff;
	color:#FFF
}
.model-list .c-i .m-l .m-i .model-info {
	width:100%;
	height:140px;
	border-radius:8px;
	color:#FFF;
	overflow:hidden;
	cursor:pointer;
	text-align:center;
	transition:all .3s
}
.model-list .c-i .m-l .m-i .model-info span {
	font-size:20px;
	font-weight:bold;
	display:inline-block;
	width:100%;
	margin-top:20px;
	margin-bottom:10px
}
.model-list .c-i .m-l .m-i .model-desc {
	max-height:90px;
	font-size:12px;
	padding:5px;
	color:#42484a
}
.model-list .c-i .m-l .m-i .model-desc a {
	color:#2489ff
}
.model-list .applet-title {
	padding-top:20px;
	font-size:25px;
	text-align:center;
	padding-bottom:20px
}
.sy-nav a.logon,.sy-nav a.logout {
	border:0
}
.qq-link-icon {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAAWCAMAAAB68gtgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REMxNzIxQUM1ODZFMTFFMkE2QUJERjZDOTBFMjlDMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REMxNzIxQUQ1ODZFMTFFMkE2QUJERjZDOTBFMjlDMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQzE3MjFBQTU4NkUxMUUyQTZBQkRGNkM5MEUyOUMzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQzE3MjFBQjU4NkUxMUUyQTZBQkRGNkM5MEUyOUMzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pvt6ESkAAAMAUExURand9oa71Kji/Wias/7rtJ3Y9aXe+f+yOqHZ9fdKLKXh/fvTkut3J/SbK//snv+lGv2rIo7I5a3h+vv7/PWxcpzT7CkpNcnO1Z3e/dCRMa7k/e+Waq3e9VqHnf/TLqLg/fnHeZZ6Wv/LVvrDZrl7ULHi+f+5QaHd+i5UaK6QdNF+LElxhf+hFYnB3JnW9KTb9WqUqpHO6skkF6rf+Jna+abc9qrh+vuHBIKzyjtidnKlvv/BS6nV68Xs/3apwbLg9ltrevOLGPu7FG+KnPJaQqzj/Mjt/7no/+Li4//GUYOjt5jV8v+fEvKFGf61K5HL5sHr/3XF7/rZr5XU87ni9/aTFbzp/7Xh9nvJ8LDk/PIUDrbn/vabF82EQ/mmFcLm+Lzk9/czFP7RapzF2uauUL+ab/iWFfumIa/f9rcOD7bm/aDf/P+wJf+pHUwtJUBGUf/89LTk+/fHp5rP526etDc3RJ7c+pTU9HyrwSIfKPqsKPOkWsbr/JfW9PanScTp+rp0Ov737e3y9pPT8ml9kEVvhH+20f308rPm/rHm/unt8f3WfFF8kf+7MYHM8Ux6kPX19x5FWJrc+o8xLOg4Idzl7pbV9J3a9//NF/L1+f713m6jvboyI50qFXWgtpvd/JzX9ZLU88np+ZbX9rDl/v/1yabf+5/f/prY9sDl97Dm/vihFm/B77Pi+Kvj/pXW9f+9Sff4+rbk/KHb95zX82y/7h4bJAszRvB/Gf+9M/++NLfo/rHl/f+4LgICApfY98TBvZfZ+P/cUJPU83mnvnKnwPSPGrLl/nivyvepOmGRqeipoXyaq3mwy6HX8bLV6n1GKqna8r+ylf2/Vt+lTMm2cO6KQP+rA0U+QouuwuiICImOnZK4y7Oztv+XBFB6kHZnXdQvHefKyFJgbeumBpLF37WKNv7hkqAYDtPb4/nm5neov83v/tybmsKwofS2i/GEEPOLFM/w/3Wsx/izR/ivS32qwP7uy5bP6fzo2qKBTLXl+4XO8Wq+7v///////8s3US4AAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAFAklEQVR42qzTfVRTdRjA8bsmIDr3puDAXSVs7Cc4YDCmd6igOQ2VzTQ0FFEp2Yoh4YZ4MQrTTUWQc31L1HhRnJYaGOW1EjMRNHoly7I3MyPt3dKMwkbP795NFI7/+d3Ovds593zOc579RnTfvBd9mtm3sG7i5qI/p/RuvK+Z42f2NAe/vE31NZ8vMyu8d1mZYcTGX+a8yeV9bB3f+vXrX6qrqwvFvcx1H9cArhF8+/gUCkVm+Bt9ysokNk7xuueTaTr40lccffr0sWPHePlO+274gfDX+xR+AOOYnrqmIJim6SN5792yfbjReBc8J2dfNG8rDqSUl5uKbstUXp6C8flPQucL8k54jntOHMl7bB3Q6enpvGu8nQZ2AsXLAsc+gTanBSkULYrq6mqMFz3lwYm5ijj8UQ6fnxxc4Dm+5riHDk7GdmhoXRViWWoFlmNZlo3qGGCfgGMc+JqjRY4WpBVSWmcF2NUZKU1NRau8eL+9e8VFTU0pGYDjwbtomp8c7njs9PRYtspojGXHGo0U0uj7RzH2sainaLWGUjgETuf7bdWboIwUk6lohxcPE4nCpCYTxp/u6urKVy6lv9g+fPik78fQBap0VagqiL0hN8pDSaRfwdr1brcbke4R7k5Sre4s06rV5paW6dWbDAyJDEDrdBmJJpP0bx6fBfYGi8mUiPFX8vPzP9z1xJUxkz77ZsyVK7usKrlKXsXKIb2A7SiLcscD7mDc/p3IoVar25BguYZkzQaKMZw5gyp0UHaizWTpx+H9zolWirMsNlNiNuBg538ZN+/iRy9AcfM2P6gCtgrJ9Xq93M4Kokg37mfWvwOVAW5GZYxguRlwUmZAutUGjKcl2myWgedEQzyelaJzYvFIi82WmEY8jPFpwZvnLQ6cHBi4eEscXTAN46w+Hupg7TC5P+RAasoxHViSWi4QYlxI6oRIp6HehtIabFLLwH9EomXLRKLLYvFZi9TWAPizhw7lJ9Of/xp3MXDysHe/Kz0SfAlwO3sD4yQiTrF2jCOyEXIgA6N5HpKxMh11rYJxoZ1vQa0NUqllpAfWDQuHk3hdIpU2tGJcpaLpb3/aElg5eLDncOlSusAIbCxTRcTDaUnwpyhBTJCTMWO80cm2YXu/jBUKXS7GWbFzD641Qpor+cvj+V0EC4fekeTmRvjwNf+uDQyEX2NwZen95/OsgBNVDJzzU3hoEs55mSamsTHI4GQuMKSGw5HMhSq0iNRifGJEbq5kEADDOFs8COMTiYOwFlX7uB9+rDyM7a0PhbTjfcQTBPEBhQQJCQkxCY0aRJljzE4GCWV+MpJBbdEaykWxZP0eGWKuFdbXT4yQSCTZYas8q9YCffn6H/CVx5OSkj4O+WRo6eHK57aeCAlRcjIuwcGyZAwu6ALLGoQuP9z+TuHO/dHRxUJXffGeWq1Qu62wMDVCMhr01ln4TzSyNRvs0RGpxMGFSVarNfLk9gVLvh762+OTTkZGemUcJ/fn8/ODdw0EMlS8jau5trmwuTk1YDRX2jM7NgxKm8F9DkglXuPwUSUlJQ+MGge3yAVLbtkxPTaGcTXRfMXFHF4IcHNzba0Pn5F99Wo2b3P47rmAW+WqJKVS2d4OLHch7rQxXlPzKoTl6bjZUOHs1XypATN6J2kAXLl7YU8velvk6xFfc30l+bLywUxK69GzAb1rSB1CdP93L1pytG9Duv8XYACYZVDdZpPw6wAAAABJRU5ErkJggg==);
	display:inline-block;
	width:93px;
	height:23px;
	background-repeat:no-repeat
}
.price-tab li {
	width:25%;
	float:left;
	color:#323232
}
.price-tab#system-price li {
	width:11.11%
}
.price-tab {
	border:1px solid #e3e3e3;
	width:100%;
	height:50px;
	margin:0 auto;
	margin-bottom:20px;
	line-height:50px;
	text-align:center;
	font-size:20px;
	background:#e3e3e3;
	border-radius:3px;
	cursor:pointer
}
.price-tab li:hover,.price-tab .hover {
	background:#2589ff;
	color:white
}
.price-tab li:first-child {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px
}
.price-tab li:last-child {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px
}
.switch {
	background:url(../images/ligon-a.png) no-repeat right 0;
	float:right;
	height:50px;
	display:inline-block;
	width:50px;
	cursor:pointer
}
.switch.wechat {
	background-image:url(../images/login-wechat.png)
}
.login-a .wechat-login iframe {
	height:400px;
	margin:0 auto;
	display:block
}
.login-a .wechat-login {
	display:none
}
.applet-banner {
	width:100%;
	height:500px;
	padding-top:40px;
	background:url(../images/applet-banner.jpg) no-repeat;
	background-size:cover;
	box-sizing:border-box;
	margin-top:80px;
	overflow:hidden
}
.applet-banner .page-container {
	position:relative
}
.applet-banner .page-container .sub-button:hover {
	transition:.5s;
	opacity:.8
}
.applet-banner .page-container .sub-button:before {
	content:" ";
	display:block;
	position:absolute;
	left:-5px;
	top:-5px;
	width:200px;
	height:50px;
	border-radius:50px;
	border:5px solid rgba(0,0,0,0.1)
}
.applet-banner .page-container img {
	position:absolute;
	right:0;
	top:-80px;
	width:600px
}
.applet-banner .page-container .sub-button {
	position:relative;
	display:block;
	text-align:center;
	font-size:18px;
	font-weight:400;
	border-radius:50px;
	width:200px;
	height:50px;
	line-height:50px;
	background-image:-moz-linear-gradient(0,#22f48a 0,#51ce62 100%);
	background-image:-webkit-linear-gradient(0,#22f48a 0,#51ce62 100%);
	background-image:-ms-linear-gradient(0,#22f48a 0,#51ce62 100%);
	margin-top:65px;
	transition:.5s;
	letter-spacing:3px;
	color:#fff
}
.applet-banner .page-container .sub-title {
	line-height:24px;
	font-size:20px;
	letter-spacing:1px;
	margin-bottom:20px;
	color:#fff;
	font-weight:lighter
}
.applet-banner .page-container .title {
	margin-top:80px;
	font-size:44px;
	color:#fff;
	font-weight:lighter;
	position:relative;
	margin-bottom:25px
}
.pull-left {
	float:left
}
.pull-right {
	float:right
}
.margin0-top {
	margin-top:0 !important
}
.promo_detailed {
	position:relative;
	background:#fafafa
}
.promo_detailed-container {
	z-index:10;
	height:100%
}
.margin0-top3 {
	margin-top:30px
}
.container {
	width:1170px;
	margin:58px auto;
	clear:both;
	height:auto;
	overflow:hidden
}
.item-box {
	width:100%;
	overflow:hidden;
	clear:both;
	margin-top:50px
}
.item-item {
	width:33%;
	float:left
}
.con-left {
	text-align:right;
	width:80%
}
.con-left h3 {
	font-size:18px;
	font-weight:600
}
.con-left p {
	font-size:14px;
	color:#9b9b9b;
	font-weight:normal;
	margin-top:25px
}
.item-con {
	text-align:center
}
.item-con img {
	display:block;
	width:330px;
	height:644px;
	margin:0 auto;
	padding-left:30px
}
.con-right {
	margin-left:20px
}
.con-right img {
	width:50px;
	height:60px
}
.text-left {
	text-align:left !important
}
.am-u-md-6 {
	width:50%;
	height:400px;
	float:left;
	overflow:hidden
}
.promo_detailed--list_item {
	position:relative;
	padding:0 100px 0 80px;
	margin-top:41px;
	list-style:none
}
.function-pc {
	background-size:80% 80%;
	width:100%;
	height:400px
}
.function-pc1 {
	background:url(../images/function-pc1.png) left no-repeat
}
.function-pc2 {
	background:url(../images/function-pc2.png) left no-repeat
}
.function-pc3 {
	background:url(../images/function-pc3.png) left no-repeat
}
.list-item {
	display:block;
	top:9px;
	left:0;
	border-radius:3px;
	width:56px;
	height:65px;
	box-sizing:border-box;
	position:absolute
}
.list-item-icon-icon1 {
	background:url(../images/function-icon1.png);
	background-size:100%
}
.list-item-icon-icon2 {
	background:url(../images/function-icon2.png);
	background-size:100%
}
.list-item-icon-icon3 {
	background:url(../images/function-icon3.png);
	background-size:100%
}
.list-item-icon-icon4 {
	background:url(../images/function-icon4.png);
	background-size:100%
}
.list-item-icon-icon5 {
	background:url(../images/function-icon5.png);
	background-size:100%
}
.list-item-icon-icon6 {
	background:url(../images/function-icon6.png);
	background-size:100%
}
.list-item-icon-icon7 {
	background:url(../images/function-icon7.png);
	background-size:100%
}
.list-item-icon-icon8 {
	background:url(../images/function-icon8.png);
	background-size:100%
}
.list-item-icon-icon9 {
	background:url(../images/function-icon9.png);
	background-size:100%
}
dl {
	font-size:20px;
	color:#262626
}
dd {
	font-size:16px;
	line-height:23px;
	color:#969696;
	font-weight:normal
}
.title1 {
	font-size:50px;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
	color:#333
}
.text1 {
	text-align:center;
	color:#9b9b9b;
	font-weight:normal;
	font-size:15px;
	margin-top:20px
}
.item {
	width:100%;
	height:auto;
	line-height:30px;
	overflow:hidden
}
.margin-left1 {
	margin-left:0 !important
}
.margin-top0 {
	margin-top:0 !important
}
.item li {
	width:19%;
	height:300px;
	margin-top:30px;
	margin-left:30px;
	padding:0 20px;
	border:1px solid #e9e9e9;
	border-radius:3px;
	float:left
}
.item li h2 {
	font-size:20px;
	text-align:center;
	color:#262626;
	margin-top:20px
}
.item li h3 {
	text-align:center;
	margin-top:0;
	font-size:14px;
	font-weight:normal;
	color:#ff9734
}
.item li p {
	font-size:14px;
	text-align:center;
	color:#969696;
	line-height:23px;
	font-weight:normal;
	margin-top:10px
}
.icon-img {
	display:block;
	height:60px;
	width:60px;
	margin:30px auto
}
.applet-step li p {
	text-align:center;
	font-size:15px;
	color:#333
}
.applet-step li .circle i {
	height:1px;
	width:237px;
	background:#e5e5e5;
	display:inline-block;
	position:absolute;
	left:100px;
	top:37px
}
.applet-step li .circle span {
	border-bottom:2px solid #15c96f;
	font-size:24px
}
.applet-step li .circle {
	position:relative;
	left:50%;
	width:70px;
	height:70px;
	border-radius:70px;
	border:2px solid #e5e5e5;
	line-height:70px;
	text-align:center;
	margin-bottom:15px;
	margin-left:-35px
}
.applet-step li {
	float:left;
	width:33.3%
}
.applet-step {
	padding-bottom:78px;
	width:1100px;
	margin:0 auto;
	overflow:hidden
}
.price-tip {
	position:relative;
	background:url(../images/tip.png) no-repeat;
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle
}
.price-tip:hover .price-tip-text {
	display:block
}
.price-tip-text a {
	color:#7e7ede !important;
	margin:0 !important
}
.price-tip-text {
	display:none;
	position:absolute;
	left:20px;
	top:5px;
	width:170px;
	border:solid #e1d1c7 1px;
	background-color:#f3f0ef;
	padding:2px 8px;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	z-index:9;
	color:#110701
}
.full-price-column {
	width:120px
}
.switch-tab {
	height:42px;
	background:#eaeaea;
	width:900px;
	margin:31px auto 15px auto;
	border:6px solid #eaeaea;
	border-radius:24px;
	overflow:hidden
}
.switch-tab a:hover,.switch-tab a.cur {
	background:#2589ff;
	color:#fff;
	font-size:24px
}
.switch-tab a {
	width:300px;
	height:42px;
	line-height:42px;
	float:left;
	text-align:center;
	color:#6c6d6c;
	font-size:24px;
	border-radius:20px
}
.product-banner {
	width:100%;
	height:480px;
	background:url(../images/product-banner.jpg) no-repeat;
	margin-top:80px
}
.product-banner .page-container .sub-button:hover {
	transition:.5s;
	opacity:.8
}
.product-banner .page-container .sub-button:before {
	content:" ";
	display:block;
	position:absolute;
	left:-5px;
	top:-5px;
	width:200px;
	height:50px;
	border-radius:50px;
	border:5px solid rgba(0,0,0,0.1)
}
.product-banner .page-container .sub-button {
	position:relative;
	display:block;
	text-align:center;
	font-size:18px;
	font-weight:400;
	border-radius:50px;
	width:200px;
	height:50px;
	line-height:50px;
	background-image:-moz-linear-gradient(0,#22f48a 0,#51ce62 100%);
	background-image:-webkit-linear-gradient(0,#22f48a 0,#51ce62 100%);
	background-image:-ms-linear-gradient(0,#22f48a 0,#51ce62 100%);
	margin-top:65px;
	transition:.5s;
	letter-spacing:3px;
	color:#fff
}
.product-banner .page-container .sub-title {
	line-height:24px;
	font-size:20px;
	letter-spacing:1px;
	margin-bottom:20px;
	color:#fff;
	font-weight:lighter
}
.product-banner .page-container {
	padding-top:80px
}
.product-banner .page-container .title {
	font-size:44px;
	color:#fff;
	font-weight:lighter;
	position:relative;
	margin-bottom:25px
}
.product-title {
	font-size:40px;
	color:initial;
	text-align:center;
	line-height:100px;
	clear:both
}
.product-list li a .icon {
	overflow:hidden;
	width:120px;
	height:120px;
	margin:0 auto;
	border-radius:60px
}
.product-list li a i.fa {
	color:white;
	font-size:70px;
	line-height:120px
}
.product-list li a .sub-title {
	font-size:13px;
	text-align:center;
	color:#888;
	line-height:22px;
	z-index:10;
	padding:0 15px
}
.product-list li a .title {
	display:block;
	_padding-top:7px;
	font-size:20px;
	line-height:40px;
	text-align:center
}
.product-list li a:hover {
	background:url(../images/block_bg.png) no-repeat
}
.product-list li a {
	display:block;
	text-align:center;
	cursor:pointer;
	width:80%;
	margin:0 auto;
	min-height:250px;
	box-sizing:border-box;
	padding-top:18px
}
.product-list li {
	float:left;
	width:25%;
	padding:30px 0
}
.product-list {
	border-radius:10px;
	overflow:hidden;
	border:2px solid #f2f2f2;
	margin:20px 0
}
.solutions-banner .sub-button span:nth-child(1),.solutions-banner .sub-button span:nth-child(2) {
	border-right:1px solid #a8c8fb
}
.solutions-banner .reg-btn {
	margin-top:30px;
	width:218px;
	height:50px;
	font:20px "Microsoft Yahei";
	line-height:50px;
	text-align:center;
	border:1px solid #fff;
	color:#fff;
	cursor:pointer;
	position:absolute;
	right:0;
	top:310px
}
.solutions-banner .sub-button span {
	padding:8px 15px;
	display:inline-block
}
.solutions-banner .sub-button {
	margin-top:30px;
	color:#bcd4fb;
	border:1px solid #a8c8fb;
	border-radius:2px;
	position:absolute;
	right:0;
	top:240px
}
.solutions-banner .sub-title {
	font-size:22px;
	color:white;
	text-align:right;
	margin-top:30px;
	position:absolute;
	right:0;
	top:180px
}
.solutions-banner .title {
	font-size:42px;
	color:white;
	text-align:right;
	font-weight:bold;
	position:absolute;
	right:0;
	top:120px
}
.solutions-banner .page-container {
	position:relative;
	height:100%;
	box-sizing:border-box
}
.solutions-banner {
	width:100%;
	height:560px;
	background:url(../images/product_banner_bg.png) no-repeat center top;
	overflow:hidden;
	margin-top:80px
}
.solutions-banner .left-img {
	position:absolute;
	left:0;
	bottom:0
}
.case-banner .community-btn {
	display:flex;
	margin:0 auto;
	width:140px;
	height:44px;
	background-color:#f03b46;
	border-radius:2px;
	align-items:center;
	justify-content:center;
	margin-top:30px;
	font-size:18px;
	color:white;
	background-image:url(../images/qr-min.png);
	background-repeat:no-repeat;
	padding-left:28px;
	background-position:20px center;
	box-sizing:border-box;
	border-radius:3px
}
.case-banner .text span {
	color:#f6ff00
}
.case-banner .text {
	font-size:45px;
	text-align:center;
	line-height:80px
}
.case-banner .text .t {
	font-size:25px
}
.case-banner {
	padding-top:120px;
	width:100%;
	height:380px;
	color:#fff;
	background:url(../images/case-banner.png) no-repeat;
	margin-top:80px
}
.index-bg1 {
	background:url(../images/index-bg1.jpg);
	height:500px !important;
	background-size:cover
}
.index-bg2 {
	background:url(../images/index-bg2.jpg);
	height:500px !important;
	background-size:cover
}
.index-bg3 {
	background:url(../images/index-bg3.jpg);
	height:500px !important;
	background-size:cover
}
.index-bg4 {
	background:url(../images/index-bg4.jpg);
	height:500px !important;
	background-size:cover
}
.login-btn a {
	display:inline-block;
	width:70px;
	text-align:center;
	border-radius:15px
}
.login-on-btn {
	float:right;
	margin-left:10px;
	width:150px;
	height:30px;
	line-height:30px;
	display:flex;
	font-size:14px;
	margin-top:25px
}
.login-btn {
	float:right;
	margin-left:10px;
	width:140px;
	height:30px;
	line-height:30px;
	border-radius:15px;
	display:flex;
	font-size:14px;
	background-color:#f4f4f4;
	font-size:12px;
	margin-top:25px
}
.login-reg-bgn {
	width:75px;
	color:#fff !important;
	background-color:#2b7bff
}
.login-li {
	margin-left:10px !important
}
.login-on-btn .logout {
	width:40px;
	float:left;
	text-align:center
}
.login-on-btn .logon {
	width:80px;
	float:left;
	padding:0 2px;
	color:#2b7bff;
	text-align:center
}
.download-container {
	width:1100px;
	margin:0 auto;
	overflow:hidden;
	margin-top:80px;
	padding-bottom:56px;
	border-bottom:1px dashed #ababab
}
.download-logo {
	width:25%
}
.download-qr {
	width:15%
}
.download-qr-text {
	color:#3c4658;
	font-size:14px;
	text-align:center;
	line-height:30px
}
.download-content {
	width:60%
}
.download-logo,.download-content,.download-qr {
	float:left
}
.download-logo img {
	width:160px;
	height:160px;
	border-radius:30px
}
.download-t2 {
	color:#3c4658;
	font-size:14px;
	line-height:60px
}
.download-t1 {
	color:#3c4658;
	font-size:20px
}
.download-t3 {
	color:#2780ff;
	font-size:14px
}
.download-btn .android,.download-btn .ios,.download-btn .wechat,.download-btn .windows {
	width:180px;
	line-height:60px;
	color:white;
	display:block;
	float:left;
	margin-right:30px;
	border-radius:8px;
	font-size:16px;
	background-repeat:no-repeat;
	background-position:10px center;
	padding-left:58px;
	box-sizing:border-box
}
.download-btn {
	margin-top:40px;
	overflow:hidden
}
.download-btn .ios {
	background-color:#2780ff;
	background-image:url(../images/apple.png)
}
.download-btn .android {
	background-color:#d0712a;
	background-image:url(../images/android.png)
}
.download-btn .wechat {
	background-color:#44b549;
	background-image:url(../images/wechat.png);
	background-size:45px;
	background-position:10px 12px;
	padding-left:70px
}
.download-btn .windows {
	background-color:#44b549;
	background-image:url(../images/download-windows.png);
	background-size:45px;
	background-position:10px 8px;
	padding-left:70px
}
.download-btn .android:hover {
	background-color:#e67622
}
.download-btn .ios:hover {
	background-color:#1273ff
}
.download-btn .wechat:hover {
	background-color:#2f9833
}
.download-protocol {
	position:relative;
	top:50px;
	color:#3c4658
}
