@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
list-style-type: none;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:15px!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:#1977ca;text-decoration:none!important;}


.fl{ float:left}
.fr{ float:right}

h1{float:left;font-size:30px;  color:#000;font-weight:900!important; line-height:35px; padding-top:27px;
padding-bottom:25px;}
h1 a{color:#000;}
h1 a:hover{color:#000;}
h1 b{color:#000; font-size:18px; font-weight:normal; letter-spacing:0px; text-transform:uppercase }

h1 img{float:left; padding-right:15px;}


.top1{ line-height:32px; float:right; width:130px; text-align:right; margin-top:25px; text-align:center}

.tel{ background:url(../images/tel.jpg) no-repeat left; color:#0760ad; font-size:33px; float:right; padding-left:30px; margin-top:10px; font-weight:900; }
.tel span{  font-size:14px; padding-right:10px;}



#search{
width:230px;
float:right;
 margin-top:25px;
}
#search_logo{ padding-top:0px;}


.searchinput{
height:40px;
color:#929292;
border:#fff solid 1px;
border-bottom:#fff solid 1px;
width:180px;
font-size:15px;
float:left;
display:inline;
line-height:40px;
background:#fff;
}


.newspage {
	 width:100%; float:left; padding-top:30px; padding-bottom:30px; text-align:center
}
.newspage A { 
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; FONT: 12px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
.newspage A:hover {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #014a97; BORDER-LEFT: #fff 1px solid; COLOR: #fff; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
.newspage A:active {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #014a97; BORDER-LEFT: #666 1px solid; COLOR: #666; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.current {
	BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #014a97; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.disabled {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}

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


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



.nav_bgc{ width:670px; float:right; padding-top:40px;}

.nav li {
	float: left;
	display: inline-block;
	list-style: none;
	font-size: 20px;
	text-align: center;
	position: relative;
	padding: 10px 8px;
}
.nav li a { padding-left:20px; padding-right:20px;
	display: block;
	text-align: center;
	position: relative;
	color: #000;
	height: 30px;
	line-height: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.nav li.hover a, .nav li:hover a {
	color: #1671c2;

}
.nav li .subnav {
	background: #fff;
	border-top: 2px solid #1671c2;

	height: auto;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 199;
}
.nav li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#0091df, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
}
.nav li:hover .subnav {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.nav li .subnav a { 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #FFF;
	display: block;
	font-size: 15px;
	font-weight: 500;
	line-height: 40px;
	height: 40px;
	padding: 0;
	transition: all 0.2s ease-in-out 0s;
	width: 100%;
	border-bottom: 1px solid #337fc4;
	background:#0058a8;
}
.nav li .subnav a:hover {
	color: #fff;
	background: #196ebc;
	text-indent: 10px;
}




#f1{
width:100%;
height:300px;
float:left;
background:url(../images/f1.jpg) no-repeat top center;
}

#f2{
width:100%;
height:300px;
float:left;
background:url(../images/f2.jpg) no-repeat top center;
}

#f3{
width:100%;
height:300px;
float:left;
background:url(../images/f3.jpg) no-repeat top center;
}

#f4{
width:100%;
height:300px;
float:left;
background:url(../images/f4.jpg) no-repeat top center;
}


#f6{
width:100%;
height:300px;
float:left;
background:url(../images/f6.jpg) no-repeat top center;
}






.pro{ width:1140px; margin:auto}
.pro h4{width:1140px;  float:left;  font-size:40px; text-align:left; line-height:40px; padding-bottom:30px; color:#000; font-weight:normal; text-align:center; padding-top:50px;}
.pro h4 span{font-size:16px; }





.pro1{ width:100%; float:left; background:#0058a8; height:363px;  }
.tabox{width:100%; float:left; background:#fff;  border-top:#e4e4e4 solid 1px;border-bottom:#e4e4e4 solid 1px; height:59px;}
.tabox .hd{width:1140px; margin:auto;  }
.tabox .hd li{position:relative;height:50px;line-height:20px; padding-top:10px;text-align:center;width:225px;float:left;cursor:default;color:#2e2e2e;font-size:18px; font-size:20px;border-right:#e4e4e4 solid 1px; border-left:#e4e4e4 solid 1px;}

.tabox .hd li.on{width:225px;background:#0058a8;color:#fff;}
.tabox .bd{width:1140px; margin:auto;background:#FFFFFF; height:302px;   overflow:hidden}
.tabox .lh{overflow:hidden;width:1040px; float:left; padding:40px 0px 0px 50px; }


.pp{ width:341px; height:224px; float:left; }
.pp img{ width:100%; height:auto; max-height:224px; float:left; }




.ppp{ width:600px; float:right;  
}
.ppp h5{width:600px;  float:left;  font-size:25px; text-align:left; padding-bottom:30px; color:#133b6f; font-weight:normal;}


.m1{ color:#6f6f6f; float:left; padding-top:20px;}

.m1 a{ border-bottom:#dddddd solid 3px;  line-height:32px; float:left;
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{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}







.pc{width:1140px; margin:auto;  clear:both; background:#133b6f; line-height:25px; padding-top:20px; padding-bottom:20px; font-size:20px; color:#FFFFFF; text-align:center; }




#right2{
width:1140px; 
 margin:auto; clear:both;
padding-bottom:30px;
}

#right2 h2{width:1140px;  float:left; line-height:60px; font-size:22px; color:#383838; font-weight:normal;  border-bottom:#e0e0e0 solid 1px;   margin-bottom:15px; font-family:microsoft yahei; padding-top:10px;}
#right2 h2 span{float:right; font-size:14px; color:#7b7b7b; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding-top:5px;  padding-left:25px;}
#right h2 span a{color:#7b7b7b;}






#main{ width:1140px;  margin:auto; padding-top:40px; clear:both;}
#left{width:235px; float:left; padding-bottom:30px; }
#pro{width:235px; float:left;}

#pro h3{width:235px; float:left; color:#fff; font-weight:bold; font-size:27px; line-height:100px; background:#014a97; text-align:center; }
#pro h3 span{  font-weight:normal; }


#pro ul{overflow:hidden; text-align:left; float:left; font-size:16px; }
#pro ul li{display:inline;float:left; font-family:microsoft yahei; }
#pro ul li a{ float:left;  border-bottom:#dbdbdb solid 1px;border-top:#fff solid 1px; padding-left:20px;line-height:20px; padding-top:15px; padding-bottom:15px;   width:215px; color:#2a2a2a!important }
#pro ul li a:hover{ float:left;background:url(../images/e1.png) no-repeat 210px 17px #014a97; color:#FFFFFF!important; }




.p{width:1140px; margin-top:25px;float:left;}
.p ul{width:1140px;  float:left}
.p ul li{ float:left; text-align:center; font-size:17px;width:272px;margin-right:25px;height:200px;}
.p ul li h3{ text-align:center;font-size:22px; padding-top:40px; padding-bottom:10px; line-height:22px; font-weight:normal;}

.p a{ float:left; border:#f4f4f4 solid 1px; border-bottom:#1977ca solid 2px; background:#f4f4f4; color:#333333; 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 #b5b5b5;  border:#f4f4f4 solid 0px; background:#014a97; border-radius:5px;width:272px; height:173px;  margin-bottom:10px; 
transform: translate(0,-5px); color:#FFFFFF;
	-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%*/}







.rx{width:234px; float:left; background:url(../images/ttt.jpg) no-repeat top center; height:113px;}






#right{
width:850px;
float:right;
padding-bottom:30px;
}

#right h2{width:850px; float:left; line-height:50px; font-size:22px; color:#383838; font-weight:normal;  border-bottom:#e0e0e0 solid 1px;   margin-bottom:20px; }
#right h2 span{float:right; font-size:14px; color:#7b7b7b; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding-top:5px; background:url(../images/home.jpg) no-repeat left; padding-left:25px;}
#right h2 span a{color:#7b7b7b;}

.cuti{ color:#073572; font-size:18px; border-bottom:0px dashed #d8d8d8; text-align:center; margin-bottom:10px; line-height:40px;;}

.cuti1{ float:left; line-height:22px; width:850px; color:#000; font-size:17px;text-align:center; margin-bottom:50px; background:#e4e4e4; padding-top:20px; padding-bottom:20px;  }

.shi1{ text-align:center;color:#cccccc}

.cuti2{ color:#308654; font-size:20px; font-weight:bold ; text-align:left; line-height:80px; background:url(../images/rrr1.jpg) no-repeat 0px 493px; padding-top:25px; padding-left:40px;}


#about{  padding-left:0px;   padding-right:0px; padding-top:10px; padding-bottom:10px;}


.imglist ul li{text-align:center;float:left;display:inline;width:260px;height:240px; margin:10px 10px;overflow:hidden; border: #f1f1f1 1px solid;}
.imglist ul li img{background:#FFFFFF;width:260px;height:190px; }
.imglist ul li span{line-height:20px; padding-top:15px;height:35px;display:block;text-align:center}



.imglist1 ul li{text-align:center;float:left;display:inline;width:260px;height:200px; margin:10px 10px;overflow:hidden; border: #f1f1f1 1px solid;}
.imglist1 ul li img{background:#FFFFFF;width:260px;height:150px; }
.imglist1 ul li span{line-height:20px; padding-top:15px;height:35px;display:block;text-align:center}




.zzzzz1{ color:#FFFFFF}



.pnpage11{ width:100%; float:left;  padding-top:40px; margin-top:20px; border-top:#efefef solid 1px;}

.pnpage{ width:1140px; float:left;  padding-top:40px; margin-top:20px; border-top:#efefef solid 1px;}
.pnpage1{ width:400px; float:left; text-align:left;}
.pnpage2{ width:340px; float:right; text-align:right}
.pnpage3{ width:400px; float:left; text-align:center;}


.pnpage-1{ width:850px; float:left; margin-top:40px; margin-bottom:40px; }
.pnpage1-1{ width:370px; float:left; text-align:center;background:#efefef; border:#efefef solid 1px; float:left; line-height:48px; }
.pnpage2-1{ width:370px; float:right; text-align:center; background:#efefef;border:#efefef solid 1px;float:left;line-height:48px;}
.pnpage3-1{ width:100px; float:left; text-align:center; background:#2f81cf; color:#FFFFFF;float:left; line-height:50px;}
.pnpage3-1 a{ color:#FFFFFF;}



.product { clear:both; padding-top:10px; overflow:hidden;}
.product table { width:95%; margin:0 auto; border-top:#efefef 1px solid;border-left:#efefef 1px solid;}
.product td {border-bottom:#efefef 1px solid;border-right:#efefef 1px solid; padding:3px 10px; line-height:22px; font-family:Arial}
.product .pro22 { background:#d5e6f5; width:20%;}






#footer1{ float:left; width:100%; background:#202020;  margin-top:10px; padding-bottom:30px; }
#footer1 a{color:#FFFFFF}

.contact1{margin:auto;width:1140px;}


.ewm{ width:200px; float:left; text-align:center; border-top:#0058a8 solid 12px; padding-top:40px; }



.contact{ float:right;width:850px;color:#FFFFFF!important; text-align:left ;padding-top:40px; }
.contact h3{ float:right;width:850px;color:#FFFFFF!important; font-size:20px; background:url(../images/tel1.png) no-repeat left; padding-left:40px; line-height:50px; font-weight:normal }
.contact p{ padding-left:0px; color:#adadad; }
.contact a{  color:#adadad;}



.footer2{ float:left; width:100%; background:#181818;  line-height:27px; padding-top:25px; padding-bottom:20px; }


.footer{ margin:auto; width:1140px; text-align:left;color:#787878; font-size:15px;}
.footer a{color:#787878!important}

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

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

.right{ float:left; width:100%; padding-top:20px;}


/*job*/
.jobt-t{ font-size:20px; font-weight:bold; color:#0181cc; margin-bottom:30px; width:1198px; float:left; }
.jobt-list li { overflow:hidden; margin-bottom:40px; width:360px; float:left; margin-right:10px; }
.jobt-list li ._num{ float:left; width:80px; font-size:30px; line-height:70px; border:1px solid #0181cc; color:#0181cc; text-align:center; }
.jobt-list li ._nr{ float:right; width:220px;}
.jobt-list li ._title{ font-size:18px; font-weight:bold; line-height:22px; margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.jobt-list li ._sum{ line-height:20px; height:40px; overflow:hidden; }
.jobt-list li:hover ._num{ background:#0181cc; color:#fff;}



.job{ background:url(../images/job.jpg) no-repeat top left; width:600px; height:370px; float:left; color:#FFFFFF; padding-left:550px; font-size:15px; list-style:50px; padding-right:100px; font-size:16px}
.job h4{ font-size:40px; font-weight:normal; padding-top:50px; line-height:70px; padding-bottom:15px}
.job h4 span{ font-size:20px;  font-weight:normal; }


.job a{  color:#FFFFFF!important; }



.neirong{ width:1140px; margin:0 auto; line-height:30px; padding-top:60px;}

.cplist2{ width:350px; height:330px; background:#efefef;-moz-border-radius:10px;/*Firefox支持*/ -webkit-border-radius:10px;/*webkit内核的Safari和Chrome支*/border-radius:10px;/*--Opera支持*/ -webkit-transition: .8s; margin-right:15px; margin-left:15px; margin-bottom:60px;}
.biaoq2{ color:#c7c7c7; padding-top:30px; font-size:16px;text-align:center}
.cplist2 h2{ font-size:20px; font-weight:normal; color:#000; text-align:center; padding-top:15px; padding-bottom:15px;}
.cplist2 h2 a{ color:#000}
.cplist2 a:hover  h2 { color:#1671c2; font-weight:normal}
.cpmiao2{ background:#fff; line-height:30px; width:75%; margin:10px; padding:2px; margin:0 auto; color:#555;}
.cpmiao2 img{ width:263px; height:180px;}

.pmore2{ background:#1671c2;height:30px; line-height:30px; text-align:center; width:130px;margin-top:40px; margin-bottom:40px;-moz-border-radius:20px;/*Firefox支持*/ -webkit-border-radius:20px;/*webkit内核的Safari和Chrome支*/border-radius:20px;/*--Opera支持*/ margin:0 auto; text-align:center; margin-top:20px; color:#fff}
.pmore2 a{ color:#fff;-webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}
.pmore2 a:hover {padding-left:20px; display:block }