@charset "utf-8";
/* CSS Document */

.clear:after{clear:both;display:block;content:"";}
.clear{zoom:1;}


#container{
	width:100%;
	min-width:1200px;
	overflow:hidden;
	position:relative;
	z-index:888;
	font-family:"微软雅黑"}
body,ul,li,dl,ol,h1,h2,h3,h4,h5,h6,p{
	margin:0;
	padding:0;
	}
li{list-style:none;}
a{text-decoration:none;}



#header{
	width:100%;
	height:100px;
	line-height:100px;
	position:fixed;
	background:#fff;
	z-index:9999;
	box-shadow: 0 1px 5px #888;
	-webkit-box-shadow: 0 1px 5px #888;
	-moz-box-shadow: 0 1px 5px #888;
	-ms-box-shadow: 0 1px 5px #888;
	-o-box-shadow: 0 1px 5px #888;
	}
.header-container{
	margin: 0 auto;
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	z-index:999;
	border:1px soild #0C6;
	}
#logo img{margin-top:22px;float:left;}
#nav{
	float:right;}
#nav li{float:left;padding-left:40px;}
#nav li a{color:#4c4f4f;font-size:18px;}
#nav li a:hover{color:#1192d6;}

#content{width:100%; padding-top:100px;position:relative;z-index:100;}


