.container{display:block; width:100%; margin-top:70px;}
.container .wrap{display:block; max-width:1200px; margin:0 auto;}
.container .wrap ul{display:block; width:100%;}
.container .wrap ul li{float:left; width:32%; margin-right:1.3%; position:relative; z-index:2; left:0; top:0;}
.container .wrap ul li .pic{display:block; width:100%;background:#21459b;}
.container .wrap ul li .pic img{display:block; width:100%; filter:alpha(opacity=20);opacity:0.2;}
.container .wrap ul li .pic:hover img{filter:alpha(opacity=80);opacity:0.8;}
.container .wrap ul li .wz{display:block; position:absolute; left:0; top:35px; z-index:5;}
.container .wrap ul li .wz .icon{display:block; width:100%; height:55px; margin:0 auto;}
.container .wrap ul li .wz .icon img{display:block; margin:0 auto;}
.container .wrap ul li .wz  h2{display:block; height:30px; line-height:30px; font-size:22px; color:#fff; text-align:center; }
.container .wrap ul li .wz  .tip{display:block; font-size:16px; line-height:22px; color:#fff; width:80%; margin:0 auto; font-weight:bold; text-align:center; padding-top:10px;}
.container .wrap ul li:nth-child(1n){margin-right:2%;}
.container .wrap ul li:nth-child(2n){margin-right:2%;}
.container .wrap ul li:nth-child(3n){float:right; width:32%;margin-right:0%;}




.container .products{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .products .title{display:block; padding-bottom:15px;background:url(../image/line.jpg) no-repeat center bottom;}
.container .products .title h4{display:block; height:40px; line-height:40px; font-size:28px; color:#282828; text-align:center;}
.container .products .title .tip{display:block; height:30px; line-height:30px; font-size:18px; color:#282828; text-align:center;}
.container .products .con{display:block; padding-top:20px;}
.container .products .con ul{display:block; width:100%;}

.container .products .con ul li{float:left; width:24%; margin-right:1%;}
.container .products .con ul li .pic{display:block; width:100%;}
.container .products .con ul li .pic img{display:block; width:100%;}
.container .products .con ul li .tit{display:block; height:40px; line-height:40px; font-size:15px; color:#282828; border-bottom:1px solid #e1e1e1; background:url(../image/ar.jpg) no-repeat 100% center; padding-left:4px;}
.container .products .con ul li .tit:hover{background:#21459b url(../image/arh.jpg) no-repeat 98% center; color:#fff;}
.container .products .con ul li:nth-child(1n){float:left; width:24%; margin-right:1.3%;}
.container .products .con ul li:nth-child(2n){float:left; width:24%; margin-right:1.3%;}
.container .products .con ul li:nth-child(3n){float:left; width:24%; margin-right:1.3%;}
.container .products .con ul li:nth-child(4n){float:right; width:24%; margin-right:0%;}


.container .about{display:block; width:100%; margin-top:80px;}
.container .about .title{display:block; padding-bottom:15px;background:url(../image/line.jpg) no-repeat center bottom;}
.container .about .title h4{display:block; height:40px; line-height:40px; font-size:28px; color:#282828; text-align:center;}
.container .about .title .tip{display:block; height:30px; line-height:30px; font-size:18px; color:#282828; text-align:center;}
.container .about .gs{display:block; width:100%;margin-top:20px;}
.container .about .gs img{display:block; width:100%;}
.container .about .con{display:block;max-width:1200px; margin:0 auto; padding-top:25px; font-size:14px; line-height:26px; color:#282828; text-align:center; background:#fff; }


.style{display:block; max-width:1200px; margin:0 auto; margin-top:40px;overflow:hidden;}
.style .m_title{display:block; width:280px; margin:0 auto;}
.style .m_title li{float:left; width:48%; margin-right:2%;}
.style .m_title li a{display:block; width:94%; height:38px; font-size:22px; line-height:38px; text-align:center; border:2px solid #222; color:#282828;}
.style .m_title li a:hover{background:#21459b; border:2px solid #21459b; color:#fff;}
.style .m_title li a.current{background:#21459b; border:2px solid #21459b; color:#fff;}


.style .m_cs{display:block; max-width:1200px; margin:0 auto;margin-top:20px; position:relative; z-index:2; left:0; top:0;}
.style .m_cs .arrow_out{display:block; width:100%; height:40px; background:url(../image/xian.jpg) repeat-x center center; margin-top:40px;}
.style .m_cs .arrow_out .m_in{display:block; width:30%; height:40px; background:#fff; margin:0 auto;position:relative; z-index:2; left:0; top:0;}
.style .m_cs .arrow_out .m_in .arrow_l{position:absolute; left:50%; margin-left:-49px; width:34px; height:34px; background:url(../image/m_left.png) no-repeat left center; cursor:pointer;}
.style .m_cs .arrow_out .m_in .arrow_l.current{position:absolute; left:50%; margin-left:-49px; width:34px; height:34px; background:url(../image/m_lefth.png) no-repeat left center; cursor:pointer;}
.style .m_cs  .arrow_out .m_in .arrow_r{position:absolute; left:50%; margin-right:-49px; width:34px; height:34px; background:url(../image/m_right.png) no-repeat left center; cursor:pointer;}
.style .m_cs  .arrow_out .m_in .arrow_r.current{position:absolute; left:50%; margin-right:-49px; width:34px; height:34px; background:url(../image/m_righth.png) no-repeat left center; cursor:pointer;}


.style .m_cs #scrollarea{display:block; width:1200px;  margin:0 auto; overflow:hidden; }
.style .m_cs #inrea{display:block; width:800%;}
.style .m_cs #area1{float:left;}
.style .m_cs #area2{float:left;}
.style .m_cs #scrollarea li{float:left; width:285px;  margin-right:25px; }
.style .m_cs #scrollarea li a{display:block; width:285px;  background:#002f69; position:relative; z-index:2; left:0; top:0; }
.style .m_cs #scrollarea li a:hover img{ opacity: 0.5;  filter: alpha(opacity=50);}
.style .m_cs #scrollarea li img{display:block; width:285px; margin:0 auto; }
.style .m_cs #scrollarea li .tit{display:none; position:absolute; left:0; top:100px; z-index:8; font-size:22px; width:100%; text-align:center; line-height:50px; color:#fff;}
.style .m_cs #scrollarea li a:hover .tit{display:block;}

.container .case{display:block; width:100%; margin-top:80px;  background:url(../image/case_bg.jpg) no-repeat center top;}
.container .case .inner{display:block; padding-top:70px;}
.container .case .title{display:block; padding-bottom:15px;background:url(../image/line.jpg) no-repeat center bottom;}
.container .case .title h4{display:block; height:40px; line-height:40px; font-size:28px; color:#282828; text-align:center;}
.container .case .title .tip{display:block; height:30px; line-height:30px; font-size:18px; color:#282828; text-align:center;}
.container .case .con{display:block; padding-top:20px;}
.container .case .con ul{display:block; width:100%;}
.container .case .con ul li{float:left; width:24%; margin-right:1%; margin-bottom:15px; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.container .case .con ul li:hover{transform:translate(0,-7px); -webkit-transform:translate(0,-7px); -moz-transform:translate(0,-7px); -o-transform:translate(0,-7px);}
.container .case .con ul li a.pic{display:block; width:100%;}
.container .case .con ul li a.pic img{display:block; width:100%;}
.container .case .con ul li a.tit{display:block; height:40px; line-height:40px; background:#21459b; width:100%; margin:0 auto;font-size:14px; color:#fff; font-weight:bold;text-align:center; overflow:hidden; }
.container .case .con ul li a.tit:hover{text-decoration:underline;}

.container .case .more_out{display:block; width:100%; height:46px; background:url(../image/xian2.jpg) repeat-x left center; margin-top:50px;}
.container .case .more_out .more{display:block; font-size:15px; color:#282828; font-weight:bold; width:220px; height:40px; border:2px solid #282828; line-height:40px; border-radius:40px; margin:0 auto; text-align:center; background:#fff;}
.container .case .more_out .more:hover{background:#21459b; border:2px solid #21459b; color:#fff;}


.container .news{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .news .title{display:block; padding-bottom:15px;background:url(../image/line.jpg) no-repeat center bottom;}
.container .news .title h4{display:block; height:40px; line-height:40px; font-size:28px; color:#282828; text-align:center;}
.container .news .title .tip{display:block; height:30px; line-height:30px; font-size:18px; color:#282828; text-align:center;}
.container .news .con{display:block; padding-top:24px;}
.container .news .con .rescommend{width:42.6%;padding:1.2%;background:#f0f0f0;}
.container .news .con .rescommend .pic{display:block; width:100%; margin-bottom:8px;height:330px; overflow:hidden;}
.container .news .con .rescommend .pic img{display:block; width:100%;margin-top:-30px;}
.container .news .con .rescommend .wz{display:block; }
.container .news .con .rescommend .wz .time{display:block; height:20px; line-height:20px; font-size:14px; color:#282828;}
.container .news .con .rescommend .wz .tit{display:block; height:30px; line-height:30px; font-size:18px; color:#21459b; font-weight:bold; padding-bottom:10px; border-bottom:2px solid #282828; margin-bottom:15px;}
.container .news .con .rescommend .wz .detail{display:block; font-size:14px; line-height:24px; color:#282828; }
.container .news .con ul{width:49%;float:right;}
.container .news .con ul li{display:block; width:100%; padding-bottom:25px; padding-top:20px; border-bottom:1px solid #e1e1e1; }
.container .news .con ul li:hover{background:#f0f0f0;}
.container .news .con ul li .time{float:left; width:12%;padding-right:2%;border-right:1px dashed #e1e1e1;}
.container .news .con ul li .time .d{display:block; height:40px; line-height:40px; font-size:30px; color:#aaaaaa; text-align:center; }
.container .news .con ul li .time .yy-m{display:block; height:30px; line-height:30px; font-size:14px; color:#aaaaaa; font-family:Arial, Helvetica, sans-serif; text-align:center; }

.container .news .con ul li .wz{float:right; width:82%;}
.container .news .con ul li .wz .tit{display:block; height:30px; line-height:30px; font-size:16px; color:#282828; font-weight:bold; }
.container .news .con ul li .wz .tit:hover{color:#21459b; text-decoration:underline;}
.container .news .con ul li .wz .detail{display:block; font-size:14px; line-height:24px; color:#282828;}
.container .news .con ul li .wz .detail:hover{color:#21459b; text-decoration:underline;}