@charset "utf-8";
/* CSS Document */
body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#666;
	line-height:1.5;
	font-family:'Microsoft YaHei';
	}
*{
	margin:0;
	padding:0;
	}
img{
	border:0;
	}
ul,li{
	list-style:none;
	}
a{
	color:#666;
	text-decoration:none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	}
a:hover{
	color:#1b5db6;
	text-decoration: none;
	}
table{ margin: auto}
i{ font-style:normal}
em{ font-style:normal}
	
header{ background:#fff;}

header .top{ height:90px;}
header .top .logo{ width:257px; height:90px; float:left;}
header .top .logo span{ height:100%; display:inline-block; vertical-align:middle}
header .top .logo img{ max-width:257px; max-height:90px; vertical-align:middle}

header .top .nav{ width: 840px; float:right; font-size:16px; line-height:90px; height:90px;}
header .top .nav ul li{ width:120px; float:left; text-align:center;font-size:16px; line-height:90px; height:90px;position:relative;}
header .top .nav a{ width:120px; float:left; text-align:center;font-size:16px; line-height:90px; height:90px;}
#submenu {
	left: 0;
	opacity: 0;
	position: absolute;
	top:90px;
	visibility: hidden;
	z-index:11;
	width:120px;
	-moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease;background:#fff;
}
li:hover ul#submenu {
	opacity: 1;
	top: 90px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
}
#submenu li {
	float: left;
	width:120px;
	height:45px; line-height:45px; text-align:left; padding-left:0; padding-right:0px; border-bottom:1px solid #ddd; background:none; text-align:center
}
#submenu a:hover {color:#fff; background:#0470b4}
#submenu a {
	 font-weight:normal;line-height:45px;height:45px;font-size:14px; width:120px; float:left; text-align:center}



#navon{color:#1b5db6}


