﻿@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
}
body{
font-family:"microsoft yahei";
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:#214684;text-decoration:none;}



h1{

float:left;
padding-top:31px;
margin-right:0px; line-height:35px;
padding-bottom:20px; color:#214684; 
font-size:32px;
}
h1 span{ font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase;letter-spacing:0.4px;
}
h1 a{color:#214684; 

}

.logo{
float:left;font-size:32px; margin-top:32px;padding-left:20px; font-size:22px;  font-weight:900!important; line-height:30px; border-left:#e0e0e0 solid 1px; margin-left:20px;}




.en_cn1{float:right;text-align:right;background:url(../images/tel.jpg) no-repeat 0px 13px; margin-top:5px; width:280px;}
.en_cn1 span{font-size:24px;font-family:Arial, Helvetica, sans-serif; color:#000000;   line-height:35px; padding-left:10px;}
.en_cn1 b{ font-weight:normal}


.top3{ float:right;width:320px; text-align:right; padding-top:27px; font-size:13px; }

.ewm2{ border:#dedede solid 1px; padding:5px; float:right; margin-left:20px;margin-top:22px;}

/*--------------------index.html start----------------------*/


#head{
width:1201px;
margin:auto;
}



#flash{
width:100%;
float:left;
height:474px;
}

#menu1{width:100%;
float:left;
height:53px;
background:#214684;
}

#menu{width:1201px;
margin:auto;
height:53px;

}
ul.menu {list-style:none; margin:0; padding:0; border-left:#123267 solid 1px;}
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; }
ul.menu ul {position:absolute;  left:0; display:none; opacity:0; list-style:none;  }
ul.menu ul li {position:relative; border-top:none; width:170px;font-weight:normal;background:#067bc0;color:#fff;  border-top:1px solid #fff;}
ul.menu ul li a {color:#fff;font-weight:normal;line-height:35px;}
ul.menu ul li a:hover {color:#fff; background:#214684; }
ul.menu ul ul { top:0px}
ul.menu .menulink { width:170px;  height:53px;font-size:16px;_display: inline-block; line-height:53px; border-right:#123267 solid 1px; }
ul.menu .menulink:hover, ul.menu .menuhover { color:#fff;  background:#067bc0;border-right:#123267 solid 1px; }
ul.menu .sub {}
ul.menu .topline {}





#nn1{
width:100%;
float:left;
padding-bottom:20px;
border-bottom:#f0f0f0 solid 1px;
}
#nn{
width:1201px;
margin:auto;
}
#nn .n4{float:left;width:815px; }


#nn .n2{float:left;width:815px; padding-top:25px;  color:#8f8f8f }
#nn .n2 a{color:#8f8f8f }
#nn .n2 h3{float:left;   font-weight:bold; font-size:16px; text-transform:uppercase; padding-top:0px; padding-right:20px; color:#093277 }





#search{
width:268px;
padding-top:20px;
float:right;
}
#search_logo{ padding-top:0px;}


.searchinput{
height:36px;
line-height:36px;
color:#333333;
border:#e8e8e8 solid 0px;
width:200px;
float:left;
padding-left:20px;
display:inline;
background:#e8e8e8;
}






.pro_1{width:1201px; margin:auto;}

.left{width:270px; float:left; margin-top:50px;}
.left h3{width:270px; height:84px; background:#0c2c6c; float:left; color:#FFFFFF; text-align:center; font-size:35px; font-weight:900; padding-top:40px;}
.left h3 span{width:270px;text-align:center; font-size:15px; font-weight:normal; text-transform:uppercase; line-height:50px;}

.left ul{overflow:hidden;width:268px;  background:#f1f1f1;  height:520px; text-align:left; float:left; font-size:17px; border:#e2e2e2 solid 1px; border-top:#e2e2e2 solid 1px; padding-top:20px;}
.left ul li{display:inline;float:left; line-height:46px; padding-left:17px; margin-bottom:20px}
.left ul li a{ float:left; background:#e4e4e4;  padding-left:20px; width:215px;}
.left ul li a:hover{ float:left;  color:#fff; background:#0c2c6c }

.vv{ width:235px; background:#0c2c6c; text-align:center; float:left;line-height:46px; color:#fff; margin-left:17px;}
.vv a{color:#fff}


.pro-right{ width:885px; float:right; margin-top:50px;}
.pro-right h3{width:855px; float:left; height:45px; line-height:45px; padding-left:30px; background:#0c2c6c; color:#FFFFFF; text-align:center; font-size:20px; font-weight:900;  border-bottom:#0c2c6c solid 2px; text-align:left;}
.pro-right h3 span{width:750px;  background:#fff; float:right}
.pro-right1{ width:883px; height:580px; float:right;border:#e2e2e2 solid 1px; border-top:#e2e2e2 solid 1px; background:#f1f1f1; }




.pz1 {width:885px; float:right; overflow:hidden;padding-top:25px;
}
.pz1 h4{ font-size:20px; font-weight:normal; padding-left:}
.pz1 ul {float:left; padding-left:20px; }
.pz1 ul li{float:left;margin:15px 10px ;  }
.pz1 ul li a{float:left; font-size:15px;border:#dfdfdf solid 1px; color:#000000; background:#fff;  width:260px; height:203px!important;  padding-top:25px; text-align:center;border-radius:5px;box-shadow: 5px 5px 2px #e8e8e8; 
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;}


.pz1 ul li 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);}
	
	
	



.by1{ width:100%; float:left; background:url(../images/bb.jpg) repeat; height:174px; margin-top:40px;}
.by{ margin:auto;background:#193978; height:174px; width:1200px; clear:both}
.by ul{float:right; width:800px; margin-top:50px;border-left:#FFFFFF dashed 1px; padding-left:70px;}
.by ul li{float:left; line-height:40px; width:250px;color:#FFFFFF; font-size:16px;}
.by ul li a{color:#FFFFFF; }


.vr2{ background:url(../images/ap.png) no-repeat top center; float:left;width:320px; padding-top:90px; margin-top:15px; }
.vr2 p{  background:#e4be8d; margin:auto;text-align:center; line-height:50px; width:200px; font-size:22px; color:#0c2c6c}


#ys{width:1200px; margin:auto; padding-top:60px; height:700px; clear:both; padding-bottom:70px; }

#ys h3{ float:left; 
	font-size:55px;
	line-height: 55px;
	color: #de332b;
	text-align: center;
	float: left;	font-weight: 900;
	width: 1200px; padding-bottom:30px

}

#ys h3 b{ color:#000000}

#ys h3 span{
	color: #193978; background:url(../images/xx.png) no-repeat center; float:left; width:1200px;font-size: 25px; padding-top:0px; padding-bottom:10px;text-align:center!important; font-weight:normal;}



.ys1{ float:left; height:641px; width:1200px; font-size:15px; background:url(../images/ys.jpg) no-repeat center center;}
.y1{ float:left; height:250px; width:357px; text-align:left;padding-top:125px;}
.y1 h5{ float:right; height:70px; width:70px; text-align:left; background:#fe0000; border-radius:50px; text-align:center; color:#FFFFFF;  line-height:70px; font-size:50px; }
.y1 p{ float:left; width:259px; text-align:right;  }
.y1 b{ width:259px; font-size:25px; font-weight:normal; color:#000000; line-height:40px;   }



.y2{ float:right; height:250px; width:357px; text-align:left;padding-top:125px;}
.y2 h5{ float:left; height:70px; width:70px; text-align:left; background:#fe0000; border-radius:50px; text-align:center; color:#FFFFFF;  line-height:70px; font-size:50px; }
.y2 p{ float:right; width:259px; text-align:left;  }
.y2 b{ width:259px; font-size:25px; font-weight:normal; color:#000000; line-height:40px;   }


.ys2{ float:left;  width:1200px; }

.y3{ float:left; height:250px; width:357px; text-align:left;padding-top:60px; }
.y3 h5{ float:right; height:70px; width:70px; text-align:left; background:#fe0000; border-radius:50px; text-align:center; color:#FFFFFF;  line-height:70px; font-size:50px; }
.y3 p{ float:left; width:259px; text-align:right;  }
.y3 b{ width:259px; font-size:25px; font-weight:normal; color:#000000; line-height:40px;   }



.y4{ float:right; height:250px; width:357px; text-align:left;padding-top:60px;}
.y4 h5{ float:left; height:70px; width:70px; text-align:left; background:#fe0000; border-radius:50px; text-align:center; color:#FFFFFF;  line-height:70px; font-size:50px; }
.y4 p{ float:right; width:259px; text-align:left;  }
.y4 b{ width:259px; font-size:25px; font-weight:normal; color:#000000; line-height:40px;   }



.container1{width:100%; float:left; background:url(../images/case.jpg) no-repeat top center #254581; height:744px; color:#1a62b2; padding-top:80px; margin-top:70px; }
.container{width:1095px!important; margin:auto; background:#fff;overflow:hidden;  padding-top:20px; padding-bottom:20px;}



.da-thumbs {
	list-style: none;
	position: relative;
	margin: auto;
}
.da-thumbs li {
	float: left;
	margin:0px;
	background: #fff;
	padding:10px;
	position: relative;
}
.da-thumbs li.case{width:325px; height:108px; float:left; background:#f0f0f0; color:#0072c9; font-size:35px; text-align:center; padding-top:70px; margin-top:9px; margin-left:9px; margin-right:9px;}
.da-thumbs li.case p{width:325px;  float:left; background:#f0f0f0; color:#0072c9; line-height:55px; font-family:Arial, Helvetica, sans-serif; font-size:20px; text-align:center; text-transform:uppercase}

.da-thumbs li a,
.da-thumbs li a img {
width:343px; height:188px;
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	padding: 90px 0; text-align:center; font-size:30px; font-weight:900;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);

}






.about1{ width:1200px; margin:auto; padding-top:70px; clear:both;  border-bottom:#dcdcdc solid 1px; height:550px; }

.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:#de332b; color:#FFFFFF; font-size:50px; text-align:center; line-height:37px;}
		
.nr6{float:left;width:48px; height:48px; background:#194471; 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:50px; text-transform:uppercase;color:#b6b6b6; font-family:"Alibaba Sans Light"; font-weight:normal}
.ab1 h4 em{width:767px;  float:left;  font-size:50px; font-style:normal; line-height:55px;color:#0c2c6c; font-family:Arial, Helvetica, sans-serif; font-weight:900; text-transform:uppercase;}
.ab1 h4 b{width:530px; height:1px; position:relative; background:#e5e5e5;  float:right; margin-top:25px;}

.ab3{ float:left; width:767px; height:240px; padding-top:25px; }



.ab5{ width:767px; 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:#de332b; font-weight:900; padding-left:5px; padding-right:5px; font-family:Arial, Helvetica, sans-serif}






#new1{width:1200px; margin:auto; padding-top:50px; margin-bottom:50px;  }

#new1 h3{ float:left; 
	font-size: 35px;
	line-height: 40px;
	color: #003f98;
	text-align: center;
	float: left;	font-weight: 900;
	width: 1200px; padding-bottom:30px

}

#new1 h3 b{ color:#000000}

#new1 h3 span{
	color: #363636; 
	font-size: 17px; padding-top:0px; padding-bottom:10px;text-align:center!important; font-weight:normal;
	

}


.n_left{ float:left; width:569px; color:#737373;}
.n_l_1{ width:205px; height:172px; float:left; background:#096eb5; font-size:30px; color:#fff; text-align:center;}
.n_l_1 h2{ font-size:50px; padding:54px 0 28px 0;}
.n_l_2{ width:569px; height:202px; float:left; overflow:hidden;}
.n_l_2 img{ transition:all 0.5s; width:569px; height:202px;}
.n_l_2 img:hover{ transform:scale(1.1);}
.n_left h5{ width:569px; font-size:16px; font-weight:normal; color:#096eb5; border-bottom:solid 0px #d3d3d3; padding:15px 0 20px 0; margin-bottom:7px; float:left;}
.n_left h5 a{ color:#096eb5;}
.n_left h5 a:hover{ text-decoration:underline;}
.n_left h5 span{ font-size:15px; font-weight:normal; color:#979797; float:right;}
.n_left h4{ width:121px; height:33px; line-height:33px; font-weight:normal; color:#FFFFFF; background:#096eb5; text-align:center; margin-top:28px;}
.n_left h4 a{ color:#FFFFFF;}
.n_left h4 a:hover{ color:#fff;}
.n_right{ width:585px; float:right; font-size:14px;}
.n_right li{ width:585px; background:#f6f6f6; border-bottom:solid 0px #e8e8e8; float:left; padding-bottom:17px; margin-bottom:10px; padding-top:18px;}
.n_r_1{ float:left; width:89px; height:50px; border-right:solid 0px #e8e8e8; margin-right:23px; text-align:center; font-size:16px; color:#c6c6c6; padding-top:5px;}
.n_r_1 h7{ font-size:29px; padding:13px 0 4px 0; color:#333333}
.n_r_2{ float:left; width:469px; color:#979797;}
.n_r_2 h4{ font-weight:normal; font-size:16px; color:#000; padding-bottom:8px;}
.n_r_2 h4 a{ color:#000;}
.n_r_2 h4 a:hover{ color:#096eb5;}








#fot1{width:100%;float:left;background:#092e6b; margin-bottom:40px; margin-top:55px; }


.fot{ width:1201px; margin:auto;font-size:16px; }
.fot ul{overflow:hidden;width:1201px; }
.fot ul li{display:inline;float:left; }
.fot ul li a{ float:left; width:130px; color:#fff; padding-top:15px; padding-bottom:5px;}



.fot2{ width:1201px; margin:auto; padding-bottom:40px;}
.fot2-logo{ float:left; }




.contact{ width:500px; float:left; border-left:#d3d3d3 solid 1px; padding-left:50px; height:150px; margin-top:20px;}

.ewm{ width:132px; height:132px; padding:8px; border:#e5e5e5 solid 1px; float:right; text-align:center; font-size:14px; line-height:40px; margin-bottom:70px;}
.ewm p{ width:132px; float:left;  }



.fot-logo1{ width:480px; float:left;}

.fot-logo{ float:left;} 



.logo1{

float:left; font-weight:900;
padding-top:10px;
margin-right:0px; line-height:35px;
padding-bottom:20px; color:#214684; 
font-size:32px;
}
.logo1 span{ font-family:Arial, Helvetica, sans-serif; font-size:17px; text-transform:uppercase;letter-spacing:0px;font-weight:normal;
}
.logo1 a{color:#214684; 

}

.footer{ width:400px; float:left;}

.zzb07tail{color:#7b7b7b}
a.zzb07link{color:#7b7b7b; text-decoration:none;}

a.zzb07link:hover {color:#7b7b7b;text-decoration:underline;

}





