@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; border:0;} 
h2,h3,h4,h5,h6,h7,h8,h9,h10,{ font-family: "microsoft yahei"; }
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol {list-style: none; }
img{ border: 0;}
a{text-decoration:none;outline:0; color:black; cursor:pointer;}
html{overflow-x:hidden; }
body{color:#515d6b;font-size:14px; font-family:arial,"microsoft yahei";background:#fff;text-align: center;}
.clearfix{ clear:both;}

/*head*/
.header{ border-bottom:1px solid #dedede;}
.top {background-color: #15416e;color: rgba(255, 255, 255, 0.75); font-size: 14px; padding: 9px 0;}
.container { width: 1100px; margin:0 auto;}
.row {margin-right: 15px;margin-left: 15px; float:left;}
.row li{ float:left; margin-right:30px;  height:28px;line-height:28px;}
.row li span{ line-height:28px; height:28px; float:left;}
.row li i{ display:inline-block; margin-right:10px; width:28px;height:28px; float:left;}
.row li a{color:#fff}
.row li a:hover{color:#2ab359}
.wnav{ float:right;}
.wnav li{ float:left;height:28px;position: relative; width: 49px;}
.wnav li a{display:block;height:28px;line-height:28px;color:#fff;padding: 0 10px;/* font-weight:bold; */border-right: 1px solid rgba(255, 255, 255, 0.1);}
.wnav li a:hover{color:#2ab359}
.nav{ background-color:#fff;}
.nav .logo{margin: 8px 0 10px 0;float: left;margin-right: 40px;}
.nav .logo img{/* height:30px; */}
.nav-wrap{margin-top: 28px;float:left;margin-left: 150px;}
.nav-wrap li{float:left}
.nav-wrap li a{color: #174c81;font-size: 16px;font-weight: 700;padding: 6px 20px 7px 20px;display:block;}
.nav-wrap li a:hover{  color: #18ba60;}
.top-search {width: 200px;margin-top: 25px;margin-left: 5px; float:right}
.search-form{ position:relative;}
.search-field{/* height:40px; */color: #999999;background: #d8e7ef;border: 1px solid #d8e7ef;padding: 10px;width: 100%;font-size: 14px;}
.search-submit{cursor: pointer;background-image: url(../images/arrow.png);background-repeat: no-repeat ;background-position: center; width: 40px; height:20px;padding: 0; position: absolute;right: 0;top:10px;background-color:#d8e7ef;font-size: 0; border-left:1px solid #000;}
.fixed {  
    position: fixed;  
    top: 0;  
    width: 100%;  
    margin: 0 auto;  
    left: 0;  
    z-index: 10000; 
	border-bottom:1px solid #e4e4e4; 
}  


/*banner*/
.fullSlide {
	width:100%;
	position:relative;
	height:680px;
	background:#000;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:680px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:680px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:10px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:18px;
	height:18px;
	margin:0 10px;
	border-radius:50%;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.68;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#f00;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:12%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(../images/slider-arrow-l.png) center center #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:12%;
	background:url(../images/slider-arrow-r.png) center center #000 no-repeat;
}

/*products*/
.h-prodtct{
	width:100%;
	height:535px;
	background:url(../images/line_bj.jpg)  #e6e6e6 ;
}
.ten-p{
	width: 1140px;
	margin:0 auto;
}
.h-prodtct ul{
	padding-top:28px;
}

.h-prodtct ul a li{
	float:left;
	width: 192px;
	height:209px;
	border:2px solid #15416e;
	border-radius:8px;
	background:#fff;
	margin: 12px 15px;
	overflow:hidden;
}

.h-prodtct ul a:hover li{
	border:2px solid #2ab359;	
}

.h-prodtct ul a li h3{
	float:left;
	width:100%;
	height:30px;
	text-align:center;
	padding-top: 10px;
	line-height:16px;
	font-size:14px;
	color:#15416e;
}
.h-prodtct ul a:hover li h3{
	color:#2ab359;
}

.h-prodtct ul a li img{
width:190px;
height:171px;
}

/*about*/
.about{ width:1100px; margin:0 auto; margin-top:40px;}
.about h1{ text-align:center; color:#15416e; font-size:30px; line-height:40px;}
.about p{ font-size:14px; color:#999; line-height:20px; text-align:center;}
.about ul{  margin-top:40px;}
.about ul li{float:left;width: 345px;border-bottom:1px solid #dedede;margin-right: 30px;overflow:hidden;box-shadow:1px 2px 2px #dedbdb}
.about ul li:hover{box-shadow:2px 4px 4px #b5b5b5}
.about ul li .abpht{position:relative;border-bottom:2px solid #2ab357;/* margin-top:40px; */}
.abpht img{ width:100%;}
.abpht p{ font-size:18px; color:#fff;background-color: rgba(21,65,110,0.8); width:100%; padding-left:15px; height:40px; line-height:40px; position:absolute; left:0; bottom:0; text-align:left;}
.abpht:hover p{background-color: rgb(24, 186, 96); }
.abtext{border:1px solid #ddd; color:#666; height:80px; overflow:hidden; padding:10px;}
.abtext p{ height:80px; overflow:hidden; text-align:left;}

/*news*/
.news{ margin-top:60px;width:100%;height:520px;}
.latest{ width:1100px; margin:0 auto; padding-bottom:20px; border-bottom:1px solid #ddd;}
.newz{ float:left;}
.newz img{float:left; margin-right:20px; margin-top:7px;}
.newz h1{ float:left; color:#15416e; font-size:30px; line-height:40px;}
.newy{float:right;}
.newy a{ display:block; height: 40px;line-height: 40px;padding: 0 25px;background-color: #18ba60; color:#fff;    font-weight: bold;}
.newy a:hover{ background-color:#15416e;}
.xwzbt{width:1100px; margin:0 auto; margin-top:40px;}
.xwzbt ul{float:left;}
.xwzbt ul li{float:left;width:350px;margin-right: 20px;}
.xwzt{ position:relative; width:100%; height:240px;}
.xwzt img{ width:100%;height:240px;}
.xwzt .entry-time{ position: absolute;width: 60px;height: 60px; background-color: #15416e;top: 0; left: 30px;color: #ffffff;font-weight: 700;z-index: 9;margin: 0;text-align: center;    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.xwzt .entry-day{font-size: 30px;display: block;line-height: 1;margin-top: 4px;}
.xwzt .entry-month{ font-size:12px; display:block;line-height: 1;margin-top: 13px;}
.xwzt .xwbj{ position:absolute; left:0px; top:0; width:350px; height:240px; text-align:center; line-height:240px; background-color:rgba(0,0,0,0.5); font-size:40px; color:#fff; display:none;}
.xwzt .nwht{ position:absolute; left:20px; bottom:-4px; width:80px; height:4px; background-color:#18ba60; z-index:99;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}

.xwzt:hover .entry-time{ background-color:#18ba60}
.xwzt:hover .nwht{ width:310px; z-index:99;}
.xwzt:hover .xwbj{ display:inherit}

.xwcontent{padding:25px 30px 25px 30px;background: #f2f4f8; position:relative;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.xwcontent:hover{box-shadow:0px 1px 1px  1px #ddd;background: #fff;}	
.xwheader .xwtitle{font-size: 18px; margin: 0;line-height: 1.3; font-weight: 700;text-align: left;}
.xwtitle a{color: #15416e;}
.xwfooter .xwmeta{color: #b9c1cf; margin-top:15px;text-align: left;}
.xwmeta .xwuthor{ margin-right:5px;}
.xwmeta .xwcategories{ margin-left:5px;}
.xwuthor a,.xwcategories a{color: #b9c1cf;}
.xwtitle a:hover,.xwuthor a:hover,.xwcategories a:hover{ color:#18ba60;}
.xwcontent .xwht{ position:absolute; left:20px; top:0px; width:80px; height:4px; background-color:#18ba60;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;}
.xwcontent:hover .xwht{ width:310px;}

.xwfbt{float:left;width: 350px;}
.xwfbt dd{ margin-bottom:22px;}
.xwpost .xwzt{ width:110px; margin-right:10px;height:75px; float:left;}
.xwpost .xwzt img{ width:100%; height:75px;}
.xwpost .xwzt .xwbj{ width:110px; height:75px; line-height:75px;}
.xwpost .xwcontent{ padding:0; float:left; width:230px; background:#fff;}
.xwpost .xwcontent:hover{box-shadow:none;}
.xwpost .xwcontent .xwheader .xwtitle{ font-size:16px; margin-top:3px;text-align: left;}

/*footer*/
.footer{ background-color:#15416e;width:100%;float:left}
.footnr{ width:1100px; margin:0 auto; padding:40px 0;}
.footnr ul li{float:left;margin-right: 100px;max-width:360px; text-align: left;}
.footnr li p{ margin-bottom:20px;}
.footnr li p img{display:inline-block;margin-right:8px;}
.footyz{ background-color:#133b63; height:60px; line-height:60px; text-align:center; color:#fff; font-size:14px;}
.footyz p a{color:#fff;}
.fnav dt{ margin-bottom:20px;}
.fnav dt a{ font-size:16px; font-weight:bold; color:#fff;}
.fnav dd{margin-bottom:15px;padding-left:16px; position:relative;}
.fnav dd a{ font-size:12px;  color:#fff; }
.fnav dd a:hover{ color:#2ab359; }
.fnav dd img{ position:absolute; width:10px; height:10px; left:0px; top:2px;}