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

.banner{ width:100%; height:480px; overflow:hidden; position:relative;}
.banner .bd li{ display:block; height:480px; width:100%; text-indent:-9999px;}
.banner .bd li a{ display:block; width:100%; height:480px; margin:0 auto;}
.banner .hd{ position:absolute; left:0; top:440px; text-align:center; width:100%; display:block; }
.banner .hd li{ display:inline-block; /**zoom:1;*/ margin:0 5px; width:18px; height:18px; border-radius:18px; background:#fff; cursor:pointer;}
.banner .hd li.on{ background:#000;}

.main-nav{ width:1200px; height:380px; margin:0px auto; padding:85px 0px;}

.main-nav1, .main-nav2, .main-nav3{ float:left; position:relative; width:380px; height:380px; border-radius:10px; background:#eeeeee; float:left; text-align: center;}
.main-nav2{ margin-left:30px; display:inline; }
.main-nav3{ margin-left:30px; display:inline; }

.main-nav h3{ position:relative; z-index:11; font-weight:100; font-size:20px; color:#232323; text-align: left;}
.main-nav p{ position:relative; z-index:11; font-size:14px; margin-top:15px; height:32px; overflow:hidden; text-align: left;}
.main-nav a{text-align: center; display: inline-block;}

.main-nav .img{ width:380px; height:235px; overflow:hidden; border-radius:10px 10px 0px 0px; }
.main-nav .img2{ width:380px; height:235px; overflow:hidden; border-radius:10px 10px 0px 0px; position:absolute; left:0px; top:0px; z-index:999;}

 

.acenter{text-align: center;position:absolute; left:0; width: 340px;top:235px; height:110px; overflow:hidden; padding:30px 20px 0px 20px;}

.acenter h3{ width:340px; height:35px; line-height:35px;}
.acenter p{ height:40px;line-height:20px;}
.main-nav .black50{ position:absolute; left:0; top:0; width:100%; height:380px; border-radius:10px; 
transition: all 0.5s ease-out; 
-webkit-transition: all 0.5s ease-out; 
-ms-transition:all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
	}
.main-nav1:hover .black50,.main-nav2:hover .black50,.main-nav3:hover .black50{
position:absolute; left:0; top:0; width:100%; height:380px; border-radius:10px;
transition: all 0.5s ease-out; 
-webkit-transition: all 0.5s ease-out; 
-ms-transition:all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
background:url(../images/navli.png) no-repeat; }
 
.main-nav1:hover .acenter,.main-nav2:hover .acenter,.main-nav3:hover .acenter{ color:#fff;}

.main-nav1:hover a,.main-nav2:hover a,.main-nav3:hover a{ color:#fff;}


.main-m2{ background:#fff; height:160px; padding:80px 0px;}
.intro{ width:730px;}
.intro .infoimg{ width:330px; height:157px; float:left;}

.intro .info{ width:330px; height:157px; float:right; overflow:hidden;}
.intro .info h1{ width:330px; height:35px; font-size:18px;font-weight:bold; line-height:35px; float:left;}
.intro .info .div{ width:330px; height:92px; line-height:23px; overflow:hidden; float:left;}
.intro .info .span{ width:330px; height:30px; float:left;}
.index-more{ display:inline-block; height:20px; font-size: 16px; line-height:20px; border:1px solid #666;  padding:0px 10px;}
.index-more .icon-more{ width:31px; height:7px; margin-left:10px; background:url(../images/icon-more.png) no-repeat; vertical-align:middle;}
.index-more:hover{ color:#005da4; border-color:#005da4;}
.index-more:hover .icon-more{ background:url(../images/icon-more-hover.png) no-repeat;}

.main-news{ width:380px; height:160px; float:right;}
.mainnewtit{ width:380px; height:35px; font-size:18px; line-height:35px; float:left; font-weight:bold;}
.mainnewsbox{ width:380px; height:125px; float:left; }
.newsli{ width:380px; height:30px; line-height:30px; float:left;}
.newlitime{ width:20px; height:30px; float:left; border-left:1px solid #dedede; border-right:1px solid #dedede; background:url(../images/dian.png) center no-repeat;}
.newlititle{ width:355px; height:30px; float:left; line-height:30px; text-indent:15px; overflow:hidden;}
.newsli:hover .newlitime{ background:url(../images/dian2.png) center no-repeat;}



.time-box{ width:80px; height:90px; background:#666565; text-align:center; border-radius:5px; overflow:hidden;}
.time-box .time-ri{ height:53px; line-height:53px; font-size:36px; color:#e0e0e0; width:80px; border-bottom:1px solid #535252;}
.time-box .time-yue{ height:36px; line-height:36px; font-size:16px; width:80px; background:#ddd;}

.news-etm{ width:360px; padding-bottom:15px;}
.news-etm h3{ font-size:16px; height:20px; font-weight:100; padding-bottom:10px;}
.news-etm h3 a:hover{ text-decoration:underline;}
.news-etm .cont{ margin-top: 10px;line-height:20px; color:#999; height:60px; overflow:hidden;}


#iproducts_bg {
 	width:100%; height:auto; overflow:hidden; margin-top:30px; padding-bottom:35px;
 
}
#iproducts_tit{width:1200px; height:100px; margin:0px auto;text-align:left;font-size:22px; color:#090909;}
 

.promore{ width:350px; height:50px; margin:50px auto; border:1px solid #e2e2e2; text-align:center; font-size:22px; color:#008195; line-height:50px; border-radius:25px;} 
.iproducts { margin:0px auto;width:1200px; height:auto;	overflow:hidden;}
.iproducts dl { float:left;
	margin-right:15px;
	width:388px; height:287px; border:1px solid #d3d3d3;
	text-align:center; position:relative; margin-bottom:15px;
}
.iproducts dl dt {
 	width:388px;
	height:287px; float:left;
 }
 .iproducts dl dt img {
	width:388px;
	height:287px;
 }
 
.iproducts dl span{ width:388px; height:233px; position:absolute; left:0px; table-layout:0px; z-index:999; display:none;}
.iproducts dl:hover span{ display:block;background:url(../images/fangdajing.png) no-repeat;}

.iproducts dl dd { width:388px; position:absolute; bottom:0px; left:0px; z-index:999;
	height:60px;
	line-height:60px; display:none;
	overflow:hidden;
}
.iproducts dl:hover dd{ background:url(../images/youjian.png) right center no-repeat #008195; display:block; text-align:left; text-indent:15px;} 
.iproducts dl:hover dd { color:#fff;}

.hezuo{ width:100%; height:520px; background:#008195;}
.hezuobox{ width:1200px; height:520px; margin:0px auto; background:url(../images/ditu.png) center no-repeat;}
.hezuoboxtit{ width:1200px; height:150px; float:left; text-align:center; font-size:36px; color:#fff; line-height:150px;}
.hezuotxt{ width:1030px; height:280px; float:left; margin-left:85px; display:inline;}
.hezuotxtli{ width:242px; height:116px; float:left; margin-right:20px; display:inline; margin-bottom:20px;}
.hezuotxtli img{ width:242px; height:116px;}
 .div_wrap{ width:1190px; margin:0 auto; position:relative; }
 .pic_scroll{ width:100%;overflow-x:hidden;}
 .scroll{ width:1000%; }
 .scroll .list{ width:1190px; height:520px; float:left; position:relative;}
 .scroll .list .item{ position:absolute;}

 .scroll .list .item a{ display:block;  height:100%; position:relative; border:1px solid #333;}
 .scroll .list .item a p{ position:absolute; bottom:0; left:0; line-height:30px; text-align:center; height:30px; width:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); color:#fff;}
 .scroll .list .item img{ width:100%; height:100%; display:block;}
 .scroll .list .item.item1,.scroll .list .item.item5{ width:220px; height:340px; top:70px; z-index:0; }
 
 .scroll .list .item.item2,.scroll .list .item.item4{ width:280px; height:400px; top:40px; z-index:3;}
 .scroll .list .item.item3{ width:340px; height:480px; z-index:5; top:0; }
  .scroll .list .item.item1{ left:0;}
  .scroll .list .item.item2{ left:200px;}
  .scroll .list .item.item3{ left:400px;}
  .scroll .list .item.item4{ right:200px;}
  .scroll .list .item.item5{ right:0;}
  .scroll .list .item:hover{ z-index:10;}
  .div_cur{ position:absolute; top:50%; margin-top:-80px; height:90px; width:45px; cursor:pointer; z-index:10; opacity:1;}
  .div_wrap:hover .div_cur{ opacity:0.5;}
  .div_cur.cur_left{ left:0;}
  .div_cur.cur_right{ right:0;}
  .p_cur{ position:absolute; bottom:0px; left:0; width:100%; text-align:center;}
    .p_cur a{ display:inline-block; width:20px; height:20px;color:#000; text-align:center; line-height:20px; border:1px solid #ccc; margin:0 5px; cursor:pointer;}
    .p_cur a.on{ background:#000; border-color:#000; color:#fff;}