.about-iBan { width:100%; position:relative}
.mengcheng {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 95, 116, .6)), to(rgba(23, 9, 49, .6)));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 95, 116, .6)), to(rgba(23, 9, 49, .6)));
    background: -webkit-linear-gradient(left, rgba(30, 95, 116, .6), rgba(23, 9, 49, .6));
    background: -moz-linear-gradient(left, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 95, 116, .6)), to(rgba(23, 9, 49, .6))));
    background: -webkit-linear-gradient(left, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);
    background: -o-linear-gradient(left, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);
    background: -ms-linear-gradient(left, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);
    background: linear-gradient(to right, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.6)', endColorstr='rgba(23,9,49,.6)', GradientType=1 );
}
.iBanner img { clear:both; display:block; width:100%; height:auto;
-webkit-animation: scaleBigToDefault 1.5s ease-in-out;
animation: scaleBigToDefault 1.5s ease-in-out;}
@-webkit-keyframes scaleBigToDefault {
0% { opacity:0; -webkit-transform:scale3d(1.3,1.3,1.3); transform:scale3d(1.3,1.3,1.3)} 
100% {opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)} 
}
@keyframes scaleBigToDefault {
0% {opacity:0; -webkit-transform:scale3d(1.3,1.3,1.3); transform:scale3d(1.3,1.3,1.3)} 
100% {opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)} 
}

.case-nav{position:relative;height: auto;text-align: center;}
/*.case-nav-main.active{position:fixed;top:90px;padding: 30px 0;height: auto;}*/
.case-nav-main{padding:80px 0;background: #fff;}
.case-nav a{margin:0 32px;display: inline-block;color: #000;}
.case-nav a.active{color: #fa7d03;}
.case-nav a:hover{color: #fa7d03;}
.case-ul{padding: 65px 5%;}
.case-li{padding:5px;float: left;width: 33.3333%;}
.case-li a{display: block;background: #fff;border: 1px solid #e9e9e9;}
.case-li-img{overflow: hidden;}
.case-li-img img{display: block;width: 100%;transition: all .3s ease;-webkit-transition: all .3s ease;}
.case-li-intro{padding:0 30px;color: #000;}
.case-li-intro p{padding:30px 0;}
.case-li-tit{border-bottom: 1px solid #e9e9e9;font-size: 20px;background: url(https://www.aoyaweb.com/images/icon23.png) no-repeat right center;}
.case-li a:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}

/*网站服务*/
.website-ul{padding:5% 0;background:#F4F4F4;}
.website-li{margin-bottom: 5%;}
.website-li-intro{padding:5%;float: left;width: 43%;font-size: 16px;line-height: 30px;color: #666;box-sizing: border-box;}
.website-li-intro p{margin-bottom: 50px;}
.website-li-tit{position:relative;padding-bottom:30px;font-size: 36px;color: #000;}
.website-li-tit:before{content: '';position: absolute;left: 0;bottom: 0;width: 65px;height: 3px;background: #fa7d03;transition: all .3s ease;}
.website-li-pic{float: left;width: 57%;}
.website-li-pic img{display: block;width: 100%;}
.website-li-intro:hover .website-li-tit:before{width: 120px;}
.website-li.odd .website-li-intro{float: right;}
.website-li-form{}
.website-li-form input{padding:0 25px;float: left;width: 80%;height: 58px;line-height: 58px;box-shadow: 0 0 2px 5px rgba(0,0,0,.01);border-bottom-left-radius: 20px;border-top-left-radius: 20px;}
.website-li-form button{float: left;width: 20%;height: 58px;background: #fa7d03;color: #fff;border-top-right-radius: 20px;border-bottom-right-radius: 20px;font-size: 20px;font-weight: bold;border: none;}
.website-li-more{display: block;width: 69px;height:69px;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url(../image/icon62.png);}
.website-li-more:hover{background-image: url(../image/icon79.png);}

.about-iBan .box {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -180px;
    z-index: 3;
}


@media (max-width:768px) {
.case-nav{height: 60px;}
	.case-nav.heig{height: 80px;}
	.case-nav a{margin:0 10px;font-size: 12px;}
	.case-nav-main{padding: 20px 0}
	/*.case-nav-main.active{top: 50px;padding: 20px 0;}*/
	.case-ul{padding: 40px 10px;}
   	.case-li-intro{padding: 0 10px;font-size: 12px;}
	.case-li-intro p{padding: 10px 0;}
	.case-li-tit{font-size: 14px;background-size: 15px;}
	
	.website-li-intro{padding: 20px 15px;width: 100%;}
	.website-li-pic{width: 100%;}
	.website-li-tit{padding-bottom: 15px;font-size: 20px;}
	.website-li-more{display: block;width: 40px;}
	}