﻿@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px; list-style-type: none;

}
body{
font-family:microsoft yahei;
font-size:15px;
line-height:26px;
color:#646464;
background:#fff;

}
img{
border:none;
}
ul li{
list-style:none;	}
a{color:#646464; text-decoration: none;}

a:hover{color:#048cd7;text-decoration:none;}





/*--------------------index.html start----------------------*/


.header{ position:absolute; width:100%; left:0; top:0; z-index:9999; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}



.header-wraper{ width:100%; float:left;/*display:flex;*/ border-bottom:rgba(255, 255, 255, 0.3) solid 1px; height:100px;}
.header-wraper1{width:100%; margin:auto}



.logo{ float:left;  }
.logoc{ padding-top:15px; float:left}
.logo h1{color:#fff; font-size:30px; font-weight:900; float:right; padding-left:15px; line-height:30px; padding-top:10px; 
-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.logo h1 span{color:#fff; font-size:18px; font-weight:normal; float:right;  line-height:20px; 
-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}


.logo img{ -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;opacity:1;}



.seearch{ text-align:center; float:right; width:10%}
.seearchitem01  { width:48%; height:65px; padding-top:35px; border-left:solid 1px  rgba(255, 255, 255, 0.3); border-right:solid 1px rgba(255, 255, 255, 0.3); float:left}
.seearchitem02 { width:49%; height:100px; line-height:100px;float:left; text-align:center}
.seearchitem02 a { color:#FFFFFF; text-align:center}




.nav{width:65%; float:right; padding-top:27px;}

.navitem{  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; display:block; position:relative; }
.navitem a{ text-transform:uppercase; color:#FFFFFF; font-size:16px; text-decoration:none; font-weight:normal; }
.navitem a.itemactive{color:#000!important;}


.nav li {
	float: left;
	display: inline-block;
	list-style: none;
	font-size: 17px;
	text-align: center;
	position: relative;
	padding: 10px 0px 0px  0px;
}
.nav li a { padding-left:17px; padding-right:17px;
	display: block;
	text-align: center;
	position: relative;
	height: 30px;
	line-height: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.nav li.hover a, .nav li:hover a {


}
.nav li .subnav {
	background: #fff;
	border-top: 2px solid #1e64c9;
	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
	height: auto;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	margin-top:8px;
	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: #666;
	display: block;
	font-size: 14px!important;
	font-weight: 500;
	line-height: 40px;
	height: 40px;
	padding: 0;
	transition: all 0.2s ease-in-out 0s;
	width: 100%;
	border-bottom: 1px solid #eee;
	background: #fff;
}
.nav li .subnav a:hover {
	color: #1e64c9;
	background: #f9f9f9;
	text-indent: 10px;
}



#flash{
width:100%;
height:840px;
float:left; z-index:0;
}





/* 焦点图 */
.about1{width:1140px; margin:auto}
.ab_left{width:371px; float:left; text-transform:uppercase; font-size:12px; line-height:33px;}


.ztu{width:371px;height:501px; float:right;overflow:hidden}
.ztu 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; }
.ztu 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);}




.ab{ width:656px; float:right; padding-top:70px;}
.ab h3{ width:646px; line-height:45px; color:#000000; font-size:35px; font-weight:normal; margin-top:30px;}
.ab1{ width:646px; float:left; padding-top:25px; padding-bottom:15px; }


.m1{background:#fff;width:180px; line-height:40px; float:left;color:#5c5c5c;  border:#dfdfdf solid 1px;border-radius:50px; text-align:center;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:40px; height:40px;  color: #fff;}

.m1 a{border-radius:0px; width:180px; line-height:40px; float:left; color:#5c5c5c;border-radius:50px;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:40px; height:40px;  color: #5c5c5c;}
.m1 a:hover{ 
	background:#1e64c9\9;color: #fff;border-radius:50px;}
	
.m1:after{content:'';position:absolute;height:100%;width:0;background:#1e64c9;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; border-radius:50px;}
.m1:hover:after,.ydao ul li.cur:after{width:100%;color: #fff;}

.mmm1{ background:#f1f1f1; text-align:center; width:25px; height:25px;border-radius:50px; line-height:25px; color:#c2c2c2; float:right; font-size:20px; margin-right:10px; margin-top:8px;}





.pro{width:1140px; margin:auto; padding-top:90px; clear:both }

.pro h2{float:left;width:1140px; background:url(../images/pro.png) no-repeat top center; text-align:center; padding-top:50px; font-size:40px;  font-weight:normal; color:#000000; padding-bottom:20px;}
.pro h2 span{font-size:16px; line-height:70px; color:#545454}

.pro h3{float:left;width:1140px; background:url(../images/pro.png) no-repeat top center; text-align:center; padding-top:50px; font-size:40px;  font-weight:normal; color:#000000; padding-bottom:20px;}
.pro h3 span{font-size:16px; line-height:70px; color:#545454}


.cp{width:392px; height:389px; float:left; overflow:hidden; margin-right:22px;}
.cp 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; }
.cp img:hover { 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);}

.nr1{width:287px; margin:auto; height:0px; position: relative;clear: both; z-index:20;  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.nr2{float:left;width:287px; height:67px; padding-top:20px; position:absolute;clear: both;  margin-top:250px; background:#fff; text-align:center; font-size:28px; color:#000000}
.nr2 span{font-size:15px; color:#9e9e9e}

.nr1:hover{-webkit-transform: translate(0,-20px);
	-moz-transform: translate(0,-20px);
	-o-transform: translate(0,-20px);
	-ms-transform: translate(0,-20px); -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}





.cp1{width:311px; float:right; text-align:center}
.cp1_1{width:311px; height:143px; background:#1e64c9; color:#FFFFFF; font-size:35px; float:left; padding-top:70px;}
.cp1_2{width:311px; height:154px; background:#525252; color:#FFFFFF; font-size:35px; float:left; margin-top:19px; color:#FFFFFF; font-size:100px;}
.cp1_2 a{color:#FFFFFF; line-height:135px;-webkit-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s;}
.cp1_2 a:hover{color:#FFFFFF; line-height:135px;font-size:80px;-webkit-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s;}



.m3{ border:#fff solid 1px;width:130px; line-height:30px; float:left;color:#fff; margin-left:90px; margin-top:30px; font-size:14px;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:30px; height:30px;  color: #000;}

.m3 a{border-radius:0px; width:130px; line-height:30px; float:left; color:#fff;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:30px; height:30px;}
.m3 a:hover{ 
	background:#fff\9;color: #1e64c9;}
	
.m3:after{content:'';position:absolute;height:100%;width:0;background:#fff;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; }
.m3:hover:after,.ydao ul li.cur:after{width:100%;color: #1e64c9;}






.fz11{width:100%; background:#f3f3f3; float:left; padding-top:100px; padding-bottom:55px; margin-top:100px; }

.fz{width:1140px; margin:auto;  clear:both }

.fz h2{float:left;width:1140px; background:url(../images/gl.png) no-repeat top center; text-align:center; padding-top:60px; font-size:40px;  font-weight:normal; color:#000000; padding-bottom:20px;}
.fz h2 span{font-size:16px; line-height:70px; color:#545454}
.fz h3{float:left;width:1140px; background:url(../images/gl.png) no-repeat top center; text-align:center; padding-top:60px; font-size:40px;  font-weight:normal; color:#000000; padding-bottom:20px;}
.fz h3 span{font-size:16px; line-height:70px; color:#545454}


.fz1{width:600px;padding-top:50px; clear:both; margin:auto; color:#8a8989; font-size:16px; line-height:30px; height:160px; }
.fz1-1{width:90px; margin-left:150px; float:left;}
.fz1-1 a{ float:left; width:90px; background:url(../images/g1.png) no-repeat top center; font-size:18px; color:#010101; padding-top:80px; text-align:center; margin-top:0px;
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;}
.fz1-1 a:hover{ float:left; width:90px; background:url(../images/g1.png) no-repeat top center; font-size:18px; color:#010101; padding-top:80px; text-align:center; margin-top: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);}
	


.fz1-3{width:120px; margin-left:100px; float:left;}
.fz1-3 a{ float:left; width:120px; background:url(../images/g2.png) no-repeat top center; font-size:18px; color:#010101; padding-top:80px; text-align:center; margin-top:0px;
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;}
.fz1-3 a:hover{ float:left; width:120px; background:url(../images/g2.png) no-repeat top center; font-size:18px; color:#010101; padding-top:80px; text-align:center; margin-top: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);}
	


.new{width:1140px; margin:auto;  clear:both; padding-top:50px;}

.new h2{float:left;width:300px;  text-align:left; padding-top:60px; font-size:40px;  font-weight:normal; color:#000000; padding-bottom:20px;}
.new h2 span{font-size:16px; line-height:70px; color:#545454}
.new h2 em{ background:#0066CC; width:50px; height:1px; position:absolute; margin-top:20px; margin-left:30px;}

.new h3{float:left;width:300px;  text-align:left; padding-top:60px; font-size:40px;  font-weight:normal; color:#000000; padding-bottom:20px;}
.new h3 span{font-size:16px; line-height:70px; color:#545454}
.new h3 em{ background:#0066CC; width:50px; height:1px; position:absolute; margin-top:20px; margin-left:30px;}

.new1{width:780px; float:right;  }
.new1 ul{width:780px; float:left }
.new1 ul li{width:780px; float:left; height:120px; border-bottom:#e6e6e6 solid 1px; padding-top:55px; }
.new1 h5{width:240px; float:left; font-size:18px; font-weight:normal; color:#000000}
.new1 .nnn{width:393px; float:left;  padding-left:50px; }
.new1 .nnn .shijian{width:393px; float:left; color:#bebebe; line-height:40px; }
.new1 .mmp{width:30px; float:right; font-size:50px; color:#c1c1c1; font-family:Arial, Helvetica, sans-serif }









#fot1{width:100%;float:left; background:#1e64c9; margin-top:100px; padding-bottom:50px;}

.fot{ width:1140px; margin:auto; padding-top:70px;}
.fot a{ color:#fff;}


.contact{width:440px; float:left;color:#fff;}
.contact h3{float:left;width:440px;  text-align:left; padding-top:0px; font-size:35px;  font-weight:normal;  padding-bottom:30px;}


.fot-menu{ width:700px; float:right; color:#FFFFFF; }
.fot-menu a{ color:#FFFFFF}

.fot-menu2{width:162px; float:left;text-align:left;font-size:15px; color:#FFFFFF;font-weight:normal; border-right:#3173d2 solid 1px; margin-left:70px; height:161px; margin-bottom:40px;  }
.fot-menu2 h5{width:162px;float:left;text-align:left;font-size:20px; color:#FFFFFF;font-weight:bold; padding-bottom:20px;  }

.fot-menu2 ul{overflow:hidden; text-align:left; float:left; font-size:15px;width:162px;  }
.fot-menu2 ul li{display:inline;float:left; line-height:33px; width:162px;}
.fot-menu2 ul li a{ float:left; width:162px; color:#e8e8e8}
.fot-menu2 ul li a:hover{ float:left; width:162px; color:#fff}




.footer{width:1140px; margin:auto; clear:both;   text-align:left;color:#79a4e2; border-top:#3173d2 solid 1px; padding-top:30px; }
.footer a{color:#79a4e2}
.zzb07tail{color:#79a4e2}
a.zzb07link{color:#79a4e2; text-decoration:none;}
a.zzb07link:hover {color:#79a4e2;text-decoration:underline;}


.bah{ float:right; color:#fff}
.bah a{ color:#fff}






