@charset "utf-8";

@import "style_1024.css";

@media only screen and (max-width:1024px),
only screen and (max-device-width:1024px)
{
	/*caselist.html*/
	.component-caselist-content{height:520px;}
	.component-caselist-text{position:fixed; width:35%; padding:25px 0;}
	.component-caselist-info h3{margin-bottom:10px;}
	.component-caselist-data{margin-top:20px; margin-bottom:5px; }
	.component-caselist-img{width:65%;}
	.component-caselist-img .pc-img{display:none;}
	.component-caselist-img .pad-img{display:inline-block;}
	.component-caselist-img .phone-img{display:none;}
	.component-caselist-back{margin-top:30px;}
	.ai-caselist-img{width:500px;}

	/*about.html*/
	.ai-banner-wrap{height:338px;}
	.ai-pagebanner{margin-left:-512px;}
	.ai-bannerarrow{padding-bottom:33px; background-size:30px 33px;}
	.ai-banner2000{display:none;}
	.ai-banner1280{display:none;}
	.ai-banner1024{display:block;}
	.ai-about-info{font-size:12px; line-height:20px;}
	.ai-about-info strong{font-size:14px;}
	.ai-about-structureText{width:224px; height:42px; padding:40px 0 30px; background:url(Public/Images/about/text01.png) no-repeat 0 40px;}
	.ai-about-structureChart{width:760px; height:365px; background-size:760px 365px;}
	.ai-about-intro{height:235px; background-size:1280px 235px;}
	.ai-about-intro h3{padding:50px 0 30px; font-size:22px;}
	.ai-about-intro h3 span{padding-bottom:8px;}
	.ai-about-intro h3 strong{padding-bottom:4px;}
	.ai-about-intro h4{font-size:14px; font-weight:bold; color:#fff;}
	.ai-about-intro p{line-height:22px;}

	@-webkit-keyframes aboutPic2 {
		from { opacity:0; -webkit-transform:translate3d(210px,-70px,0px);}
		to { opacity:1; -webkit-transform:translate3d(0,0,0);}
	}
	@-webkit-keyframes aboutPic3 {
		from { opacity:0; -webkit-transform:translate3d(140px,-70px,0px);}
		to { opacity:1; -webkit-transform:translate3d(0,0,0);}
	}
	@-webkit-keyframes aboutPic4 {
		from { opacity:0; -webkit-transform:translate3d(70px,-70px,0px);}
		to { opacity:1; -webkit-transform:translate3d(0,0,0);}
	}
	@-webkit-keyframes aboutPic5 {
		from { opacity:0; -webkit-transform:translate3d(0px,-70px,0px);}
		to { opacity:1; -webkit-transform:translate3d(0,0,0);}
	}
	@-webkit-keyframes aboutPic6 {
		from { opacity:0; -webkit-transform:translate3d(-70px,-70px,0px);}
		to { opacity:1; -webkit-transform:translate3d(0,0,0);}
	}
	@-webkit-keyframes aboutPic7 {
		from { opacity:0; -webkit-transform:translate3d(-140px,-70px,0px);}
		to { opacity:1; -webkit-transform:translate3d(0,0,0);}
	}
	@-webkit-keyframes aboutPic8 {
		from { opacity:0; -webkit-transform:translate3d(-210px,-70px,0px);}
		to { opacity:1; -webkit-transform:translate3d(0,0,0);}
	}

	/*virtual*/
	.pagebanner-height{height:435px;}

	.ai-pagebanner-3D{height:435px;;}
	.virtualbanner-ani{position:absolute; top:100px; left:100px; width:900px; margin-left:0; height:280px;}
	.virtualbanner-pic{width:460px; height:280px;}
	.virtualbanner-pic0{bottom:-20px; right:5px; width:65px; height:50px;}
	.virtualbanner-pic1{top:-90px; left:-290px; width:1224px; height:456px;}
	.virtualbanner-pic2{top:20px; right:5px; width:180px; height:22px;}	
	.virtualbanner-pic3{top:100px; right:-35px; width:135px; height:65px;}
	.virtualbanner-pic4{top:120px; right:0px; width:140px; height:105px; }
	.virtualbanner-pic5{top:160px; right:115px; width:125px; height:80px; }
	.virtualbanner-pic6{top:135px; left:-65px; width:140px; height:22px; }
	.virtualbanner-text{top:30px; width:390px; height:217px;}
	.virtualbanner-tex1{width:247px; height:192px; }
	.virtualbanner-tex2{top:98px; font-size:48px;}
	.virtualbanner-tex3{top:150px; font-size:18px;}	
	.virtualbanner-tex4{top:160px; font-size:35px;}
	.virtualbanner-tex5{top:205px;}

	.ai-pagetips{background:#06cec6 url(Public/Images/virtual/virtual-pic01-1024.png) no-repeat center center;}
	.ai-virtual-solution{height:675px; background:url(Public/Images/virtual/virtual-bg01@1024.png) no-repeat center 455px;}
	.ai-virtual-featurecon{width:43.5%;}
	.ai-virtual-featuretext{width:56%}
	.ai-virtual-featuretext.pos1, .ai-virtual-featuretext.pos2, .ai-virtual-featuretext.pos3{left:-60%;}
	.ai-virtual-featuretext.pos4, .ai-virtual-featuretext.pos5, .ai-virtual-featuretext.pos6{right:-60%;}
	.ai-virtual-case{height:580px;}
	.ai-virtual-casetil{top:22%;}

	.ai-pagebanner-about{height:338px;}
	.pagebanner-about-pic{top:60px; width:490px; height:140px; margin-left:-245px;}
	.aboutbanner-pic{top:70px; width:70px; height:70px;}
	.aboutbanner-pic.img1{left:210px;}
	.aboutbanner-pic.img2{left:0px;}
	.aboutbanner-pic.img3{left:70px;}
	.aboutbanner-pic.img4{left:140px;}
	.aboutbanner-pic.img5{left:210px;}
	.aboutbanner-pic.img6{left:280px;}
	.aboutbanner-pic.img7{left:350px;}
	.aboutbanner-pic.img8{left:420px;}
	.pagebanner-about-con{bottom:60px; width:490px; margin-left:-245px; height:60px;}
	.pagebanner-about-text{top:13px; width:345px; line-height:24px;}
	.pagebanner-about-text h3{font-size:16px;}
	.pagebanner-about-text h4{font-size:12px;}
	.pagebanner-about-ico{top:10px; right:75px; width:53px; height:48px;}
	
	.case_list_box{
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #666;
}
.case_list_nav{
	width: 640px;
	height: 50px;
	margin: 0 auto;
}
.case_list_nav li{
	width: 128px;
	line-height: 48px;
	font-size: 15px;
	color: #6e6e6e;
	float: left;
	text-align: center;
	cursor: pointer;
}
.case_list_nav .case_active{
	color: #111;
	border-bottom: 2px solid #111;
}

/*图片列表*/ 
.case_list{
	margin-bottom: 20px;
}
.case_item{
	width: 258px;
	box-sizing: border-box;
	margin: 0 16px 32px 0;
	float: left;
	border: 1px solid #515151;
}
.case_item:nth-child(3n){
	margin-right: 0;
}
.case_item>a{
	display: block;
}
.case_item .pic{
	width: 100%;
}
.case_item .pic .bg{
	width: 100%;
}
.case_item .pic .logo{
	position: absolute;
	width: 48px;
	height: 48px;
	bottom: 10%;
	left:50%;
	transform: translateX(-50%);
} 
.case_item .pic .logo img{
	width: 100%;
	height:100%;
}
.case_item .info{
	padding: 15px 12px;
}
.case_item .title{
	color: #474747;
}
.case_item .desc{
	font-size: 15px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	color: #969696;
	margin-top: 10px;
	margin-bottom: 10px;
}
.case_item .tag{
	font-size: 14px;
	color: #b8b8b8;
	padding-left: 20px;
	background: url(Public/Images/icon_tag_mini@2x.png) no-repeat left center;
}
/*九宫格主体*/
.case_list_main{
	width: 808px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 20px;
}
.case_img_box{
	width: 258px;
	height: 195px;
	margin: 0 16px 16px 0;
	float: left;
}
.case_img_a{
	width: 258px;
	height: 195px;
	display: block;
	position: relative;
	overflow: hidden;
}
.case_img_a img{
	width: 258px;
	height: 195px;
}
.case_list_bg{
	width: 258px;
	height: 195px;
	position: absolute;
	left: 0;
	top: 244px;
	background: rgba(0,0,0,0.5);
}
.case_list_bg p{
	width: 243px;
	line-height: 40px;
	font-size: 15px;
	color: #FFF;
	padding-left: 15px;
	background: #00B7EE;
	margin-top: 155px;
}
.case_margin{
	margin-right: 0;
}
#main_2,#main_3,#main_4{
	display: none;
}
.case_list_footer{
	width: 320px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.case_list_footer li{
	width: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #00baec;
	color: #00BAEC;
	font-size: 15px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
.case_list_footer .case_footer_li{
	background: #00baec;
	color: #FFF;
}
	

}