.container{display:block; width:100%; }
.container .products{display:block; background:#f0f0f0; width:100%; padding-top:70px; padding-bottom:45px; }
.container .products .list{width:20%;}
.container .products .list .title{display:block; }
.container .products .list .title h4{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; font-weight:normal; text-align:center; background:url(../images/line.png) no-repeat center center; }
.container .products .list .title .tip{display:block; height:20px; line-height:20px; font-size:16px; color:#282828; text-align:center; }
.container .products .list  .con{display:block; padding:12px; background:#585858; margin-top:10px;}
.container .products  .list .con ul li{display:block; margin-bottom:10px;}
.container .products .list  .con ul li a{display:block; height:38px; line-height:38px; font-size:16px; color:#fff; padding:0px 6%; font-weight:bold; border:2px solid #cdcdcd; background:url(../images/ar.png) no-repeat 95% center;}
.container .products .list .con ul li a:hover{background:#00a9b0 url(../images/arh.png) no-repeat 95% center; border:2px solid #00a9b0;}

.container .products .show{width:78%;}
.container .products .show .rescommend{display:block; width:100%; position:relative; z-index:2; left:0; top:0;}
.container .products .show .rescommend .pic{display:block;width:64%;}
.container .products .show .rescommend .pic img{display:block; width:100%;}
.container .products .show .rescommend .wz{width:38%; background:#fff; padding:20px 3%; position:absolute; top:30px; right:0px; z-index:8; }
.container .products .show .rescommend .wz .tit{display:block; height:40px; font-size:20px; line-height:40px; color:#00a9b0; font-weight:bold; padding-bottom:10px;background:url(../images/line.jpg) no-repeat left bottom;overflow:hidden;}
.container .products .show .rescommend .wz .detail{display:block; font-size:14px; line-height:26px; margin-top:20px; }
.container .products .show .rescommend .wz .moret{display:block; width:128px; height:36px; line-height:36px; background:#00a9b0; text-align:center; font-weight:bold; color:#fff; font-size:14px; margin-top:40px; }


.container .products .hot_pro{display:block; width:100%; margin-top:25px;}
.container .products .hot_pro ul{display:block; width:100%; }
.container .products .hot_pro ul li{float:left; width:24%; margin-right:1%; margin-bottom:15px; }
.container .products .hot_pro ul li a{display:block; width:100%;}
.container .products .hot_pro ul li a img{display:block; width:100%;}
.container .products .hot_pro ul li a .tit{display:block; width:100%; height:40px; line-height:40px; font-size:15px; color:#282828; text-align:center; background:#fff;}
.container .products .hot_pro ul li a:hover .tit{background:#00a9b0; color:#fff; }


.container .honor{display:block; width:100%;  background:url(../images/honor_bg.jpg) no-repeat center top; }
.container .honor .inner{display:block; padding:60px 0px;}
.container .honor .title{width:24%; background:url(../images/k.png) no-repeat center top; background-size:100% auto;}
.container .honor .con{width:72%;}
.container .honor .title .t_in{display:block; padding:15%;}
.container .honor .title .t_in h4{display:block; height:50px; line-height:50px; font-size:42px; color:#fff; font-weight:normal; text-align:center; }
.container .honor .title .t_in .en{display:block;height:20px; line-height:20px; font-size:14px; color:#fff; text-transform:uppercase;  text-align:center;}
.container .honor .title .t_in .tip{display:block; height:42px; line-height:42px; background:#fff; border-radius:42px; margin:0 auto; font-size:24px; color:#00a9b0; text-align:center; font-weight:bold; margin-top:20px;}

.container .honor .title .t_in .tel{display:block; width:100%; margin-top:30px;background:url(../images/tel02.png) no-repeat left center;}
.container .honor .title .t_in .tel .tt{display:block; height:20px; line-height:20px; font-size:18px; color:#fff; padding-left:30px; }
.container .honor .title .t_in .tel .code{display:block; height:30px; line-height:30px; font-size:26px; color:#fff; font-style:normal; font-family:Arial, Helvetica, sans-serif;  padding-left:30px; }


.container .honor .con .c_pro{display:block; position:relative; z-index:2; left:0; top:0; }
.container .honor .con .c_pro #scrollarea{display:block; margin:0px 50px; overflow:hidden; }
.container .honor .con .c_pro #inrea{display:block; width:800%;}
.container .honor .con .c_pro #area1{float:left;}
.container .honor .con .c_pro #area2{float:left;}
.container .honor .con .c_pro #scrollarea li{float:left; width:175px; margin-right:15px; }
.container .honor .con .c_pro #scrollarea li a.pic{display:block; width:100%; position:relative; z-index:2; left:0; top:0; }
.container .honor .con .c_pro #scrollarea li a.pic img{display:block; width:100%; background:#fff; }
.container .honor .con .c_pro #scrollarea li  .tit{display:block; height:30px; font-size:14px; line-height:30px; font-weight:bold; text-align:center; color:#fff; }


.container .honor .con .c_pro .arrow_l{position:absolute; left:1%; width:27px; height:289px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container .honor .con .c_pro .arrow_l.current{position:absolute; left:1%;  width:27px; height:289px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container .honor .con .c_pro .arrow_r{position:absolute; right:1%;  width:27px; height:289px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container .honor .con .c_pro .arrow_r.current{position:absolute;right:1%; width:27px; height:289px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}

.container .project{display:block; margin-top:80px;}
.container .project .title{display:block;}
.container .project .title h4{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; font-weight:normal; text-align:center; background:url(../images/line.png) no-repeat center center; }
.container .project .title .tip{display:block; height:30px; line-height:30px; font-size:16px; color:#666; text-align:center; }
.container .project .mtitle{display:block; width:100%; }
.container .project .mtitle ul{display:block; width:100%;}
.container .project .mtitle ul li{float:left; width:14.285%; }
.container .project .mtitle ul li a{font-size:18px; line-height:40px; color:#282828; text-align:center; width:100%; display:block; }
.container .project .mtitle ul li a:hover{background:#00a9b0; color:#fff; font-weight:bold; }
.container .project  .con{display:block; margin-top:30px;}
.container .project  .con .rescommend{display:block; width:100%; }
.container .project  .con .rescommend .pic{display:block; width:50%;}
.container .project  .con .rescommend .pic img{display:block; width:100%; }
.container .project  .con .rescommend .wz{float:right; width:42%; padding-right:4%; border-right:2px solid #e1e1e1; }
.container .project  .con .rescommend .wz .tit{display:block; height:50px; line-height:50px; font-size:22px; color:#00a9b0; font-weight:bold; background:url(../images/line.jpg) no-repeat left bottom; padding-bottom:15px; margin-bottom:15px; overflow:hidden;}
.container .project  .con .rescommend .wz .detail{display:block; font-size:14px; line-height:26px; margin-top:25px; }
.container .project  .con .rescommend .wz .moret{display:block; width:130px; height:38px; line-height:38px; font-size:14px; color:#fff; font-weight:bold; background:#00a9b0; margin-top:48px; text-align:center; }


.container .project  .con .c_case{display:block;  margin-top:25px;}
.container .project  .con .c_case #scrollarea{display:block; margin:0px auto; overflow:hidden; }
.container .project  .con .c_case #inrea{display:block; width:800%;}
.container .project  .con .c_case #area1{float:left;}
.container .project  .con .c_case #area2{float:left;}
.container .project  .con .c_case #scrollarea li{float:left; width:284px; margin-right:20px; }
.container .project  .con .c_case #scrollarea li a.pic{display:block; width:100%; position:relative; z-index:2; left:0; top:0; }
.container .project  .con .c_case #scrollarea li a.pic img{display:block; width:100%; background:#fff; }
.container .project  .con .c_case #scrollarea li a.pic .tit{display:block; width:100%;height:40px; font-size:15px; line-height:40px;  text-align:center; color:#282828;overflow:hidden; background:#f0f0f0;}
.container .project  .con .c_case #scrollarea li a.pic:hover .tit{background:#00a9b0; color:#fff;}


.container .project  .con .c_case .arrow_l{position:absolute; left:1%; width:27px; height:254px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.container .project  .con .c_case .arrow_l.current{position:absolute; left:1%;  width:27px; height:254px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container .project  .con .c_case .arrow_r{position:absolute; right:1%;  width:27px; height:254px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.container .project  .con .c_case .arrow_r.current{position:absolute;right:1%; width:27px; height:254px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}


.container .madvantage{display:block; width:100%; margin-top:80px;  background:url(../images/madvantage_bg.jpg) no-repeat center top;}
.container .madvantage .inner{display:block; padding:70px 0px;}
.container .madvantage .inner .title{display:block;}
.container .madvantage .inner .title h4{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; font-weight:normal; text-align:center; background:url(../images/line02.png) no-repeat center center; }
.container .madvantage .inner .title .tip{display:block; height:30px; line-height:30px; font-size:16px; color:#666; text-align:center; }
.container .madvantage .inner .con{display:block; margin-top:20px;}
.container .madvantage .inner .con ul{display:block; width:100%;}
.container .madvantage .inner .con ul li{float:left; width:25%; background:#fff;}
.container .madvantage .inner .con ul li .pic{display:block; width:100%; }
.container .madvantage .inner .con ul li .pic img{display:block; width:100%;}
.container .madvantage .inner .con ul li .wz{display:block; padding:20px;}
.container .madvantage .inner .con ul li .wz h4{display:block; height:50px; line-height:50px; font-size:24px; color:#282828; text-align:center; }
.container .madvantage .inner .con ul li .wz .tip{display:block; font-size:16px; line-height:20px; color:#282828; text-align:center; height:40px; padding-bottom:10px; background:url(../images/line.jpg) no-repeat center bottom; margin-bottom:10px; }
.container .madvantage .inner .con ul li .wz .detail{display:block; font-size:14px; line-height:20px; height:120px; overflow:hidden;}


.container .mquality{display:block; width:100%; }
.container .mquality .fl{width:50%;}
.container .mquality .fl img{display:block; width:100%;}
.container .mquality .fr{width:50%; position:relative; z-index:2; left:0; top:0; }
.container .mquality .fr img{display:block; width:100%;}
.container .mquality .fr .wz{display:block; position:absolute; left:60px; top:60px; z-index:8; }
.container .mquality .fr .wz .w_in{display:block; padding-left:40px;margin-right:80px;}
.container .mquality .fr .wz .w_in .tit{display:block; font-size:42px; line-height:44px; color:#fff; }
.container .mquality .fr .wz .w_in .tip{display:block; color:#fff; font-size:22px; line-height:28px; font-weight:bold; margin-top:60px;}
.container .mquality .fr .wz .w_in .tel{display:block; margin-top:60px; padding:5px 50px;padding-left:80px; background:url(../images/tel02.png) no-repeat 40px center;border:2px solid #fff; border-radius:100px; width:180px;}
.container .mquality .fr .wz .w_in .tel .tt{display:block; height:22px; line-height:22px; font-size:18px; color:#fff; }
.container .mquality .fr .wz .w_in .tel .code{display:block; height:32px; line-height:32px; font-size:26px; color:#fff; font-family:Arial, Helvetica, sans-serif; }





.container .about{display:block;margin-top:80px; }
.container .about .title{display:block;}
.container .about .title h4{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; font-weight:normal; text-align:center; background:url(../images/line02.png) no-repeat center center; }
.container .about .title .tip{display:block; height:30px; line-height:30px; font-size:16px; color:#666; text-align:center; }
.container .about .con{display:block; margin-top:25px;}
.container .about .con .gs{display:block; padding:12px; border:1px solid #e1e1e1;}
.container .about .con .gs img{display:block; width:100%;}
.container .about .con .detail{display:block; font-size:14px; line-height:26px; text-align:center; width:90%; margin:0 auto; margin-top:20px;}

.container .mstyle{display:block; margin-top:30px;}
.container .mstyle .mtitle{display:block; width:600px; margin:0 auto;}
.container .mstyle .mtitle ul{display:block; width:100%;}
.container .mstyle .mtitle ul li{float:left; width:24%; margin-right:1%;}
.container .mstyle .mtitle ul li a{display:block; width:100%; height:45px; line-height:45px; font-size:20px; color:#282828; text-align:center; border-bottom:2px solid #dedede; font-weight:bold; text-decoration:none;}
.container .mstyle .mtitle ul li a:hover{background:#00a9b0; color:#fff;text-decoration:none; border-bottom:2px solid #00a9b0; }
.container .mstyle .mtitle ul li a.current{background:#00a9b0; color:#fff;text-decoration:none; border-bottom:2px solid #00a9b0; }


.container .mstyle   .con .c_style{display:block;  margin-top:25px;}
.container .mstyle   .con .c_style #scrollarea{display:block; margin:0px auto; overflow:hidden; }
.container .mstyle   .con .c_style #inrea{display:block; width:800%;}
.container .mstyle   .con .c_style #area1{float:left;}
.container .mstyle   .con .c_style #area2{float:left;}
.container .mstyle   .con .c_style #scrollarea li{float:left; width:284px; margin-right:20px; }
.container .mstyle   .con .c_style #scrollarea li a.pic{display:block; width:100%; position:relative; z-index:2; left:0; top:0; }
.container .mstyle   .con .c_style #scrollarea li a.pic img{display:block; width:100%; background:#fff; }
.container .mstyle   .con .c_style #scrollarea li a.pic .tit{display:block; height:40px; font-size:15px; line-height:40px;  text-align:center; color:#282828; background:#f0f0f0;}
.container .mstyle   .con .c_style #scrollarea li a.pic:hover .tit{background:#00a9b0; color:#fff;}


.container .mstyle   .con .c_style .arrow_l{position:absolute; left:1%; width:27px; height:254px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.container .mstyle   .con .c_style .arrow_l.current{position:absolute; left:1%;  width:27px; height:254px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container .mstyle   .con .c_style .arrow_r{position:absolute; right:1%;  width:27px; height:254px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.container .mstyle   .con .c_style .arrow_r.current{position:absolute;right:1%; width:27px; height:254px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}


.container .news{display:block; width:100%; margin-top:80px;background:#f0f0f0;}
.container .news .inner{display:block; padding:70px 0px;}
.container .news .title{display:block;}
.container .news .title h4{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; font-weight:normal; text-align:center; background:url(../images/line02.png) no-repeat center center; }
.container .news .title .tip{display:block; height:30px; line-height:30px; font-size:16px; color:#666; text-align:center; }
.container .news .gs_news{width:31%; margin-right:2.333%;}
.container .news .gs_news .mtitle{display:block;height:50px; border-bottom:1px solid #d4d4d4; position:relative; z-index:2; left:0; top:0;}
.container .news .gs_news .mtitle h4{display:block; line-height:50px; font-size:24px; color:#282828; }
.container .news .gs_news .mtitle .more{float:right; line-height:50px; font-size:14px; color:#666; text-align:right;}
.container .news .gs_news .mtitle .line{display:block; position:absolute; left:0px; bottom:-1px; z-index:8; width:70px;height:2px; background:#00a9b0;}
.container .news .gs_news .con{display:block; width:100%; margin-top:15px;}
.container .news .gs_news .con .rescommend{display:block; width:100%; background:#00a9b0;height:130px; overflow:hidden;}

.container .news .gs_news .con .rescommend .ns{float:left; width:60%;}
.container .news .gs_news .con .rescommend .ns img{display:block; width:100%;}
.container .news .gs_news .con .rescommend .wz{float:right; width:34%;padding:3%;}
.container .news .gs_news .con .rescommend .wz .tit{display:block; font-size:14px; line-height:20px; color:#fff; }
.container .news .gs_news .con .rescommend .wz .time{display:block; font-size:14px; line-height:20px; height:20px; color:#fff; margin-top:8px;}
.container .news .gs_news .con ul{display:block; width:100%; margin-top:15px;}
.container .news .gs_news .con ul li{display:block; }
.container .news .gs_news .con ul li a{display:block; height:36px; line-height:36px; font-size:14px; color:#282828; padding-left:15px; background:url(../images/circle.png) no-repeat left center; overflow:hidden;}
.container .news .gs_news .con ul li a:hover{color:#00a9b0;}
.container .news .gs_news .con ul li .time{float:right; line-height:36px; font-size:14px; color:#666; text-align:right;}

.container .news .tech{float:right; margin-right:0%; width:31%;}
.container .news .tech .mtitle{display:block;height:50px; border-bottom:1px solid #d4d4d4; position:relative; z-index:2; left:0; top:0;}
.container .news .tech .mtitle h4{display:block; line-height:50px; font-size:24px; color:#282828; }
.container .news .tech .mtitle .more{float:right; line-height:50px; font-size:14px; color:#666; text-align:right;}
.container .news .tech .mtitle .line{display:block; position:absolute; left:0px; bottom:-1px; z-index:8; width:70px;height:2px; background:#00a9b0;}
.container .news .tech .con{display:block; width:100%; margin-top:18px;}
.container .news .tech .con ul{display:block; }
.container .news .tech .con ul li{display:block; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #c5c5c5;}
.container .news .tech .con ul li .time{float:left; width:16%;padding-right:2%; border-right:1px solid #e1e1e1;}
.container .news .tech .con ul li .wz{float:right; width:78%;}
.container .news .tech .con ul li .time .d{display:block;font-size:26px; line-height:40px; text-align:center; color:#aaa; font-family:Arial, Helvetica, sans-serif; }
.container .news .tech .con ul li .time .yy-m{display:Block; height:30px; line-height:30px; font-size:14px; color:#aaa; text-align:center;}

.container .news .tech .con ul li .wz .tit{display:block; height:30px; line-height:30px; font-size:15px; color:#00a9b0; font-weight:bold; width:100%; overflow:hidden;}
.container .news .tech .con ul li .wz .detail{display:block; width:100%; font-size:14px; line-height:18px; height:36px; overflow:hidden;}