﻿@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px; list-style-type: none;

}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:24px;
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;}




h1{

float:left;
padding-top:20px;
}

.logo{float:left;font-size:30px; margin-top:25px;padding-left:20px;  color:#1f1f1f;font-weight:900!important; line-height:27px;font-family:microsoft yahei;}
.logo b{color:#1f1f1f; font-size:18px; font-weight:normal;letter-spacing:2.2px; font-family:Arial, Helvetica, sans-serif; line-height:33px;}
.logo a{color:#1f1f1f;}



/*--------------------index.html start----------------------*/


#nav-wrap{position:relative;  z-index:999}
#nav{height:153px;background:url(../images/menu.png) repeat;top:0px;position:absolute;width:100%; border-bottom:#ecf0f2 solid 1px;  box-shadow: 0.01px 0.01px 6px #c8c8c8;}

.header{  width:1200px; margin:auto;}
.en1{ float:right;padding-top:42px; font-size:16px;padding-left:0px;}
.en1 img{ float:left;}

.nav_bgc{ width:1200px; float:right; padding-top:5px; border-top:#efefef solid 1px; margin-top:15px;}


.nav1 li {
	float: left;	
	display: inline-block;
	list-style: none;
	font-size: 17px;
	text-align: center;
	position: relative;
	padding: 10px 8px;
}
.nav1 li a { padding-left:0px; padding-right:0px;
	display: block;
text-align: center;
	position: relative;
	color: #000;
	height: 30px;
	line-height: 20px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}


.nav li {
	float: left;	
	display: inline-block;
	list-style: none;
	font-size: 17px;
	text-align: center;
	position: relative;
	padding: 10px 8px;
}
.nav li a { padding-left:31px; padding-right:31px;
	display: block;
text-align: center;
	position: relative;
	color: #000;
	height: 30px;
	line-height: 20px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.nav li.hover a, .nav li:hover a {
	color: #0091df;

}
.nav li .subnav {
	background: #fff;
	border-top: 2px solid #0091df;
	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
	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: #666;
	display: block;
	font-size: 14px;
	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: #0091df;
	background: #f9f9f9;
	text-indent: 10px;
}





.yuyan{ float:right; width:140px; padding-top:35px; padding-bottom:10px; }	
ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#4b4b4b; text-decoration:none; padding-left:0px; text-align:center; }

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; width:120px;  text-align:center; overflow:hidden; font-weight:normal;background:#ececec; font-size:14px; border-bottom: 1px solid #fff; line-height:30px;}
ul.menu ul li a {color:#888888;font-weight:normal;font-family:Arial, Helvetica, sans-serif; }
ul.menu ul li a:hover { color:#fff; background:#2ea1de;}
ul.menu ul ul { top:0px;}
ul.menu .menulink {  font-weight:none;padding-top:0px; padding-bottom:0px;font-size:15px;_display:inline-block; width:120px; background:url(../images/dq.png) no-repeat left; padding-left:10px; height:33px; line-height:33px;}
ul.menu .menulink:hover, ul.menu .menuhover { overflow:hidden ;
 }


#flash{ padding-top:155px;
width:100%;
height:631px;
float:left; z-index:0;
}


		.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: 631px;
			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;
		
			position: absolute;
			left:50%;
			/*margin-left: -40px;*/
			bottom: 30px;
			padding: 0 10px;
			border-radius: 10px;
		}
		.banner ol li{
			width: 10px;
			height: 10px;
			float: left;
			margin: 5px 5px;
			background: rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
		}
		.banner ol .current{
			background: rgba(255,255,255,1);
		}
		.banner i{
			width: 58px;
			height: 120px;
			position: absolute;
			top: 35%;
			margin-top: 40px;
			cursor: pointer;
			border-radius: 5px;
			display: none;
		}
		.banner .left{
			left: 60px;
			background: url('../images/left_right.png') no-repeat 0 0px;
		}
		.banner .right{
			right: 60px;
			background: url('../images/left_right.png') no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
			background-color: rgba(0, 0, 0, 0.31);
		}







.yy{width:1350px; margin:auto; padding-top:50px; clear:both;}
.yy h3{width:1350px; float:left;font-size:37px; color:#10384f; font-weight:normal;line-height:80px; padding-bottom:30px; text-align:center }
.yy h3 span{font-weight:normal;color:#10384f; font-size:16px; width:1350px; float:left; line-height:25px; }


.hl_main5_content{width:1350px;float:left; padding-top:20px; height:350px;  }
.hl_main5_content1{width:1200px;margin-top:5px; overflow:hidden; float:left; margin-left:30px;}
.hl_main5_content1 ul{width:26000px; overflow:hidden;}
.hl_main5_content1 ul li{ float:left; display:inline;width:591px; padding-left:10px; }

.hl_scrool_leftbtn{width:44px; height:44px; background:url(../images/d11.png) no-repeat; float:left; margin-top:130px; cursor:pointer;}
.hl_scrool_rightbtn{width:44px; height:44px;  background:url(../images/d2.png) no-repeat; float:right;margin-top:130px; cursor:pointer;}


.yy1{ float:left; width:591px; height:309px; overflow:hidden }
.yy1 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; }
.yy1 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);}


.nr1{ float:left; width:368px; height:0px; position: relative;clear: both; z-index:100; }
.nr2{float:left; width:328px; padding-left:40px; height:309px; background:url(../images/y1_b.png) no-repeat left; position: absolute;}

.nr11{ float:right; width:368px; height:0px; position: relative;clear: both; z-index:100; }
.nr3{float:right; width:269px; height:309px;padding-left:100px;  background:url(../images/y2_b.png) no-repeat right; position: absolute;}

.nr4{float:left; width:328px; padding-left:40px; height:309px; background:url(../images/y3_b.png) no-repeat left; position: absolute;}

.nr5{float:right; width:268px; height:309px;padding-left:100px;  background:url(../images/y4_b.png) no-repeat right; position: absolute;}



.y_1{ width:250px; float:left; color:#FFFFFF; font-size:15px; line-height:25px; }
.y_1 h4{ width:250px; float:left; color:#FFFFFF; font-size:30px; font-weight:normal; line-height:70px!important; padding-top:45px; padding-bottom:20px;}
.y_1 a{ color:#FFFFFF;}




.nei{width:1200px; margin:auto; padding-top:50px; clear:both; }

.cp{width:317px; float:left; height:336px; background:url(../images/j1.jpg) no-repeat top #f7f7f7; padding-top:230px; padding-left:30px; padding-right:20px; }
.cp h3{width:317px; float:left; font-size:25px; color:#000000; font-weight:normal; line-height:30px;}
.cp h3 span{width:317px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:22px;}

.cp ul{ float:left; padding-top:20px;}
.cp ul li{float:left; line-height:38px; font-size:17px; width:317px;}
.cp ul li a{ float:left;color:#448d00; }
.cp ul li a:hover{ float:left; color:#0091df;-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;}



.m1{ background:#65ac1e; width:20px; height:20px; float:left; margin-right:20px; color:#FFFFFF; font-size:14px;border-radius:25px; line-height:20px; text-align:center; margin-top:8px;}
.m1 a{ background:#0091df; width:20px; height:20px; float:left; margin-right:20px; color:#FFFFFF!important; font-size:18px;}




.cp1{width:317px; float:left; height:336px; background:url(../images/j2.jpg) no-repeat top #f7f7f7; padding-top:230px; padding-left:30px; padding-right:20px; margin-left:50px; }
.cp1 h3{width:317px; float:left; font-size:25px; color:#000000; font-weight:normal; line-height:30px;}
.cp1 h3 span{width:317px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:22px;}

.cp1 ul{ float:left; padding-top:20px;}
.cp1 ul li{float:left; line-height:38px; font-size:17px; width:317px;}
.cp1 ul li a{ float:left;color:#448d00; }
.cp1 ul li a:hover{ float:left; color:#0091df;-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;}




.cp2{width:317px; float:right; height:336px; background:url(../images/j3.jpg) no-repeat top #f7f7f7; padding-top:230px; padding-left:30px; padding-right:20px; }
.cp2 h3{width:317px; float:left; font-size:25px; color:#000000; font-weight:normal; line-height:30px;}
.cp2 h3 span{width:317px; float:left; font-size:15px; color:#828282; font-weight:normal;line-height:22px;}

.cp2 ul{ float:left; padding-top:20px;}
.cp2 ul li{float:left; line-height:38px; font-size:17px; width:317px;}
.cp2 ul li a{ float:left;color:#448d00; }
.cp2 ul li a:hover{ float:left; color:#0091df;-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;}







#fot1{width:100%;float:left; background:#7c7c7c; margin-top:80px; padding-bottom:70px;}

.fot{ width:1200px; margin:auto; padding-top:70px;}



.fot-menu{ width:900px; float:left; color:#FFFFFF; }
.fot-menu a{ color:#FFFFFF}

.fot-menu2{width:200px; float:left;text-align:left;font-size:20px; color:#FFFFFF;font-weight:normal; border-right:#8d8d8d solid 1px; margin-right:70px; height:290px;  }
.fot-menu2 h5{width:200px;float:left;text-align:left;font-size:22px; color:#FFFFFF;font-weight:normal; padding-bottom:20px;  }

.fot-menu2 ul{overflow:hidden; text-align:left; float:left; font-size:15px;width:200px;  }
.fot-menu2 ul li{display:inline;float:left; line-height:33px; width:200px;}
.fot-menu2 ul li a{ float:left; width:200px; color:#e8e8e8}
.fot-menu2 ul li a:hover{ float:left; width:200px; color:#fff}


.fot-menu1{width:280px; float:left;text-align:left;font-size:20px; color:#FFFFFF;font-weight:normal;border-right:#8d8d8d solid 1px; margin-right:70px; height:290px; }
.fot-menu1 h5{width:280px;float:left;text-align:left;font-size:22px; color:#FFFFFF;font-weight:normal; padding-bottom:20px;  }

.fot-menu1 ul{overflow:hidden; text-align:left; float:left; font-size:15px;width:280px;  }
.fot-menu1 ul li{display:inline;float:left; line-height:33px; width:280px;}
.fot-menu1 ul li a{ float:left; width:280px; color:#e8e8e8}
.fot-menu1 ul li a:hover{ float:left; width:280px; color:#fff}



.contact{ width:300px; float:right;  color:#FFFFFF;}
.contact h5{width:300px;float:left;text-align:left;font-size:22px; color:#FFFFFF;font-weight:normal; padding-bottom:20px;  }
.contact a{ color:#FFFFFF;}

.weixin{ width:159px; height:34px; background:#67a638; float:left; margin-bottom:10px;position:relative; font-size:15px; text-align:center; margin-top:20px;}
.weixin a{width:159px; height:34px; display:block; position:absolute; left:0; top:0; color:#FFFFFF; line-height:34px;  }
.weixin .weixin_nr{width:100px; height:120px; padding:10px; background:#fff; text-align:center; position:absolute; left:20px; top:45px; display:none; z-index:999}
.weixin .weixin_nr img{ margin-bottom:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(images/weixin.png) no-repeat left bottom;}



.weixin1{ width:159px; height:34px; background:#0091df; float:left;position:relative; font-size:15px; text-align:center; z-index:0}
.weixin1 a{width:159px; height:34px; display:block; position:absolute; left:0; top:0; color:#FFFFFF; line-height:34px;  }
.weixin1 .weixin_nr{width:100px; height:120px; padding:10px; background:#fff; text-align:center; position:absolute; left:20px; top:45px; display:none;}
.weixin1 .weixin_nr img{ margin-bottom:5px;}
.weixin1 .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin1.on .weixin_nr{ display:block;}
.weixin1.on a{ background:url(images/weixin.png) no-repeat left bottom;}




.footer1{width:100%;float:left; padding-top:30px; padding-bottom:30px; background:#656565;}
.footer{width:1200px; margin:auto; clear:both;   text-align:left; font-size:14px;color:#959595}
.footer a{color:#959595}
.zzb07tail{color:#959595}
a.zzb07link{color:#959595; text-decoration:none;}
a.zzb07link:hover {color:#959595;text-decoration:underline;}


.bah{ float:right; color:#fff}
.bah a{ color:#fff}