.main{ width:1200px; margin:auto}
.bt{ width:100%; float:left; text-align:center; margin-top:50px;}
.bt dl dt{ line-height:70px; font-size:32px; background:url(../images/ht.png) no-repeat center bottom; color:#333}
.bt dl dd{ font-size:18px; color:#999; font-family:Georgia, "Times New Roman", Times, serif; line-height:30px; text-transform:uppercase; margin-top:10px;}
.about{ width:100%; float:left; margin-top:50px; font-size:14px; line-height:30px;}
.about img{ float:right; margin-left:50px;}
.about a{ padding:10px 35px 10px 35px; background:#1b5db6; color:#FFF;}

.wrap{ width:100%; float:left; min-width:1200px; background:#f0f0f0; padding-bottom:60px; margin-top:60px;}
.pro{ width:1200px; float:left; margin-top:30px;}
.pro dl{ width:285px; height:330px; float:left; background:#FFF; box-shadow: 0px 0px 20px #ddd; margin-right:20px; margin-top:20px;}
.pro dl dt{ height:275px; text-align:center;position:relative;}
.pro dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.pro dl dt img{ max-width:230px; max-height:220px; vertical-align:middle}
.pro dl dd{ height:54px; line-height:54px; text-align:center; border-top:1px solid #eee; font-size:18px}

.pro dl dt a,.pro dl dt i{display:none; text-decoration:none}
.pro dl dt:hover{cursor:pointer; -moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease;} 
.pro dl dt:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.pro dl dt:hover i{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:285px; 
z-index:10;height:275px; background: url(../images/cpbj.png) no-repeat center; font-size:14px; line-height:55px;}


.more{ width:100%; float:left; margin-top:80px; text-align:center; margin-bottom:30px;}
.more a{ padding:12px 55px 12px 55px; background:#1b5db6; color:#FFF;}
.case{ width:1200px; float:left; margin-top:40px;}
.case dl{ width:293px; float:left; margin-right:9px; margin-top:9px;}
.case dl dt{ height:222px; overflow:hidden; position:relative; text-align:center}
.case dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.case dl dt img{ max-width:293px; max-height:222px; vertical-align:middle}
.case dl dd{ height:50px; line-height:50px; text-align:center; font-size:16px}

.case dl dt a,.case dl dt i{display:none; text-decoration:none}
.case dl dt:hover{cursor:pointer; -moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease;} 
.case dl dt:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.case dl dt:hover i{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:293px; 
z-index:10;height:222px; background: url(../images/cpbj.png) no-repeat center; font-size:14px; line-height:55px;}

.hdm{ width:1200px; float:left; text-align:center; margin-top:50px;}
.hdm a{ padding:10px 55px 10px 55px; border:1px solid #1b5db6; margin-left:5px; margin-right:5px; font-size:16px; color:#1b5db6}
.hdm a:hover{ background:#1b5db6; color:#FFF}


.hcOn a:link{background:#1b5db6; color:#FFF}
.hcOn a:visited {background:#1b5db6; color:#FFF}
.hcOn a:hover {background:#1b5db6; color:#FFF}

.news{ width:1200px; float:left; margin-top:60px;}
.news ul{ width:340px; float:left; background:#FFF; box-shadow: 0px 0px 20px #ddd; padding:20px; margin-right:30px;}
.news ul li{ font-size:14px; line-height:32px;}
.news ul li i{ color:#1b5db6; margin-right:5px;}


.foot{ width:100%; float:left; padding-bottom:50px; padding-top:50px; background:#26272a; min-width:1200px; }
.foot01{ width:200px; float:left; }
.foot01 dl dt{ font-size:18px; line-height:35px; color:#FFF; margin-bottom:10px;}
.foot01 dl dd{ font-size:14px; line-height:30px; color:#bdbdbd}
.foot01 dl dd a{color:#bdbdbd}
.foot01 dl dd a:hover{color:#fff}
.foot2{ width:100%; float:left; padding-bottom:20px; padding-top:20px; background:#26272a; min-width:1200px; font-size:14px; line-height:24px; text-align:center;color:#fff; border-top:1px solid #3c3d40}

.nybanner{ width:100%; float:left; height:400px; overflow:hidden}

.left{ width:200px; float:left; margin-top:30px; border-bottom:5px solid #ddd}
.left dl dt{ height:70px; line-height:70px; text-align:center; background:#1074d0; color:#FFF; font-size:24px;}
.left dl dd{ background:#f5f5f5; line-height:50px; border-bottom:1px solid #ddd; text-align:center; font-size:16px}

.right{ width:900px; float:right; margin-top:30px; border:1px solid #ddd; padding:30px;margin-bottom:50px;}
.wz{ width:900px; float:left; line-height:24px; padding-bottom:10px; border-bottom:1px solid #ddd; text-align:right}
.wz i{ color:#1074d0}
.contect{ width:900px; float:left; margin-top:50px; padding-bottom:40px; font-size:16px; line-height:30px; }
.contect img{ max-width:100%; height:auto}

.photo{ width:293px; float:left; margin-right:9px; margin-top:9px;}
.photo dl dt{ height:222px; overflow:hidden; position:relative; text-align:center}
.photo dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.photo dl dt img{ max-width:293px; max-height:222px; vertical-align:middle}
.photo dl dd{ height:50px; line-height:50px; text-align:center; font-size:16px}

.photo dl dt a,.photo dl dt i{display:none; text-decoration:none}
.photo dl dt:hover{cursor:pointer; -moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease;} 
.photo dl dt:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.photo dl dt:hover i{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:293px; 
z-index:10;height:222px; background: url(../images/cpbj.png) no-repeat center; font-size:14px; line-height:55px;}

.prolb{ width:283px; height:330px; float:left; border:1px solid #ddd; margin-right:22px; margin-top:20px;}
.prolb dl dt{ height:275px; text-align:center;position:relative;}
.prolb dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.prolb dl dt img{ max-width:230px; max-height:235px; vertical-align:middle}
.prolb dl dd{ height:54px; line-height:54px; text-align:center; border-top:1px solid #eee; font-size:18px}

.prolb dl dt a,.prolb dl dt i{display:none; text-decoration:none}
.prolb dl dt:hover{cursor:pointer; -moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease;} 
.prolb dl dt:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.prolb dl dt:hover i{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:285px; 
z-index:10;height:275px; background: url(../images/cpbj.png) no-repeat center; font-size:14px; line-height:55px;}

.fy{ width:100%; float:left; margin-top:50px; text-align:center; font-size:14px}
.fy a{ padding:10px 20px 10px 20px; border:1px solid #ddd}
.fy a:hover{ background:#1074d0; color:#FFF}

.newlb{ width:100%; float:left; margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:20px;}
.newlb dl dt{ font-size:16px; line-height:35px; color:#333}
.newlb dl dt i{ color:#1074d0; margin-right:10px;}
.newlb dl dd{ font-size:14px; line-height:24px; margin-top:10px; color:#999}


.title{ width:100%; float:left; line-height:55px; text-align:center; font-size:30px; color:#333}
.date{ width:100%; float:left; font-size:14px; color:#999; text-align:center; padding-bottom:10px; border-bottom:1px solid #eee}
.tex{ width:100%; float:left; margin-top:30px; font-size:16px; line-height:36px;}
.next{ width:100%; float:left; margin-top:40px; line-height:40px; padding-top:20px; border-top:1px solid #eee}
.next span{ float:right}

.contect2{ width:100%; float:left; font-size:16px; line-height:30px; margin-top:30px; padding-bottom:40px;}
.f24{ font-size:24px; color:#333}
.contect2 img{ max-width:100%; height:auto}