@charset "utf-8";
/*******开始首页导航******/
.nav{ position:fixed; top:0px; height:100px; background:url(../images/navbg.png) repeat; z-index:99999; width:100%;}
.nav_right{ float:right;  width:570px; margin-top:15px;}
.nav_right ul{ width:570px; float:left; padding-top:30px;}
.nav_right ul li{ float:left; position:relative; padding:0px 12px; font-size:14px; color:#fff;  height:30px; overflow:hidden; }
.nav_right li span{ display:block; height:30px; position:relative; top:0px; }
.nav_right li a{ color:#fff;height:30px; display:block; position:relative; top:0px; }
/*******结束首页导航******/

/***********开始首页第一屏************/
.bannerpanel {width:100%; position: relative;  }
.banner {min-width:1100px;  position: relative; width: 100%; overflow: hidden; left: 0px; top: 0px; z-index: 1; }
.banneritem {min-width:1100px; position: relative; width: 100%; height: 100%; overflow: hidden; }
.banneritem .pic { position: absolute; width: 100%; height: 100%; }
.banneritem .imgIn img { visibility: visible !important; -webkit-animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

.banneritem .pic img { width: 100%; display: block; }
.banerBtns { height: 23px; bottom: 20px; position: absolute; width: 100%; left: 0px; z-index: 99; text-align: center; display: none; }
.banerBtns span { height: 16px; line-height: 16px; width: 10px;  margin: 0px 6px; display: inline-block;  background: url(../images/num_1.png) no-repeat center center; cursor: pointer; opacity: 0; }
.banerBtns span.cur { background: url(../images/num_2.png) no-repeat center center; }
.bannerfont { text-align: center; width: 430px; position: absolute; z-index: 1000; left: 35%; top: 50%; height: 300px; margin: -230px 0px 0px -215px; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-in-out 0s; /* Firefox 4 */ -webkit-transition: all 0.2s ease-in-out 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
.bannerfont .fone { height: 78px; position: absolute; left: 0px; top: 154px; width: 100%; display: none; }
.bannerfont .ftwo { height: 76px; position: absolute; left: 0px; bottom: 0px; width: 100%; display: none; }
/***********结束首页第一屏************/

/***********开始首页关于邦维************/
.page2{ min-width:1100px; max-width:1920px; height:700px; overflow:hidden; margin:0 auto;width:100%;padding-top:48px; background:url(../images/bg2.jpg) no-repeat top center; z-index:-10;}
.about_t1{ text-align:center; color:#333333; font-size:35px;font-family:微软雅黑;}
.about_t2{ text-align:center; color:#333333; font-size:20px;  font-weight:bold ; padding-top:10px;font-family:微软雅黑; }
.about_t3{ text-align:center; color:#333; font-size:18px;  font-weight:bold ; padding-top:10px;font-family:微软雅黑; }
.about_c{ width:1090px;  color:#666666;font-family:微软雅黑; font-size:14px; line-height:26px; padding-top:30px;}

.service_list{ width:1090px; float:left; padding-top:70px;}
.service_list ul{ position:relative; z-index:2; float:left;}
.service_list ul li{ float:left;  padding:157px 55px 0px 55px; width:127px;}
.service_list ul li.icon0{background:url(../images/icon1.png) no-repeat 0px top; padding:157px 55px 0px 0px;  }
.service_list ul li.icon0:hover{background:url(../images/icon01.png) no-repeat 0px top; }
.service_list ul li.icon1{background:url(../images/icon2.png) no-repeat 55px top; }
.service_list ul li.icon1:hover{background:url(../images/icon02.png) no-repeat 55px top; }
.service_list ul li.icon2{background:url(../images/icon3.png) no-repeat 55px top; }
.service_list ul li.icon2:hover{background:url(../images/icon03.png) no-repeat 55px top; }
.service_list ul li.icon3{background:url(../images/icon4.png) no-repeat 55px top; }
.service_list ul li.icon3:hover{background:url(../images/icon04.png) no-repeat 55px top; }
.service_list ul li.icon4{background:url(../images/icon5.png) no-repeat 55px top; padding:157px 0px 0px 55px;}
.service_list ul li.icon4:hover{background:url(../images/icon05.png) no-repeat 55px top; }

.service_list ul li a{ display: inline-table; width:127px; text-align:center; color:#000; top:0px;  position:absolute;  font-size:16px;font-family:微软雅黑;  padding-bottom:10px;}
.service_list ul li a.avtive{ color:#007fc5; top:54px;}
.service_list ul li span{height:54px; overflow:hidden;  display:block; position:relative; z-index:3;}

.service_list ol{ z-index:1; display:block; color:#000; float:left; position:relative; top:-185px; left:158px;}
.service_list ol li{ float:left; color:#d4d4d4;font-family:微软雅黑; font-size:60px; width:240px; padding:0px 0px;}

.about_more{ float:left; width:100%;}
.about_more01{margin:0 auto; height:37px; width:132px; position:relative; overflow:hidden; }
.about_more01 a,.about_more01 span{ text-align:center; position:relative; display:block; font-family:微软雅黑; line-height:35px; height:35px; font-size:16px;  width:130px;}

.about_more01 span{ color:#666666; border:#cdcdcd solid 1px; top:0px;}
.about_more01 a{color:#ffffff; border:#007fc5 solid 1px; background:#007fc5;top:0px;}

/***********结束首页关于邦维************/

/***开始首页核心产品************************/
.page3{ min-width:1100px; max-width:1920px; height:980px; overflow:hidden; margin:0 auto;width:100%;padding-top:70px; background:url(../images/bg3.jpg) no-repeat top center; z-index:-10;}
.domain_t1{text-align:center; color:#ffffff; font-size:35px;}
.domain_t2{text-align:center; color:#ffffff; font-size:20px; font-weight:bold; padding-top:10px;font-family:微软雅黑;}
.box-zzsc{ float:left; width:1090px; position:relative; margin-top:40px; margin-bottom:40px;}
.box-zzsc.full-portfolio {list-style: none;padding: 0;}
.box-zzsc.full-portfolio li { padding: 0 !important;-webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.portfolio-item {float:left; width:357px; height:225px; position: relative; overflow: hidden;}
.portfolio-item .mask {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	 height:100%;
	text-align: center;
	padding-top: 25%;
	background: rgba(0, 0, 0, 0.5);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.3s ease-in 0.4s;
	-moz-transition: all 0.3s ease-in 0.4s;
	-o-transition: all 0.3s ease-in 0.4s;
	-ms-transition: all 0.3s ease-in 0.4s;
	transition: all 0.3s ease-in 0.4s;
}
.portfolio-item h4 {
	font-size: 18px;
    font-weight:bold;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	background: transparent;
	margin: 20px 40px 0px 40px;
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	-webkit-transition: all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	-ms-transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s;
}
.portfolio-item p {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	-webkit-transition: all 0.3s ease-in-out 0.2s;
	-moz-transition: all 0.3s ease-in-out 0.2s;
	-o-transition: all 0.3s ease-in-out 0.2s;
	-ms-transition: all 0.3s ease-in-out 0.2s;
	transition: all 0.3s ease-in-out 0.2s;
}
.portfolio-item:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
}
.portfolio-item:hover h4 {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.portfolio-item:hover p {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.portfolio-item .mask h4,
.portfolio-item .mask p {color: #fff; margin: 0 0 10px;}
.img-responsive { display: block; max-width: 100%; height: auto;}
.divider { text-align: center; margin-bottom: 10px; }
.divider > span { display: inline-block; width: 170px; background: #2396d1; height: 2px; }
.font-m { font-size: 1.1rem; font-family:Verdana, Arial, Helvetica, sans-serif; }
/***结束首页核心产品**************/

/***开始首页案例展示***********/

.page4{ min-width:1100px; max-width:1920px; height:680px; overflow:hidden; margin:0 auto;width:100%;padding-top:68px; background:url(../images/bg4.jpg) no-repeat top center; z-index:-10;}
.i_news{ padding-top:40px; width:1090px; float:left;}
.new_left{ width:490px; float:left;}
.new_right{ width:490px; float:right; height:340px;}
.new_right dl{ width:490px; float:left; margin-bottom:20px; height:100px; overflow:hidden;}
.new_right dl dt{ float:left; width:98px; height:100px; background:#bbbbbb; color:#fff;}
.new_right dl:hover dt{background:#007fc5;}
.new_right dl dt span.day{ font-size:50px; display:block; width:98px; text-align:center; padding:4px 0px;}
.new_right dl dt span.date{font-family:微软雅黑; font-size:13px; width:98px; text-align:center; display:block;}
.new_right dl dd{ background:#ededed; width:372px; line-height:26px; float:left; padding:10px; font-size:12px; color:#666666;font-family:微软雅黑;}
.new_right dl dd a.more_t{ width:392px; line-height:30px; display:block; font-size:14px; color:#333333; text-align:center;}
.new_right dl dd a.more{ color:#ff0000;}
/***结束首页新闻中心***********/

/***********开始首页底部***********/

.bm_about li a:hover{ text-decoration:underline;}
.foot{ float:left; color:#fff; line-height:70px; width:100%;}
.return{ height:35px; width:35px; z-index:9999; position:fixed; border-radius:50%; bottom:50px; right:50px; line-height:50px; text-align:center; font-size:18px; color:#f00; font-weight:bold; display:none; background:url(../images/return.png) no-repeat center center;
}

.test{animation:myfirst 500ms ;
	transform-origin:top center;
	-webkit-animation:myfirst 500ms ;
	-webkit-transform-origin:top center;
	}
@keyframes myfirst{
		100%{transform:rotate(-29deg);}
		99%{transform:rotate(28deg);}
		98%{transform:rotate(-27deg);}
		97%{transform:rotate(26deg);}
		96%{transform:rotate(-25deg);}
		95%{transform:rotate(24deg);}
		94%{transform:rotate(-23deg);}
		93%{transform:rotate(22deg);}
		92%{transform:rotate(-21deg);}
		91%{transform:rotate(20deg);}
		90%{transform:rotate(-19deg);}
		88%{transform:rotate(18deg);}
		86%{transform:rotate(-17deg);}
		84%{transform:rotate(16deg);}
		82%{transform:rotate(-15deg);}
		80%{transform:rotate(14deg);}
		76%{transform:rotate(-13deg);}
		72%{transform:rotate(12deg);}
		68%{transform:rotate(-11deg);}
		64%{transform:rotate(10deg);}
		60%{transform:rotate(-9deg);}
		55%{transform:rotate(8deg);}
		50%{transform:rotate(-7deg);}
		45%{transform:rotate(6deg);}
		40%{transform:rotate(-5deg);}
		30%{transform:rotate(4deg);}
		20%{transform:rotate(-3deg);}
		10%{transform:rotate(2deg);}
		0%{transform:rotate(0deg);}
}
@-webkit-keyframes myfirst{
		100%{transform:rotate(-29deg);}
		99%{transform:rotate(28deg);}
		98%{transform:rotate(-27deg);}
		97%{transform:rotate(26deg);}
		96%{transform:rotate(-25deg);}
		95%{transform:rotate(24deg);}
		94%{transform:rotate(-23deg);}
		93%{transform:rotate(22deg);}
		92%{transform:rotate(-21deg);}
		91%{transform:rotate(20deg);}
		90%{transform:rotate(-19deg);}
		88%{transform:rotate(18deg);}
		86%{transform:rotate(-17deg);}
		84%{transform:rotate(16deg);}
		82%{transform:rotate(-15deg);}
		80%{transform:rotate(14deg);}
		76%{transform:rotate(-13deg);}
		72%{transform:rotate(12deg);}
		68%{transform:rotate(-11deg);}
		64%{transform:rotate(10deg);}
		60%{transform:rotate(-9deg);}
		55%{transform:rotate(8deg);}
		50%{transform:rotate(-7deg);}
		45%{transform:rotate(6deg);}
		40%{transform:rotate(-5deg);}
		30%{transform:rotate(4deg);}
		20%{transform:rotate(-3deg);}
		10%{transform:rotate(2deg);}
		0%{transform:rotate(0deg);}
}
.ani_view,.ani_view01,.ani_view02{position:relative; float:left; top:60px;opacity:0;}
/*********结束首页底部***********/