@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body{
font-family:Arial, Helvetica, sans-serif;
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:#0085e0;text-decoration:none;}


#head{
width:1192px;
margin:auto;
}


h1{
float:left;
padding-top:30px;
margin-right:0px;
padding-bottom:30px;
}

.logo{
float:left; background:url(../images/xxx.jpg) no-repeat left 12px; padding-top:10px; font-size:25px; margin-top:25px; margin-left:20px; padding-left:20px;  font-weight:bold; color:#5d5d5d; letter-spacing:5px;}
.logo span{color:#064081;line-height:25px;}
.logo em{color:#a5a5a5; font-weight:normal; line-height:35px; font-size:15px; font-style:normal;letter-spacing:0px;}


.en_cn1{float:right;padding-top:20px;text-align:right;background:url(../images/tel.jpg) no-repeat left 23px;  color:#d23783; font-size:25px; line-height:30px; width:250px;}





#top{ width:100%; float:left;height:37px; border-bottom:#f2f2f2 solid 1px; line-height:37px;}
#top .top1{ width:1192px; height:37px; margin:auto; }
#top .top1 p{ background:url(../images/dh.jpg) no-repeat left; padding-left:30px; float:left}
#top .top1 b{ background:url(../images/em.jpg) no-repeat left; padding-left:40px; margin-left:30px; font-weight:normal; float:left}

#top .top2{ float:right; width:220px;  border-left:#e3e3e3 solid 0px; height:37px;}
#top .top2 em{ padding-left:25px; float:left;font-size:12px; border-right:#e3e3e3 solid 0px; text-align:right; font-style:normal}



/*--------------------index.html start----------------------*/


#menu1{width:100%;
float:left;
height:48px;
background:#0054a5;
}

#menu{width:1192px;
margin:auto;
height:48px;


}
ul.menu {list-style:none; margin:0; padding:0;background:url(../images/s.jpg) no-repeat left}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; text-decoration:none; padding-left:0px; text-align:center;color:#fff;  }
ul.menu li {position:relative;  float:left; background:url(../images/s.jpg) no-repeat right}
ul.menu ul {position:absolute;  left:0; display:none; opacity:0; list-style:none;  }
ul.menu ul li {position:relative; border-top:none; width:156px;font-weight:normal;background:#019be5;color:#fff;  border-top:1px solid #fff;}
ul.menu ul li a {color:#fff;font-weight:normal;line-height:30px;}
ul.menu ul li a:hover {color:#fff; background:#0054a5; }
ul.menu ul ul { top:0px}
ul.menu .menulink { padding-left:50px; padding-right:50px;  height:48px;font-size:16px;_display: inline-block; line-height:48px; }
ul.menu .menulink:hover, ul.menu .menuhover { color:#fff; background:#019be5; }
ul.menu .sub {}
ul.menu .topline {}



#bannerz {
	height: 514px;
	width: 100%; 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:514px;
			float: left;
			background:  no-repeat center center;
		}
		/*.banner ul li:nth-child(1){*/
			/*background: url('./1.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('./3.jpg') no-repeat center center;*/
		/*}*/
		.banner ol{
			/*width: 60px;*/
			height: 20px;
			background:none;
			position: absolute;
			left:50%;
			/*margin-left: -40px;*/
			bottom: 30px;
			padding: 0 10px;
			border-radius: 10px;
			 z-index:200;
		}
		.banner ol li{
			width: 10px;
			height: 10px;
			float: left;
			margin: 5px 5px;
			background: rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
			list-style-type:none;
		}
		.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;
			 z-index:200;
		}
		.banner .left{
			left: 20px;
			background:url(../images/left_right.png) no-repeat 0 0px;
		}
		.banner .right{
			right: 20px;
			background:url(../images/left_right.png) no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
			background-color:none;
		}





#main {
	width: 1192px; margin:auto; padding-top:20px; padding-bottom:20px; overflow:hidden; 
	
}



#pro_top {
	background:url(../images/sj.png) no-repeat;
	float: left;
	width: 1192px;
	margin-top:41px;

}
.pro_top_text1 {
	float: left;
	height: 109px;
	width:395px;
	padding-top:15px;
	padding-left:90px;
}
.pro_top_text1 p {
	font-size:14px;
	color: #6498ca;
	line-height: 19px;
float:left;

}

.pro_top_text1 p strong {
	font-size:35px;
	color: #0054a5;
	line-height: 19px;
	float:left;
	height: 18px;
	width: 395px;
	padding-bottom:20px;
	text-transform: uppercase;
}
.pro_top_text2 {float: right;height: 109px;width:640px;}

.pro_top_text2 ul{text-align:center; float:right;width:620px;  padding-top:30px; }
.pro_top_text2 ul li{display:inline;float:left;}
.pro_top_text2 ul li a{ float:left;  color:#cae1fc; width:130px;padding-left:20px; font-size:15px; line-height:20px;}
.pro_top_text2 ul li a:hover{ float:left; color:#cae1fc; }
.pro_top_text2 ul li b{ float:left; height:50px; width:130px;vertical-align:bottom!important;display:table-cell!important;}



#pro_content {
	float: left;
	width: 1192px;
	height:670px;
 overflow:hidden;
}


.fu1{
	width: 1192px;
	margin-top: -100px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	color: #666666;
	overflow: hidden;
	float: left;
display:none;

	
}

#pro_content_op {
	float: left;
	width:485px;
	height:615px;
	border: 1px solid #e6e6e6;
 padding:18px 18px 18px 18px}

#pro_content_op  .tu{float:left;width:483px;height:398px!important;;
}



#pro_content_op .tu img {width:483px;height:398px;}



#pro_content_op h3 {
	font-size:20px;
	line-height:55px;
	color: #1e5ca1;
	text-align: left;
	float: left;
	width: 485px;
	padding-top:10px;
}

