.fl { float: left;}
.fr { float: right;}
.index-item01{padding-bottom:45px;background:#fff;}
.index-item01 a { text-decoration: none; color: #666; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s;}
.index-item01 .bigtit{height:80px;line-height:80px;border-bottom:1px solid #eee;margin-bottom:35px;}
.index-item01 .bigtit .fl{font-size:16px;color:#484748;}
.index-item01 .bigtit .fl a{font-size:28px;font-weight:bold;color:#484748;}
.index-item01 .bigtit .fr a{}.index-item01 .list-con{margin:0px -18px;}
.index-item01 .list-con .list{width:25%;float:left;padding:0px 18px;padding-bottom:36px;}
.index-item01 .list-con .list .img{position:relative;padding-top:60%;overflow:hidden;height:0;}
.index-item01 .list-con .list .img a{display:block;background-position:center center;background-size:cover;left:0;top:0;width:100%;height:100%;position:absolute;-webkit-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.index-item01 .list-con .list .con{padding:20px;box-shadow:0px 0px 20px #eee;}
.index-item01 .list-con .list .con .tit{line-height:30px;overflow:hidden;margin-bottom:15px;}
.index-item01 .list-con .list .con .tit a{font-size:18px;}
.index-item01 .list-con .list .con > a{background:url(../images/index-item01-icon.png) no-repeat right center;padding-right:23px;}
.index-item01 .list-con .list .box:hover .tit a,.index-item01 .list-con .list .box:hover .con > a{color:#00b9ef;}
.index-item01 .list-con .list .box:hover .img a{-webkit-transform:scale(1.075);-ms-transform:scale(1.075);-o-transform:scale(1.075);transform:scale(1.075);}
@media screen and (max-width:1024px){
	.index-item01{padding-bottom:20px;}
	.index-item01 .bigtit{height:55px;line-height:55px;margin-bottom:20px;}
	.index-item01 .bigtit .fl{font-size:20px;}
	.index-item01 .list-con{}.index-item01 .list-con .list .con{padding:10px;}
	.index-item01 .list-con .list .con .tit{line-height:24px;margin-bottom:10px;}
	.index-item01 .list-con .list .con .tit a{font-size:16px;}
	}
@media screen and (max-width:768px){
	.index-item01 .list-con{margin:0px -7.5px;}
	.index-item01 .list-con .list{width:50%;padding:0px 7.5px;margin-bottom:15px;}
	}
@media screen and (max-width:500px){.index-item01 .list-con .list{width:100%;}}
.index-item02{background-image:url(../images/item03.jpg);text-align:center;color:#fff;background-position:center center;background-size:cover;padding:90px 0;}
.index-item02 .bigtit{font-size:36px;color:#fff;font-weight:bold;margin-bottom:10px;}
.index-item02 .ms{font-size:22px;}
.index-item02 .icons{margin-top:35px;}
.index-item02 .icons > a{display:inline-block;width:60px;height:60px;border-radius:100%;border:1px solid #fff;position:relative;margin:0px 18px;}
.index-item02 .icons > a img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:35px;max-height:35px;}
.index-item02 .icons > a span{position:absolute;color:#fff;font-size:16px;bottom:-50px;width:85px;left:-5px;display:none;}
.index-item02 .icons > a:hover,.index-item02 .icons > a:active{border:1px solid #00b9ef;background:#00b9ef;}
.index-item02 .icons > a:hover span{display:block;}
@media screen and (max-width:1024px){
	.index-item02 .bigtit{font-size:20px;}
	.index-item02 .ms{font-size:16px;}
	.index-item02 .icons > a{margin:0px 10px;}
	.index-item02 .icons > a span{display:block;}
	}	
.page{margin-top: 80px;}
@media screen and (max-width:1024px){.page{margin-top: 100px;}}
@media screen and (max-width:768px){.page{margin-top: 0px;}}
.page-banner{height:390px;background-repeat:no-repeat;background-size:cover;background-position:center center;position:relative;z-index:1;}
@media screen and (max-width:1024px){.page-banner{height:250px;}}
@media screen and (max-width:768px){.page-banner{height:0;padding-top:36%; margin-top: 6.25rem;}}
.page .w1400{position: relative;height: 100%;}
.slideIn02{position:relative;-webkit-animation:slideIn02;-moz-animation:slideIn02;-o-animation:slideIn02;animation:slideIn02;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes slideIn02{0%{left:6%;opacity:0}100%{left:0;opacity:1}}
@-moz-keyframes slideIn02{0%{left:6%;opacity:0}100%{left:0;opacity:1}}
@-o-keyframes slideIn02{0%{left:6%;opacity:0}100%{left:0;opacity:1}}
@keyframes slideIn02{0%{left:6%;opacity:0}100%{left:0;opacity:1}}
.solve .solve-tit:before {display: inline-block; content: ""; width: 30%; border-bottom: 1px solid #ccc; float: left; position: absolute; top: 50%; left: 0;}
.solve .solve-tit:after { display: inline-block; content: ""; width: 30%; border-bottom: 1px solid #ccc; float: right; position: absolute; top: 50%; right: 0;}
.solve{text-align: center;width: 100%;position: relative;margin: 40px 0 20px;}
.solve h3{font-size: 24px;}
@media screen and (max-width:1024px){.solve h3{font-size: 18px;}}
.content {padding: 0 10px; line-height: 30px;}
.kis-container {margin: 0 auto;height: 100%;}
.container .p-title{
	font-size: 24px;
	text-align: center;
  padding-top: 36px;
  padding-bottom: 24px;
  line-height: 32px;
  color: #00B9EF;
}
@media screen and (min-width: 100px) and (max-width: 767.5px) {
	.p-title{font-size: 18px;}
	}
.product{ height: 210px;margin-bottom: 30px;}
.product .list { width: 33.3%; float: left;
    height: 180px; color: #ffffff;
  }
.product .list:hover .background .hover-btn {
    margin-top: 16px;
  }
.product .list:hover .opacity {
    height: 128px;
  }
.product .list .background {
    padding: 16px 24px;
  }
.product .list .background .title {
    font-size: 16px; padding-top: 20px;
  }
.product .list .opacity {
    height: 82px;
  }
.product .list.p-1 {background-image: url(../images/p1.png);}
.product .list.p-2 {background-image: url(../images/p2.png);}
.product .list.p-3 {background-image: url(../images/p3.png);}
@media screen and (min-width: 100px) and (max-width: 767.5px){
.product .list {width: calc(100%); height:148px; margin-bottom: 16px;}
.product .list .background .title {padding-top: 2px;}
}
.background .hover-btn {
    margin-top: 24px;
    display: block;
}
.product button {
    background-color:#fff ;
    border-radius: 2px;
    color:#00b9ef;
    font-size: 14px;
    width: 96px;
    height: 32px;border: none;
}
}
/* 关于联系 */
.about_else{overflow:hidden;margin-bottom:25px;height:auto;border-bottom:1px solid #f0f0f0;}
.about_else ul{padding-top:30px;border-top:1px solid #f0f0f0;}
.about_else ul li{float:left;margin:0 10px 40px;width:280px;height:auto;text-align:center;}
.about_else ul li .title_c{overflow:hidden;height:24px;color:#333;font-size:20px;line-height:24px;}
.about_else ul li .title_e{overflow:hidden;margin-top:6px;margin-bottom:10px;height:18px;color:#999;text-transform:capitalize;font-size:14px;line-height:18px}
.about_else ul li .about_icon{margin:0 auto 3px;width:122px;height:102px;background:url(../images/about_icon_03.jpg) no-repeat}
.about_else ul li .eles_intro{overflow:hidden;height:16px;color:#666;text-align:center;font-size:14px;line-height:16px}
.about_else ul li .about_icon1{background-position:-330px 0}
.about_else ul li .about_icon2{background-position:-660px 0}
.about_else ul li .about_icon3{background-position:-990px 0}
.titile_ys{overflow:hidden;margin-bottom:28px;height:40px}
.about_ys{overflow:hidden;margin-bottom:33px;height:auto}
.titile_ys .title_c{overflow:hidden;height:24px;color:#333;font-size:20px;line-height:24px}
.titile_ys .title_e{overflow:hidden;height:16px;color:#999;line-height:16px}
.about_box{overflow:hidden;height:auto}
.about_box ul li{float:left;overflow:hidden;width:300px;height:250px}
.about_box .pic,.about_box .pic img{overflow:hidden;width:300px;height:200px}
.about_box .pic img{display:block}
.about_box .font_ys{overflow:hidden;width:298px;height:198px;border:1px solid #e6e6e6}
.about_box .font_ys dl{overflow:hidden;margin-top:32px;margin-left:42px;width:240px;height:140px}
.about_box .font_ys dl dt{overflow:hidden;margin-bottom:12px;height:22px;color:#333;font-size:18px;line-height:22px}
.about_box .font_ys dl dd{overflow:hidden;height:96px;color:#999;font-size:14px;line-height:24px}
.lianxi{width: 1000px; margin: 0 auto;}
.dituContent{width: 50%; margin-top:40px; float: left; padding-bottom: 20px;}
@media screen and (min-width: 100px) and (max-width: 767.5px){
	.lianxi{width: 100%; }
	.dituContent{width: 100%;}
	.w100{width: 100% !important;}
	}
/* 软件维护 */
.content img{max-width: 100%; margin: 0 auto;display: block;}

/* 产品 */
.shouji{display: none !important;}
@media (max-width: 768px){
	.shouji{display: block !important;}
    .diannao{display: block;}
	.diannao{display: none;}}
@media screen and (min-width: 767.5px){
	 .column-1 {
	        padding: 40px 0;
	    }
	.clearfix2{border-top: solid 1px #b8cde8; }
	 .column-1 .pic {
	            float: left;
	            margin-left: 170px;
	        }
	
	 .column-1 .box {
	            width: 650px;
	            float: right;
	            margin-top: 20px;
	            line-height: 30px;
	        }
	
	.column-1 .box h3 {
	                margin-bottom: 20px;
	            }
	
	.column-1 .box a {
	                color: #00b9ef;
	                display: inline-block;
	                border-bottom: solid 1px #00b9ef;
	            }
	
	.column-1 .box .txt {
	                padding-right: 40px;
	            }
	
	 .column-2 .pic {
	        float: right;
	        margin-left: 0;
	        padding-right: 180px;
	    }
	
	.column-2 .box {
	        float: left;
	        margin-left: 100px;
	    }
	.font22 {
	            color: #646464; font-size:22px;
	        }
	.box .txt {
	                padding-right: 40px;font-size:16px;
	            }
	.list-sou-3 {
	    padding: 0;
	}
	}
.button.button-primary {
    background: #5b3;
    border: 1px solid #5b3;
    color: #fff;
    fill: #fff;
}
.feature {width: 100%; margin: 30px 0;}
.feature .feature-intro{width: 50%;}
.feature .feature-intro h3{font-size:30px;font-weight:400;margin-top:12.25rem;margin-left: 15.125rem}
.feature .feature-intro .desc{width: 50%;font-size:16px;color:#a8b8bf;line-height:2;margin-left: 15.125rem}
.feature .feature-image{width: 50%;display:block;}

/*云资产*/
.main_center{
	margin:0 auto;
}
.main span{
	color: #2599fa;
	font-size: 30px; font-weight: 700;
	line-height: 62px;
	display: block;
	text-align: center;
}
.main img.hc{
	margin: 0 auto;
	margin-bottom: 46px;
	display: block;
	vertical-align: middle;text-align:center
}

.main p{
	font-size: 20px;
	color: #333;
	line-height: 40px;
	width: 84%;
	margin:0px auto 86px;
	display: block;
}
.tab{
	overflow: hidden;
    margin-bottom: 50px;
    display: block;
    width: 100%;
}
.tab dt{
	float: right;
}
.tab_two{
	margin:36px 0;
}
.tab_two dt{
	float: left;
}
.tab_two dd{
	float: right;
}
.tab dd{
	line-height: 40px;
	color: #333;
	font-size: 18px;
	width: 46%;
	display: block;
	height: 40px;
}
.tab .dl_title{
	color: #2599fa;
	font-size: 20px;
	margin-bottom: 18px;
}
.main i{
	display: block;
	line-height: 36px;
	font-size: 20px;
	color: #333;
	width: 60%;
}
.main .nav_list{
	margin-top: 8px;
	margin-left:22px;
    overflow: hidden;
    width: 100%;
    display: block;
    height: 64px;
    /*margin-top: -30px;*/
    margin-bottom: 30px;
}
.main .nav_list li{
	float: left;
	font-size: 18px;
	color: #2599F9;
	display: block;
	line-height: 60px;
	text-align: center;
	margin-right: 5.6%;
	border: 2px solid #2599F9;
	width: 106px;
	height: 60px;
	color: #2599F9;
	cursor: pointer;
	border-radius: 6px;
}
.main .nav_list .cxtj{
	margin-right: 0;
}
.main .nav_list li.current{
	background: #2599F9;
	color: #fff;
}
.main .list{
	width: 100%;
	height: 520px;
}
.cpgn{
	height: 640px;
	 margin-bottom: 50px; 
	_height: 696px;
	_margin-bottom:50px;
}
.main .list ul{
	position: relative;
	height: 520px;
	margin: 100px 0;
	_margin:60px auto 0;
}
.cpgn ul{
	height: 620px;
	height: 100%;
	display: block;
	margin:0;
	/* margin-top: 
	_height: 666px; */
}
.main .list ul li{
	float: left;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
}
.main .list ul .current{
	width: 100%;
	display: block;
	/*margin:40px auto;*/
}

.main .list ul .current img{ margin:0 auto;
	display: block;
	margin:20px auto -2px;
	text-align: bottom;
	text-align: center;vertical-align: middle;
}
.main .list ul li.tmgl{
	bottom: 50px;
}
.win{width:1400px;margin:0px auto;position:relative;overflow: hidden;}
.win .title{width:100%;height:60px;/* background:#eee; */position: relative;}
.win .title a{width:14%;height:100%;float:left;text-align: center;/* line-height: 30px; */font-size:2.125rem;color:#2599F9;text-decoration: none;position: relative;z-index: 1; margin-top: 1.5rem;}
.win .title .float{width:14%;height:100%;background: #2599F9;position: absolute;}
.win .box{width:100%;height:640px;position: relative; margin-top: 0.5rem;}
.win .box div{width:100%;height: 100%;position: absolute;left:-100%;font-size: 70px;text-align: center;line-height: 270px;top:0;color:#fff;}
.rightB{width:50px;height:70px;font-size: 20px;color:#fff;background: rgba(0,0,0,0.5);position: absolute;right:0;top:45%;line-height:70px;text-align: center;cursor: pointer;display: none;}
.leftB{width:50px;height:70px;font-size: 20px;color:#fff;background: rgba(0,0,0,0.5);position: absolute;left:0;top:45%;line-height:70px;text-align: center;cursor: pointer;display: none;}
@media screen and (min-width: 100px) and (max-width: 767.5px){
	.win{width:100%;}
	.win .box{margin-top: 1.5rem;height: 16.5rem;}
	.win .title {height:14.5rem ;}
	.win .title a{font-size:22.5px;}
	.rightB,.leftB{display: none!important;}
	}
@media screen and (min-width: 100px) and (max-width: 767.5px){
.column-1 img{max-width: 40% !important;}
.feature .feature-intro{ width: 100%;margin: 0;}
.feature .feature-image {display: block;width: 100%;}
.feature .feature-intro h3{font-size:30px;font-weight:400;margin-top:0;margin-left: 0}
.feature .feature-intro .desc{width: 100%;font-size:16px;color:#a8b8bf;line-height:2;margin-left: 0}
}