/* CSS Document */
.container{display:block; width:100%; margin-top:50px; }
.container .key{display:block; width:1103px; margin:0 auto; position:relative; z-index:2; left:0; top:0;}
.container .key .bg{ width:426px; height:520px;position:absolute; left:-480px; top:-50px;z-index:3; background:url(../images/bg.jpg) no-repeat left top;}
.container .key ul{display:block; width:1140px;}
.container .key li{float:left;width:250px; height:300px; margin-right:33px; position:relative; z-index:4;left:0; top:0;}
.container .key li a{display:block; width:250px; height:300px; transition:all 2s linear 0s;-moz-transform:scale(1.1); -webkit-transition:all 2s linear 0s;overflow:hidden;}
.container .key li a:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);}
.container .key li .detail{position:absolute; left:0;bottom:0px; height:50px; line-hegiht:50px; font-size:20px; color:#fff; text-align:center; width:250px;}
.container .key li .more{display:none; width:36px; height:36px; font-size:46px; line-height:36px; background:url(../images/quan.png) no-repeat center center;border-radius:18px; color:#02589a; position:absolute; left:105px; top:120px; text-align:center;}

.container .news{display:block; width:100%; margin-top:50px; border-top:1px solid #e1e1e1;}
.container .news .inner{display:block; width:1103px; margin:0 auto; padding-top:50px;}
.container .news .inner .fl{width:700px;}
.container .news .inner .fr{width:278px; height:260px;}


.container .news .inner .fl .title{display:block;}
.container .news .inner .fl .title h4{display:block; height:40px; line-height:40px; font-size:28px; color:#222; font-weight:normal;}
.container .news .inner .fl .con{display:block; width:700px; overflow:hidden;margin-top:20px;}
.container .news .inner .fl .con ul{display:block; width:790px; }
.container .news .inner .fl .con li{float:left;width:303px; padding-bottom:10px; margin-bottom:15px;background:url(../images/xian.jpg) repeat-x left bottom; margin-right:90px;}
.container .news .inner .fl .con li .time{display:block; color:#999; font-size:13px; height:15px; line-height:15px;}
.container .news .inner .fl .con li  a.tit{display:block; font-size:16px; color:#02589a; height:26px; line-height:26px;}
.container .news .inner .fl .con li  a.detail{display:block; line-height:18px; padding-top:5px;}
.container .news .inner .fl .con .more{display:block; width:97px; height:35px; background:url(../images/more.jpg) no-repeat left top; margin-top:25px;}
.container .news .inner .fl .con .more:hover{background:url(../images/moreh.jpg) no-repeat left top;}

/*-----------»ÃµÆÆ¬------------------------------------------------------*/
.huan{display:block; width:278px; height:260px;position:relative;z-index:2;overflow:hidden;}
.huan .ze{display:block; position:absolute;width:268px;padding:0px 5px; left:0; bottom:0; background:#000; filter:alpha(opacity=60);opacity:0.6; height:32px; z-index:3;color:#fff;line-height:32px; font-size:16px;}
.huan .pic{display:block; width:600%;}
.huan .pic li img{display:block; width:278px; height:260px;}
.huan .pic li{float:left; width:278px; height:260px;}
.btnt{ position:absolute;right:0; bottom:0; z-index:24;height:24px;}
.btnt li{float:left;width:21px; height:21px; background:url(../images/bm2.jpg) no-repeat left top;font-size:14px;margin-right:1px;cursor:pointer; line-height:21px; text-align:center; color:#fff;}
.btnt li.red{width:21px; height:21px; background:url(../images/bm1.jpg) no-repeat left top;}
/*------------------------------------------------------*/


.container .products{display:block; width:100%; background:#f0f3f5; margin-top:50px;}
.container .products .con{display:block; width:1103px; height:408px;margin:0 auto; padding:50px 0px;}
.container .products  .title{display:block;width:100%; height:208px; border-bottom:5px solid #2374b2;}
.container .products  .title ul{display:block; width:100%; height:208px;background:#02589a;}
.container .products  .title ul li{float:left; width:49.9999%; height:208px; background:#02589a; position:relative; z-index:2; left:0; top:0; cursor:pointer;}
.container .products  .title ul li.current{background:#3493dc;}
.container .products  .title ul li .pipes{float:right; width:551px; height:208px;}
.container .products  .title ul li .pipes h4{display:block; height:26px; line-height:26px; font-size:24px; color:#fff; font-weight:normal;margin-top:28px;padding-right:230px; background:url(../images/pi1.png) no-repeat 150px center;}
.container .products  .title ul li .pipes .tip{display:block; margin-top:22px; color:#fff; font-size:12px; line-height:20px;width:520px;}
.container .products  .title ul li .pipes .more{display:block;width:105px; height:35px; background:url(../images/more_p.png) no-repeat left top; margin-top:28px;}
.container .products  .title ul li  .arrow{display:none; width:47px;height:18px; background:url(../images/arrow.png) no-repeat left top; position:absolute; z-index:3;right:250px; top:-18px;}


.container .products  .title ul li .steel{float:left; width:511px; height:208px;padding-left:40px;}
.container .products  .title ul li .steel h4{display:block; height:26px; line-height:26px; font-size:24px; color:#fff; font-weight:normal;margin-top:28px;padding-right:230px; background:url(../images/pi2.png) no-repeat 150px center;}
.container .products  .title ul li .steel .tip{display:block; margin-top:22px; color:#fff; font-size:12px; line-height:20px;width:520px; height:40px;}
.container .products  .title ul li .steel .more{display:block;width:105px; height:35px; background:url(../images/more_p.png) no-repeat left top; margin-top:28px;}


.container .products .con dl dd{display:none;}
.container .products .con dl dd .fl{float:left; width:596px; height:408px; position:relative; left:0; top:0; z-index:2;}
.container .products .con dl dd .fr{float:right; width:446px; height:420px; overflow:hidden;}
.container .products .con dl dd .fl img{display:block; width:596px; height:408px;}
.container .products .con dl dd .fl .tit{display:block; width:556px; padding:0px 20px; font-size:17px; color:#fff; height:40px; line-height:40px; background:url(../images/ze.png) repeat-x left bottom;position:absolute; z-index:3;left:0px; bottom:0px;}

.container .products .con dl dd .fr ul{display:block; width:476px;}
.container .products .con dl dd .fr li{float:left;width:208px;margin-right:30px; margin-bottom:10px;}
.container .products .con dl dd .fr li .pic{display:block;width:208px;height:159px;}
.container .products .con dl dd .fr li img{display:block; width:198px; height:149px;padding:5px; background:#fff;}
.container .products .con dl dd .fr li a.pic:hover img{background:#02589a;}
.container .products .con dl dd .fr li  .tit{display:block;height:40px; line-height:40px; font-size:14px; text-align:center;}


.container .company{display:block; width:1103px; margin:0 auto; margin-top:50px;}
.container .company .fl{width:570px;}
.container .company .fr{width:461px; height:301px;}

.container .company .fl .title{display:block; height:40px; line-height:40px; font-size:28px; color:#222;}
.container .company .fl .con{display:block;font-size:12px; line-height:24px;padding-top:20px;}
.container .company .fl .more{display:block; width:97px; height:35px; background:url(../images/more.jpg) no-repeat left top; margin-top:15px;}
.container .company .fl .more:hover{display:block; width:97px; height:35px;background:url(../images/moreh.jpg) no-repeat left top; }



.container .cooperation{display:block; width:100%; margin:0 auto; margin-top:70px; }
.container .cooperation .inner{display:block; width:1103px; }
.container .cooperation .title{display:block; height:40px; line-height:40px; font-size:28px; color:#222;}
.container .cooperation .title h4{display:block; height:40px; line-height:40px; font-size:28px; color:#222; font-weight:normal;}
.container .cooperation .title .more{float:right; line-height:40px; color:#999; font-size:16px; text-align:right;}
.container .cooperation .con{display:block; padding-top:20px;width:1103px; overflow:hidden;}
.container .cooperation  .con ul{display:block; width:1130px;}
.container .cooperation  .con li{float:left; width:214px; height:50px; border:1px solid #e1e1e1; margin-right:4px; margin-bottom:7px;}
