﻿@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px; list-style-type: none;

}
body{
font-family:microsoft yahei;
font-size:14px;
line-height:25px;
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:fixed; width:100%; left:0; top:0;height:140px; padding-top:15px; z-index:9999; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.headerchuange{  background:rgba(255,255,255,1); height:120px;  border-bottom:#efefef 1px solid;  border-bottom:#efefef 0px solid; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}


.header-wraper{ width:100%; float:left;/*display:flex;*/}
.header-wraper1{width:1140px; margin:auto}




.logo{ position:absolute; }
.logoc{ position:relative; width:1140px;}
.logo h1{color:#fff; font-size:30px; font-weight:900; float:right; padding-left:15px; line-height:60px;
-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}

.logochuange {  position:absolute;  width:440px; min-width:440px;  }
.logochuange h2{color:#8b1f5d; font-size:23px; font-weight:900; opacity:0; float:right; padding-left:0px; line-height:57px; -webkit-transition:all 1s ease 1s; transition:all 1s ease 0s;}

.logochuange img{-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; width:140px;opacity:0; }
.logo img{ -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;opacity:1;}



.seearch{ display:flex; align-items:center; text-align:right; padding-top:18px; float:right}
.seearch div{ margin:0 5px; display:block;   }
.seearchitem01  { background:url(../images/ico1.png)    no-repeat; width:23px; height:23px;}
.seearchitem02 { background:url(../images/ico2.png)   no-repeat ; width:23px; height:23px;}
.seearchitem03 { background:url(../images/ico3.png)   no-repeat;  width:23px; height:23px;}

.seearchitem04 { float:right; color:#FFFFFF; width:70px!important; font-size:14px;  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.seearchitem04 a{  color:#FFFFFF; float:left;width:70px!important;}

.seearchitemchuange1{  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;  color:#000}
.seearchitemchuange1 a{ color:#000}


.seearchitemchuange{background-position:bottom center;}
.seearch a{ width:23px;  height:inherit; display:block;}
.navitemdown{ position:absolute;    background:rgba(255,255,255,1); display:block; padding: 10px 20px; border:#c1c1c1 1px solid; /*--------阴影----------*/
box-shadow:0px 1px 7px #ccc ; 
-moz-box-shadow:0px 1px 7px #ccc ;  
-khtml-box-shadow:0px 1px 7px #ccc ;          
-webkit-box-shadow:0px 1px 7px #ccc ; margin-top:27px; 
    
 }
.navitemdown a{ display:block; line-height:30px; color:#000000; font-size:14px; text-transform:uppercase; display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.navitemarr,.navitemarrhei{ padding-right:10px;}
.navitemarr:before{width: 0; content:'';  position:absolute; 
height: 0;

border-width: 4px;

border-style: solid;

border-color: #fff  transparent transparent transparent; left:100%; margin-left:-25px; margin-top:8px;}
.navitemarrhei:before{ 

border-color: #000  transparent transparent transparent;  }

.wraper{width:1140px; margin:0 auto}


.input{border:#ddd 0px solid;height:35px;font-family:Arial, Helvetica, sans-serif;width:200px;color:#333;font-size:14px;   line-height:35px;  
 
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;   padding:0 10px;  }
.search{  position:fixed; top:20px;  left:0;  display:block; z-index:999999;  margin-left:-140px;}
.searchitem{ padding:5px; background:#fff; border:#efefef 1px solid; width:280px; float:right; }
.searchitem form{ display:flex; width:100%;}



.nav_bgc{ width:100%; float:left; position:absolute; margin-top:78px;border-top:#FFF solid 1px;border-bottom:#FFF solid 1px;  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.itemactive1{  border-top:#e5e5e5 solid 1px;border-bottom:#e5e5e5 solid 1px;  margin-top:68px;}


.nav{width:1140px;margin:auto;}

.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;
}





/* 焦点图 */
.focus1{width:1140px; margin:auto}
.f426x240{width:1140px;height:456px;float:left}

.ab{ width:450px; float:left; text-align:center; padding-right:50px;}
.ab h3{ width:450px; line-height:120px; color:#000000; font-size:37px; text-align:center; font-weight:normal; margin-top:30px;}
.ab1{ width:450px; float:left; text-align:center; font-size:15px; }


.m1{background:#131313;width:130px; line-height:32px; float:left;color:#FFFFFF; margin-left:155px; margin-top:30px;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:35px; height:35px;  color: #fff;}

.m1 a{border-radius:0px; width:130px; line-height:32px; float:left; color:#FFFFFF;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:35px; height:35px;  color: #fff;}
.m1 a:hover{ 
	background:#131313\9;color: #fff;}
	
.m1:after{content:'';position:absolute;height:100%;width:0;background:#1e64c9;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.m1:hover:after,.ydao ul li.cur:after{width:100%;color: #fff;}


.ztu{width:444px;height:418px; float:right; border-radius:5px; 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);}


.abb{ width:147px; height:283px; float:left; background:#f4f4f4; margin-top:135px;}


.rslides{width:100%;position:relative;list-style:none;padding:0; }
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.3;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../images/i.png) no-repeat 0 -560px;margin-top:100px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background-position:-31px -560px;right:0}
.rslides_tabs{margin:30px auto;clear:both;text-align:center}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}

.rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:rgba(0,0,0, .2);background:#DDD;display:inline-block;_display:block;*display:block;width:15px;height:15px}
.rslides_tabs .rslides_here a{background:rgba(0,0,0, .6);background:#1e64c9}







.nei1{background:#f2f2f2;width:100%; height:390px; float:left; margin-top:50px; margin-bottom:350px; }

.nr1{width:1140px; margin:auto; height:0px; position: relative;clear: both; z-index:20	; }
.nr2{float:left;width:1140px;  position:absolute;clear: both;  margin-top:160px;}


.cp{width:405px; float:left; height:511px; background:#1e64c9; border-radius:10px; padding-top:50px; padding-left:80px!important; padding-right:80px!important; }
.cp h3{width:405px; float:left; font-size:45px; color:#fff; font-weight:normal; line-height:100px;}
.cp h3 span{width:405px!important; float:left; font-size:17px; color:#fff; font-weight:normal;line-height:30px;}


.cp ul{ float:left; padding-top:40px;}
.cp ul li{float:left; line-height:40px; font-size:17px; width:200px;}
.cp ul li a{ float:left;color:#92b5ea; }
.cp ul li a:hover{ float:left; color:#fff;-moz-transition: all .3s ease 0s;-ms-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;-webkit-transition:all .3s ease 0s; padding-left:5px;}



.m2{ width:55px; height:51px; margin-top:510px; color:#FFFFFF; background:#e8c51e; text-align:center; line-height:51px; float:left; margin-left:510px;   border-bottom-right-radius:10px;position:absolute; font-size:30px}
.m2 a{ color:#FFFFFF; }


.cp1{width:574px; float:left; height:372px; background:url(../images/pro.jpg) no-repeat; padding-top:120px;margin-top:72px; text-align:center }
.cp1 h3{width:574px; float:left; font-size:45px; color:#000000; font-weight:normal; line-height:50px;}



.m3{ border:#131313 solid 1px;width:160px; line-height:32px; float:left;color:#000; margin-left:205px; margin-top:30px;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:35px; height:35px;  color: #000;}

.m3 a{border-radius:0px; width:160px; line-height:32px; float:left; color:#000;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:35px; height:35px;}
.m3 a:hover{ 
	background:#131313\9;color: #fff;}
	
.m3:after{content:'';position:absolute;height:100%;width:0;background:#1e64c9;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; }
.m3:hover:after,.ydao ul li.cur:after{width:100%;color: #fff;}






.fz{width:1140px;padding-top:120px; margin:auto; color:#8a8989; font-size:16px; line-height:30px; }
.fz h3{width:1140px; float:left; font-size:37px; color:#000000; font-weight:normal; line-height:100px;}

.fz p{width:1140px; float:left; padding-bottom:20px;}

.m4{ background:#1e64c9; width:160px; line-height:32px; float:left;color:#000;  margin-top:20px; text-align:center;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:35px; height:35px;  color: #fff;}

.m4 a{border-radius:0px; width:160px; line-height:32px; float:left; color:#fff;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:35px; height:35px;}
.m4 a:hover{ 
	background:#131313\9;color: #fff;}
	
.m4:after{content:'';position:absolute;height:100%;width:0;background:#131313;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; }
.m4:hover:after,.ydao ul li.cur:after{width:100%;color: #fff;}





.fz1{width:1140px;padding-top:100px; clear:both; margin:auto; color:#8a8989; font-size:16px; line-height:30px; height:160px; border-bottom:#e9e9e9 solid 1px; }
.fz1-1{width:90px; margin-left:150px; float:left;}
.fz1-1 a{ float:left; width:90px; background:url(../images/y1.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/y1.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-2{width:120px; margin-left:250px; float:left;}
.fz1-2 a{ float:left; width:120px; background:url(../images/y2.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-2 a:hover{ float:left; width:120px; background:url(../images/y2.png) no-repeat top center; font-size:18px; color:#010101; padding-top:80px; text-align:center; margin-top:10px;
	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{width:120px; margin-left:230px; float:left;}
.fz1-3 a{ float:left; width:120px; background:url(../images/y3.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/y3.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);}
	


.lx{width:1140px;padding-top:60px; margin:auto; color:#8a8989; font-size:16px; line-height:30px;}

.lx-1{width:320px; margin-left:200px; float:left; background:url(../images/y4.png) no-repeat top center; font-size:18px; color:#010101; padding-top:90px; text-align:center}
.lx-1 p{width:320px; text-align:center; font-size:14px; color:#656565}
.lx-2{width:320px;margin-left:70px;  float:left; background:url(../images/y5.png) no-repeat top center; font-size:18px; color:#010101; padding-top:90px; text-align:center}
.lx-2 p{width:320px; text-align:center; font-size:14px; color:#656565}








#fot1{width:100%;float:left; background:#1e64c9; margin-top:100px; padding-bottom:50px;}

.fot{ width:1140px; margin:auto; padding-top:70px;}



.fot-menu{ width:999px; float:left; color:#FFFFFF; padding-bottom:50px; }
.fot-menu a{ color:#FFFFFF}

.fot-menu2{width:170px; float:left;text-align:left;font-size:15px; color:#FFFFFF;font-weight:normal; border-right:#3173d2 solid 1px; margin-right:70px; height:250px;  }
.fot-menu2 h5{width:170px;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:170px;  }
.fot-menu2 ul li{display:inline;float:left; line-height:33px; width:170px;}
.fot-menu2 ul li a{ float:left; width:170px; color:#e8e8e8}
.fot-menu2 ul li a:hover{ float:left; width:170px; color:#fff}




.footer{width:1140px; margin:auto; clear:both;   text-align:left; font-size:14px;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}






