body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td,img {margin:0;padding:0;}
img {border:0}
ol,ul {list-style:none}
h1,h2,h3,h4,h5,h6{font-size:16px;}
input{outline: none;border:none;}
html {_overflow-y:scroll;}
/*****！！页面通用css样式定义开始******/
html,body{min-width: 1000px;font-family: "Microsoft YaHei";_width:expression(document.body.clientWidth < 1000 ? "1000px" : "auto");}
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */
body{
    font-family: "微软雅黑";    /*文字字体定义 */
	font-size: 14px;    /*文字大小定义 */
	color: #000; /*文字颜色定义 */
	min-width:1000px;
  background:#f1f1f1;
  min-width:1200px;
  overflow-x:hidden;
}
/* 网站超链接css通用设置 */
a{text-decoration: none;} /* 链接无下划线,有为underline */ 
a:link {color: #2c2c2c;} /* 未访问的链接 */
a:visited {color: #2c2c2c;} /* 已访问的链接 */
a:hover{color: #2c2c2c;	text-decoration: none;} /* 鼠标在链接上 */ 
a:active {color: #2c2c2c;} /* 点击激活链接 */
p{ line-height:24px;}
.fl{float:left;}
.fr{float:right;} 
.hide{display: none}
.show{display: block}
.dib{display: inline-block;*display: inline;zoom:1;}
/*.clear{clear:both; line-height:0; height:0; font-size:0px;}*/
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow: hidden;}/*清除浮动*/
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.dib{display: inline-block;*display: inline;zoom:1;}
.wrap{ width:1000px; margin:0 auto; height:auto;}
.red{color: red}
/*表格样式定义 */ 
checkbox{border: 0px;}/*选择框样式定义 */ 
.input{ border:1px solid #ccc; height:20px;line-height:20px} 
ul,li{ list-style:none}
h5{font-weight:normal;}

#zheBox{position:fixed;top:0px;left:0px;background:#9a0000;z-index:10000;width:100%;height:100%;}
#zheBox img{position:absolute;top:50%;left:50%;margin-top:-240px;margin-left:-460px;}
#zheBox img.on{animation:logo 2s ease-in 0s infinite;}
@keyframes logo {
 0%  {transform:scale(1) rotate(0deg);}
 100%  {transform:scale(0) rotate(7200deg);}
}


.backTop{position:fixed;top:20%;right:10px;z-index:1000;cursor:pointer;}

.box{width:1200px;margin:0 auto;min-width:1200px;position:relative;}

.people{height:800px;background:url(../images/p_bg.jpg) no-repeat center 0;}
.people .title{position:absolute;top:98px;left:95px;}
.people ul{width:1680px;position:absolute;left:-240px;top:210px;}
.people ul li{width:280px;height:504px;float:left;position:relative;cursor:pointer;
-webkit-perspective: 500;/*3d透视效果，近大远小，边角变宽；如果没有则不变形，即水平透视*/
transform-style:preserve-3d;
transition:transform 0.5s;
}
.people ul li img.bg{position:absolute;top:0px;left:-9px;}
.people ul li .p{position:absolute;top:13px;left:16px;width:239px;height:338px;
transform-style:preserve-3d;
	transition: transform 0.8s;
	-moz-transition: -moz-transform 0.8s;
	-webkit-transition: -webkit-transform 0.8s;
	-o-transition: -o-transform 0.8s;
}
.people ul li .p img{position:absolute;
	backface-visibility:hidden;
-webkit-backface-visibility:hidden;	/* Chrome 和 Safari */
-moz-backface-visibility:hidden; 	/* Firefox */
-ms-backface-visibility:hidden; 	/* Internet Explorer */
}
.people ul li .p img.on{transform:rotateY(180deg) translateZ(-1px);}
.people ul li:hover .p{
	transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
}
.people ul li .title{position:absolute;top:390px;left:13px;}

.container{background:#000 url(../images/bg_02.jpg) no-repeat center 0;min-width:1200px;}

.probox{height:1216px;margin:0 auto;width:1200px;margin:0 auto;}
.probox .top{width:856px;height:409px;background:url(../images/pro_top_bg.png) no-repeat 0 0;position:relative;top:108px;left:190px;margin-bottom:190px;}
.probox .top .cicle{width:353px;height:353px;position:absolute;top:52px;left:256px;z-index:0;}
.probox .top .cicle img{position:absolute;}
.probox .top .cicle img.c1{animation:cicle 3s linear 0s infinite;}
.probox .top .cicle img.c2{animation:cicle2 2s linear 0s infinite;}
.probox .top .cicle img.c3{animation:cicle 3.5s linear 0.5s infinite;}
.probox .top .cicle img.c4{animation:cicle2 1.8s linear 0.3s infinite;}
.probox .top .cicle img.c5{animation:cicle 4s linear 0s infinite;}
@keyframes cicle {
 0%  {transform:rotate(0deg);}
 100%{transform:rotate(360deg);}
}
@keyframes cicle2 {
 0%  {transform:rotate(0deg);}
 100%{transform:rotate(-360deg);}
}

.probox .top:hover .p{
	animation:move 2s linear 0s infinite
}
@keyframes move {
 0%  {margin-top:0px;}
 50%  {margin-top:-10px;}
 100%{margin-top:0px;}
}

.probox1 .top .p{left:260px;top:-35px;}
.probox2 .top .p{left:270px;top:-20px;}
.probox3 .top .p{left:240px;top:-48px;}
.probox4 .top .p{left:278px;top:-15px;}
.probox5 .top .p{left:180px;top:-80px;}
.probox6 .top .p{left:246px;top:-65px;}

.absolute{position:absolute;}
.probox .top{color:#fff;font-size:18px;line-height:30px;}
.probox .top .p{z-index:5;}
.textRight{text-align:right;}
.probox .top .t{top:56px;right:700px;}
.probox .top .t2{top:131px;width:335px;left:-194px;}
.probox .top .t3{left:-194px;bottom:35px;width:370px;}
.probox .top .t4{top:32px;left:652px;width:353px;}
.probox .top .t5{bottom:90px;left:700px;width:306px;white-space:nowrap;}
.probox .bottom{width:1200px;height:591px;background:url(../images/pro_bg.png) no-repeat center 0;position:relative;}

.probox .bottom .notice{position:absolute;top:-36px;left:54px;color:#fff;font-size:18px;}
.probox .bottom .notice img{padding-top:6px;margin-right:12px;}
.probox .bottom .title{width:915px;height:78px;line-height:78px;text-align:center;color:#fff;font-size:32px;letter-spacing:15px;}
.probox .bottom .pics{position:relative;top:7px;left:80px;}
.probox .bottom .pics img{display:none;}
.probox .bottom .pics img.on{display:block;}
.probox .bottom .right{width:243px;position:absolute;top:13px;right:42px;color:#fff;}
.probox .bottom .rightBtn{width:243px;margin-bottom:40px;}
.probox .bottom .rightBtn li{height:68px;line-height:68px;font-size:30px;color:#6dd5ff;text-align:center;letter-spacing:3px;cursor:pointer;}
.probox .bottom .rightBtn li.on{font-size:34px;color:#fff;}
.probox .bottom .rightBtn li.link1{margin-bottom:26px;}
.probox .bottom .right .text{width:190px;margin:0 auto;white-space:nowrap;}
.probox .bottom .right .text .c{display:none;}
.probox .bottom .right .text .c.on{display:block;}
.probox .bottom .right .text h5{font-size:26px;letter-spacing:8px;text-align:center;font-weight:normal;margin-bottom:28px;}
.probox .bottom .right .text p{font-size:14px;line-height:24px;}
.probox .bottom .right .text p img{padding:6px 0 0 0;}
.probox .bottom .right .text p.des{padding-top:15px;}

.formBox{width:1200px;margin:0 auto;height:1076px;}
.formBox .top{text-align:center;line-height:48px;font-size:18px;color:#7adeff;}
.formBox .top img{display:block;margin:33px auto;}
.form{width:772px;height:431px;background:url(../images/formbg.png) no-repeat 0 0;margin:0 auto;}
.form .con{width:570px;margin:0 auto;padding-top:135px;}
.form .con ul{margin-bottom:25px;width:570px;}
.form .con li{width:260px;float:left;margin:0px 10px 20px;border:1px solid #204762;background:rgba(11,46,85,0.6);height:36px;line-height:36px;position:relative;}
input.w100{width:100%;height:36px;line-height:36px;text-indent:16px;}
input.w50{width:50%;text-indent:16px;}
input,select{border:none;background:none;outline:none;color:#fff;height:36px;line-height:36px;}
.form .con select{width:50%;height:36px;line-height:36px;float:left;}
.form .con select option{color:#000;background:none;}
.form .con li img{position:absolute;top:5px;right:5px;width:90px;height:26px;}
img#submit{display:block;margin:0 auto;cursor:pointer;animation:btnanimate 1s linear 0s infinite;}
@keyframes btnanimate {
 0%  {transform:scale(1);}
 50%  {transform:scale(1.1);}
 100%  {transform:scale(1);}
}


.nav{width:100%;height:70px;position:fixed;top:0px;left:0px;z-index:100;background:#ffffff url(http://www.bailiaijia.com/images/daohang2bg.jpg) repeat-x center 0;}
.nav .wrap{width:1200px;height:60px;background:url(../images/daohang2.jpg) no-repeat center 0;}
.nav .wrap ul{position:relative;height:60px;left:368px;width:500px;}
.nav .wrap ul li{width:159px;height:60px;float:left;}
.nav .wrap ul li a{display:block;width:100%;height:60px;}
.nav .wrap ul li.link2{width:130px;}

