.container{display:block; margin-top:80px;}
.container .c_pro{display:block;width:100%; }
.container .c_pro .c_style{display:block;position:relative; z-index:2; left:0px; top:0px;}
.container .c_pro .c_style #scrollarea{display:block; max-width:1200px; margin:0 auto; overflow:hidden; }
.container .c_pro .c_style #inrea{display:block; width:1600%;}
.container .c_pro .c_style #area1{float:left;}
.container .c_pro .c_style #area2{float:left;}
.container .c_pro .c_style ul li{float:left; width:258px; border:1px solid #e1e1e1; margin-right:25px; position:relative; z-index:2; left:0; top:0; }
.container .c_pro .c_style ul li a.pic{display:block; width:100%;}
.container .c_pro .c_style ul li a.pic img{display:block; width:100%;}
.container .c_pro .c_style ul li a.tit{display:block; width:100%; height:38px; line-height:38px; text-align:center; font-size:14px;}
.container .c_pro .c_style ul li a.tit:hover{background:#00279f; color:#fff;}
.container .c_pro .c_style ul li a.detail{display:none; position:absolute; left:0px; bottom:0px; z-index:8; padding:0px 2%;width:96%; background:#00279f;}
.container .c_pro .c_style ul li a.detail .at{display:block; height:30px; line-height:30px; color:#fff; font-weight:bold; font-size:15px; border-bottom:1px solid #fff; margin-bottom:5px;}
.container .c_pro .c_style ul li a.detail .at i{font-style:normal; line-height:30px; font-size:12px; padding-left:5px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
.container .c_pro .c_style ul li a.detail .jj{display:block; font-size:12px; line-height:18px; height:36px; color:#fff; overflow:hidden; margin-bottom:5px;}


.container .c_pro .c_style .arrow_l{position:absolute; left:-48px; width:43px; height:240px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container .c_pro .c_style .arrow_l.current{position:absolute; left:-48px;  width:43px; height:240px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container .c_pro .c_style .arrow_r{position:absolute; right:-48px;  width:43px; height:240px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container .c_pro .c_style .arrow_r.current{position:absolute;right:-48px; width:43px; height:240px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}



.container .products{display:block; margin-top:80px;}
.container .products .title h4{display:block; height:40px; line-height:40px; font-size:32px; color:#282828; text-align:center;}
.container .products .title .tip{display:block; height:24px; line-height:24px; font-size:18px; text-align:center;}

.container .products .mtitle{display:block; margin-top:14px;}
.container .products .mtitle ul{display:block; width:100%;}
.container .products .mtitle ul li{float:left; width:12%; margin-right:0.5%; margin-bottom:10px;}
.container .products .mtitle ul li a{display:block; height:46px; line-height:46px; background:#d2d1d1; font-size:14px; font-weight:bold; color:#666; text-align:center;}
.container .products .mtitle ul li a:hover{background:#50af1d; color:#fff;}
.container .products .mtitle ul li a:hover{background:#50af1d; color:#fff;}

.container .products .mtitle ul li:nth-child(1n){margin-right:0.5%;}
.container .products .mtitle ul li:nth-child(2n){margin-right:0.5%;}
.container .products .mtitle ul li:nth-child(3n){margin-right:0.5%;}
.container .products .mtitle ul li:nth-child(4n){margin-right:0.5%;}
.container .products .mtitle ul li:nth-child(5n){margin-right:0.5%;}
.container .products .mtitle ul li:nth-child(6n){float:right; margin-right:0%;}



.container .products .con{margin-top:25px;}
.container .products .con ul{display:block; width:100%;}
.container .products .con ul li{float:left; width:24%; margin-right:1%; position:relative; z-index:2; left:0; top:0; overflow:hidden;margin-bottom:35px;}
.container .products .con ul li a.pic{display:block; width:100%;}
.container .products .con ul li a.pic img{display:block; width:100%;}
.container .products .con ul li .wz{display:block;width:100%; position:absolute; left:0px; top:0px; z-index:8; background:url(../images/black.png) repeat left top; padding-bottom:40px;}
.container .products .con ul li .wz .icon{display:block;width:90px; height:90px; border-radius:90px;background:url(../images/black.png) repeat left top; overflow:hidden; margin:0 auto; margin-top:30px;}
.container .products .con ul li .wz .icon img{display:block;width:100%; margin:0 auto;}
.container .products .con ul li .wz .tit{display:block; height:30px; line-height:30px; font-size:19px; color:#fff; text-align:center; margin-top:20px; font-weight:bold;}
.container .products .con ul li .wz .detail{display:block; font-size:13px; line-height:18px; height:54px; overflow:hidden;color:#fff; padding:0px 3%; margin-top:60px;}
.container .products .con ul li .wz .detail:hover{text-decoration:underline;}



.container .case{display:block;overflow:hidden; width:100%;  background:url(../images/case_bg.jpg) no-repeat center top; margin-top:50px;}
.container .case .inner{padding-top:50px;}
.container .case .inner .title h4{display:block; height:40px; line-height:40px; font-size:32px; color:#fff; text-align:center;}
.container .case .inner .title .tip{display:block; height:24px; line-height:24px; font-size:18px; text-align:center; color:#fff;}
.container .case .inner .con{display:block; margin-top:20px;}


.container .case .inner .con  .c_ca{display:block;position:relative; z-index:2; left:0px; top:0px;}
.container .case .inner .con  .c_ca #scrollarea{display:block; max-width:1200px; margin:0 auto; overflow:hidden; }
.container .case .inner .con  .c_ca #inrea{display:block; width:1600%;}
.container .case .inner .con  .c_ca #area1{float:left;}
.container .case .inner .con  .c_ca #area2{float:left;}
.container .case .inner .con  .c_ca ul li{float:left; width:280px; margin-right:15px; position:relative; z-index:2; left:0; top:0;}
.container .case .inner .con  .c_ca ul li a.pic{display:block; width:100%;}
.container .case .inner .con  .c_ca ul li a.pic img{display:block; width:100%;}
.container .case .inner .con  .c_ca ul li a.tit{display:block; width:100%; height:44px; background:url(../images/black.png) repeat left top; font-size:15px; color:#fff; line-height:44px; text-align:center;}
.container .case .inner .con  .c_ca ul li a.tit:hover{background:#00279f; color:#fff;}
.container .case .inner .con  .c_ca ul li a.detail{display:block; font-size:13px; line-height:20px; height:40px; overflow:hidden;background:url(../images/black.png) repeat left top; color:#fff; padding:0px 5px;}

.container .case .inner .con  .c_ca .arrow_l{position:absolute; left:-48px; width:43px; height:240px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container .case .inner .con  .c_ca .arrow_l.current{position:absolute; left:-48px;  width:43px; height:240px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container .case .inner .con  .c_ca .arrow_r{position:absolute; right:-48px;  width:43px; height:240px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container .case .inner .con  .c_ca .arrow_r.current{position:absolute;right:-48px; width:43px; height:240px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}




.container .case .inner .moret{display:block; width:150px; height:42px; background:#fff url(../images/ar.png) no-repeat 90% center; padding:0px 25px; font-size:14px; color:#666; font-weight:bold; margin:0 auto; margin-top:40px; line-height:42px; }
.container .case .inner .moret:hover{background:#00279f url(../images/arh.png) no-repeat 90% center; color:#fff;}


.container .wrap{display:block; margin-top:80px;}
.container .wrap .solution{width:30%;}
.container .wrap .news{width:64%;}

.container .wrap .solution .title{display:block;}
.container .wrap .solution .title h4{line-height:50px; font-size:32px; color:#282828; font-weight:normal;}
.container .wrap .solution .title .moret{float:right; line-height:50px; font-size:14px; text-align:right;}
.container .wrap .solution  li a{display:block; line-height:44px; font-size:14px;  font-weight:bold; padding-left:16px; background:url(../images/circle.png) no-repeat left center;}
.container .wrap .solution  li a:hover{text-decoration:underline;}
.container .wrap .solution .con{border-right:5px solid #eee; margin-top:20px;}

.container .wrap .news .title{display:block;}
.container .wrap .news .title h4{line-height:50px; font-size:32px; color:#282828; font-weight:normal;}
.container .wrap .news .title .moret{float:right; line-height:50px; font-size:14px; text-align:right;}

.container .wrap .news .con .rescommend{display:block; width:100%;}
.container .wrap .news .con .rescommend .ns{float:left;width:40%;}
.container .wrap .news .con .rescommend .ns img{display:block; width:100%;}
.container .wrap .news .con .rescommend .wz{float:right; width:58%;}
.container .wrap .news .con .rescommend .wz .tit{display:block; line-height:40px; font-size:18px; font-weight:bold; color:#00279f;}
.container .wrap .news .con .rescommend .wz .time{display:block; font-size:14px; line-height:24px; margin:5px auto;}
.container .wrap .news .con .rescommend .wz .detail{display:block; font-size:14px; line-height:30px;}
.container .wrap .news .con ul{display:block; width:100%; margin-top:20px;}
.container .wrap .news .con ul li{float:left; width:48%; margin-right:2%;}
.container .wrap .news .con ul li a{display:block;line-height:40px; font-size:15px; color:#666; padding-left:15px; background:url(../images/circle.png) no-repeat left center; height:40px; overflow:hidden;}
.container .wrap .news .con ul li a:hover{color:#00279f; text-decoration:underline;}
.container .wrap .news .con ul li .time{float:right; line-height:40px; font-size:15px; color:#999;}
.container .wrap .news .con ul li:nth-child(2n){float:right; width:48%; margin-right:0%;}


.container .about{display:block; width:100%; background:#f0f0f0; margin-top:80px;height:460px; position:relative; z-index:2; left:0; top:0;}
.container .about .a_bg{position:absolute; width:100%; right:50%; z-index:7; margin-right:200px; background:url(../images/a_bg.jpg) no-repeat right top; height:460px;}
.container .about .a_out{display:block; position:absolute; left:0px; top:0px; z-index:9; width:100%; height:460px;}
.container .about .a_out .inner .title{width:33%;}
.container .about .a_out .inner .title .t_in{display:block; padding-top:100px;}
.container .about .a_out .inner .title .t_in .en{display:block;}
.container .about .a_out .inner .title .t_in .en img{display:block;}
.container .about .a_out .inner .title .t_in h4{display:block; height:50px; line-height:50px; font-size:32px; color:#fff;}
.container .about .a_out .inner .title .t_in .more{display:block; width:126px; height:42px; border:2px solid #fff; line-height:42px; font-size:14px; font-weight:bold; color:#fff; padding:0px 15px; margin-top:120px; background:url(../images/arh.png) no-repeat 90% center;}
.container .about .a_out .inner .title .t_in .more:hover{background:#00279f url(../images/arh.png) no-repeat 90% center; color:#fff; border:2px solid #00279f;}

.container .about .a_out .inner .con{display:block; width:58%; padding:60px 0px; font-size:14px; line-height:28px; color:#282828;}
.container .about .a_out .inner .con:hover{color:#00279f; text-decoration:underline;}