/* CSS Document */
.container{display:block; width:100%; margin-top:60px;}
.container .wrap{display:Block; width:1103px; margin:0 auto;}
.container .wrap .news{width:550px;}
.container .wrap .about{width:492px;}

.container .wrap .news .title{display:Block; height:50px; line-height:50px; font-size:26px; color:#444;}
.container .wrap .news .title h4{display:block; height:50px; line-height:50px; font-size:26px; color:#444; font-weight:normal;}
.container .wrap .news .title .more{float:right; line-height:50px; font-size:13px; color:#999; text-align:right;}
.container .wrap .news .con{display:Block;padding-top:15px;}
.container .wrap .news .con .rescommend{display:Block;}
.container .wrap .news .con .rescommend .pic{float:left; width:263px; height:181px; position:relative; z-index:2; left:0; top:0;}
.container .wrap .news .con .rescommend .pic img{display:Block; width:263px; height:181px;}
.container .wrap .news .con .rescommend .wz{float:right; width:270px;}
.container .wrap .news .con .rescommend .wz .tit{display:block; height:30px; line-height:30px; font-size:18px; color:#666; font-weight:bold;}
.container .wrap .news .con .rescommend .wz .detail{display:Block; font-size:13px; padding-top:8px;}
.container .wrap .news .con .rescommend .wz .moret{color:#d95555;}

.container .wrap .news .con .rescommend .pic .time{position:absolute; z-index:3; left:0; top:0; width:66px; height:61px; background:url(../images/blue.png) repeat left top;}
.container .wrap .news .con .rescommend .pic .time .d{display:Block; height:30px; line-height:30px; font-size:28px; color:#fff; text-align:center; padding-top:7px;}
.container .wrap .news .con .rescommend .pic .time .yy-m{display:Block; height:20px; line-height:20px; font-size:12px; color:#fff; text-align:center;}

.container .wrap .news .con ul{display:Block; width:100%; margin-top:20px;}
.container .wrap .news .con ul li{display:Block;margin-bottom:15px; }
.container .wrap .news .con ul li .time{float:left; width:53px; height:64px; border:1px solid #c3c2c2;}
.container .wrap .news .con ul li .time .d{display:Block; width:53px; height:41px; background:#c3c2c2; line-height:41px; font-size:26px; color:#fff; text-align:center;}
.container .wrap .news .con ul li .time .yy-m{display:block; height:20px; line-height:20px; text-align:center;font-size:12px;}
.container .wrap .news .con ul li .wz{float:right; width:480px;}
.container .wrap .news .con ul li .wz .tit{display:Block; height:30px; line-height:30px; font-size:15px; color:#444;}
.container .wrap .news .con ul li .wz .detail{display:block; line-height:20px; font-size:12px; color:#999;}


.container .wrap .about .title{display:Block; height:50px; line-height:50px; font-size:26px; color:#444;}
.container .wrap .about .title h4{display:block; height:50px; line-height:50px; font-size:26px; color:#444; font-weight:normal;}
.container .wrap .about .title .more{float:right; line-height:50px; font-size:13px; color:#999; text-align:right;}
.container .wrap .about .con{display:Block;padding-top:15px;}
.container .wrap .about .con li{display:block; width:100%; height:175px;}

.container .wrap .about .con li.first .wz{float:left; width:246px; height:175px; background:#4b8bc2; position:relative; z-index:2; left:0; top:0;}
.container .wrap .about .con li.first .wz h2{display:Block; height:30px; line-height:30px; font-size:24px; color:#fff; padding-top:50px; padding-left:20px;}
.container .wrap .about .con li.first .wz .tip{display:Block; height:20px; line-height:20px;color:#dbe8f3; font-size:14px; padding-top:5px;padding-left:20px;}
.container .wrap .about .con li.first .wz .moret{position:absolute; width:36px; height:36px; background:#6fa2ce url(../images/ar.png) no-repeat center center; z-index:3; right:0px; bottom:0px;}
.container .wrap .about .con li.first .wz .moret:hover{background:#d95555 url(../images/ar.png) no-repeat center center;}

.container .wrap .about .con li.first .pic{float:right; width:246px; height:175px;}
.container .wrap .about .con li.first .pic img{display:Block; width:246px; height:175px;}


.container .wrap .about .con li.second .pic{float:left; width:246px; height:175px; }
.container .wrap .about .con li.second .pic img{display:Block; width:246px; height:175px;}

.container .wrap .about .con li.second  .wz{float:right;background:#c3c2c2 url(../images/tm.jpg) no-repeat right bottom; width:246px; height:175px; position:relative; z-index:2; left:0; top:0;}
.container .wrap .about .con li.second  .wz h2{display:Block; height:30px; line-height:30px; font-size:24px; color:#fff; padding-top:50px; padding-left:20px;}
.container .wrap .about .con li.second  .wz .tip{display:Block; height:20px; line-height:20px;color:#fff; font-size:12px; padding-top:2px;padding-left:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.container .wrap .about .con li.second  .wz .moret{position:absolute; width:36px; height:36px; background:#cfcece url(../images/ar.png) no-repeat center center; z-index:3; right:0px; top:0px;}
.container .wrap .about .con li.second  .wz .moret:hover{background:#6fa2ce url(../images/ar.png) no-repeat center center;}


.container .pro_out{display:block; width:100%; padding:60px 0px; background:#f0f0f0 url(../images/probg.jpg) no-repeat center bottom; margin-top:45px;}
.container .pro_out .wrapt{display:block; width:1103px; margin:0 auto; height:399px; background:#fff;}
.container .pro_out .wrapt .list{float:left; width:263px;}
.container .pro_out .wrapt .list .title{display:Block; height:40px; line-height:40px; color:#444; font-size:26px; padding-left:20px;padding-top:20px;font-weight:bold;}
.container .pro_out .wrapt .list .con{display:Block; padding-left:20px;padding-top:17px; }
.container .pro_out .wrapt .list .con li{display:Block; height:30px; margin-bottom:15px;}
.container .pro_out .wrapt .list .con li a{display:Block; height:30px; line-height:30px; padding-left:38px; background:url(../images/k.jpg) no-repeat left center; font-size:17px;}
.container .pro_out .wrapt .list .con li a:hover{ background:url(../images/kh.jpg) no-repeat left center;}
.container .pro_out .wrapt .huan_out{float:left; width:563px; height:399px;}
.container .pro_out .wrapt .case{float:right;width:277px; height:399px; background:#4b8bc2;}

.container .pro_out .wrapt .case .title{display:block; width:277px; height:191px; background:url(../images/c_bg.jpg) no-repeat left top; position:relative; z-index:7; left:0; top:0;}
.container .pro_out .wrapt .case .title .more{display:block; width:257px; height:42px; line-height:42px; font-size:20px; color:#fff; padding-left:20px; position:absolute; right:0px; bottom:0px;z-index:8; background:url(../images/black.png) repeat left top;}
.container .pro_out .wrapt .case .con{display:Block; padding:15px;}
.container .pro_out .wrapt .case .con li{display:Block; height:30px; font-size:14px; line-height:30px; color:#fff;}
.container .pro_out .wrapt .case .con li a{display:Block; height:30px; font-size:14px; line-height:30px; color:#fff; padding-left:18px; background:url(../images/ar.jpg) no-repeat left center;}
/*-------------------------------------------------------幻灯片-------------------------------------*/

.container .pro_out .wrapt .huan_out .huan{display:block; width:563px; height:399px;position:relative;z-index:2;overflow:hidden;}
.container .pro_out .wrapt .huan_out .huan .ze{display:block; position:absolute;width:543px; left:0;padding:0px 10px; bottom:0;   height:51px; z-index:3;color:#fff;background:url(../images/black.png) repeat left top;line-height:51px; font-size:18px;}
.container .pro_out .wrapt .huan_out .huan .pic{display:block; width:600%;}
.container .pro_out .wrapt .huan_out .huan .pic li img{display:block; width:563px; height:399px;}
.container .pro_out .wrapt .huan_out .huan .pic li{float:left; width:563px; height:399px;}
.container .pro_out .wrapt .huan_out .huan .btnt{ position:absolute;right:4px; bottom:0; z-index:24;height:32px;margin-right:2px;}
.container .pro_out .wrapt .huan_out .huan .btnt li{float:left;width:23px; height:23px;background:#494848;font-size:16px;margin-right:3px;cursor:pointer; text-align:center;line-height:23px; color:#fff;border:1px solid #666666; }
.container .pro_out .wrapt .huan_out .huan .btnt li.red{background:#4b8bc2; border:1px solid #77a9d5;}

/*----------------------------------------------------------------------------------------------------*/
.container .re_pro{display:block; width:1103px; margin:0 auto; margin-top:60px;}
.container .re_pro .title{display:block; height:50px; line-height:50px; font-size:26px; color:#444; text-align:center;background:url(../images/xian.png) no-repeat center center;}
.container .re_pro  .con{display:Block; padding-top:15px;}
.container .re_pro  .con #mrq{width:1103px; } 
.container .re_pro  .con #Marquee_x { overflow:hidden; width: 1103px }  
.container .re_pro  .con #Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} 
.container .re_pro  .con #Marquee_x ul li div{ float:left;line-height:60px;height:235px; background:#fff; overflow:hidden;margin-right:20px;} 
.container .re_pro  .con #Marquee_x ul li div a{display:Block; background:#fff; width:260px; height:235px; background:#fff;}
.container .re_pro  .con #Marquee_x ul li div a:hover{background:#4b8bc2; color:#fff;}
.container .re_pro  .con #Marquee_x ul li div img{ width:260px; height:195px; display:block} 
.container .re_pro  .con #Marquee_x ul li div span{ display:block;height:40px; line-height:40px; font-size:15px; color:#666; width:100%; text-align:center;}
.container .re_pro  .con #Marquee_x ul li div a:hover span{color:#fff;}