#aboutus{width:100%;height:390px;text-align:center;background:url(../images/abus-bg.png) no-repeat center 199px;}
.aboutus{color:#000;padding:80px 0 36px 0;font-size:24px;}
#aboutus span{color:#636468;font-size:14px;}
.abnr1{margin:90px 0 32px 0;color:#4c4e51;font-size:14px;}
.abnr2{margin:0 0 72px 0;color:#4c4e51;font-size:14px;}



#tv{background:url(../images/guanyu_bj_02.jpg) no-repeat;
	width:100%;
	height:833px;
	position:relative;
	
	}
#flv{margin:0 auto; position:relative; }
.tvnr{margin:0 auto; display:block;width:50%;position:absolute;top:48px;left:25%; z-index:19;}

#service{width:100%;text-align:center;height:800px;position:relative;overflow:hidden;background:url(../images/abus-bg.png) no-repeat center 199px; }
.sf{color:#000;margin-bottom:36px;font-size:24px;}
#sf span{color:#636468;font-size:14px;}
.sfnr1{margin:90px 0 32px 0;color:#4c4e51;font-size:14px;}
.sfnr2{margin:0 0 72px 0;color:#4c4e51;font-size:14px;}
#seleft,#secenter,#seright{position:absolute;top:800px;}
#seleft{left:27%;z-index:1;}
#secenter{left:34.6%;}
#seright{left:65.6%;}


#section{width:62.5%;height:300px;margin:0 auto;}
#section div{float:left;width:23.7%;margin-left:1%;height:300px;text-align:center;color:#167ddb;}
#section div:hover{box-shadow: 10px 20px 30px #888888;}
#section span{display:inline-block;font-size:14px;padding-top:181px;}
.se1,.se3{background-color:#f2f7f8;transition:background 0.5s;
-moz-transition:background 0.5s; /* Firefox 4 */
-webkit-transition:background 0.5s; /* Safari and Chrome */
-o-transition:background 0.5s; /* Opera */}
.se2,.se4{background-color:#ecf1f2;transition:background 0.5s;
-moz-transition:background 0.5s; /* Firefox 4 */
-webkit-transition:background 0.5s; /* Safari and Chrome */
-o-transition:background 0.5s; /* Opera */}
.se{
	background-repeat:no-repeat;
	background-position:50%;
}
.se:hover{
	background-color:#167ddb;
}
.se:hover span{
	color:#fff;
}
.se1{background-image:url(../images/icon/01_un.png);}
.se2{background-image:url(../images/icon/02_un.png)}
.se3{background-image:url(../images/icon/03_un.png) }
.se4{background-image: url(../images/icon/04_un.png)}
.se1:hover{background-image:url(../images/icon/01.png)}
.se2:hover{background-image:url(../images/icon/02.png)}
.se3:hover{background-image:url(../images/icon/03.png) }
.se4:hover{background-image:url(../images/icon/04.png) }

#sf{width:100%;text-align:center;height:1022px;padding-top:80px;background:url(../images/abus-bg.png) no-repeat center 199px;}
.service{color:#000;margin:80px 0 36px 0;font-size:24px;}
#service span{color:#636468;font-size:14px;}
.senr1{margin:90px 0 32px 0;color:#4c4e51;font-size:14px;}
.senr2{margin:0 0 80px 0;color:#4c4e51;font-size:14px;}
.img2,.img3,.img4,.img5,.img6,.img7{width:94px;height:94px;position:absolute;display:inline-block;}
.service-flow{
	position:absolute;
	
}
.service-flow  .service-flow-image{
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:94px;
	height:94px;
}
.service-flow .service-flow-desc{
	width:0px;
	height:0px;
	background-repeat:no-repeat;
	position:absolute;
	top:-11px;
	left:-11px;
	z-index:100;
	background-size:594px 295px;
}
.left{
	left:0;
}
.right{
	right:0;
}
.top{
	top:0;
}
.bottom{
	bottom:0;
}
.service-flow .service-flow-container{
	position:relative;
}
.service-flow-1{
	left:234px;
	top:60px;
}
.service-flow-1  .service-flow-image{
	background-image:url(../images/service_icon/icon_01.png);
}
.service-flow-1 .service-flow-desc{
	background-image:url(../images/service_icon/animate-1.png);
}

.service-flow-2{
	left:534px;
	top:60px;
}
.service-flow-2  .service-flow-image{
	background-image:url(../images/service_icon/icon_02.png);
}
.service-flow-2 .service-flow-desc{
	background-image:url(../images/service_icon/animate-2.png);
}


.service-flow-3{
	left:831px;
	top:60px;
}
.service-flow-3  .service-flow-image{
	background-image:url(../images/service_icon/icon_03.png);
}
.service-flow-3 .service-flow-desc{
	background-image:url(../images/service_icon/animate-3.png);
}


.service-flow-4{
	left:831px;
	top:301px;
}
.service-flow-4  .service-flow-image{
	background-image:url(../images/service_icon/icon_04.png);
}
.service-flow-4 .service-flow-desc{
	background-image:url(../images/service_icon/animate-4.png);
}


.service-flow-5{
	left:831px;
	top:531px;
}
.service-flow-5  .service-flow-image{
	background-image:url(../images/service_icon/icon_05.png);
}
.service-flow-5 .service-flow-desc{
	background-image:url(../images/service_icon/animate-5.png);
}

.service-flow-6{
	left:534px;
	top:531px;
}
.service-flow-6 .service-flow-image{
	background-image:url(../images/service_icon/icon_06.png);
}
.service-flow-6 .service-flow-desc{
	background-image:url(../images/service_icon/animate-6.png);
}

.service-flow-7{
	left:234px;
	top:531px;
}
.service-flow-7 .service-flow-image{
	background-image:url(../images/service_icon/icon_07.png);
}
.service-flow-7 .service-flow-desc{
	background-image:url(../images/service_icon/animate-7.png);
}





.img8{width:217px;height:217px;position:absolute;display:inline-block;}
.sfimg{
	position:relative;
	width:1200px;
	height:720px;
	margin:0 auto;}
.img2{background:url(../images/service_icon/icon_02.png) no-repeat;top:60px;left:536px;}
.img3{background:url(../images/service_icon/icon_03.png) no-repeat;top:60px;left:834px;}
.img4{background:url(../images/service_icon/icon_04.png) no-repeat;top:304px;left:834px;}
.img5{background:url(../images/service_icon/icon_05.png) no-repeat;top:534px;left:834px;}
.img6{background:url(../images/service_icon/icon_06.png) no-repeat;top:534px;left:536px;}
.img7{background:url(../images/service_icon/icon_07.png) no-repeat;top:534px;left:238px;}
.img8{background:url(../images/logo_03.png) no-repeat;top:246px;left:175px;}

.animate2,.animate3,.animate4,.animate5,.animate6,.animate7{position:absolute;display:none;width:0px;height:0px;left:0px; top:0px;}





#caseshow{width:100%;text-align:center;padding-top:80px;height:1149px;background:url(../images/abus-bg.png) no-repeat center 199px;}
.cs{color:#000;margin:0 0 36px 0;font-size:24px;}
#caseshow span{color:#636468;font-size:14px;}
.csnr1{margin:90px 0 32px 0;color:#4c4e51;font-size:14px;}
.csnr2{margin:0 0 30px 0;color:#4c4e51;font-size:14px;}
#casepic{width:1272px;margin:0 auto;margin-bottom:50px;}
#casepic li{float:left;margin:30px;position:relative;overflow:hidden;}
#casepic li div{width:360px;height:131px;filter:alpha(opacity=80);opacity:0.8;background-color:#000;position:absolute;top:100%;left:0px;text-align:center;color:#FFF;padding-top:90px;}
#casepic li:hover div{}
#casepic li div a{color:#FFF;font-size:15px;}
#casepic span{color:#FFF;font-size:15px;}

#contactus{width:100%;text-align:center;padding-top:80px;padding-bottom:80px;background:url(../images/abus-bg.png) no-repeat center 199px #f2f6f9;}
.cu{color:#000;margin:0 0 36px 0;font-size:24px;}
#contactus span{color:#636468;font-size:14px;}
.cunr1{margin:90px 0 40px 0;color:#4c4e51;font-size:14px;}

.form{margin:0 auto;width:1001px;height:420px;background:#fff;}
.formul{width:100%;padding-right:53px;padding-left:12px;margin:0 auto;}
.formul li{float:left;padding-left:56px;font-size:14px;color:#5f6062;height:80px;line-height:80px;}
.address{background:url(../images/icon/5.png) no-repeat 29px 31px;}
.tel{background:url(../images/icon/6.png) no-repeat 29px 31px;}
.QQ{background:url(../images/icon/7.png) no-repeat 29px 31px;}
.email{background:url(../images/icon/8.png) no-repeat 29px 31px;}
input,textarea{float:right;margin-right:25px;border:1px solid #dcdcdc;color:#333;padding:12px 0 12px 12px;}
.form img{float:left;margin-left:30px;margin-right:25px;}
.name,.youtel{width:408px;margin-top:7px;}
.need{
resize:none;
width:406px;
height:138px;
margin-top:7px;}
.submit{background:#167eda;border:none;width:420px;height:42px;margin-top:8px;padding:none;color:#fff;}

#footer{text-align:center;height:150px;width:100%;}
#footer p{font-size:12px;color:#4c4e51;}
.pone{padding:44px 0 18px 0;}
.ptwo{padding-bottom:17px;}
.absolute{
	position:absolute;
}
.bg{
	width:100%;
}

.swiper-container{position:relative;}

#pre{left:15px;background:url(../images/banner%25E5%25AF%25BC%25E8%2588%25AA_03.png) no-repeat;}
#next{right:15px;background:url(../images/banner%25E5%25AF%25BC%25E8%2588%25AA_05.png) no-repeat;}
#pre,#next{
display:none;
position:absolute;
top:45%;
z-index:9;
width:45px;
height:120px;
}
.swiper-container:hover #pre{display:block;}
.swiper-container:hover #next{display:block;}


/*视频*/
input,textarea{outline:none;}

img{border:none;}