#pro_content_op h3 a{
color: #1e5ca1;
}

#pro_content_op p {
	line-height: 30px;
	float: left;
	width: 485px;
	color: #6b6b6b;
	font-size:16px;
	height:100px;
}
.pro_content_more {
	text-align: center;
	float: left;
	height:36px;
	line-height:36px;
	width:120px;
	background:#0054a5; color:#FFFFFF; margin-right:10px;
}
.pro_content_more a{
	text-align: center;
	float: left;
	height:36px;
		line-height:36px;
	width:120px;
	background:#0054a5; color:#FFFFFF
}
.pro_content_more a:hover{
	text-align: center;
	float: left;
		line-height:36px;
	height:36px;
	width:120px;
	background:#019be5; color:#FFFFFF
}


.pro_content_more1 {
	text-align: center;
	float: left;
	height:36px;
	line-height:36px;
	width:120px;
	background:#8eadd0; color:#FFFFFF; margin-right:10px;
}
.pro_content_more1 a{
	text-align: center;
	float: left;
	height:36px;
		line-height:36px;
	width:120px;
	background:#8eadd0; color:#FFFFFF
}
.pro_content_more1 a:hover{
	text-align: center;
	float: left;
		line-height:36px;
	height:36px;
	width:120px;
	background:#bcbcbc; color:#FFFFFF
}



#nr1{ float:left;
	 z-index:990; 
	position: relative;
	clear: both;

	
}
.nr2{width:83px;
height:81px;
	float:left;
	position: absolute;
	clear: both;
	background:url(../images/hot.png) no-repeat top left;

	
}





#pro_content_right {
	float: right;
	width: 660px;
}



.imglist1 ul li{width:312px; height:318px;float:left;display:inline;margin:7px 8px; margin-top:2px;overflow:hidden; border:#cedbed solid 1px;}
.imglist1 ul li img{ max-width:312px; max-height:267px; text-align:center}
.imglist1 ul li p{ font-size:15px; float:left; width:315px;  line-height:20px; padding-top:7px; padding-bottom:7px; background:#0654a3; color: #fff; text-align:center;}

.casepic{width:312px;
height:267px; overflow:hidden;
vertical-align: middle;
display:table-cell; text-align:center}

.casepic a img{ -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; }
.casepic 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);}








