/**重置样式**/
body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,em,a,fieldset,legend,address,label,textarea,select,input,button,figure,table,th,td,b,i{margin:0;padding:0; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
fieldset,img{border:0;margin:0; padding:0;}
body{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
table{border-collapse:separate;border-spacing:0;}
a{text-decoration:none;color:#000;}
a:hover{color:none;}
input,select,img{ vertical-align:middle;}
hr{border:1px solid #333;}
.clear{ clear:both;}
.fl{float:left;}
.fr{float:right;}
.wp{width: 1200px; height: auto; margin: 0 auto;}
.top{width: 100%;height: 36px; background: #0195ed;line-height: 36px; font-size: 13px; color: #FFF;}
.top i{font-size: 16px;margin-right: 10px;}
.head{height: 86px;}
.logo{margin-top: 20px;}
.nav{margin-top: 18px;}
.nav ul li{width:82px;height: 31px; float: left;text-align: center; padding-top: 15px;margin-left: 30px;font-size: 15px;}
.nav ul li:hover{ background: url(img/nav-bg.png) center no-repeat;}
.nav ul li:hover a{color: #FFF;}
.main{margin-top: 50px;margin-bottom: 50px;}
.m1 h1{text-align: center;}
.scrollleft {height:285px;margin-top: 50px;}
.scrollleft ul li{width: 208px; height: 288px;float: left;margin-left: 40px;}
.scrollleft ul li img{width: 208px; height: 238px;}
.scrollleft ul li p{width: 100%;height: 37px; background: #0195ed;text-align: center;line-height: 37px;color: #FFF;margin-top: 10px;}
.scrollleft ul li:nth-child(1){margin-left: 0px;}
.more{margin-top: 50px; text-align: center;margin-top: 50px;}
.more a{width: 108px; height: 28px; border:1px solid #CCC;display: inline-block;font-size: 14px; text-align: center;line-height: 28px;color: #666;}
.m2{text-align: center;margin-top: 50px;}
.m2 h1{font-size: 30px;color: #0195ed;}
.m2 h5{margin-top: 10px;}
.m2 p{margin-top: 30px;line-height: 30px;color: #666;}
.m2 dl dt{ text-align: center;display: inline-block;margin: 50px 50px 10px;}
.m2 dl dt img{margin-bottom: 20px;}
.foot-top{width: 100%;padding: 50px 0px; background: #224d67;}
.foot-top dl{float: left;margin-left: 80px;}
.foot-top dl dt{color: #FFF;margin-bottom: 20px;}
.foot-top dl dd{color: #82888d;font-size: 14px;margin-top: 10px;}
.foot-top dl dd a{color: #82888d;}
.foot-top dl dd a:hover{color: #FFF;}
.foot-top dl dd img{width: 112px;height: 112px;margin-bottom: 10px;}
.foot-top .wp dl:nth-child(1){width: 400px;}
.foot-top .wp dl:nth-child(2),.foot-top .wp dl:nth-child(3){width: 125px;}
.foot-top .wp dl:nth-child(4) dd{text-align: center;}
.foot-bot{height: 50px; background: #183a4f;font-size: 13px;color: #82888d;text-align: center; line-height: 50px;}
.foot-bot a{color: #82888d;}
.foot-bot a:hover{color: #FFF;}

.main{padding-top: 20px; padding-bottom: 50px;}
.left{width: 254px;}
.cat{width: 254px;height: 111px; background: url(img/cat-bg.png) center;display:table-cell;vertical-align: middle; background-size: cover;}
.cat p{text-align: center;font-size: 16px; color: #FFF;}
.cat p:nth-child(1){font-size: 20px;}
.category dl{width: 214px;}
.category dl{padding: 18.5px;border:1px solid #CCC;}
.category dl dt{width: 214px; height: 36px; background: #f0f0f0;text-align: center;line-height: 36px;font-size: 15px;margin-top: 5px;}
.category dl dt a{color: #333;}
.category dl dt img{margin-left: 10px;}
.category dl dd{width: 100%;line-height: 30px; border-bottom: 1px dashed #CCC;font-size: 13px;text-align: center;}
.category dl dd a{color: #777;}
.category dl a:hover{color: #004494;}
.contact{width: 228px; border:1px solid #CCC;margin-top: 40px;padding: 12px;}
.contact p{margin-top: 8px; font-size: 14px;color: #666;}
.right{width: 920px;}
.rt{border-bottom: 1px solid #CCC;}
.rt span{padding: 5px 20px; color: #FFF; display: inline-block; background: #037de2;}
.rt em{font-size: 13px;color: #666;float: right;margin-top: 5px;}
.rt em a{color: #666;}
.rt em a:hover{color:#037de2;}
.products ul li{width: 282px;text-align: center;float: left;margin-top: 20px; margin-left: 37px;}
.products ul li img{width: 276px; padding: 2px; border:1px solid #CCC;height: 210px;}
.products ul li p{text-align: center;line-height: 25px;}
.products ul li:nth-child(1),.products ul li:nth-child(4),.products ul li:nth-child(7).products ul li:nth-child(10){margin-left: 0px;}

.products dl{width: 280px; height: 302px;float: left;margin-left: 40px;margin-top: 50px;}
.products dl dt{width:236px;height:246px;padding: 23px; background: #FFF; border-bottom: 5px solid #8a8989;}
.products dl dt img{width: 100%;height: 110px; }
.products dl dt h3{margin-top: 20px;}
.products dl dd{width:100%;height: 12px; background: url(img/bg1.png) top no-repeat; }
.line{border-bottom: 1px solid #CCC;height: 16px;text-align: center;}
.line span{width: 70px; height: 2px; display: inline-block;border-bottom: 2px solid #da0507;}
.products dl dt p{margin-top: 15px;font-size: 14px;line-height: 23px;}
.products dl:hover dt{border-bottom: 5px solid #da0507;}
.products dl:nth-child(1),.products dl:nth-child(4),.products dl:nth-child(7),.products dl:nth-child(10){margin-left: 0px;}

.pageshow{margin-top: 20px; line-height: 25px;}
.news{margin-top: 20px;}
.news ul li{list-style: square;list-style-position:inside;color: #004494; line-height: 35px;border-bottom: 1px dashed #CCC;font-size: 13px;}
.news ul li span{float: right;color: #666;}
.news ul li:hover a{color: #004494;}
.con-tt{ margin-bottom:20px;margin-top:10px;}
.con-tt h2{ text-align:center; margin-bottom:10px;color:#666;}
.con-tt p{ text-align:center; font-size:13px; color:#666;}
.con-tt p span{ margin-right:20px;}
.pn{ margin-top:50px; font-size:14px;font-family:"微软雅黑"; color:#666;}
.tab-list{height: 600px; }
.tab-list ul li{width: 233px; height: 260px;float: left;margin:30px 33px 0px 33px;}
.tab-list ul li div{width: 233px; height: 214px;position: relative;}
.tab-list ul li img{width: 233px; height: 214px;position: absolute;}
.tab-list ul li span{width: 233px; height: 214px; position: absolute; z-index: 9; background: rgba(0,68,148,0.5);line-height: 214px; text-align: center;transition:all .5s ease-in .1s;opacity: 0;}
.tab-list ul li span em{padding: 8px 12px; border:1px solid #FFF;color: #FFF;}
.tab-list ul li p{font-size: 14px; border-left:2px solid #004494; padding-left: 10px;margin-top: 10px;color: #004494;}
.tab-list ul li:hover span{opacity: 1;}
/* 分页page样式 style*/
.page{ margin-top:20px; margin-bottom:20px; text-align:center;font-size:13px;}
.page a{	
	border: 1px solid #ccc;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #fff;
	text-decoration:none;
	color:#999;
}
.page a:hover{
	border:1px solid #004494; 
	background-color:#004494; 
	color:#fff;
}
.page span{
	border: 1px solid #004494;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #FFEEE5;
	color: #004494;}

.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  /* move the element up by 10px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}