*{margin:0; padding:0;  }
body,html{background:#ffffff; font-family: "Microsoft YaHei"}
ul,li{list-style:none; }
.wrap{width:1100px;margin:0 auto; position:relative;height: 100%;}
.app-bg div,.app-bg li,.app-bg ul,.app-bg a{
	box-sizing: border-box;
}
.app-bg a{text-decoration: none;}
.app-bg em,.app-bg i{font-style: normal;}
.app-bg img{border: 0;}
.app-banner{
	width: 100%;
	height: 460px;
	background: url(../img/app-banner.jpg) no-repeat top center;
	background-size: cover;
	padding-top: 62px;
}
.app-banner h1{
	color: #ffffff;
	font-size: 36px;
	line-height: 54px;
	font-weight: normal;
	letter-spacing: 1px;
}
.app-banner h4{
	font-size: 18px;
	color: #ffffff;
	line-height: 36px;
	font-weight: normal;
}
.qhy-r-imgs{
	height: 30px;
}
.app-btn{
	display: block;
	margin-top: 40px;
	width: 170px;
	height: 40px;
	background-color: #fff;
	border-radius: 4px;
	font-size: 16px;
	color: #1977f3;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
}
.app-btn em{
	display: inline-block;
	font-style: normal;
	transition: all .2s linear;
}
.app-btn:hover em{
	transform: translateX(5px);
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
}
.app-ban-r{
	position: absolute;
	right: 105px;
	top: -4px;
}
.app-ban-r img{
	max-width: 100%;
}
.app-ban-b {
	position: absolute;
	width: 100%;
	overflow: hidden;
	background: #ffffff;
	height: 88px;
	bottom: -42px;
	box-shadow: 0 6px 27px rgba(25,119,243,.1);
}
.app-ban-b li{
	width: 33.2%;
	height: 100%;
	line-height: 88px;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #333;
}
.app-ban-xian {
	width: 2px!important;
	height: 50px!important;
	background: #dddddd;
	margin-top: 20px;
}
.app-ban-b li i{
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	color: #1977f3;
}
.app-why {
	width: 100%;
	padding-top: 115px;
	text-align: center;
	padding-bottom: 76px;
}
.app-why h2{
	font-weight: normal;
	font-size: 30px;
	color: #333;
}
.app-xian {
	width: 40px;
	height: 4px;
	background: #1977f3;
	border-radius: 2px;
	margin: 0 auto;
	margin-top: 20px;
}
.app-why p{
	font-size: 18px;
	color: #666666;
	line-height: 36px;
}
.app-why-b{
	width: 100%;
	margin-top: 50px;
}
.app-why-l{
	float: left;
}
.app-why-l img{
	max-width: 100%;
}
.app-why-r{
	float: left;
	text-align: left;
	padding-left: 85px;
	position: relative;
}
.app-why-r img{
	position: absolute;
	right: 0;
	top: 10px;
}
.app-why-r h5{
	font-size: 18px;
	line-height: 36px;
	color: #333;
	margin-bottom: 5px;
	font-weight: normal;
}
.app-why-r p{
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.app-why-r h4{
	font-size: 18px;
	color: #1977f3;
	line-height: 36px;
	margin-top: 15px;
	margin-bottom: 5px;
	font-weight: normal;
}
.app-why-r h4 em{
	font-style: normal;
	font-weight: bold;
}
.app-qhy{
	width: 100%;
	height: 677px;
	background: url(../img/app-banner2.jpg) no-repeat;
	background-size: cover;
	padding: 60px 0;
}
.app-qhy h2{
	font-size: 30px;
	font-weight: normal;
	color: #333;
	text-align: center;
}
.clearfix:after{
	content: "020"; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;  
}
  
.clearfix {
	zoom: 1; 
}

.qhy-img-one{
	margin: 0 auto;
}
.qhy-img-two{
	display: none;
	margin: 0 auto;
}
.qhy-img{
	height: 40px;
	text-align: center;
	line-height: 40px;
}
.qhy-box p{
	font-size: 16px;
	color: #333;
	margin-top: 10px;
}

.qhy-box .arrow-left {
	background: url(../img/qhy-l.png) no-repeat;
	position: absolute;
	left: 135px;
	top: 20%;
	margin-top: 8px;
	width: 15px;
	height: 28px;
  }
  .qhy-box .arrow-right {
	background: url(../img/qhy-r.png) no-repeat;
	position: absolute;
	right: 135px;
	top: 20%;
	margin-top: 8px;
	width: 15px;
	height: 28px;
  }
  .qhy-box .arrow-left:hover{
	  opacity: 0.7;
  }
  .qhy-box .arrow-right:hover{
	  opacity: 0.7;
  }
.qhy-item li{
	position: relative;
	display: none;
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	height: 366px;
	background-color: #fff;
	padding: 40px 100px;
	box-shadow: 0 10px 30px rgba(176, 186, 191, .1);
}
.qhy-l{
	width: 50%;
	float: left;
	height: 100%;
	position: relative;
}

.qhy-xian{
	position: absolute;
	width: 2px;
	height: 286px;
	background-color: #edf4fe;
	left: 50%;
	top: 40px;
}
.qhy-title{margin-left: -12px;}
.qhy-title img{
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
}
.qhy-title h3{
	display: inline-block;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-left: -5px;
}
.app-p16{
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.qhy-bt {
	width: 100%;
	margin-left: -19px;
}
.qhy-b-i{
	float: left;
}
.app-mt25{
	margin-top: 25px;
}
.qhy-r{
	width: 50%;
	float: left;
	height: 100%;
	padding-left: 100px;
}
.qhy-show{
	overflow: hidden;
	margin-left: -15px;
	width: 100%;
}
.qhy-show-item{
	float: left;
	width: 25%;
	margin-bottom: 40px;
	text-align: center;
}
.qhy-show-item P{
	margin-top: 10px;
	font-size: 16px;
	color: #666;
}
#bgl .qhy-show-item{width: 20%;}
.app-xz-box{
	border-bottom: 1px solid #f2f3f8;
	padding: 50px 0;
}
.app-xz{
	width: 100%;
	padding-top: 45px;
}
.app-xz h2{
	text-align: center;
	font-size: 30px;
	color: #333;
	line-height: 48px;
	font-weight: normal;
}
.app-xz-l{
	float: left;
	width: 50%;
}
.app-btn2{
	display: block;
	margin-top: 35px;
	width: 240px;
	height: 46px;
	background-color: #1977f3;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	line-height: 46px;
	text-align: center;
	font-weight: normal;
	box-shadow: 0 10px 20px rgba(25, 119, 243, .3);
	transition: all .2s;
}
.app-xz-l h3{
	font-size: 24px;
	color: #333;
	font-weight: bold;
}
.app-xz-l h5{
	font-size: 18px;
	color: #333;
	font-weight: normal;
	margin: 20px 0;
}
.app-xz-l h5 em{
	color: #1977f3;
	font-weight: bold;
}
.app-xz-l p{
	font-size: 18px;
	color: #758296;
	line-height: 36px;
}
.app-xz-l p em{
	color:#1977f3 ;
	font-weight: bold;
}
.app-lc{
	width: 100%;
	height: 670px;
	background: url(../img/app-banner3.jpg) no-repeat;
	background-size: cover;
	padding-top: 60px;
}
.app-lc h2{
	font-size: 30px;
	text-align: center;
	font-weight: normal;
	color: #333;
}


.app-lc-ul{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
	background: url(../img/lc-xian.png) no-repeat 0 35px;
	background-size: 100%;
}
.app-lc-ul>img{
	position: absolute;
	top: 35px;
	left: 0;
	z-index: 1;
}
.app-lc-ul li{
	float: left;
	width: 25%;
	text-align: center;
	margin-bottom: 40px;
}
.app-lc-ul li h5{
	font-size: 18px;
	color: #333;
	margin: 20px 0 10px;
	font-weight: normal;
}
.app-lc-ul li p{
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.app-al {
	width: 100%;
	padding: 80px 0 40px;
}
.app-al h2{
	font-size: 30px;
	color: #333;
	text-align: center;
	font-weight: normal;
}
.all-box{text-align: center;}
.al-box a{
	display: block;
	width: 160px;height: 40px;
	border-radius: 20px;
	border: 1px solid #dddddd;
	line-height: 38px;
	text-align: center;
	font-size: 16px;
	color: #333;
	margin: 25px auto 0;
	transition: all .2s linear;
	box-sizing: border-box;
}
.al-box a:hover{
	border: 1px solid transparent;
	background: #1977f3;
	color: #ffffff;
}
.al-box{
	width: 230px;
	padding-bottom: 40px;
	box-shadow: 0 6px 10px rgba(192, 208, 220, .35);
	transition: all .2s linear;
}
.al-box img{
	width: 100%;
	margin-bottom: 20px;
}
.all-box .swiper-container {
	width: 1000px;
	text-align: center;
	margin: 0 auto;
	height: 400px;
	padding-top: 10px;
  }
  .all-box .arrow-left {
	position: absolute;
	left: 0;
	top: 45%;
	width: 26px;
	height: 70px;
	line-height: 75px;
	background-color:#f4f4f4;
	transition: all .25s;
  }
  .all-box .arrow-right {
	position: absolute;
	right: 0;
	top: 45%;
	width: 26px;
	height: 70px;
	line-height: 75px;
	background-color:#f4f4f4;
	transition: all .25s;
  }
  .all-box .arrow-left img,.all-box .arrow-right img{
	  width: 10px;
	  opacity: .6;
	  transition: all .25s;
  }
  .all-box .arrow-left:hover img{
	  opacity: 1;
  }
  .all-box .arrow-right:hover img{
	  opacity: 1;
  }
  .all-box .arrow-left:hover{
	  background: #e7e7e7;
  }
  .all-box .arrow-right:hover{
	background: #e7e7e7;
}
  .al-xian{
	  width: 20px;height: 1px;background-color:#999999;
	  margin: 20px auto;
  }

  .al-box h5{
	font-size: 16px;
	color: #333;
  }
  .al-box p{
	  font-size: 14px;
	  color: #999;
	  line-height: 18px;
  }


  /*开创云企业实力*/
.li-bg{width: 100%;height: 622px;background: url(../img/app-banner4.jpg) center no-repeat; background-size: auto 100%;padding-top: 55px;}
.li-main{width: 1100px;margin: 0px auto;}
.li-main h3{font-weight:normal;font-size: 30px; text-align: center; color:#fff;}
.li-tu{margin-top: 35px;font-size: 0;}
.li-picl{display: inline-block; vertical-align: top;}
.li-picc{position:relative;display: inline-block; vertical-align: top;width: 238px;height:412px;overflow:hidden;margin: 0px 7px;}
.li-picr{display: inline-block; vertical-align: top;width: 532px;}
.ll-top,.ll-bot{font-size: 0;}
.ll-t{display: inline-block; vertical-align: top;width: 294px; height: 211px; overflow: hidden;margin-right: 9px;}
.ll-v{display: inline-block; vertical-align: top;width: 227px; height: 211px; overflow: hidden;}
.ll-u{position:relative;display: inline-block; vertical-align: top;width: 202px; height: 193px; overflow: hidden;margin-right: 9px;}
.ll-o{position:relative;display: inline-block; vertical-align: top;width: 320px; height: 193px; overflow: hidden;}
.li-tfu1{width: 312px; height: 202px; overflow: hidden;}
.li-tfu1 img,.li-tfu2 img,.li-picc img,.ll-t img,.ll-v img,.ll-u img,.ll-o img{width: 100%;}
.li-tfu2{position:relative;width: 312px; height: 202px; overflow: hidden;margin-top: 7px;}
.ll-bot{margin-top: 7px;}
.zhe-zhao1{position: absolute;top:0px;left:0px;width:100%;height: 100%;background: rgba(255,255,255,0.5); filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; }
.zhe-zhao1 h5{font-weight:bold;font-size:20px; line-height: 35px; text-align: center;margin-top: 60px;font-weight:bold;color: #1977f3;}
.zhe-zhao1 p{font-family: 'DroidSansChinese';font-size:14px; line-height: 25px; text-align: center;margin-top: 5px;color: #1977f3;}
.zhe-v{background: rgba(255,255,255,.9);}
.zhe-v h5{font-weight:bold;margin-top: 145px;color: #1977f3;font-size: 18px;}
.zhe-v p{ color: #1977f3;}
.zhe-p{background: rgba(255,255,255,.9);}
.zhe-o{background: rgba(255,255,255,.9);}
.zhe-o h5{font-weight:bold;color: #1977f3;}
.zhe-o p{color: #1977f3;}
.zhe-hover:hover .zhe-zhao1{ filter:alpha(opacity=100);-moz-opacity:1;   -khtml-opacity: 1;opacity: 1;  }

.app-hhr{
	width: 100%;
	padding: 80px 0 54px;
}
.app-hhr h2{
	font-size: 30px;
	color: #333;
	font-weight: normal;
	text-align: center;
}
.app-hhr li{
	float: left;
	width: 247px;
	height: 141px;
	border: 1px solid #eeeeee;
	margin-right: 35px;
	text-align: center;
	margin-bottom: 26px;
	transition: all .15s linear;
	padding: 10px 0;
}
.app-hhr li img{
	transition: all .15s linear;
}
.app-hhr li p{
	font-size: 16px;
	color: #333;
}
.app-hhr li:hover{
	box-shadow: 0 10px 20px rgba(198, 208, 220, .35);
}
/* .app-hhr li:hover img{
	transform: scale(1.05);
	-ms-transform: scale(1.05);
} */
.app-hhr li:hover p{
	color: #1977f3;
}
.app-lianxi{
	width: 100%;
	height: 432px;
	background: url(../img/app-banner6.jpg) no-repeat;
	background-size: cover;
	padding-top: 40px;
}
.app-lianxi h2{
	font-size: 30px;
	color: #333;
	text-align: center;
	font-weight: normal;
}
.app-lianxi p{
	font-size: 18px;
	color: #666;
	text-align: center;
	margin: 20px 0 30px;
}
.app-inp{
	width: 500px;
	height: 44px;
	margin: 0 auto 20px;
}
.app-inp input{
	width: 100%;
	height: 100%;
	border: 1px solid #aaaaaa;
	border-radius: 22px;
	padding-left: 30px;
	outline: none;
	box-sizing: border-box;
}
.app-lianxi a{
	display: block;
	width: 500px;height: 44px;
	border-radius: 22px;
	background: #1977f3;
	text-align: center;
	line-height: 44px;
	color: #ffffff;
	margin: 0 auto;
	margin-top: 34px;
}
.al-box-big{
	width: 250px;
	transition: all .2s linear;
}
.al-box{
	margin: 0 auto;
}
.li-clear{
	clear: both;
}
#nyapp .qhy-show-item{
	width: 33.3%;
}
#wyapp .qhy-show-item{
	width: 20%;
}
.app-lianxi a:hover{
	background: #3488f7;
}
.zhe-zhao1 p em{
	font-weight: bold;
	font-size: 16px;
}
.app-btn2:hover{
	background: #428ae7;
	box-shadow: 0 6px 10px rgb(25,119,243,.3);
}
.al-box:hover{
	transform: translateY(-8px);
	box-shadow: 0 10px 15px rgba(192,208,220,.35);
}

.qhy-box-b{
	width: 90%;
	color: #fff;
	height: 70px;
	text-align: center;
	margin: 0 auto;
  }
.qhy-slide{
	float: left;
	width: 10%;
}
@-webkit-keyframes rollInRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}
	to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes rollInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(-120deg);transform:translate3d(100%,0,0) rotate(120deg)}to{opacity:1;-webkit-transform:none;transform:none}}
.rollInRight{-webkit-animation-name:rollInRight;animation-name:rollInRight}