#about1{ width:100%; float:left; background:url(../images/ab_b.jpg) repeat-x 0px 401px #f3f3f3; margin-top:20px; padding-bottom:50px;}
#about11{ width:100%; float:left; background:url(../images/ab_bb.png) no-repeat center 414px; margin-top:20px;}
.about{ width:1192px; margin:auto; padding-top:60px;}
.about h3{ width:1192px; float:left; font-size:20px; line-height:30px; font-weight:normal; padding-bottom:0px; }
.about h3 em{ width:10px; height:50px;position:absolute; background:#0054a5; margin-left:0px; margin-top:5px; }
.about h3 p{ padding-left:40px;color:#9b9b9b;}
.about h3 span{ padding-left:40px; text-transform:uppercase;font-size:25px;color:#2e2e2e; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}
.about h3 b{ font-weight:normal; font-size:14px; background:url(../images/more.jpg) no-repeat right 25px; float:right; padding-right:30px; padding-top:20px;}


.ab2{ width:660px; float:left; padding-top:40px;}
.ab{ width:600px; float:left; height:275px;}


.ab-an{ width:660px; float:left; }
.ab-an1{ width:250px; float:left; border-right:#eeeeee solid 1px;  font-size:14px; padding-top:40px;}
.ab-an1 b{font-size:50px;}
.ab-an1 span{font-size:30px; color:#b5b5b5; padding-left:10px; }

.ab-an2{ width:300px; float:left; font-size:14px;padding-top:40px; margin-left:60px; line-height:32px;}
.ab-an2 b{font-size:50px;}

.ab12{ width:532px;  float:left; }
.ab1{ width:532px; height:409px; float:left; background:url(../images/t1.jpg) no-repeat; margin-top:20px; overflow:hidden}
.ab1 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; }
.ab1 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);}



#nr3{ float:left;width:162px;height:0px;
	 z-index:80; 
	position: relative;
	clear: both;
	

	
}
.nr4{width:162px;
height:108px;
	float:left;
	position: absolute;
	clear: both; color:#FFFFFF; text-align:center; font-size:30px; text-transform:uppercase; line-height:108px;font-style:italic;
	background:url(../images/ab_b1.png) repeat;margin-top:321px; margin-left:-50px;

	
}


.honor{ width:1192px; margin:auto; overflow:hidden; padding-top:50px; padding-bottom:50px; }
.honor1{ float:left; width:1192px;  }




.casepic1{ width:230px; float:left!important;height:190px;  line-height:55px;color:#333333; }
.casepic1 a{ font-size:18px; color:#333333; }

.casepic2{ width:220px; float:left;
height:180px!important;
vertical-align: middle;border:#e4e4e4 solid 1px; text-align:center;
display: table-cell; }

.casepic2 img{ max-width:100%; max-height:100%;}



.demo {
	OVERFLOW: hidden;
	WIDTH: 98%
}
.indemo {FLOAT: left; WIDTH: 800%}
.demo1 {FLOAT: left}
.demo2 {FLOAT: left}




.fu2{ width:100%;
	margin-top: -100px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	overflow: hidden;
	float: left;
display:none;

	
}








.case{ width:1192px; height:134px; margin:auto; padding-bottom:50px; background:url(../images/tt.jpg) no-repeat top center}
.case h3{ width:1192px; float:left;  color:#fff;font-size:37px; line-height:35px; text-align:center; padding-bottom:30px; padding-top:35px; }
.case h3 span{ width:1192px; line-height:20px; float:left; font-weight:normal; color:#fff; text-transform:none; font-size:18px; padding-top:10px; }


.anli{ width:1192px; margin:auto;padding-bottom:30px; overflow:hidden;margin-bottom:30px; }
.anli h3{ width:1192px; float:left;  color:#3a3a3a; text-transform:uppercase; font-size:45px; line-height:35px; margin-bottom:50px; text-align:center; }
.anli h3 span{ width:1192px; line-height:20px; float:left; font-weight:normal; color:#6c6c6c; text-transform:none; font-size:16px; padding-top:30px; }
.anli h3 em{ width:100px; height:4px;position:absolute; background:#0054a5; margin:auto; overflow:hidden; margin-left:-50px; margin-top:10px;}

#p2{width:1192px;
	overflow: hidden;
	height:200px;
}


#p2 ul li{display:inline;float:left; font-size:12px;border:#eaeaea solid 1px; width:229px; height:80px!important; margin-bottom:10px; margin-left:30px; margin-right:30px; }
#p2 ul li img{font-size:12px; width:229px; height:80px;}






#new1{ width:100%; float:left; background:#f3f3f3;padding-top:70px; padding-bottom:80px; }
.new{ width:1192px; margin:auto;  }
.new h3{ width:1192px; float:left;  color:#3a3a3a; text-transform:uppercase; font-size:45px; line-height:35px; margin-bottom:10px; text-align:center; }
.new h3 span{ width:1192px; line-height:20px; float:left; font-weight:normal; color:#6c6c6c; text-transform:none; font-size:16px; padding-top:30px; }
.new h3 em{ width:100px; height:4px;position:absolute; background:#0054a5; margin:auto; overflow:hidden; margin-left:-50px; margin-top:10px;}


.new-1{ width:1192px; float:left; background:#FFFFFF; padding-top:50px; padding-bottom:50px; margin-top:30px;}

.new-2{ width:550px; float:left; padding-left:42px;}
.new-2 ul{overflow:hidden;  float:left;  }
.new-2 ul li{display:inline;float:left; width:260px; height:328px; background:#f7f7f7; margin-right:15px;}
.new-2 ul li img{ width:260px; height:150px;}
.new-2 h5{ width:230px; float:left; padding-left:15px; padding-right:15px; line-height:18px; padding-top:15px; color:#000; font-size:15px; font-weight:normal}
.new-2 h5 a{ color:#000;}

.new-2 p{ padding-top:10px; padding-bottom:10px; padding-left:15px; padding-right:15px;height:112px;}

.m2 {text-align: center;float: right;height:36px;line-height:36px;width:100px;background:#004f94; color:#FFFFFF; }
.m2 a{text-align: center;float: right;height:36px;line-height:36px;width:100px;background:#004f94; color:#FFFFFF;}
.m2 a:hover{text-align: center;float: right;height:36px;line-height:36px;width:100px;background:#019be5; color:#FFFFFF}

.mmm {text-align: center; float:right; height:36px;line-height:36px;width:100px;background:#f4f4f4; color:#666666; margin-right:30px; }
.mmm a{text-align: center; float:right;  height:36px;line-height:36px;width:100px;background:#f4f4f4; color:#666666;}
.mmm a:hover{text-align: center;float: right;height:36px;line-height:36px;width:100px;background:#004f94; color:#fff}



.new-3{ width:550px; float:left; padding-left:42px;}
.new-3 ul{overflow:hidden;  float:left;  }
.new-3 ul li{float:left; width:520px; height:70px;  background:#f4f4f4; margin-bottom:15px; padding-top:20px; padding-bottom:10px; padding-left:20px; margin-padding:10px;}
.shijian{ width:100px; float:left; height:60px; color:#8c8c8c;  text-align:right; padding-top:10px; font-size:20px; }
.shijian b{  font-size:35px;text-align:right; padding-left:10px; }
 
.nrr{ width:352px; float:right; padding-right:20px; font-size:14px; color:#a5a5a5}
.nrr a{color:#a5a5a5}
.nrr h6{ width:352px; float:left;font-size:16px; font-weight:normal; color:#666666}
.nrr h6 a{color:#666666}
#ddd{ width:100%; float:left; background:#f3f3f3;}

#nr7{ margin:auto; width:59px; 
	 z-index:150; height:28px;
	position: relative;
	clear: both;
	margin-top:0px;

	
}
.nr8{ margin:auto; width:59px;
height:58px;
	position: absolute;
	clear: both;
	padding-top:-50px;
}





#fot1{width:100%;float:left;background:url(../images/fot.jpg) repeat-x top #004f94;padding-top:100px;padding-bottom:60px;  height:281px;}
.fot{ width:1192px; margin:auto;}


.daoh{ float:left; width:180px; border-right:#1b609c solid 1px; height:215px;}
.daoh span{ float:left; color:#fff; font-size:18px; height:30px;}
.daoh p{ float:left; width:180px;  color:#a6c9e8;  line-height:26px; font-size:14px;}
.daoh a{ color:#a6c9e8}

.daoh1{ float:left; width:180px; border-right:#1b609c solid 1px; height:215px; padding-left:30px;}
.daoh1 span{ float:left; color:#fff; font-size:18px; height:30px;}
.daoh1 p{ float:left; width:180px;  color:#a6c9e8;  line-height:26px; font-size:14px;}
.daoh1 a{ color:#a6c9e8}


.contact{ width:450px; float:left; margin-left:60px; padding-bottom:10px; }
.contact h3{width:450px; float:left; color:#fff;}
.contact h3 span{font-size:25px; color:#fff;width:240px;float:left; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;  padding-left:60px; background:url(../images/dh2.png) no-repeat left; line-height:50px;}
.contact h4{width:450px; float:left; line-height:35px; text-align:left; font-size:16px; color:#fff; padding-top:10px; font-weight:normal}
.contact h4 a{color:#fff; }
.contact h4 span{width:450px; float:left; text-align:left; font-size:30px; color:#fff; }

.lx{width:400px; float:left; height:120px; text-align:left;  color:#a6c9e8; background:url(../images/tb.png) no-repeat left 20px; padding-top:15px; padding-left:25px; font-size:13px;}
.lx a{ color:#a6c9e8; }

.ewm{ float:right; width:199px; height:240px;  background:#2182df; text-align:center; color:#FFFFFF; line-height:50px; font-size:15px;}






#footer1{ float:left; width:100%; background:#004f94; padding-bottom:10px;border-top:#1b609c solid 1px; }

.footer{margin:auto;width:1192px; line-height:80px; text-align:center; color:#a6c9e8;}
.footer a{color:#a6c9e8;}



.zzb07tail{color:#a6c9e8}
a.zzb07link{color:#a6c9e8; text-decoration:none;}

a.zzb07link:hover {color:#a6c9e8;text-decoration:underline;

}







#search{
width:205px;
float:right;
margin-top:50px;
}
#search_logo{ padding-top:5px; float:left; padding-left:10px;}


.searchinput{
height:30px;
color:#444444;
font-size:12px;
border:#c8c8c8 solid 0px;
line-height:30px;
padding-left:10px;
width:150px;
float:left;
display:inline;
background:#eaeaea;
}



