@charset "utf-8";
/* CSS Document */

 *{ margin:0; padding:0;}
 body{ color:#333; font-size:13px; font-family:微软雅黑;}
 li{ list-style:none; float: left;}
 a{ text-decoration:none; color:#333}
 .f1{ width:100%;margin:0 auto;}
 .f2{ width:1000px; margin:0 auto;}
 .clear{ clear:both}
 img{ border:0;}
 
.header{ color:#333; height:38px; line-height:38px; border-bottom:1px solid #f8f8f8}
.header span{ float:right;}
.header span a{ color:#333;}

.logo{ height:84px; background:url(../images/logo.png) center no-repeat; padding:10px 0}
.logo a{ width:100%; height:100%; display:block}

.nav{ height:45px; background:#2553b3}

.nav ul li{ width:110px; text-align:center; line-height:45px; border-right:1px solid #214aa0}
.nav ul li a { color:#fff; display: block;}
.nav ul li:last-child{ border-right:0px solid #214aa0}
.nav ul li:hover{ background:#214aa0}
.nav ul li a.on { width:110px; height:45px; background:#214aa0; display: block;}
.banner{ height:570px; overflow:hidden; margin:0 auto; }
#kinMaxShow{visibility:hidden;width:100%; height:570px; overflow:hidden;}

.hot{ height:50px; line-height:50px; border-bottom:1px solid #ccc}
.hot span{ float:left;  font-weight:800; color:#214aa0}
.hot p{ margin-left:5px}
.hot form{ width:240px; height:32px; float:right; background:#ccc; margin-top:9px; position:relative}
.hot_l{ width:600px; height:50px; float:left;}

.inp11{ width:100%; height:30px; text-indent:10px;}
#submit1{ width:30px; height:28px; position: absolute; top:3px; right:-1px; border:0; border-radius:3px; background:url(../images/ss.png) center no-repeat #2553b3;}

.news{ height:285px; padding:80px 0 20px;}
.news .news_l{ width:464px; height:100%; float:left; position:relative }
.news .news_l dl img{ width:100%; height:125px; }
.news .news_l dl dt{ font:18px/35px 微软雅黑; color:#e60012; padding-top:10px}
.news .news_l dl dd{ font:13px/26px 微软雅黑;}
.news .news_l .ck{ width:150px; height:30px; background:#e60012; border-radius:5px; text-align:center; line-height:30px; margin-top:30px; position:relative; top:0;transition:all 0.3s linear}
.news .news_l .ck a{ color:#fff; display: block}
.news .news_l .ck:hover { top:-5px; box-shadow:2px 2px 10px #999; }
.news .news_l .numb{ width:72px; height:72px; position:absolute; top:0; left:0; background:#e60012; color:#fff; text-align:center}
.news .news_l .numb p{ font:45px/50px 微软雅黑;}
.news .news_l .numb span{ font:15px/10px 微软雅黑;}


.news .news_r{ width:500px; height:100%; float:right; }
.news .news_r ul li{ width:100%; height:72px; border-bottom:1px solid #ccc; padding:12px 0; position: relative; overflow: hidden}
.news .news_r ul li:first-child{ padding-top:0;}
.news .news_r ul li .numb{ width:92px; height:92px; float:left; text-align:center}
.news .news_r ul li .numb p{ font:50px/55px 微软雅黑; color:#999}
.news .news_r ul li .numb span{ font:15px/10px 微软雅黑; color:#999}
.news .news_r ul li .n_txt h3{font:16px/30px 微软雅黑;}
.news .news_r ul li:hover .n_txt h3{ color:#e60012}
.news .news_r ul li .n_txt span{font:13px/20px 微软雅黑;color:#999}
.news .news_r ul li:hover .n_txt span{ color:#333}
.news .news_r ul li .p1{ position:absolute; bottom:0px; left:-100%;width:100%; height:2px; background:#e60012; transition:all 0.3s linear}
.news .news_r ul li:hover .p1{ left:0;}



.pro{ height:526px; background:url(../images/pro.jpg) center fixed no-repeat; position:relative}
.p_tit { width:300px; height:80px; background:#fff; position:absolute; top:-40px; left:50%; margin-left:-150px; border-radius:40px;font:30px/80px 微软雅黑; text-align:center}
.p_p{ width:850px; padding:70px 0 20px; color:#fff; text-align:center; margin:0 auto; line-height:26px; font-size:15px}

/*产品展示*/
#ISL_Cont_1{ margin:30px 5px 10px 26px;height:340px;float:left;  width:1000px  }
#ISL_Cont_1 .product{width:278px; height:280px; float:left; text-align:center; margin:0 8px;  transition:all 0.3s ease-in; top:0; color:#0d7e0c; position:relative; background:#fff; top:0; transition:all 0.3s linear}
#ISL_Cont_1 .product img{width:100%; height:220px; }
#ISL_Cont_1 .product  p{width:100%;height:50px; line-height:60px; text-align:center;  }
#ISL_Cont_1 .product:hover{ top:-10px} 
#ISL_Cont_1 .product a { color:#333}
#Leftarr{float:left;margin-top:170px; margin-right:5px;width:27px;height:23px;cursor:pointer;display:inline; position:relative; left:15px}
#Rightarr{float:right;margin-top:170px;margin-left:20px;width:27px;height:23px;cursor:pointer;display:inline; position:relative; right:15px}

.ab{ height:490px; padding:60px 0 100px }
.ab_tit{ text-align:center; color:#4c4e5d; padding-bottom:50px;}
.ab_tit span{font:20px/30px 微软雅黑; text-transform:uppercase }
.ab_tit p{font:30px/30px 微软雅黑;  }

.ab .ab_con .ab_l{ width:480px; float:left;  margin-left:50px; line-height:30px}
.ab .ab_con .ab_l .ck{ width:260px; height:48px; background:#ff0000; border-radius:5px; text-align:center; line-height:48px; margin-top:30px; position:relative; top:0;transition:all 0.3s linear}
.ab .ab_con .ab_l .ck a{ color:#fff; display: block}
.ab .ab_con .ab_l .ck:hover { top:-5px; box-shadow:2px 2px 10px #999; }

.ab .ab_con .ab_r{ width:430px; float:right; background:url(../images/ab.png) center no-repeat;;margin-left:35px; height:410px}


.hj{ height:325px; background:url(../images/hj.png) center no-repeat;}





.enhj{ height:260px; padding:20px 0 60px; overflow:hidden }
.enhj ul li{ width:250px; height:240px; margin-left:10px ; position:relative; top:0; transition:all 0.3s ease-in;}
.enhj ul li img{ width:100%; height:200px; }
.enhj ul li p{ font:15px/40px 微软雅黑; text-align:center;background:#ecedec; }
.enhj ul li:nth-child(1){ margin-left:0;}
.enhj ul li:hover { top:-5px; box-shadow:0 0 10px #666}
.enhj ul li:hover p { background:#023092; }
.enhj ul li:hover a { color:#fff }



.contact{ height:196px; background:url(../images/contact.jpg) center ; padding:70px 0;}
.contact .con_tit{ width:180px; float: left; color:#fff}
.contact .con_tit p{font:30px/40px 微软雅黑;}
.contact .con_tit span{font:15px/20px 微软雅黑;}

.con_txt{ width:580px; line-height:30px; color:#fff; height:150px; float:left}
.con_txt a{ color:#fff}
.ewm{ width:170px; height:190px; background:#fff; float:right; line-height:30px; text-align:center }
.ewm img{ width:150px; height:150px; margin:10px 10px 0;}



.foot{ height:45px; text-align:center; line-height:45px; background:#434343; color:#fff}
.foot a{ color:#fff}




.content{ height:auto; padding:30px 0 0px; position: relative; top:0px; z-index:0}
.content .tit{ height:70px; background:#fff; line-height:90px; border-bottom:1px solid #ccc; overflow:hidden}
.content .tit h3{  margin-left:30px; float:left; font-size:20px}
.content .tit span{ float:right; margin-right:30px}
.content .tit span a{ color:#333;}
.content .tit span a:hover { color:#77c9a5}
.content .con_con{background:#fff;padding:40px 0px;  width:1000px; margin:10px auto auto auto; line-height:30px; height:auto;}
.syty{ height:auto; background:#fff;box-shadow:0 0px 5px #ccc; padding:15px 20px; width:960px;margin:30px auto 10px auto;}
.syty ul li{ text-align:center; padding: 20px 24px; font-size:16px; margin-bottom:5px }
.syty ul li:hover{ background:#009341; }
.syty ul li:hover a{ color:#fff;}
.syty ul span{ float:left; padding: 24px 0;}



.propic{ padding:0 25px}

.propic li{ width:285px; height:260px; border:1px solid #f5f5f5; margin-left:35px;  margin-bottom:30px; overflow:hidden; position:relative; top:0; transition:all 0.3s linear }
.propic li:nth-child(3n+1){ margin-left:0;}
.propic li img{ width:100%; height:220px; 
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
}
.propic li p{ width:90%; height:30px;  line-height:40px; text-align:center);  text-align:center;  padding:0 5%; /*overflow:hidden; text-overflow: ellipsis;white-space: nowrap;*/}
.propic li a{ color:#333}
.propic li:hover a{ color:#fff;}
.propic li:hover{ box-shadow:0 0 10px #ccc;  background:#2552af; top:-5px;}
.propic li:hover img { 
  /* transform:scale(1.05);  */
	@-webkit-transform:scale(1.05);  
	@-moz-transform:scale(1.05);  
	@-o-transform:scale(1.05);  
	@-ms-transform:scale(1.05);  
   
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
 }








.propic1 li{ width:328px; height:100px; border:1px solid #f5f5f5; margin-left:24px;  margin-bottom:30px; overflow:hidden; }
.propic1 li:nth-child(3n+1){ margin-left:0;}
.propic1 li img{ width:100%; height:100px; 
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
}
/*.propic1 li p{ width:90%; height:30px;  line-height:40px; text-align:center);  text-align:center;  padding:0 5%; /*overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
*/.propic1 li a{ color:#333}
.propic1 li:hover a{ color:#fff;}
.propic1 li:hover{ box-shadow:0 0 10px #ccc; }
.propic1 li:hover img { 
  /* transform:scale(1.05);  */
	@-webkit-transform:scale(1.05);  
	@-moz-transform:scale(1.05);  
	@-o-transform:scale(1.05);  
	@-ms-transform:scale(1.05);  
   
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
 }



.news1 li a{ color:#333}
.news1 li{ width:98%; height:150px; border-bottom:1px solid #ccc; margin-top:5px; padding:10px 0.6%; position:relative; top:0;transition:all 0.3s linear;  }
.news1 li dl dt{ width:200px; height:140px;  float:left; cursor:pointer; overflow:hidden ;margin:5px}
.news1 li dl dt img{ width:100%; height:100%;transition:all 0.3s linear; }
.news1 li dl dd{ width:750px; float: right; line-height:15px} 
.news1 li dl dd h4{ line-height:50px; text-align:left; padding-top:5px; font-size:18px; font-weight:normal}
.news1 li dl dd  span{ font-size:13px ; color:#ccc}
.news1 li dl dd p{ line-height:30px; margin-top:5px}
.news1 li dl dd h4:hover  a{ color:#2552af }

.news1 li  dl dd p:hover a{ color:#2552af}
.news1 li:hover { box-shadow:2px 2px 10px #e3e3e3; top:-5px; }





.page {display:block;height:30px;text-align:center; padding-top:20px; padding-bottom:20px;}
.page a,.page span {background:#efefef;color:#4f4e49;height:auto;line-height:18px;margin:0px 0px 0px 8px;padding:3px 7px;width:auto;}
.page a:hover,.page .cur {background:#2552af;border-color:#2552af;color:#fff;text-decoration: none;}
.abcd{ color:#333 ; line-height:30px}
.abcd:hover { color:#2552af}


/*留言样式*/



.dn{display: none;}
/* 返回顶部 */
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png?);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -350px;}
.go-top .qq{background-position: 0 -50px;}
.go-top .qq:hover{background-position: 0 -200px;}
/*
.go-top .share{background-position: 0 -50px;}
.go-top .share:hover{background-position: 0 -200px;}
*/
.go-top .uc-2vm-pop{
	position: absolute;right: 60px;top: -100px;
	width: 150px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);
	background: #fff;
}
.go-top .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;}