.container{display:block; width:100%; margin-top:80px;}
.container .mb_area{display:block; max-width:1200px; margin:0 auto;}
.container .mb_area ul{display:block; width:100%;}
.container .mb_area ul li{float:left; width:23.5%; margin-right:1.5%;}
.container .mb_area ul li a.pic{display:block; width:100%; position:relative; z-index:2; left:0; top:0;overflow:hidden;}
.container .mb_area ul li a.pic img{display:block; width:100%;}
.container .mb_area ul li a.pic .tit{display:block; position:absolute; left:0; bottom:0; z-index:8; width:100%;height:40px; background:#3ccd58 url(../images/ar.png) no-repeat 97% center; line-height:40px; font-size:14px; color:#fff;}
.container .mb_area ul li a.pic .tit i{display:block; font-style:normal; line-height:40px; font-size:16px; color:#fff; font-weight:bold;padding-left:2%;}
.container .mb_area ul li a.detail{display:block; font-size:14px; line-height:22px; padding-top:12px;}


.container .products{display:block; width:100%; margin-top:80px; background:#f0f0f0 url(../images/pro_bg.jpg) no-repeat center bottom;}
.container .products .inner{display:block; max-width:1200px; padding:60px 0px;}
.container .products .inner .mtitle{display:block; width:100%;}
.container .products .inner .mtitle h4{display:block; line-height:40px; font-size:26px; text-align:center; color:#282828;}
.container .products .inner .mtitle .en{display:block; line-height:20px; font-size:14px; text-transform:uppercase; color:#666; text-align:center; font-family:Arial, Helvetica, sans-serif;}

.container .products .inner .stitle{display:block; width:100%; margin-top:15px;}
.container .products .inner .stitle ul{display:block; width:100%;}
.container .products .inner .stitle ul li{float:left; width:23%;margin-right:2%; margin-bottom:12px;}
.container .products .inner .stitle ul li a{display:block; line-height:42px; font-size:17px; width:100%; border:1px solid #cccbcb;font-weight:bold; text-align:center;}
.container .products .inner .stitle ul li a:hover{color:#3ccd58; border:1px solid #3ccd58;}
.container .products .inner .stitle ul li a.current{color:#3ccd58; border:1px solid #3ccd58;}
.container .products .inner .mcon{display:block; padding-top:18px;}
.container .products .inner .mcon ul{display:block; width:100%;}
.container .products .inner .mcon ul li{float:left; width:23.6%; margin-right:1.4%; margin-bottom:15px;}
.container .products .inner .mcon ul li a{display:block; width:92%;padding:4%; background:#fff;}
.container .products .inner .mcon ul li a img{display:block; width:100%;}
.container .products .inner .mcon ul li a .tit{display:block; width:100%; line-height:40px; font-size:15px; text-align:center;border-top:1px solid #e1e1e1;}
.container .products .inner .mcon .more{display:block; width:146px; height:40px; line-height:40px; padding-right:34px; font-size:14px; font-weight:bold; background:#5e5e5e url(../images/ar.jpg) no-repeat right center; margin:0 auto;margin-top:80px; color:#fff; text-align:center;}
.container .products .inner .mcon .more:hover{background:#3ccd58 url(../images/arh.jpg) no-repeat right center;}


.container .company{display:block; width:100%; background:#3ccd58;}
.container .company .inner{display:block; max-width:1200px; margin:0 auto; position:relative; z-index:2; left:0; top:0;overflow:hidden;}
.container .company .inner .wz{display:block; width:40%;padding:40px 0px;}
.container .company .inner .wz .tit{display:block;line-height:50px; font-size:22px; font-weight:bold; color:#fff;}
.container .company .inner .wz .detail{display:block; font-size:14px; line-height:22px; padding-top:17px; color:#fff;}
.container .company .inner .wz .more{display:block; width:120px; height:40px; line-height
:40px; padding-right:34px; font-size:14px; font-weight:bold; background:#5e5e5e url(../images/ar.jpg) no-repeat right center; margin-top:30px; color:#fff; text-align:center;}
.container .company .inner .wz .more:hover{background:#5fdc77 url(../images/arh.jpg) no-repeat right center;}

.container .company .inner  .gs{display:block; position:absolute; right:0; top:0; z-index:8;width:60%; }
.container .company .inner  .gs img{display:block; width:100%;}


.container .case{display:block; width:100%; background:#dfdfdf; }
.container .case .inner{display:block; padding:80px 0px;}
.container .case .inner .mtitle{display:block; width:100%;}
.container .case .inner .mtitle h4{display:block; line-height:40px; font-size:26px; text-align:center; color:#282828;}
.container .case .inner .mtitle .en{display:block; line-height:20px; font-size:14px; text-transform:uppercase; color:#666; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.container .case .inner .mcon{display:block;padding-top:20px;}


.h_pro{display:block; max-width:1200px; margin:0 auto; position:relative; z-index:2; left:0; top:0;}

.h_pro .arrow_l{position:absolute; left:-50px; top:190px; z-index:8;width:24px; height:41px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.h_pro .arrow_l:hover{background:url(../images/lefth.png) no-repeat left center; }
.h_pro .arrow_l.current{background:url(../images/lefth.png) no-repeat left center; }

.h_pro .arrow_r{position:absolute; right:-50px; top:190px; z-index:9;width:24px; height:41px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.h_pro .arrow_r:hover{background:url(../images/righth.png) no-repeat left center;}
.h_pro .arrow_r.current{background:url(../images/righth.png) no-repeat left center;}

.h_pro #scrollarea{display:block; max-width:1200px; height:380px; margin:0 auto; overflow:hidden; }
.h_pro #inrea{display:block; width:800%;}
.h_pro #area1{float:left;}
.h_pro #area2{float:left;}
.h_pro #scrollarea li{float:left; width:380px; margin-left:18px; font-size:15px; color:#666; }
.h_pro #scrollarea li a.pic{display:block; width:100%; position:relative; z-index:2; left:0; top:0;}
.h_pro #scrollarea li a.pic img{display:block; width:100%;}
.h_pro #scrollarea li a.pic .detail{display:block; position:absolute; left:50%;margin-left:-130px; z-index:8; top:30%;width:234px; font-size:16px; text-align:center; line-height:40px; font-weight:bold;padding:8px; border:1px solid #fff;}
.h_pro #scrollarea li a.pic .detail i{display:block;width:218px;background:url(../images/white.png) repeat left top;padding:30px 11px; font-size:16px; line-height:24px; font-style:normal;  text-align:center;}




.container .wrap{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .wrap .gs_news{width:46%;}
.container .wrap .tech{width:46%;}
.container .wrap  .title{display:block; }
.container .wrap  .title h4{display:block;line-height:50px; font-size:22px; color:#282828; }
.container .wrap  .title .more{float:right;line-height:50px; font-size:14px; text-align:right;  }
.container .wrap  .con{display:block; padding-top:10px;}
.container .wrap  .con li{display:block;}
.container .wrap  .con li a{display:block; line-height:44px; font-size:14px; color:#282828;padding-left:15px; background:url(../images/dot.jpg) no-repeat left center;}
.container .wrap  .con li  .time{float:right; line-height:44px;font-size:13px; color:#282828; font-family:Arial, Helvetica, sans-serif;}

.container .customer{display:block; max-width:1200px; margin:0 auto; margin-top:80px; border-top:1px solid #e1e1e1; padding-top:80px;}
.container .customer .mtitle{display:block; width:100%;}
.container .customer .mtitle h4{display:block; line-height:40px; font-size:26px; text-align:center; color:#282828;}
.container .customer .mtitle .en{display:block; line-height:20px; font-size:14px; text-transform:uppercase; color:#666; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.container .customer .mcon{display:block; width:100%; padding-top:20px;}
.container .customer .mcon ul{display:block; width:100%;}
.container .customer .mcon ul li{float:left; width:20%; margin-bottom:15px;}
.container .customer .mcon ul li img{display:block;width:70%; margin:0 auto;}