@charset "utf-8";
/* CSS Document */
body,html{
	width:100%;
	height:100%;
	overflow-y:hidden;
}
.wrapBox{
	width:100%;
	height:100%;
	position:fixed;
}
.box{
	width:100%;
	height:100%;
	overflow:hidden;
}

.page1 img{width:100%}
.w960{
	width:960px;
	height:100%;
	margin:0 auto;
	position:relative;
}
.page1_01{
	position:absolute;
	top:120px;
	left:-120px;
	z-index:10;
	transition:all 2s linear 0s;
}
.page1_02{
	position:absolute;
	top:250px;
	right:30px;
	z-index:9;
	transition:all 2s linear 0s;
}

.page1_02_btn{
	margin-top:15px;
	animation:play 1s linear 0s infinite alternate;
	-webkit-animation:play 1s linear 0s infinite alternate;
}
@keyframes play{
	from{
		opacity:0.3;
	}
	to{
		opacity:1;
	}
}
@-webkit-keyframes play{
	from{
		opacity:0.3;
	}
	to{
		opacity:1;
	}
}
.page1_03{
	position:absolute;
	left:50%;
	margin-left:-720px;
	bottom:-130px;
}
.page1_04{
	position:absolute;
	right:-50px;
	top:460px;
}
.box.comeout .page1_01{
	left:-220px;
	opacity:0;
}
.box.comeout .page1_02{
	top:350px;
	opacity:0;
}
.page2{
	background:url(../images/product.jpg) no-repeat center top;
}
.page2_01{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%) rotate(0deg);
	transition:all 2s ease 0s;
}
.box.comeout .page2_01{
	transform:translate(-50%,-50%) rotate(-360deg);
	opacity:0;
}
.page3{
	background:url(../images/product1.jpg) no-repeat center top;
}
.page4{
	background:url(../images/news.jpg) no-repeat center top;
}
.page5{
	background:url(../images/servic.jpg) no-repeat center top;
}
.page6{
	background:gold;
}
.fixedNav{
	height:120px;
	width:100%;
	background:url(../images/yhztbj.jpg) repeat-x;
	position:fixed;
	z-index:10;
}
.nav{
	width:22px;
	height:125px;
	padding-top:14px;
	background:rgba(255,255,255,0.4);
	position:fixed;
	top:50%;
	margin-top:-82px;
	right:20px;
	border:1px solid rgba(255,255,255,0.6);
	border-radius:10px;
}
.nav li{
	width:16px;
	height:16px;
	background:url(../images/sprite.png) no-repeat -40px -130px;
	margin:5px auto;
	cursor:pointer;
	position:relative;
}
.nav li.current{
	background-position:-40px -110px;
}
.nav li span{
	width:76px;
	height:19px;
	position:absolute;
	background:url(../images/sprite.png) no-repeat 0 -80px;
	left:-80px;
	top:0;
	text-align:center;
	line-height:19px;
	color:#fff;
}
.h34{height:34px;}
.intop{background:url(../images/yhztbj.jpg) repeat-x;filter:alpha(Opacity=90);-moz-opacity:0.7;opacity: 0.7;}
.topp{ width:1170px; margin:0 auto}
.toptxt{float:left; background:url(Images/icons_h3.png) no-repeat left center; height:34px; line-height:34px; padding-left:20px}
.w340{width:340px}
.flo{float:left}
.fro{float:right}
.clr{clear:both}
.intel{background:url(/Images/tel.png) no-repeat left center; line-height:34px; padding-left:20px; width:167px; float:left}
.inchina{float:left;   line-height:34px; padding-left:10px; margin-left:10px; font-size:16px}
.ineng{float:left;  line-height:34px; padding-left:10px; margin-left:10px; font-size:16px}
#nav{float:right; width:820px}
#nav li{float:left; width:90px; line-height:80px; text-align:center; font-size:16px}
#nav .lii{width:1px; overflow:hidden; float:left; line-height:80px}
.inprog1{ width:240px; height:15px; border-bottom:#03317d solid 1px; margin-right:10px; margin-left:220px}
.inprog2{ width:240px; height:15px; border-bottom:#03317d solid 1px; margin-left:10px}
.inprotxt{font-size:28px; color:#03317d; height:30px; line-height:30px}
.inapro{width:1070px; margin:120px auto 0px auto}
.inprotop{line-height:28px; font-size:14px; color:#FFF; text-align:center; margin-top:10px}
.inprotop1{line-height:28px; font-size:14px; color:#021567; text-align:center; margin-top:10px}
.w250{width:250px}
.ml15{margin-left:15px}
.mr10{margin-right:10px}
.mt30{margin-top:30px}
.mt20{margin-top:20px}
#section7 .iconwarp {
    width: 920px;
    margin: 50px auto 20px auto;
}

#section7 .iconitem {
    float: left;
    width: 200px;
    height: 200px;
    background: url('../images/y1.png');
    text-align: center;
    margin: 13px;
    position: relative;

    -webkit-transition-property: opacity,top;
    -o-transition-property: opacity,top;
    transition-property: opacity,top;
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

#section7.active .iconitem {
    top: 0;
    opacity: 1;
}

#section7 .iconitem h2 {
    color: #fff;
    margin: 10px 0; font-size:20px;
}
#section7 .iconitem h2 a{color:#FFF}
#section7 .iconitem p {
    font-size: 12px;
    color: #D4E4F9;
    padding: 0 27px;
}

#section7 .iconitem img {
    margin-top: 20px;
}

