@font-face{
    font-family:"iconfont";
  	src: url('../font/iconfont.eot');
  	src: url('../font/iconfont.eot?') format('embedded-opentype'), 
  	url('../font/iconfont.woff2.html') format('woff2'), 
  	url('../font/iconfont.woff') format('woff'), 
  	url('../font/iconfont.ttf') format('truetype'), 
  	url('../font/iconfont.svg') format('svg');
}
@font-face{
    font-family:"dincyr";
  	src: url('../font/dincyr.eot');
  	src: url('../font/dincyr.eot?') format('embedded-opentype'), 
  	url('../font/dincyr.woff') format('woff'), 
  	url('../font/dincyr.ttf') format('truetype');
}
@font-face{
    font-family:'Rubik-Light';
    src:url('../font/Rubik-Light.eot');
    src:url('../font/Rubik-Light.eot?') format('embedded-opentype'),
    url('../font/Rubik-Light.woff') format('woff'),
    url('../font/Rubik-Light.ttf') format('truetype'),
    url('../font/Rubik-Light.svg') format('svg');
}
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
html {
	font-family:-apple-system,PingFang SC,Hiragino Sans GB,"Microsoft Yahei",Arial,sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
article,aside,footer,header,nav,section,figcaption,figure,main {
	display: block;
}
i {
	font-style: normal;
}
ul,ol,li {
	list-style-type: none;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
button,input,optgroup,select,textarea {
	margin: 0;
	outline: 0;
	border: 0;
	font-size: 100%;
	font-family: inherit;
	line-height: 1.15;
}
a {
  color:#383838;
	text-decoration: none;
}
svg:not(:root) {
	overflow: hidden;
}
h1{
	font-size:30px;
	line-height:1.5;
}
h2{
	font-size:24px;
}
h3{
	font-size:22px;
}
h4{
	font-size:16px;
}
.hidden{
	display:none;
}
.icon {
  	font-family:"iconfont";
  	font-size: inherit;
  	font-style: normal;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
.icon-wexin:before{
	content: "\e614";
}
.icon-saas:before {
  	content: "\e78d";
}
.icon-yingyong:before{
	content: "\e69d";
}
.icon-yingxiao:before{
	content: "\e705";
	font-size:32px;
}
.icon-tel:before {
  	content: "\e686";
}
.icon-content:before {
  	content: "\e636";
}
.icon-member:before {
  	content: "\e60f";
}
.icon-shop:before {
  	content: "\e890";
}
.icon-water:before {
  	content: "\e803";
}
.icon-goods:before {
  	content: "\e634";
}
.icon-orders:before {
  	content: "\e637";
}
.icon-sale:before {
  	content: "\e606";
}
.icon-finance:before {
  	content: "\e60a";
}
.icon-app:before {
  	content: "\e63e";
}
.icon-sales:before {
  	content: "\e65d";
}
.icon-data:before {
  	content: "\e673";
}
.icon-yes:before {
  	font-size:22px;
  	content: "\e639";
  	color:#0067ed;
}
.model-block span{
	color:#0067ed;
	font-size:48px;
	display:block;
	text-align:center;
	padding-bottom:15px;
}
.row{
	display:flex;
	flex-wrap:wrap;
	max-width:1200px;
	width:100%;
	margin:auto;
}
.page-header{
    width:100%;
    position:fixed;
    top:0;
    background:#fff;
    z-index: 999;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.header_black{
    background: transparent;
}
.page-header .container{
    width:100%;
    max-width:1200px;
    margin:auto;
    position:relative;
}
.page-header .header-container{
    display:flex;
    position:relative;
    width:100%;
}
.page-header .logo {
    width: 140px;
    height: 80px;
    background-image:url("../../images/water/logo_2x_white.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative;
    z-index: 666;
}
.page-header .header-item{
    height: 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.page-header .header-right{
    margin-left:auto;
}
.page-header .header-menu .menu{
    position:relative;
    z-index:999;
    line-height:76px;
    padding-left:50px;
}
.page-header .header-menu .menu li{
    display:inline-flex;
    align-items:center;
    position:relative;
    margin-right:40px;
    border-top:4px solid transparent;
}
.page-header .header-menu .menu li.active,
.dark-text.notop.fixed .header-menu .menu li.active,
.white-text.notop.fixed .header-menu .menu li.active{
    border-top:4px solid #0067ed;
}
.page-header.dark-text .header-menu .menu li.active{
	border-top:4px solid #383838;
}
.white-text .header-menu .menu li.active{
	border-top:4px solid #fff;
}
.page-header .header-menu .menu li a{
    width:100%;
    text-align:center;
    color:#fff;
    display:block;
    position:relative;
}
.page-header .header-right .login{
    padding-right: 20px;
    color: rgba(255, 255, 255,.75);
    font-size: 16px;
    line-height: 80px;
}
.page-header .header-right .reg{
    padding: 8px 20px;
    border-radius: 25px;
    background: #00c224;
    color: #fff;
    -webkit-transition: background .3s;
    transition: background .3s;
}
.page-header .header-right .reg:hover{
  	background:#00951c;
}
.page-header.notop,.spDisp.notop{
    background: #fff;
    height: 80px;
    top: -80px;
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
}
.page-header.notop .header-menu .menu li a,.page-header.notop.fixed .login{
    color:#383838;
}
.page-header.notop.fixed,.spDisp.notop.fixed{
    top:0;
    box-shadow:0 5px 16px 0 rgba(0,0,0,.1);
}
.spDisp.notop{
   	box-shadow:0 6px 15px 0 rgba(0,0,0,.1);
}
.spHide.notop .logo{
  	background-image: url("../../images/sdb/logo_2x_color.png");
}
.spHide.fixed .logo,.spHide.notop.fixed .logo{
  	width:140px;
  	height:80px;
  	background-repeat: no-repeat;
  	background-size: cover;
  	background-position: center top;
}
.spHide.fixed .logo{
  	background-image:url("../../images/sdb/logo_2x_white.png");
}
.spHide.notop.fixed .logo{
  	background-image:url("../../images/sdb/logo_2x_color.png");
}
.dark .dark-text.fixed .logo{
	  background-image:url("../../images/sdb/logo_2x_white.png");
	  background-size: contain;
}
.dark-text.fixed .logo{
   	background-image:url("http://www.sdb168.com/statics/images/sdb/logo_2x_black.png");
}
.dark-text .header-item .logo{
  	display: inline-block;
  	background: url("../../images/sdb/logo_2x_color.png") no-repeat center / contain;
}
.dark .dark-text.notop.fixed .logo{
	 background-image:url("../../images/sdb/logo_2x_color.png");
	 height: 40px;
}
.spHide.notop.fixed .header-menu li a:hover{
  	color:#0067ed;
}
.spDisp.notop .drawer-hamburger-icon,
.spDisp.notop .drawer-hamburger-icon:after,
.spDisp.notop .drawer-hamburger-icon:before{
    background-color:#383838;
}
.drawer-open .spDisp.notop .drawer-hamburger-icon{
    background-color:transparent;
}
.drawer-nav{
	width:12rem !important;
}
.drawer--right.drawer-open .drawer-hamburger{
	right:12rem !important;
}
.drawer-menu .contact{
	padding:10px 0 10px 15px;
	font-size:14px;
}
@media only screen and (min-width: 961px){
	.spDisp, .wapDisp{
    	display: none;
	}
}
@media only screen and (max-width:767px){
	.spHide, .wapHide{
		display:none;
	}
	.spDisp, .wapDisp{
		display:block;
	}
	.drawer-hamburger-icon,
	.drawer-hamburger-icon:after,
	.drawer-hamburger-icon:before{
	    background-color:#fff !important;
	}
	.dark .drawer-hamburger-icon,
	.dark .drawer-hamburger-icon:after,
	.dark .drawer-hamburger-icon:before,
	.spDisp.notop .drawer-hamburger-icon,
	.spDisp.notop .drawer-hamburger-icon:after,
	.spDisp.notop .drawer-hamburger-icon:before{
		background-color:#383838  !important;
	}
  	.spDisp .logo,.spDisp.fixed .logo{
      	width:120px;
      	height:55px;
      	display:block;
     	background-repeat: no-repeat;
      	background-size: cover;
      	background-position:50%;
    }
  	.spDisp .logo{
      	background-image:url("../../images/water/logo_2x_white.png");
    }
  	.spDisp.notop .logo{
      	background-image:url("../../images/water/logo_2x_color.png");
    }
  	.dark .dark-text .spDisp.notop .logo{
      	background-image:url("../../images/water/logo_2x_color.png");
    }
  	.dark .spDisp.notop .logo{
      background-image:url("../../images/water/logo_2x_color.png");
  	}
	.dark .spDisp .logo{
		  background-image:url("../../images/water/logo_2x_black.png");
	}
	.drawer-open .drawer-hamburger-icon,.drawer-open .notop .drawer-hamburger-icon{
		background-color:transparent !important;
	}
	#hamArea{
    	height:55px;
    	width:100%;
    	position:fixed;
    	top:0;
    	left:0;
    	padding:0 20px;
    	z-index:999;
    	-webkit-transition: all 0.5s;
    	transition: all 0.5s;
	}
	.drawer-hamburger{
		height: 3rem;
    	padding: 0 .75rem .75rem !important;
	}
	.drawer-nav ul li a{
		width: 100%;
		display: block;
    	padding:10px 0 10px 15px;
    	text-align: left;
    	font-size: 14px;
    	background:#f7f9fb;
    	position: relative;
    	border-bottom:1px solid #fff;
	}
	.drawer-nav ul li.menuB a{
		text-transform:uppercase;
		font-weight:bold;
	}
	.drawer-nav ul li.menuS a{
		text-transform:capitalize;
		font-weight:400;
	}
	.drawer-nav ul li.menuB a:after{
		content:'\e619';
		position:absolute;
		right:10px;
		top:20%;
		font-family:'iconfont';
		font-size:20px;
		font-weight:100;
		color:#cdcdcd;
	}
	.drawer-nav ul li.none a:after{
		content:'\e619';
		position:absolute;
		right:10px;
		top:20%;
		font-family:'iconfont';
		font-size:20px;
		font-weight:100;
		color:#cdcdcd;
		transform:rotate(90deg);
	}
	.drawer-nav ul li.menuS a{
		background:#fff;
		border-bottom:1px solid #f8f8f8;
	}
	.drawer-nav .icon-tel:before{
		content:'\e686';
		padding-right:6px;
		vertical-align:-.1rem;
		font-size:18px;
	}
	.drawer-footer{
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		padding:10px 0;
		align-items:center;
	}
	.drawer-footer > div{
		flex:1;
		line-height:1;
		text-align:center;
	}
	.drawer-footer > div a{
		padding:0 5px;
	}
	.drawer-footer > div .active{
		color:#728f74;
	}
}
.page-header.notop .header-menu .menu ul{
    top:80px;
    background:#fff;
    box-shadow: 0 5px 16px 0 rgba(0,0,0,.08);
}
.dark-text .header-right a.login{
   	color: #fff;
}
.home-slider{
  	height:600px;
}
.home-slider .single-slider {
  	background-size: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  	height: 600px;
}
.home-slider .single-slider:before{
  	opacity:.6;
}
.home-slider .container{
	display: flex;
    max-width: 1200px;
    width: 100%;
    height:100%;
    margin-right: auto;
    margin-left: auto;
}
.home-slider .wrap{
	width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items:center;
}
.home-slider .slider-text{
    flex:0 0 40%;
    max-width:40%;
}
.home-slider .single-slider h1{
    font-size:42px;
    line-height: 70px;
    text-align:left;
    color: #fff;
    font-weight:normal;
    margin-bottom:20px;
}
.home-slider .single-slider span{
    color:#00b16a;
}
.home-slider .single-slider p{
    font-size:16px;
    color: #fff;
    line-height:1.7;
}
.home-slider .single-slider .button,.home-slider .single-slider .white .button{
	display: inline-block;
	margin-top: 30px;
	width: 220px;
	height: 60px;
	border-radius: 2px;
	text-align:center;
	font-size: 20px;
	line-height: 60px;
	cursor: pointer;
}
.home-slider .single-slider .button{
	background-color: #0067ed;
}
.home-slider .single-slider .white .button{
	background-color: #fd8469;
}
.home-slider .single-slider .button a{
	color: #fff;
}
.home-slider .single-slider .button:hover{
	background-color: #197dff;
}
.home-slider .single-slider .white .button:hover{
	background-color: #ff8f6a;
}
.home-slider .single-slider .btn {
    position: relative;
    z-index: 3;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.home-slider .single-slider .btn:hover{
    color:#fff;
}
.home-slider .owl-item.active .slider-text h1{
    animation: fadeInUp 1s both 0.8s;
}
.home-slider .owl-item.active .slider-text p{
    animation: fadeInUp 1s  both 1s;
}
.home-slider .owl-item.active .slider-text .button{
    animation: fadeInUp 1s  both 1.2s;
}
@keyframes fadeInUp {
	0% {
		opacity:0;
		transform:translate3d(0,100%,0);
	}
	to {
		opacity:1;
		transform:none;
	}
}
.fadeInUp{
	animation-name:fadeInUp;
}
.owl-theme .owl-dots{
	position:absolute;
	width:260px;
	left:50%;
	bottom:50px;
	margin-left:-130px;
}
.dark-text .header-menu .menu li a{
	color: #383838;
}
.dark-text .header-menu .menu li a:hover{
	color: #383838;
	opacity:.8;
}
.dark-text .header-content nav ul li.active {
	border-color: #222 !important;
}
.black-color .slider-text h1,.black-color .slider-text p{
	color: #222;
}
.dark-dots li button {
	background-color: rgba(34, 34, 34, 0.3);
}
.dark-dots .active button {
	background-color: #222222;
}
@-webkit-keyframes showBanner {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes showBanner {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.content-txt{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.features{
	background:#f7f9fb;
}
.features .features-col{
	display:flex;
	flex:auto;
	padding:25px;
	line-height:1.5;
	justify-content:center;
	align-items:center;
}
.features .features-col .ico{
	font-size:36px;
	padding-right:10px;
}
.features .features-col .features-text p.tit{
	color:#383838;
}
.features .features-col .features-text{
	font-size:15px;
	color:#9a9a9a;
}
.content-feature{
	padding:60px 0 0;
}
.content-feature .hero,.goods-block .hero{
	padding:60px 0;
	background:#f7f9fb;
}
.content-feature.solutions-bg{
	background:#0067ed;
}
.content-bottom.bg{
	background:url("../../images/water/feature-bg.png") center center no-repeat;
}
.content-bottom.bg-2{
	background:url("../../images/sdb/contract_us_bg.png") center center no-repeat;
}
.content-feature .text-block{
	width:100%;
	display:block;
	font-size:32px;
	text-align:center;
}
.content-feature .text-block-desc{
	width:80%;
	margin:auto;
	padding:20px 0;
	display:block;
	font-size:16px;
	line-height:1.5;
	color:#999;
	text-align:center;
}
.content-feature .list-version,.content-feature .version-saas,.content-feature .service{
	width:90%;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
}
.content-feature .list-version .version-block{
	flex:0 0 33.3333333%;
	max-width:33.333333%;
	text-align:center;
	padding:30px 15px;
}
.content-feature .list-version .version-inner{
	background:#fff;
	border-radius:4px;
	padding:30px 15px;
	box-shadow:0 1px 15px rgba(75,75,75,.08);
}
.content-feature .list-version .version-inner .image{
	padding-bottom:15px;
}
.content-feature .list-version .version-inner .title{
	font-size:20px;
	font-weight:600;
	padding-bottom:15px;
}
.content-feature .list-version .version-inner .desc{
	font-size:15px;
	font-weight:600;
	padding-bottom:15px;
	position:relative;
}
.content-feature .list-version .version-inner .desc:after{
	position:absolute;
	content:"";
	width:50px;
    left:calc(50% - 25px);
    height:1px;
    bottom:-10px;
    background:#ddd;
}
.content-feature .list-version .version-inner .function{
	padding-top:30px;
	font-size:14px;
	line-height:1.7;
	color:#999;
}
.content-feature .list-version .version-inner .function .num{
	font-family:"dincyr";
	font-weight:600;
}
.content-feature .version-saas{
	padding:0 15px;
}
.content-feature .version-saas .cont{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	background:#fff;
	padding:30px;
	border-radius:3px;
	box-shadow:0 1px 15px rgba(75,75,75,.08);
}
.content-feature .version-saas .cont .image{
	flex:0 0 20%;
	max-width:20%;
}
.content-feature .version-saas .cont .image img{
  	width:180px;
  	height:80px;
}
.content-feature .version-saas .cont .desc{
	flex:1;
	line-height:1.5;
	font-weight:600;
}
.content-feature .service{
	padding-top:40px;
	align-items:center;
	justify-content:center;
}
.content-feature .service .icon-service:before{
  	font-size:32px;
  	color:#f9a528;
  	content:"\ebbe";
  	padding-right:5px;
  	vertical-align:-.2rem;
}
.content-feature .service .slogan{
	padding-right:20px;
	color:#f9a528;
	font-size:20px;
}
.content-feature .service a.more{
  	padding-left:20px;
  	color:#383838;
}
.content-feature .service a.more:hover{
  	color:#0067ed;
}
.content-feature .service .more .icon-more:before{
  	content:"\e72c";
  	font-weight:600;
  	padding-left:5px;
}
.content-feature .service .more span{
  	display:inline-block;
  	-webkit-transition-duration:.3s;
  	transition-duration:.3s;
}
.content-feature .service .more:hover span{
  	-webkit-transform:translateX(5px);
 	transform:translateX(5px);
}
.feature-block,.feature-bottom{
	position:relative;
	display:flex;
	width:100%;
	align-items:center;
}
.content-feature .news{
	flex-wrap:wrap;
}
.content-feature .news .inner{
	flex:0 0 33.3333333%;
	max-width:33.3333333%;
	padding:0 30px;
}
.content-feature .news .item{
	-webkit-transition-property: all;
  	transition-property: all;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  	backface-visibility: hidden;
  	-webkit-backface-visibility: hidden;
  	cursor:pointer;
  	border-radius:4px;
    box-shadow:0 1px 3px 0 rgba(25,25,25,.1);
}
.content-feature .news .item img{
  	width:100%;
  	border-radius:4px 4px 0 0;
  	background: #a9abb2;
  	vertical-align: top;
}
.content-feature .news .item:hover {
  	-webkit-transform: translateY(-4px);
  	transform: translateY(-4px);
  	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.content-feature .news .item .detail{
  	padding:15px 20px;
  	border-radius: 0 0 4px 4px;
}
.content-feature .news .item .detail h3{
	font-size:15px;
	line-height:1.3;
	color:#383838;
}
.content-feature .news .item .detail .ft{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	padding-top:10px;
	color:#999;
}
.content-feature .news .item .detail .date{
	font-size:13px;
	font-family:"dincyr";
}
.content-feature .news .item .detail .column{
	color:#999;
	position:relative;
}
.content-feature .news .item .detail .main-btn{
	padding: 2px 8px 4px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.content-feature .news .item .detail .btn-hover{
    height: 100%;
    width: 0;
    position: absolute;
    background: #0067ed;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.content-feature .news .item .detail .btn-hover:after{
    content: '';
    position: absolute;
    right:-44px;
    top:0;
    border:5px solid rgba(1,0,0,0);
}
.main-btn:hover .btn-hover,.content-feature .news .inner:hover .btn-hover{
    width:100%;
}
.content-feature .news .inner:hover .column{
    color:#fff;
}
.content-feature .news .item .detail .column{
	font-size:13px;
}
/* .content-feature:nth-child(even) .feature-block{
	flex-direction: row-reverse;
} */
.content-feature .feature-block.row-reverse{
	flex-direction: row-reverse;
}
.content-feature-image{
	margin-left:auto;
}
.content-feature-text{
	flex:0 0 30%;
}
.content-feature-text p{
	padding:20px 0 10px;
	line-height:1.8;
}
.content-feature-bottom{
	margin:auto;
	padding:80px 0;
}
.content-feature-bottom p{
	text-align:center;
	font-size:26px;
	line-height:1.6;
}
.content-feature-bottom p.dark{
	color:#383838;
}
.content-feature-bottom .primary{
    display: block;
    width: 260px;
    height: 64px;
    margin: 30px auto 0;
    border-radius: 2px;
    background-color: #0067ed;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    line-height: 64px;
    -webkit-box-shadow: 0 24px 64px rgba(0, 0, 0, 0.1);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.1);
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 22px;
}
.content-feature-bottom .primary:hover {
  	background-color: #197dff;
}
.content-feature .home-client,.content-feature .home-industry{
	width:100%;
}
.content-feature .home-client h3,.content-feature .home-industry h3{
	font-size:32px;
	font-weight:normal;
	text-align:center;
}
.content-feature .home-industry .industry-list{
	padding:40px 0 0;
}
.content-feature .home-industry .industry-list .block{
	flex:0 0 25%;
	max-width:25%;
	padding:30px;
	text-align:center;
}
.content-feature .home-industry .industry-list .block .image{
	width:100px;
	height:100px;
	display:block;
	margin:auto;
}
.content-feature .home-industry .industry-list .block h4{
	padding:20px 0;
	font-size:18px;
}
.content-feature .home-industry .industry-list .block p{
	color:#585858;
	line-height:1.5;
}
.content-feature .home-industry .industry-list,.content-feature .home-client .client-list .list{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.content-feature .home-client .client-list .list li{
	flex:0 0 33.333333%;
	max-width:33.333333%;
	text-align:center;
	padding:50px;
}
.content-feature .home-client .client-list .list .item{
	padding:30px;
	border:1px solid #efefef;
}
.content-feature .home-client .client-list .list .item .image{
	padding-bottom:20px;
}
.content-feature .home-client .client-list .list .item{
	font-weight:600;
}
/* 自定义的 */
.content-feature .feature-block2 {
	width: 100%;
}
.content-feature .feature-block2 .content-feature-text{
	width: 100%;
    text-align: center;
}
.content-feature .feature-block2 .content-feature-image{
	text-align: center;
	margin-top: 18px;
	
}
.content-feature .feature-block2 .content-feature-image img{
	box-shadow: 0 5px 16px 0 rgba(0,0,0,.1);
}

.content-feature .feature-block2 .content-feature-product-list{
	display: flex;
}
.content-feature .feature-block2 .content-feature-product{
	display: flex;
	margin: 15px;
	position: relative;
}

.content-feature .feature-block2 .content-feature-product img{
	box-shadow: 0 5px 16px 0 rgba(0,0,0,.1);
	width: 100%;
}

.content-feature .feature-block2 .content-feature-product:hover{
	box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.32);
}

.content-feature .feature-block2 .content-feature-product .button_order{
	width: 86px;
    height: 34px;
    position: absolute;
    right: 29px;
	bottom: 26px;
	cursor: pointer;
}


.goods-banner,.solutions-banner{
    position: relative;
    overflow: hidden;
}
.goods-cover,.solutions-cover{
	position:relative;
    width:100%;
    height:600px;
}
.goods-img,.solutions-img{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-animation:showBanner .5s linear 1;
    animation:showBanner .5s linear 1;
}
.goods-img{
    background-image:url("../../images/sdb/goods-cover.png"); 
}
.solutions-img{
	background-image:url("../../images/water/kids.jpg");
}
.goods-cover .goods-summary{
	width:1200px;
	padding-top:240px;
	margin:auto;
	color: white;
}
.solutions-cover .solutions-summary{
	width:1200px;
	padding-top:180px;
	margin:auto;
}
.goods-cover .goods-summary h2,.solutions-cover .solutions-summary h2{
	font-size:28px;
	padding-bottom:20px;
}
.goods-cover .goods-summary .summary-desc,.solutions-cover .solutions-summary .summary-desc{
	width:480px;
	font-size:15px;
	line-height:1.8;
	position:relative;
}
.solutions-cover .solutions-summary .summary-desc{
	background:#fff;
	padding:60px;
}
.solutions-cover .solutions-summary .summary-desc h2{
	color:#0067ed;
}
.solutions-tit{
	color:#fff;
	font-size:38px;
	display:block;
	margin:auto;
	text-align:center;
	padding:30px 0;
}
.goods-block{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding-bottom:20px;
}
.goods-block-tit{
	width:100%;
}
.goods-block-tit{
	text-align:center;
}
.goods-block-tit p{
	font-size:18px;
	padding:10px 0 0;
}
.goods-model{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding-bottom:40px;
}
.model-block{
	padding:50px;
	flex:0 0 33.333333%;
	max-width:33.333333%;
}
.model-block h4{
	font-size:18px;
	text-align:center;
	padding-bottom:15px;
}
.model-block p{
	font-size:15px;
	line-height:1.5;
	color:#787878;
}
.price-banner,.news-banner,.privacy-banner,.help-banner,.download-banner{
	position:relative;
	overflow:hidden;
	height:380px;
	background:#0067ed;
}
.price-t-bg{
	position:absolute;
	top:0;
  	right:0;
  	width:300px;
  	height:150px;
  	background:url("../../images/water/price-top-bg.png") no-repeat;
}
.price-b-bg{
	position:absolute;
	bottom:0;
  	left:0;
  	width:90px;
  	height:150px;
  	background:url("../../images/water/price-bottom-bg.png") no-repeat;
}
.price-tit{
	width:100%;
	font-size:32px;
  	font-weight:600;
  	letter-spacing:1px;
	color:#fff;
	text-align:center;
}
.price-nav{
	width:100%;
	display:flex;
	max-width:40%;
	margin:-73px auto 0;
	position:relative;
}
.price-nav .menu,.module-list,
.module-list .module-header,
.module-list .module-price,
.module-list .module-inner{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.price-nav li{
	flex:1;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	text-align:center;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.price-nav li a{
  	color:#fff;
  	padding:25px;
  	display:block;
}
.price-nav li:hover{
	background-color:#0c80ff;
}
.price-nav li.on{
	background:#fff;
}
.price-nav li.on a{
  	color:#383838;
}
.price-content .wrap{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding:60px 0;
}
.price-item{
	flex:1;
	padding:0 20px;
}
.price-inner{
	width:100%;
	padding:15px;
	position:relative;
	box-shadow:0 2px 8px rgba(55,55,55,.1);
}
.price-item .line-one{
	border-top:5px solid #999;
}
.price-item .line-two{
	border-top:5px solid #00d828;
}
.price-item .line-three{
	border-top:5px solid #0067ed;
}
.price-item .line-four{
	border-top:5px solid #ff9232;
}
.price-inner h1{
	font-size:20px;
	padding-bottom:15px;
}
.price-inner .desc{
	font-size:15px;
	color:#888;
	padding-bottom:20px;
	margin-bottom:20px;
	position:relative;
}
.price-inner .desc:after{
	position:absolute;
	content:"";
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:#efefef;
}
.price-inner .item{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	font-size:15px;
	padding-bottom:20px;
}
.price-inner .item:last-child{
	padding-bottom:0;
}
.price-inner .item .cont{
	color:#666;
}
.module-list{
	font-size:16px;
}
.module-list .module-header .item{
	flex:1;
	text-align:center;
	padding:20px 0;
	font-weight:600;
	font-size:18px;
	background:#f2f2f2;
}
.module-list .module-price{
	border-bottom:1px solid #efefef;
}
.module-list .module-price .item{
	flex:1;
	padding:20px 0;
	text-align:center;
}
.module-list .module-price .num{
	color:#ff571f;
	font-weight:600;
}
.module-list .module-inner{
	height:600px;
	position:relative;
	overflow:hidden;
	transition:height .5s linear;
}
.module-list .module-inner .read-more{ 
    position:absolute;
    bottom:0;
    padding-top:150px;
    width:100%;
    height:200px;
    display:block;
    cursor:pointer;
    text-align:center;
    z-index:666;
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(70%, #fff));
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);
}
.module-list .module-inner .read-more .more{
	width:260px;
	margin:auto;
	border:1px solid #0067ed;
	border-radius:25px;
	font-size:16px;
	color:#0067ed;
	height:38px;
	line-height:36px;
	-webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
}
.module-list .module-inner .read-more .more:hover{
	color:#fff;
	background-color:#0067ed;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
.module-list .table-model{
	width:100%;
	text-align:center;
	border-right:1px solid #efefef;
	border-left:1px solid #efefef;
}
.module-list .table-model td{
    border-right:1px solid #efefef;
    border-bottom:1px solid #efefef;
    height:46px;
}
.module-list .table-model .tit{
	font-weight:600;
}
.module-list .table-model td:nth-child(3),
.module-list .table-model td:nth-child(4),
.module-list .table-model td:nth-child(5),
.module-list .table-model td:nth-child(6){
    width:300px;
}
.module-list .table-model td:last-child{
	border-right:0;
}
.service-tit{
  	width:100%;
  	display:block;
  	text-align:center;
}
.service-tit h1{
  	padding-bottom:20px;
}
.service-block{
	flex:1;
  	text-align:center;
	padding:50px 30px;
}
.service-item{
  	padding:50px 30px;
  	box-shadow: 0 2px 8px rgba(55,55,55,.1);
  	border-radius: 4px;
}
.service-item .icon{
  	display:block;
  	font-size:64px;
  	color:#0067ed;
  	padding-bottom:10px;
}
.service-item .icon-alipay:before{
  	content:"\e8e4"
}
.service-item .icon-wechat:before{
  	content: "\e628";
}
.service-item .icon-wepay:before{
  	content: "\e60c";
}
.service-item .icon-small:before{
  	content: "\e61a";
}
.service-price{
  	width:100%;
  	display:flex;
  	flex-wrap:wrap;
  	padding:30px 0;
}
.service-price table{
  	width:100%;
  	text-align: center;
    border-left: 1px solid #efefef;
}
.service-price table th{
  	padding:15px 0;
  	font-size:18px;
  	background:#f2f2f2;
  	border-top:1px solid #efefef;
  	border-bottom:1px solid #efefef;
}
.service-price table td {
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding:15px 0;
    font-size:15px;
}
.service-price .tit{
 	font-weight:600;
}
.service-price .num{
  	color:#ff571f;
  	padding-right:3px;
}
.service-price p{
  	padding:30px 0 0;
}
.faq{
	width:100%;
	display:flex;
	padding:60px 0;
	flex-wrap:wrap;
}
.faq .tit{
	width:100%;
	font-size:28px;
	text-align:center;
}
.faq .togglebox{
    width:90%;
    margin:auto;
    padding-top:50px;
    transform:translateZ(0);
}
.faq input[type="radio"]{
   	position:absolute;
   	opacity:0;
}
.faq label{
   	position:relative;
   	display:block;
   	height:50px;
   	line-height:50px;
   	padding:0 20px;
   	font-size:16px;
   	border-top:1px solid #efefef;
   	background:#fff;
   	cursor:pointer;
}
.faq label[for*='1']{
    border:none;
}
.faq label:after{
	content:'\e619';
   	position:absolute;
   	top:0px;
   	right:20px;
   	font-size:20px;
   	color:#999;
   	font-family:'iconfont';
   	transform:rotate(0deg);
   	transition:.3s transform;
}
.faq section{
	height:0;
    transition:.3s all;
    overflow:hidden;
}
.faq section p{
	padding:5px 20px;
    font-size:15px;
    color:#787878;
    letter-spacing:1px;
}
#toggle1:checked ~ label[for*='1']:after,
#toggle2:checked ~ label[for*='2']:after,
#toggle3:checked ~ label[for*='3']:after,
#toggle4:checked ~ label[for*='4']:after,
#toggle5:checked ~ label[for*='5']:after,
#toggle6:checked ~ label[for*='6']:after,
#toggle7:checked ~ label[for*='7']:after{
    transform:rotate(90deg);
}
#toggle1:checked ~ #content1,
#toggle2:checked ~ #content2,
#toggle3:checked ~ #content3,
#toggle4:checked ~ #content4,
#toggle5:checked ~ #content5,
#toggle6:checked ~ #content6,
#toggle7:checked ~ #content7{
    height:80px;
}
.news-banner .news-bg,
.privacy-banner .privacy-bg,
.help-banner .help-bg,
.download-banner .download-bg{
  	width:1200px;
  	height:380px;
  	display:flex;
  	align-items:center;
}
.news-banner .news-bg{
	background:url("../../images/water/news-bg.png") no-repeat;
}
.news-banner .news-title,
.privacy-banner .privacy-title,
.help-banner .help-title,
.download-banner .download-title{
  	color:#fff;
  	font-size:38px;
  	position:relative;
}
.news-banner .news-title:after,
.privacy-banner .privacy-title:after,
.help-banner .help-title:after,
.download-banner .download-title:after{
  	position:absolute;
  	content:"";
  	bottom:-10px;
  	left:0;
  	width:60px;
  	height:2px;
  	background:#fff;
}
.news-nav,.privacy-nav,.help-nav{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.news-nav{
	background:#f7f9fb;
}
.news-nav .menu,.privacy-nav .menu,.help-nav .memu{
	width:100%;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:center;
	margin:auto;
}
.news-nav .menu li,.privacy-nav .menu li,.help-nav .memu li{
	flex:1;
	padding:0 15px;
	line-height:60px;
	text-align:center;
}
.news-nav .menu li.on,.privacy-nav .menu li.on,.help-nav .memu li.on{
	font-weight:600;
	background:#fff;
}
.news-nav .menu li a,.privacy-nav .menu li a,.help-nav .memu li a{
	display:block;
	font-size:15px;
	color:#383838;
}
.news-nav .menu li.on a,.privacy-nav .menu li.on a,.help-nav .memu li.on a{
	color:#0067ed;
}
.news-block,.privacy-block,.help-block{
	width:100%;
	padding:30px 0;
}
.news-block .news-list{
	width:100%;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.news-block .news-list li{
	width:100%;
	display:flex;
	align-items:center;
	padding:20px 20px 20px 0;
	height:60px;
	line-height:60px;
	font-size:14px;
	font-weight:600;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.news-block .news-list li:hover{
	box-shadow:0 1px 30px 0 rgba(25,25,25,.1);
  	border-radius:2px;
}
.news-block .news-list li:hover span,.news-block .news-list li:hover a{
	color:#f66f6a;
}
.news-block .news-list .column{
	flex:0 0 10%;
	max-width:10%;
	text-align:center;
	color:#787878;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.news-block .news-list .cont{
	flex:1;
	padding-left:15px;
}
.news-block .news-list .cont a{
	color:#383838;
	display:block;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.news-block .news-list .date{
	margin-left:auto;
	color:#888;
	font-family:"dincyr";
	font-weight:normal;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.news-show{
  	width:100%;
  	padding:0 0 30px;
}
.crumb {
  	font-size:14px;
    padding: 15px 0 0;
    vertical-align: middle;
}
.crumb .icon-home:before{
  	content:'\e881';
    position:absolute;
    font-family:"iconfont";
    font-size:20px;
    left:0;
    text-align:center;
    line-height:16px;
    display:inline-block;
}
.crumb .crumbs ul li{
    display:inline-block;
    padding:10px 20px 10px 0;
    position:relative;
}
.crumb .crumbs ul li:first-child{
  	padding-left:25px;
}
.crumb .crumbs ul li:after{
    position:absolute;
    content: '\e619';
    font-family:"iconfont";
    font-size:18px;
    right:0px;
    text-align:center;
    line-height:16px;
}
.crumb .crumbs ul li:last-child:after{
  	font-size:0;
}
.article{
 	width:100%;
    margin: 20px 0 30px;
    padding: 50px;
    position: relative;
    border-radius:8px;
    box-shadow: 0 3px 30px rgba(25,25,25,.1);
}
.article h3{
  	text-align:center;
  	font-size:23px;
}
.article .date{
    text-align: center;
    font-size:14px;
    font-family: "dincyr";
    margin-bottom: 30px;
    padding: 20px 0;
    border-bottom: 1px solid #efefef;
}
.article p{
  	font-size:15px;
  	padding:10px 0;
  	line-height:1.5;
}
.pagination{
	width:100%;
	margin:60px auto 30px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.pagination a{
	display: inline-block;
    padding: 0 15px;
    margin: 0 5px;
    color:#585858;
    background: #f7f9fb;
    border-radius:3px;
    text-align: center;
    font-size:14px;
    height: 38px;
    line-height: 38px;
    cursor: pointer;
    -webkit-transition: all .1s linear;
	transition: all .1s linear;
}
.pagination a:hover{
	color: #fff;
	background: #f66f6a;
}
.pagination span{
	display: inline-block;
    padding: 0 15px;
    margin: 0 5px;
    color: #fff;
    background: #f66f6a;
    border-radius:3px;
    text-align: center;
    font-size:14px;
    height: 38px;
    line-height: 38px;
    cursor: pointer;
}
.privacy-banner .privacy-bg{
	background:url("../../images/water/privacy-bg.png") no-repeat;
}
.privacy-nav{
	background:#f6f6f6;
}
.privacy-block{
  padding:30px 0 60px;
}
.privacy-block h3{
	padding:30px 0;
	text-align:center;
}
.privacy-block p{
	padding:10px 40px;
	font-size:14px;
	line-height:1.5;
}
.privacy-block p.bold,.privacy-block span.bold{
	font-weight:600;
}
.privacy-block p.bold{
  	font-size:15px;
}
.privacy-block span.bold{
  	text-decoration:underline;
}
.help-banner .help-bg{
	background:url("../../images/water/help-bg.png") no-repeat;
}
.help-block{
  	display:flex;
  	flex-wrap:wrap;
}
.help-block .coming{
  	width:100%;
  	padding:30px 0;
  	text-align:center;
}
.help-block .help-item{
  	flex:0 0 25%;
  	max-width:25%;
  	padding:20px;
}
.help-block .help-inner{
  	padding:20px;
  	font-size:15px;
  	min-height:320px;
  	border:1px solid #cdcdcd;
  	position:relative;
  	overflow:hidden;
}
.help-block .help-inner h4{
  	padding-bottom:15px;
}
.help-block .help-item .col{
  	line-height:2;
}
.help-block .help-item .col a:hover{
  	color:#0067ed;
}
.help-block .help-inner .ico{
  	position:absolute;
  	right:-35px;
  	bottom:-35px;
  	font-size:120px;
  	font-weight:100;
  	color:#e4e6e9;
  	display:inline-block;
  	opacity:.5;
}
.help-block .help-inner .icon-shezhi:before{
  	content:"\e647";
}
.help-block .help-inner .icon-neirong:before{
  	content: "\e67d";
}
.help-block .help-inner .icon-yonghu:before{
  	content: "\e633";
}
.help-block .help-inner .icon-qiye:before{
  	content: "\f210";
}
.help-block .help-inner .icon-wangdian:before{
  	content: "\e623";
}
.help-block .help-inner .icon-shangpin:before{
  	content: "\e62f";
}
.help-block .help-inner .icon-dingdan:before{
  	content: "\f20f";
}
.help-block .help-inner .icon-yingxiao:before{
  	content: "\e705";
}
.help-block .help-inner .icon-caiwu:before{
  	content: "\e86d";
}
.help-block .help-inner .icon-tongji:before{
  	content: "\e612";
}
.help-block .help-inner .icon-jinxiaocun:before{
  	content: "\f211";
}
.help-block .help-inner .icon-kuozhan:before{
  	content: "\e631";
}
.help-block .video-item{
  	flex:0 0 33.3333333%;
  	max-width:33.3333333%;
  	padding:20px 20px 10px 20px;
}
.help-block .video-inner .image{
  	position:relative;
  	margin-bottom:10px;
}
.help-block .video-inner .overlay{
    position:absolute;
    top:0;
    left:0;
    background:linear-gradient(180deg,rgba(128,128,128,0) 61%, rgba(128,128,128,0.28) 78%, rgba(34,34,34,0.55) 94%, rgba(0,0,0,0.55) 100%);
    width:100%;
    height:100%;
    z-index:1;
    pointer-events:none;
}
.help-block .video-inner p{
  	line-height:2;
}
.download-banner .download-bg{
  	background:url("../../images/water/download-bg.png") no-repeat;
}
.download-block{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 60px 0;
}
.download-block .download-tit{
    width: 100%;
    display: block;
    text-align: center;
}
.download-inner{
  	width:100%;
  	display:flex;
  	flex-wrap:wrap;
  	padding:0 0 60px;
}
.download-inner .item{
  	flex:1;
  	text-align:center;
}
.download-inner .item .block{
  	width:90%;
  	margin:auto;
  	padding:30px 0;
  	-webkit-transition:all 0.4s ease-out;
  	transition:all 0.4s ease-out;
}
.download-inner .item .block:hover{
  	box-shadow:0 12px 48px 0 rgba(0,0,0,.08);
}
.download-inner .item .block .code{
  	position:relative;
}
.download-inner .item .block .code .overlay{
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.download-inner .item .block .code .overlay .img{
    width:100px;
    height:100px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.download-inner .item .block:hover .overlay:before{
  	background-color:#fff;
 	bottom: 0;
  	content:"";
  	left: 0;
  	position: absolute;
  	right: 0;
  	top: 0;
  	-webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease;
}
.download-inner .item .block:hover .overlay .img{
  	-webkit-transform:scale(1);
 	transform:scale(1);
  	-webkit-transition: all 0.3s ease;
  	transition: all 0.3s ease;
}
.download-inner .item .tit{
  	font-size:18px;
  	font-weight:600;
  	padding-bottom:20px;
}
.download-inner .item .version,.download-inner .item .date,.download-inner .item .compatibility{
  	font-size:15px;
 	padding-bottom:10px;
  	line-height: 1.5;
}
.download-inner .item .date{
  	color:#383838;
  	font-family:"Rubik-Light";
  	font-weight:600;
  	font-size:13px;
  	letter-spacing:1px;
}
.download-inner .item .button{
    display: block;
    position: relative;
    background: #00cc26;
    border-radius: 2px;
    width: 160px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    margin:10px auto;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
    -webkit-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}
.download-inner .item .button:hover{
    background:#00c224;
}
.download-inner .item .icon-manage:before{
  	content:"\e693";
  	font-size:100px;
  	color:#d8dde5;
}
.download-inner .item .icon-store:before{
  	content:"\e7bf";
  	font-size:100px;
  	color:#d8dde5;
}
.download-inner .item .icon-delivery:before{
  	content:"\e6c0";
  	font-size:100px;
  	color:#d8dde5;
}
.download-inner .item .icon-extend:before{
  	content:"\e602";
  	font-size:100px;
  	color:#d8dde5;
}
.download-inner .item .icon-compatibility:before{
  	content:"\e613";
  	color:#888;
  	font-size:22px;
  	padding-left:3px;
  	vertical-align:-.2rem;
 	display:inline-block;
}
.download-inner .item .compatibility{
  	color:#888;
  	cursor:pointer;
  	padding-bottom:0;
}
.footer{
	color:#fff;
	background:#171717;
}
.footer .footer-main{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding:60px 0;
}
.footer-nav{
	flex:0 0 60%;
	max-width:60%;
}
.footer-service{
	flex:0 0 40%;
	max-width:40%;
}
.footer-block{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.footer-col{
	flex:1;
}
.footer-col .tit{
	font-size:16px;
	font-weight:bold;
	padding-bottom:20px;
}
.footer-col ul li{
	display:block;
	line-height:2;
}
.footer-col a{
	font-size:15px;
	color:#999;
}
.footer-col p{
	font-size:15px;
	color:#999;
}
.footer-service .footer-block div{
	flex:1;
	text-align:center;
}
.footer-service .tel{
	width:48px;
	height:48px;
	display:block;
	margin:0 auto 10px;
	text-align:center;
	border-radius:50%;
	background:#333;
}
.footer-service i{
	font-size:24px;
	line-height:48px;
}
.footer-service p{
	font-size:14px;
	letter-spacing:1px;
	line-height:1.6;
}
.footer-service p.phone{
	font-size:20px;
	font-family:"Rubik-Light";
}
.footer-service p.small{
	font-size:14px;
	font-family:"Rubik-Light";
}
.footer-service .qcode{
	border:5px solid #fff;
}
.contact-wechat img{
	width:90px;
	height:90px;
	overflow:hidden;
	margin-bottom:10px;
}
.copyright{
	width:100%;
	padding:30px 0;
	display:flex;
  	flex-wrap:wrap;
  	align-items:center;
	font-size:14px;
  	justify-content:space-between;
	border-top:1px solid rgba(102,102,102,.3);
}
.copyright .beian{
  	margin-left:auto;
}
.copyright .beian .mii{
  	width:100%;
 	display:flex;
  	flex-wrap:wrap;
}
.copyright .beian .mii a{
  	color:#fff;
  	padding-left:15px;
}
.suspension{
	position:fixed;
	z-index:999;
	right:15px;
	bottom:160px;
	box-shadow:0 6px 15px 0 rgba(6,12,19,.15);
}
.suspension-box{
	position:relative;
	float:right;
}
.suspension .a{
	display:block;
	width:58px;
	height:58px;
	background:#0067ed;
	cursor:pointer;
	outline:none;
	border-bottom:1px solid #005ad7;
}
.suspension .a:last-child{
	border-bottom:0;
}
.suspension .a.active,
.suspension .a:hover{
	background:#0052c4;
}
.suspension .tit{
	padding-left:10px;
	font-size:14px;
}
.suspension .tel{
	line-height:32px;
	font-weight:600;
	font-size:15px;
}
.suspension .a-service:before{
	content:'\e630';
	font-size:23px;
	line-height:58px;
	color:#fff;
	display:block;
	text-align:center;
}
.suspension .i-qq:before{
	content:'\e630';
	font-size:20px;
	line-height:32px;
  	color:#cdcdcd;
  	font-style:normal;
	display:block;
	text-align:center;
	transition:all .2s;
}
.suspension .a-service-phone:before{
	content:'\e632';
	font-size:20px;
	line-height:58px;
	color:#fff;
	display:block;
	text-align:center;
}
.suspension .i-tel:before{
	content:'\e632';
	font-size:22px;
	line-height:42px;
  	color:#cdcdcd;
  	font-style:normal;
	display:block;
	text-align:center;
}
.suspension .a-qrcode:before{
	content:'\e701';
	font-size:18px;
	line-height:58px;
	color:#fff;
	display:block;
	text-align:center;
}
.suspension .a-top:before{
	content:'\e635';
	font-size:23px;
	line-height:58px;
	color:#fff;
	display:block;
	text-align:center;
}
.suspension .d{
	display:none;
	width:150px;
	background:#fff;
	position:absolute;
	right:68px;
	border:1px solid #e0e1e5;
	border-radius:3px;
	box-shadow:0px 2px 5px 0px rgba(161,163,175,0.11);
}
.suspension .d .arrow{
	position:absolute;
	width:8px;
	height:12px;
	background:url("../../images/water/arrow.png") no-repeat;
	right:-8px;
	top:31px;
}
.suspension .d-service{
	top:0;
}
.suspension .d-service-phone{
	top:44px;
}
.suspension .d-qrcode{
	top:98px;
}
.suspension .d .inner-box{
	padding:12px 20px;
}
.suspension .d-service .d-service-item a{
	display:block;
	line-height:42px;
	height:45px;
	transition:all .2s;
}
.suspension .d-service .d-service-item a:hover{
	color:#3389ff;
}
.suspension .d-service .d-service-item a:hover .i-qq:before{
	color:#3389ff;
}
.suspension .d-service-item .circle{
	width:32px;
	height:32px;
	margin-top:6px;
	border-radius:50%;
	overflow:hidden;
	background:#f2f2f2;
	display:block;
	float:left;
}
.suspension .d-qrcode{
	width:140px;
	text-align:center;
}
.suspension .d-qrcode .inner-box{
	padding:20px 0;
}
.suspension .d-qrcode p{
	padding-top:10px;
	font-size:14px;
}
.tooltip_templates {
  	display: none;
}
.tooltipster-sidetip.tooltipster-noir-customized .tooltipster-box {
  	background: #fff;
  	border: none;
  	-webkit-box-shadow: 0 4px 25px 0 rgba(6, 46, 95, 0.15);
    box-shadow: 0 4px 25px 0 rgba(6, 46, 95, 0.15);
}
.tooltipster-sidetip.tooltipster-noir-customized .tooltipster-content {
  	font-size: 15px;
  	color: #7b8396;
  	line-height: 30px;
}
.tooltipster-sidetip.tooltipster-noir-customized .tooltipster-arrow .tooltipster-arrow-border {
  	border: #fff;
}
.tooltipster-sidetip.tooltipster-noir-customized .tooltipster-arrow .tooltipster-arrow-background {
  	top: 0;
  	border-bottom-color: #fff;
  	border-top-color: #fff;
}
@media (max-width: 1600px) {
	.banner-index-home .top-main-area {
		padding-top: 140px;
		width: 1080px;
	}
}
@media only screen and (max-width:767px){
	.home-slider .slider-text{
		flex:100%;
		max-width:100%;
		padding:0 20px;
		text-align:center;
	}
	.home-slider .single-slider h1{
		font-size:16px;
		font-weight:bold;
		line-height:32px;
		text-align:center;
	}
	.home-slider .single-slider p{
		font-size:14px;
	}
  	.home-slider .single-slider .button,
  	.home-slider .single-slider .white .button{
    	width: 120px;
    	height: 30px;
    	font-size: 14px;
    	line-height: 30px;
  	}
  	.owl-theme .owl-dots .owl-dot span{
   	 	width:25px !important;
    	height:3px !important;
  	}
  	.content-feature{
    	padding:20px 0;
  	}
  	.features .features-col{
    	display:none;
 	 }
  	.content-feature .news{
    	padding:0;
  	}
  	.content-feature .news .inner,.content-feature .list-version .version-block{
    	flex:100%;
    	max-width:100%;
    	margin-bottom:20px;
  	}
  	.content-feature .news .inner:last-child{
    	margin-bottom:0;
  	}
  	.content-feature .hero, .goods-block .hero{
    	padding:20px 0;
  	}
  	.content-feature .text-block{
    	font-size:18px;
    	padding:10px 20px 0;
  	}
  	.content-feature .text-block-desc{
    	width:90%;
    	font-size:13px;
  	}
  	.content-feature .list-version .version-block{
    	padding:0;
  	}
  	.content-feature .list-version .version-inner{
    	padding:15px 0;
  	}
  	.content-feature .list-version .version-inner .title,.content-feature .service .slogan{
    	font-size:16px;
  	}
  	.content-feature .list-version .version-inner .desc{
    	font-size:15px;
  	}
  	.content-feature .list-version .version-inner .desc:after{
    	bottom:0;
  	}
  	.content-feature .list-version .version-inner .function{
    	padding-top:10px;
  	}
  	.content-feature .list-version .version-inner .image img{
  		width:48px;
  		height:48px;
 	}
  	.content-feature .version-saas{
    	padding:0;
  	}
  	.content-feature .version-saas .cont .image,.content-feature .home-industry .industry-list .block{
    	flex:100%;
    	max-width:100%;
    	text-align:center;
  	}
  	.content-feature .version-saas .cont .desc{
    	font-size:13px;
    	font-weight:normal;
  	}
  	.content-feature .service{
    	padding-top:20px;
    	font-size:14px;
  	}
  	.content-feature .service .slogan{
    	margin-bottom:10px;
  	}
  	.content-feature .service .icon-service:before{
    	font-size:23px;
    	vertical-align:.6rem;
  	}
  	.content-feature .service a.more{
    	padding-top:10px;
  	}
  	.content-feature .home-industry h3{
    	font-size:18px;
  	}
  	.content-feature .home-industry .industry-list{
    	padding-top:10px;
  	}
  	.content-feature .home-industry .industry-list .block{
    	padding:15px;
  	}
  	.content-feature .home-industry .industry-list .block h4{
    	padding:5px 0;
    	font-size:15px;
  	}
  	.content-feature .home-industry .industry-list .block p{
    	font-size:14px;
  	}
  	.content-bottom{
  		margin-top:0;
  	}
  	.content-featur.content-bottome-bottom{
  		padding:20px;
  	}
  	.content-feature-bottom{
  		padding:20px 0;
  	}
  	.content-feature-bottom p{
  		font-size:13px;
  	}
  	.content-feature-bottom .primary{
  		width:130px;
  		height:32px;
  		margin:10px auto;
  		font-size:14px;
  		line-height:32px;
  	}
  	.goods-cover{
		/* height:320px; */
		height: 203px;
  	}
  	.goods-img{
		background-image:url("../../images/sdb/banner_wap.png"); 
		  /* background-color:#b2cbea; */
		  height: 203px;
	}
	.goods-img .btn_contract{
		position: absolute;
		width: 105px;
		height: 40px;
		top: 111px;
		left: 10px;
  	}
  	.goods-cover .goods-summary{
    	/* width:100%; */
		/* padding:80px 20px 0; */
		display: none;
  	}
  	.goods-cover .goods-summary .summary-desc{
    	width:100%;
  	}
  	.goods-block-tit h1,.content-feature-text h1{
    	font-size:16px;
  	}
  	.goods-block-tit p,.content-feature-text p{
    	font-size:14px;
  	}
  	.goods-model{
   		padding-bottom:10px;
	}
	.content-feature .feature-block2 .content-feature-product-list{
		display: flex;
		flex-direction: column;
	}
	.content-feature .feature-block2 .content-feature-product .button_order{
	    width: 109px;
		height: 48px;
		position: absolute;
		right: 39px;
		bottom: 31px;
		cursor: pointer;
	}

  	.model-block{
    	flex: 0 0 92%;
    	max-width: 90%;
    	margin: 0 auto 15px;
    	padding: 15px 20px;
    	border-radius: 12px;
    	border: 1px solid #efefef;
  	}
  	.model-block h4{
    	font-size:14px;
  	}
  	.model-block p{
    	font-size:13px;
  	}
  	.feature-block{
    	flex-wrap:wrap;
  	}
  	.content-feature .home-client h3{
  		font-size:18px;
  	}
  	.content-feature .home-client .client-list{
  		margin-top:15px;
  	}
  	.content-feature .home-client .client-list .list li{
  		flex:0 0 100%;
    	max-width:100%;
    	padding:10px 20px;
  	}
  	.content-feature-text{
    	flex:0 0 100%;
    	max-width:100%;
    	padding:0 20px;
  	}
  	.content-feature-text p{
    	padding:10px 0 0;
  	}
  	.solutions-cover{
    	height:auto;
  	}
  	.solutions-cover .solutions-summary{
    	width:90%;
    	padding:80px 0 10px;
  	}
  	.solutions-cover .solutions-summary .summary-desc{
    	width:100%;
    	padding:20px;
  	}
  	.solutions-cover .solutions-summary .summary-desc h2{
    	font-size:16px;
    	padding-bottom:10px;
  	}
  	.solutions-cover .solutions-summary .summary-desc p{
    	font-size:14px;
  	}
  	.solutions-tit{
    	font-size:16px;
    	padding:0;
 	}
  	.news-banner,
  	.privacy-banner,
  	.price-banner,
  	.help-banner,
  	.download-banner{
    	height:190px;
  	}
  	.news-banner .news-bg,
  	.privacy-banner .privacy-bg,
  	.help-banner .help-bg,
  	.download-banner .download-bg{
    	width:100%;
    	height:190px;
    	background-position:100%;
    	background-size:cover;
  	}
  	.news-banner .news-title,
  	.privacy-banner .privacy-title,
  	.price-banner .price-tit,
  	.help-banner .help-title,
  	.download-banner .download-title{
    	font-size:16px;
    	padding:0 20px;
  	}
  	.news-banner .news-title:after,
  	.privacy-banner .privacy-title:after,
  	.help-banner .help-title:after,
  	.download-banner .download-title:after{
    	width:30px;
    	left:20px;
  	}
  	.news-block,.help-block{
    	padding:10px 0;
  	}
 	.news-block .news-list li{
    	flex-wrap:wrap;
    	padding:0 15px;
    	height:32px;
    	line-height:32px;
  	}
  	.news-block .news-list .cont{
   		flex:0 0 75%;
   	 	max-width:75%;
    	padding-left:0;
  	}
  	.news-block .news-list .cont a{
    	text-overflow: ellipsis;
    	word-break: break-all;
    	white-space: nowrap;
    	overflow: hidden;
  	}
  	.news-block .news-list .column,.price-t-bg{
    	display:none;
  	}
  	.news-block .news-list .date{
    	font-size:13px;
  	}
  	.pagination{
    	margin:20px auto;
  	}
  	.pagination a{
    	font-size:13px;
    	padding:0 8px;
    	height:23px;
    	line-height:23px;
    	border-radius:0;
  	}
  	.pagination span{
    	padding:0 5px;
    	height:23px;
    	line-height:23px;
    	border-radius:0;
  	}
  	.crumb{
    	display:none;
  	}
  	.news-show{
    	padding-bottom:0;
  	}
  	.article{
   		margin:0 auto;
    	box-shadow:none;
   		padding:20px;
  	}
  	.article h3{
    	font-size: 16px;
  	}
  	.article .date{
  	  	margin-bottom:10px;
 	}
  	.article p{
    	font-size:13px;
  	}
  	.privacy-block{
    	padding:10px 0;
  	}
  	.privacy-block h3{
    	font-size:16px;
    	padding:10px 0;
  	}
 	 .privacy-block p{
    	padding:10px 20px;
  	}
  	.privacy-block p,.privacy-block p.bold{
    	font-size:13px;
  	}
  	.price-nav{
   		width:100%;
    	max-width:100%;
    	margin:-39px auto 0;
  	}
  	.price-nav li{
    	padding:10px 20px;
  	}
  	.price-nav li,.faq .tit,.service-tit h1{
    	font-size:16px;
  	}
  	.price-nav li a{
  		padding:0;
  	}
  	.price-content .wrap{
  	  	padding:20px 0;
 	}
  	.price-item{
    	flex:0 0 100%;
    	max-width:100%;
    	margin-bottom:20px;
  	}
  	.price-inner h1{
    	font-size:15px;
  	}
  	.price-inner .desc,.service-tit p,
  	.service-item p,.help-block .help-inner h4,
  	.service-price table th,.service-price table td,
  	.footer-col .tit,.footer-col a{
    	font-size:14px;
	}
	.footer-col p{
		font-size:14px;
		color: #999;
	}
	.footer-col .phone{
		color: #236ffb
	}
	.footer-col .tit.text_show_demo{
		text-align: center;
	}
  	.price-inner .item .cont,.price-inner .item .num{
    	font-size:13px;
  	}
  	.module-list{
    	display:none;
  	}
  	.faq{
    	padding:0 0 20px;
  	}
  	.faq .togglebox{
  	  	padding-top:10px;
 	}
  	.faq label,.faq section p,.help-block .help-item .col{
    	font-size:13px;
  	}
  	#toggle1:checked ~ #content1, #toggle2:checked ~ #content2, #toggle3:checked ~ #content3, #toggle4:checked ~ #content4{
    	height:100px;
  	}
  	.service-tit p{
    	padding:0 20px 10px;
  	}
  	.service-block{
    	flex:0 0 50%;
    	max-width:50%;
    	padding:10px 20px;
  	}
  	.service-item{
    	padding:20px;
  	}
  	.service-item .icon{
    	font-size:36px;
  	}
  	.service-price{
    	padding:10px;
  	}
  	.service-price p{
    	width:100%;
    	padding:20px;
    	font-size:13px;
    	text-align:center;
  	}
  	.help-block .help-item{
    	flex:0 0 50%;
    	max-width:50%;
    	padding:10px 20px;
  	}
  	.help-block .help-inner .ico{
    	font-size:100px;
  	}
  	.footer .footer-main{
  		padding:20px 0;
  	}
  	.footer-block{
		  padding:0 20px;
		  flex-direction: column;
  	}
  	.footer-nav,.footer-service{
  		flex:100%;
  		max-width:100%;
 	}
  	.footer-col{
  		text-align:center;
  	}
  	.footer-col .tit{
		padding-top:10px;
		padding-bottom:10px;
		text-align: left;
	}
	.footer-col ul{
		text-align: left;
	}
  	.footer-service{
  		padding-top:20px;
  	}
  	.copyright{
    	font-size:13px;
  		padding:20px;
  	}
  	.copyright .copy,.copyright .beian{
  		width:100%;
  		display:block;
  		text-align:center;
  		margin:0;
  	}
  	.copyright .copy{
  		padding-bottom:10px;
  	}
  	.suspension{
  		display:none;
	}
	.fixed_wap_block {
		display: flex;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 999999999;
		background-image: url("../../images/sdb/zx3.png");
		background-size: cover;
		background-position: center center;
		box-shadow: 0 0 0.8rem 0 rgba(59,62,83,.1);
		padding: 12px;
	}
}