/*@charset "UTF-8";

18/ 22/ 25/ 26/ 27/ 28/ 29/

*/
.exp-box{padding: 100px 0;}
.exp-box .title{text-align: center;}
.exp-box .content{margin-top: 60px;text-align:center}

.exp-box .yun-img{text-align: center;}
.advantage{margin: -70px 0 0 -75px; }
.advantage li{float: left; width: 180px; height:280px; margin: 70px 0 0 75px; text-align: center;}
.advantage li .img{height: 72px; position: relative; margin-top: 20px;}
.advantage li .img img{width: auto; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.advantage li p.f14{margin: 30px 0;}
.advantage li p.f12{color: #999; text-align: left; padding: 0 30px;}

.advantage li:hover{box-shadow: 0 4px 10px rgba(41,31,90,.2); -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;}
.advantage li:hover p.14{color: #333;}

.scene{margin: 30px 0 0 -40px;}
.scene li{float: left; width: 370px; height: 360px; margin-left: 40px; background: #fff; border-radius: 6px; position: relative;  }
.scene li img{width: 60px; height: 60px;}
.scene li p.f16{margin: 30px 0 20px;}
.scene li p.f14{color: #666; text-align: left; /*display: none;*/ opacity: 0; }
.scene li .scene-cont{text-align: center; width: 300px; position: absolute; left:50%; top: 120px; transform: translateX(-50%);}
.scene li:hover{box-shadow: 0 4px 15px rgba(147,130,227,.2); transform: translateY(-40px); -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;}
.scene li:hover p.f14{/*display: block; */ opacity: 1; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in}
.scene li:hover .scene-cont{top: 49px; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in}



.exp-anli li{float: left; width: 540px; height: 408px; margin: 25px 30px;  position: relative;}

.exp-anli li .showbox{width: 540px; height: 408px; padding: 0 40px; border-radius: 6px; border: 1px solid #ECECEC; box-shadow : 0 4px 15px rgba(0,0,0,0);}

.exp-anli li .logoImg{height: 140px; position: relative;}
.exp-anli li .logoImg img{width: auto; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.exp-anli li p.f14{margin-top: 40px; color: #666;}
.exp-anli li .whiteline{background: #fff;}

.exp-anli li .hoverbox{width: 540px; height: 408px; padding: 0 40px; border-radius: 6px; box-shadow : 0 4px 15px rgba(0,0,0,.5); position: absolute; left:0; top:0; z-index: 1; opacity: 0;}
.exp-anli li .hoverbox .logoImg{height: 140px; position: relative;}
.exp-anli li .hoverbox .logoImg img{width: auto; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.exp-anli li .hoverbox p{color: #fff;}
.exp-anli li .hoverbox p.f14{margin-top: 40px; color: #fff;}

.exp-anli li:hover .hoverbox{opacity: 1; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in}



.about-product{margin-left: -50px; display:inline-block;}
.about-product li{float: left; width: 200px; height: 300px; border: 1px solid #DADADA; border-radius: 4px; padding: 30px; background: #fff; margin-left: 50px; text-align: center;cursor:pointer;}
.about-product li .img{width: 50px; height: 62px; background: url('http://www.cnaiyun.com/images/exp-icon-16.png') 0 0 no-repeat; margin:0 auto}
.about-product li p.f20{color: #000; margin: 30px 0;}
.about-product li p.f14{color: #9382E3; cursor: pointer;}
.about-product li:hover{border:1px solid #fff; box-shadow: 0 4px 15px rgba(0,0,0,.2); -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in}
.about-product li:hover .img{background: url('http://www.cnaiyun.com/images/exp-icon-15.png') 0 0 no-repeat; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in}


.moreBtn{text-align: center;}
.more{display: inline-block; height: 38px; line-height: 38px; padding: 0 28px; background: #9382E3; border-radius: 4px; color: #fff; margin-top: 80px;}
.more:hover{background: #7568B5;}

/*@弹层*/
.opp{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.7); left:0; top:0; z-index: 999}

.opp-cont{width: 420px; padding: 20px 30px 50px; background: #fff; border-radius: 6px; box-shadow: 0 4px 15px rgba(0,0,0,.3); position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.opp-closeBtn{width: 20px; height: 20px; background: url('http://www.cnaiyun.com/images/close-btn-icon.svg') center center no-repeat; cursor: pointer; position: absolute; right: 20px; top: 20px;}
.opp-title{text-align: center;}
.opp-text{color: #666; margin: 30px 0;}
.opp-input-list{padding-bottom: 20px;}
.opp-input-list .input {height: 30px; padding: 0 15px; border-radius: 4px; border: 1px solid #E9ECF1;}
/*.opp-input-list .input:focus{border: 1px solid #9382E3;}*/
.opp-input-list .input input{height: 28px; line-height: 28px;}
.opp-input-list .opp-error{color: #EE6B63; margin-top: 5px;}
.opp .submitBtn{width: 100%; height: 38px; line-height: 38px; background: #9382E3; border-radius: 4px; color: #fff; margin-top: 20px;}
.opp .error .input{border: 1px solid #EE6B63;}
::-webkit-input-placeholder {color: #999; } 
:-moz-placeholder {color: #999; } 
::-moz-placeholder { color: #999; } 
:-ms-input-placeholder { color: #999; }