#section7 .iconitem:hover {
    background: url('../images/y2.png');
}

#section7 .s7content {
  position: absolute;
  top: 50%;
  margin-top: -230px;
  left: 50%;
  margin-left: -453px;
}

#section7 h3, #section7 p {
  text-align: center;
  color: #FFF;
}

#section7 .iconitem2 {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

#section7 .iconitem3 {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

#section7 .iconitem4 {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.textlist2 li { line-height:28px;overflow:hidden;width:100%;float:left; width:550px}
.textlist2 li a{ color:#064691; font-size:14px}
.textlist2 li a:hover{ color:#000000;}
.textlist2 li span{float:right;}
.InfoContent{ padding:0px;margin-bottom:10px;font-size:12px; line-height:20px; color:#383838; width:550px; border-bottom:1px dashed #6d6d6d; }
.newpic{width:450px; margin-top:30px; padding-bottom:95px; margin-right:20px}
.newtxt{width:550px; margin-top:30px; padding-bottom:95px}
.service{margin-top:30px; float:left; width:210px; height:105px;  text-align:center; font-size:23px; padding-top:90px; color:#FFF; font-weight:bold; margin-left:45px}
.sicon1{background:url(../Images/sicon1.jpg) no-repeat;}
.sicon2{background:url(../Images/sicon2.jpg) no-repeat;}
.sicon3{background:url(../Images/sicon3.jpg) no-repeat;}
.sicon4{background:url(../Images/sicon4.jpg) no-repeat;}
.infoottop{background:#02264e; width:100%; height:145px; margin-top:-120px}
.infootgz{text-align:center; line-height:25px; font-size:14px; padding-right:10px; border-right:#125fb5 solid 1px; margin:10px; color:#FFF}
.infootlx{margin-left:10px; font-size:24px; padding-top:53px; color:#FFF; margin-right:10px}
.infootdh{margin-left:10px; font-size:14px; padding-top:20px; line-height:25px; color:#ffffff; margin-right:20px}
.infootdz{margin-left:10px; font-size:14px; padding-top:20px; line-height:25px; color:#ffffff}
.infootdz　a{color:#FFF}
.infootbq{line-height:25px; color:#02264e; width:1070px; margin:0 auto}
.infootbq a{color:#02264e}