﻿@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
list-style-type: none;
}
body{
font-family:"微软雅黑";
font-size:14px;
line-height:24px;
color:#616161;
background:#fff;
}
img{
border:none;
}
ul li{
list-style:none;
}
a{color:#616161; text-decoration: none;}

a:hover{color:#1977ca;text-decoration:none!important;}



h1{

float:left;
padding-top:17px;
margin-right:0px;
padding-bottom:23px;
}

.logo{float:left;font-size:32px; margin-top:20px;padding-left:20px;  color:#1f1f1f;font-weight:bold!important; line-height:33px;margin-bottom:20px;;}
.logo b{color:#1f1f1f; font-size:21px; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.logo a{color:#1f1f1f;}



#hear1{ width:100%; float:left; background:#f2f2f2; line-height:40px; text-align:right}

.head{
width:1200px; height:40px; line-height:33px; 
margin:auto; text-align:left;
}
.top1{ line-height:40px; float:right;}
.top1 p{color:#1977ca; font-size:18px; padding-right:20px; float:right}

.top{ line-height:40px; float:right;}
.top a{color:#fff;line-height:40px; padding-left:20px; padding-right:20px;background:#1977ca; float:left}
.top a:hover{ color:#fff;line-height:40px; background:#83c129; float:left; clear:both}



#search{
width:375px;
float:right;
margin-top:48px;
height:40px;
background:url(../images/s.jpg) no-repeat;
}
#search_logo{ padding-top:0px;}


.searchinput{
height:38px;
color:#333333;
font-size:12px;
border:#e7e7e7 solid 1px;
width:278px;
float:left;
display:inline;
margin-top:0px;
padding-left:20px;
line-height:38px;
background:#fff;
}



/*--------------------index.html start----------------------*/


#head{
width:1200px;
margin:auto;
}


#menu1{
width:100%;
height:50px; background:#1977ca;
float:left;
}
.wraper{ width:1200px;  margin:auto}
.nav{ position:relative; width:100%; height:50px;overflow:hidden;}
.nav-item{ position:relative; float:left; width:130px; height:50px; line-height:50px; text-align:center; font-size:16px; z-index:1}
.nav-item a{ display:block; height:50px; color:#fff!important}
.nav-item a:hover{ color:#fff}
.move-bg{ display:none;position:absolute;left:0;top:0; width:130px; height:50px; background:#83c129; z-index:0;}






#flash{
width:100%;
height:547px;
float:left;

}

.banner{ 	
			width: 100%;
			/*height: 560px;*/
			/*background: black;*/
			/*子绝父相*/
			position: relative;
			/*超出部分全部隐藏，解决横向滚动条*/
			overflow: hidden;
		}
		.banner ul{
			position: absolute;
		}
		.banner ul li{
			/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
			width: 100%;
			height: 547px;
			float: left;
			background:  no-repeat center center;
		}
		/*.banner ul li:nth-child(1){*/
			/*background: url('./3.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(2){*/
			/*background: url('./2.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(3){*/
			/*background: url('./1.jpg') no-repeat center center;*/
		/*}*/
		.banner ol{
			/*width: 60px;*/
			height: 20px;
			background: rgba(0,0,0,0.5);
			position: absolute;
			left:50%;
			/*margin-left: -40px;*/
			bottom: 30px;
			padding: 0 10px;
			border-radius: 10px;
		}
		.banner ol li{
			width: 10px;
			height: 10px;
			float: left;
			margin: 5px 5px;
			background: rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
		}
		.banner ol .current{
			background: rgba(255,255,255,1);
		}
		.banner i{
			width: 58px;
			height: 120px;
			position: absolute;
			top: 50%;
			margin-top: -60px;
			cursor: pointer;
			border-radius: 5px;
			display: none;
		}
		.banner .left{
			left: 60px;
			background: url('../images/left_right.png') no-repeat 0 0px;
		}
		.banner .right{
			right: 60px;
			background: url('../images/left_right.png') no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
			background-color: rgba(0, 0, 0, 0.31);
		}
		
		



.about1{ width:1200px; margin:auto; padding-top:70px; clear:both  }

.nr4{float:left;width:392px;}
.nr4 a{ color:#FFFFFF}
.nr3{float:left;width:345px; height:482px; overflow:hidden}
.nr3 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.nr3 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

		
.nr7{float:right;width:96px; height:0px; position: relative;clear: both; z-index:9999; }
.nr1{float:left;width:96px; position: absolute;clear: both;margin-top:434px; }

.nr2{float:left;width:48px; height:48px; background:#83c129; color:#FFFFFF; font-size:50px; text-align:center; line-height:37px;}
		
.nr6{float:left;width:48px; height:48px; background:#1977ca; color:#FFFFFF; font-size:50px; text-align:center; line-height:37px; }



.ab1{width:767px;float:right;  }
.ab1 h4{width:767px;  float:left;  font-size:35px; text-align:left; line-height:40px; padding-bottom:10px; color:#000000; font-weight:normal}
.ab1 h4 span{width:767px;  float:left;  font-size:60px; text-transform:uppercase;color:#b6b6b6; font-family:"Alibaba Sans Light"; font-weight:normal}
.ab1 h4 em{width:767px;  float:left;  font-size:35px; font-style:normal; line-height:55px;color:#9a9a9a; font-family:Arial, Helvetica, sans-serif; font-weight:900}
.ab1 h4 b{width:580px; height:1px; position:relative; background:#e5e5e5;  float:right; margin-top:25px;}

.ab3{ float:left; width:767px; height:240px; padding-top:25px; }



.ab5{ width:797px; float:right}
.ab5 h5{ padding-left:30px; padding-right:30px; float:left; font-size:15px; text-align:center; line-height:35px; font-weight:normal;border-right:#e9e9e9 solid 1px; color:#000000}
.ab5 h5 span{   font-size:35px; color:#83c129; font-weight:900; padding-left:5px; padding-right:5px; font-family:Arial, Helvetica, sans-serif}






#pro1{width:100%; float:left; height:926px; background:url(../images/pr.jpg) no-repeat top center #004d8a; margin-top:70px;}
.pp{width:1200px; margin:auto; padding-top:55px;  }
.pp h4{width:1200px;  float:left; color:#FFFFFF; font-size:45px; font-weight:normal; text-align:left; line-height:60px; padding-bottom:30px; background:url(../images/xx.png) no-repeat right 90px;}
.pp h4 span{ color:#a2ff00; font-size:35px;font-weight:900;   }
.pp h4 em{ font-style:normal; color:#fff; font-size:35px;font-weight:900;  }
.pp h4 p{ color:#fff; font-size:17px;font-weight:normal; line-height:30px;  }

.pp h4 b{ float:right; font-size:14px!important; color:#FFFFFF; padding-top:40px; font-weight:normal}
.pp h4 b a{  color:#FFFFFF;}




.p{width:1200px;margin-top:25px;float:left;}
.p ul{width:1200px; float:left}
.p ul li{ float:left; text-align:center; font-size:17px; color:#FFFFFF;width:272px;margin-right:25px;height:200px;}
.p ul li a{color:#FFFFFF;}
.p ul li h3{ text-align:center; color:#FFFFFF;  font-size:22px; padding-top:30px; padding-bottom:10px; line-height:22px;}

.p a{ float:left; background:url(../images/pb.png) repeat; border-radius:20px;width:272px; height:173px; border-radius:5px; font-weight:normal;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; }
	
.p a:hover{ float:left; box-shadow: 5px 8px 5px #043f8f;  background:#83c129; border-radius:5px;width:272px; height:173px;  margin-bottom:10px; 
transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px); }


.gd{ margin:0 auto;margin-top:15px; font-size:14px;  background:url(../images/pb.png) repeat; width:120px; line-height:24px;display:block; text-align:center; color:#fff;border-radius:35px; line-height:30px;
-moz-opacity:0.5; /* Moz + FF 透明度20%*/
opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）透明度20%*/}




#new{width:1200px; margin:auto; clear:both; overflow:hidden; }
#new h4{width:1200px;  float:left; color:#333333; font-size:33px; text-align:left; line-height:40px;font-weight:normal;   padding-bottom:30px font-weight:900; padding-top:50px }
#new h4 span{width:1200px;  float:left; color:#333333; font-size:17px; text-transform:uppercase; font-weight:normal;  }

.n2{width:1200px;float:right; padding-top:30px; }
.n2 ul{ float:left;}
.n2 ul li{display:inline;float:left;width:331px; height:170px; margin-right:47px;  }
.n2 ul li a{ float:left;  width:331px;  line-height:30px; margin-bottom:10px; }
.n2 ul li h5{width:331px;float:left; text-align:left; color:#000; font-size:17px; font-weight:normal; line-height:40px; margin-bottom:5px;}
.n2 ul li h3{width:331px;float:left; text-align:left; color:#bababa; font-size:50px; background:url(../images/n_x.jpg) no-repeat 100px 25px; font-weight:normal;  line-height:40px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif}

.n2 b{  color:#9b9b9b; font-weight:normal ;font-size:14px; float:right}



.vv{width:331px;float:left;}

.n2 em{ color:#949494; font-size:12px; font-style:normal }


.m3{width:50px; line-height:33px; text-align:center; float:left; color:#CCCCCC; margin-top:0px; font-size:20px;}

.m3 a{width:50px!important;line-height:32px; float:left; color:#CCCCCC!important; border:#CCCCCC solid 1px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m3 a:hover{ color:#FFFFFF!important; background:#666666; width:150px!important;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}






#footer1{ float:left; width:100%; background:#333333; border-top:#83c129 solid 7px; margin-top:0px; line-height:35px; text-align:center;padding-top:50px; padding-bottom:50px;}
#footer1 a{color:#FFFFFF}
.contact{margin:auto;width:1200px;color:#FFFFFF!important;  }


.nav1{ float:left; width:1200px;font-size:15px; color:#a4a4a4; text-align:right; border-bottom:#494949 solid 1px;}
.nav1 h3{ float:left; width:200px; font-size:25px; font-weight:normal;padding-bottom:20px; text-align:left; }

.lx{ float:left; width:1200px; padding-top:50px; padding-bottom:50px;}

.lx-1{ float:left; width:370px; text-align:left; line-height:27px; }
.lx-1 p{float:left;  font-size:50px; padding-top:10px; padding-right:20px;}

.lx-2{ float:left; width:530px;text-align:left; line-height:27px; }
.lx-2 p{float:left;  font-size:50px; padding-top:10px; padding-right:20px;}

.lx-3{ float:right; width:300px;text-align:left ;line-height:27px; }
.lx-3 p{float:left;  font-size:50px; padding-top:10px; padding-right:20px;}


.footer{ float:left; width:1200px; text-align:left;color:#787878}
.footer a{color:#787878!important}

.zzb07tail{color:#787878}
a.zzb07link{ text-decoration:none;color:#787878}

a.zzb07link:hover {text-decoration:underline;color:#787878}

