@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
}
body{
font-family:"微软雅黑";
font-size:14px!important;
line-height:24px;
color:#616161;
background:#fff;
}
img{
border:none;
}
ul li{
list-style:none;
}
a{color:#616161; text-decoration: none;}

a:hover{color:#0063af;text-decoration:none!important;}



h1{
float:left;
margin-top:25px;
padding-bottom:30px;

}

.top3{ text-align:center; width:170px; background:#0063af; color:#FFFFFF; line-height:30px; margin-top:25px;}
.top3 a{ color:#FFFFFF}
.top2{ float:right; text-align:center; width:300px; color:#0063af; line-height:30px; margin-top:25px; font-size:20px;}
.top1{ float:right; text-align:center;  width:120px; background:#0063af; color:#FFFFFF; line-height:30px; margin-top:25px; }
.top1 a{ color:#FFFFFF}

/*--------------------index.html start----------------------*/

#search{
width:215px;
height:30px; margin-top:15px;}


#search_logo{ padding-top:0px;}


.searchinput{
height:30px;
color:#333333;
font-size:12px;
border:#e7e7e7 solid 0px;
width:150px;
float:left;
display:inline;
padding-left:20px;
line-height:30px;
background:#fff;
}


#head{
width:1297px;
margin:auto;
}




#menu{width:700px;
float:right;
font-size:17px;
font-family:"微软雅黑";
}
#menu ul{overflow:hidden;padding-top:10px; }
#menu ul li{display:inline;float:left;}
#menu ul li a{float:left; text-align:center; margin-left:32px; margin-right:0px;line-height:45px;color:#000; border-bottom:#fff solid 2px;}
#menu ul li a:hover{   float:left;  text-align:center; color:#056ba6; text-decoration:none; border-bottom:#056ba6 solid 2px;}




#flash{
width:100%;
height:592px;
float:left;

}



.nr1{float:left;width:107px; height:0px; position: relative;clear: both;}
.nr2{float:left;width:107px;height:100px;  position: absolute; overflow:hidden;margin-top:40px; z-index:999}

.pp{width:1297px; margin:auto; }
.p1{width:372px; float:left }
.p1 h4{width:372px;  float:left; color:#333333; font-size:33px; text-align:left; line-height:40px; padding-bottom:30px font-weight:900; padding-top:40px }
.p1 h4 span{width:372px;  float:left; color:#333333; font-size:17px; text-transform:uppercase; font-weight:normal;  }

.p2{ width:369px; height:444px; float:left;background: linear-gradient(to bottom right, #0064b0 0%, #0064b0 25%, #00a6e8 100%); margin-top:40px;border-radius:5px;}

.p2-1{ width:313px; height:205px; float:left; margin-top:28px; margin-left:28px; overflow:hidden;border-radius:5px;}
.p2-1 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; }
.p2-1 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);}

.p2-2{ width:311px; padding-left:29px; padding-left:29px; color:#FFFFFF; float:left}
.p2-2 a{ color:#FFFFFF}
.p2-2 p{ width:311px; float:left}
.p2-2 h3{ width:311px;  color:#FFFFFF; float:left; font-size:25px; line-height:60px;}



.m2{width:130px; line-height:33px; text-align:center; float:left;  margin-top:20px;}

.m2 a{width:130px; line-height:32px; float:left; background:#fff; border-radius:5px; color:#0064b0;
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;}

.m2 a:hover{ olor:#0064b0!important; width:180px;
	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;}


.p3{width:922px; float:right; padding-top:40px }


.pro{width:900px; float:right; height:80px;}
.pro ul{overflow:hidden; text-align:left; float:left; font-size:17px; }
.pro ul li{display:inline;float:left;}
.pro ul li a{ float:left;width:150px;padding-top:5px;  line-height:30px; background:url(../images/d.jpg) no-repeat left 15px; padding-left:30px;}
.pro ul li a:hover{ -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;padding-left:25px; width:155px;}


.m4{ float:left; color:#0064b0!important}
.m4 a{color:#0064b0!important}

.p44{ width:900px;float:right;}

.p4{ width:280px; height:444px; float:left; border:#e0e0e0 solid 1px;margin-top:40px;border-radius:10px; margin-right:20px;}
.p4-1{ width:237px; height:204px; float:left; margin-top:22px; margin-left:22px; overflow:hidden;border-radius:5px;}
.p4-1 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; }
.p4-1 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);}

.p4-2{ width:237px; padding-left:29px; padding-left:29px; float:left}
.p4-2 p{ width:237px; float:left}
.p4-2 h3{ width:237px;  color:#000000; float:left; font-size:25px; line-height:60px;}


.m5{ float:left; color:#fff!important; background:#0070c0;border-radius:25px; width:120px; text-align:center; margin-top:18px;}
.m5 a{color:#FFFFFF!important}

.demo {
	OVERFLOW: hidden;
	WIDTH:100%
}
.indemo {FLOAT: left; WIDTH: 800%}
.demo1 {FLOAT: left}
.demo2 {FLOAT: left}




#about1{ width:100%; background:url(../images/pro.jpg) no-repeat top center #009be0; height:568px; float:left; margin-top:50px; }
.about{ width:1297px; margin:auto; }
.ab1{ width:663px; float:right; padding-top:60px;  }
.ab1 h4{width:663px;  float:left; color:#fff; font-size:27px; text-align:left; line-height:40px; padding-bottom:10px; font-weight:normal }
.ab1 h4 span{ color:#fff; font-size:40px; text-transform:uppercase; font-weight:900;  line-height:55px; padding-right:5px; }

.ab3{ float:left; width:663px;  color:#FFFFFF; text-align:left; font-size:15px; padding-top:15px; padding-bottom:50px;}
.ab3 a{ color:#FFFFFF; }


.m1{width:130px; line-height:33px; text-align:center; float:left; color:#FFFFFF; margin-top:30px;}

.m1 a{width:130px; line-height:32px; float:left; border:#FFFFFF solid 1px; color:#FFFFFF!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;}

.m1 a:hover{ color:#FFFFFF!important; width:180px;
	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;}



.ab5{ width:64px; float:left; background:url(../images/a1.png) no-repeat top center; font-size:16px; padding-top:65px; color:#FFFFFF; margin-right:100px;}
.ab5-1{ width:64px; float:left; background:url(../images/a2.png) no-repeat top center; font-size:16px; padding-top:65px; color:#FFFFFF; margin-right:100px;}
.ab5-2{ width:64px; float:left; background:url(../images/a3.png) no-repeat top center; font-size:16px; padding-top:65px; color:#FFFFFF; margin-right:100px;}
.ab5-3{ width:64px; float:left; background:url(../images/a4.png) no-repeat top center; font-size:16px; padding-top:65px; color:#FFFFFF}










#new{width:1297px; margin:auto; clear:both; padding-bottom:40px; overflow:hidden; }
#new h4{width:1297px;  float:left; color:#333333; font-size:33px; text-align:left; line-height:40px; padding-bottom:30px font-weight:900; padding-top:50px }
#new h4 span{width:1297px;  float:left; color:#333333; font-size:17px; text-transform:uppercase; font-weight:normal;  }

.n2{width:1297px;float:right; padding-top:20px; }
.n2 ul{ float:left;}
.n2 ul li{display:inline;float:left;width:331px; height:170px; border:#e9e9e9 solid 1px; box-shadow: 5px 5px 2px #e9e9e9; margin-right:35px; padding:30px 30px 30px 30px; }
.n2 ul li h5{width:331px;float:left; text-align:left; color:#000; font-size:17px; font-weight:normal; border-bottom:#CCCCCC solid 1px; line-height:40px; margin-bottom:5px;}
.n2 ul li a{ float:left;  width:331px;  line-height:30px; margin-bottom:10px; }
.n2 b{ float:left;  width:331px; color:#d6d6d6; font-weight:normal  }

.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:#e5e5e5; line-height:35px; text-align:center;  margin-top:15px;}
.contact{margin:auto;width:1297px;color:#3b3b3b!important; padding-top:20px; }
.rd{ float:left;width:1297px;color:#000!important; line-height:55px; border-bottom:#CCCCCC solid 1px; text-align:left; font-size:17px; margin-bottom:30px; }
.lx{ float:left; width:890px; text-align:left;line-height:24px;}

.ewm{ float:right; width:108px; text-align:left;padding-bottom:50px;}



.footer2{ float:left; width:100%; background:#0063af; line-height:55px; text-align:left; padding-top:10px; color:#FFFFFF}
.footer2 a{color:#FFFFFF!important}
.footer{margin:auto;width:1297px;color:#FFFFFF!important}
.vv1{ float:right; color:#FFFFFF}

.zzb07tail{color:#FFFFFF}
a.zzb07link{ text-decoration:none;color:#FFFFFF}

a.zzb07link:hover {text-decoration:underline;color:#FFFFFF}