@charset "utf-8";
.com-floor .main-title{ color: #333; padding-top: 76px; text-align: center; font: normal 36px/38px "microsoft yahei";}
.com-floor .line{width: 100px; height: 4px; margin:20px auto 0 auto; background: #cdced8;}
.com-floor .sun-title{padding-top: 20px; text-align:center; color:#333; font: normal 20px/20px "microsoft yahei";  }
.a-floor1{ height:790px; overflow: hidden;}
.a-floor1 .main-title{ padding-top: 78px; text-align: center; font: normal 36px/38px "microsoft yahei"; color: #333;}
.a-floor1 .line{width: 100px; height: 4px; margin:20px auto 0 auto; background: #cdced8;}
.a-floor1 .sun-title{padding-top: 20px; text-align:center; color:#333; font: normal 20px/20px "microsoft yahei";  }
.a-floor1 .cont{ width: 1300px; margin-top: 100px;}
.a-floor1 .cont li{position: relative; float: left; width: 280px; height:360px; margin-right: 26px; overflow: hidden;}
.a-floor1 .cont li img{width: 280px; height:360px;}
.a-floor1 .cont li .txt
{
	color: #fff; position: absolute; left: 0; bottom:-134px; width: 280px; height: 190px; background: rgba(0,0,0,.8);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#80000000,endColorstr=#80000000);
	}
.a-floor1 .cont li .txt .title{ text-align: center; height: 60px; font:  normal 16px/60px "microsoft yahei";  }
.a-floor1 .cont li .txt .txt-1{ font-size: 14px; padding: 0 20px; line-height: 22px;  }
.a-floor1 .cont li .txt .btn-link{cursor: pointer;:pointer; color: #fff; display: block; margin:20px auto 0 auto; width: 98px; height: 28px; text-align: center; line-height: 28px; font-size: 14px; border-radius:10px ; border: 1px solid #fff;}
.a-floor1 .cont li .txt .btn-link:hover{ transition: .2s; background: #fff; color: #333;}
.a-floor1.abc .cont li .txt{ bottom:-134px; height: 190px;}
.a-floor2{ height: 867px; overflow: hidden;}
.a-floor2 .cont{ width: 1300px; margin-top: 100px;}
.a-floor2 .cont li{transition: .2s; position: relative; float: left; width: 280px; margin-bottom: 30px;  margin-right: 26px; overflow: hidden;}
/*.a-floor2 .cont li:hover{ box-shadow: 0px 2px 4px #e0e0e0; }*/
.a-floor2 .cont li:hover img{transition: .6s; transform:scale(1.1,1.1);  -webkit-transform:scale(1.1,1.1);}
.a-floor2 .cont li .img{width: 280px; height:160px; overflow: hidden;}
.a-floor2 .cont li img{transition: .6s; width: 280px; height:160px;}
.a-floor2 .cont li .txt{text-align:center;  color:#333; font: normal 14px/52px "microsoft yahei";  width: 280px; height:52px; }
.a-banner{position: relative; width: 100%; height: 1000px;    background-repeat:no-repeat; background-size:cover; background-color:#000; background-position: 50% 55%;}
.a-banner.ie8{background-image:url(../img/index-brnna1.jpg); background-color:#3D4489;}
.a-banner .bg1{
	 position: relative; width: 100%; height: 100%;
	 background-image:url(../img/bg-img3.jpg);  
	 background-repeat:no-repeat; 
	 background-size:cover; 
	 background-color:#191616;
	 background-position: 0 50%; 
 
 	/*animation:bgimg1 5s linear  1s 1 normal;*/
 }

.a-banner .bg-back{
	/*animation: bgback 1s infinite normal ;
	-webkit-animation: bgback 1s infinite normal ;*/
	animation:bgback 1s linear  0s 1 normal;
	 position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	 background: rgba(0,0,0,0.7); 
	 }

@keyframes bgback
{
	from {
		background: rgba(0,0,0,1);
	}
	to {background: rgba(0,0,0,0.7);}
}

@-webkit-keyframes bgback
{
	from {background: rgba(0,0,0,1);}
	to {background: rgba(0,0,0,0.7);}
}

@keyframes bgimg1
{
	from {
		 background-position: 50% 50%; 
	}
	to {
		 background-position: 80% 50%; 
	}
}
@-webkit-keyframes bgimg1
{
	from {
		 background-position: 50% 50%; 
	}
	to {
		 background-position: 80% 50%; 
	}
}



.a-banner .txt{/*padding-top: 260px;*/text-align: center; font:bold 60px/66px "microsoft yahei"; color: #fff;}
.a-banner .btn-wrap{padding-top: 60px; font-size: 0; text-align: center;   }
.a-banner .btn-wrap .btn{cursor: pointer; display: inline-block; *display: inline; *zoom: 1; width: 138px; height: 46px; margin-right: 20px; line-height: 46px;  font-size: 16px; text-align: center; color: #fff; border: 1px solid #fff; border-radius:10px;}
.a-banner .btn-wrap .btn:hover{transition:.1s; background: #fff; color: #333; }
.a-banner .icon-arrow{    z-index: 666; cursor: pointer; position: absolute; left:50%; bottom:4%;  margin-left: -46.5px; background: url('../img/sprite.png') no-repeat 0 -13px;width: 67px;height: 34px;}
.a-banner .txt-box{ position:absolute; top: 50%;  left: 50%; z-index:12; margin: -127px 0 0 -344px;}

.sence01video{
	z-index:10;
	top: 0px;
	bottom: 0;
	position: absolute;
	width: 100%;
	overflow: hidden;
}
#bgvid {
    height: auto;
    width: 100%;
    position: absolute;
    top:0;
    left: 0%;
    /*-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);*/
	
	/*width: 100%;
	height: 100%;
	position: absolute;
	background: url(../img/bg-index-banner1.jpg);
	background-size: 100% 100%;*/
}

/*@media (min-width:320px) {
	.a-banner .txt{
		font-size: 24px;
		font-weight: 100;
	}

}

@media (min-width:768px) {
	.a-banner .txt{
		font-size: 40px;
		font-weight: 100;
	}
}

@media (min-width:1024px) {
	.a-banner .txt{
		font-size: 40px;
		font-weight: 100;
	}
	
}

@media (min-width:1200px) {
	.a-banner .txt{
		font-size: 50px;
		font-weight: 100;
	}
}
*/

.mark{position: fixed; z-index: 20; top: 0; left: 0; bottom: 0; right: 0; background:rgba(0,0,0,.6);}
.technical-dialog{position: fixed; top: 50%; left: 50%; z-index:30; margin:-250px 0 0 -450px;  width: 900px; height: 500px;
background: url(../img/specialized/abc-bg.jpg) no-repeat bottom right #fff;
}
.technical-dialog .btn-close{cursor: pointer; position: absolute; top: 0; right:0; cursor:pointer; width: 60px; height: 60px; background: #949498;}
.technical-dialog .btn-close:hover{ background: #292a32;}
.technical-dialog .btn-close:hover i{
	transition: 1s;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	
	-moz-transform:rotate(180deg); 	
	-webkit-transform:rotate(180deg); 
	-o-transform:rotate(360deg); 
}
.technical-dialog .btn-close i{width: 30px;height: 30px; display: block;background: url('../img/sprite.png') no-repeat -94px -2px; margin:13px auto 0 auto;}
.technical-dialog .title{ color:#333; text-align: center; font-size: 24px; height: 96px; line-height: 96px;}
.technical-dialog .cont{ margin:0 auto; width: 828px;  overflow-y: auto;}
.technical-dialog .cont .sub-title.abc{ margin-top: 26px;}
.technical-dialog .cont .sub-title{margin-bottom: 10px; font-size: 18px; color: #333; font-weight:600;}
.technical-dialog .cont .txt{ margin-top:14px; margin-bottom: 30px; color: #333; font-size: 14px; line-height: 30px;}
.technical-dialog .cont .txt img{ margin-top: 6px; margin-right: 10px;}
.technical-dialog .cont  .txt2{text-indent: 30px;color: #333; font-size: 14px; line-height: 30px;}