.container{display:block; width:100%; margin-top:80px; }
.container .mquality{display:block; width:1200px; margin:0 auto; }
.container .mquality ul{display:block; width:100%; }
.container .mquality ul li{float:left; width:31%; margin-right:2.3%; position:relative; z-index:2; left:0; top:0; }
.container .mquality ul li a.pic{display:block; width:100%; background:#c80100; }
.container .mquality ul li a.pic img{display:block; width:100%; opacity:0.3; filter:alpha(opacity=30);}

.container .mquality ul li a.wz{display:block; position:absolute; left:3%; top:15px; z-index:5; width:90%; padding:2%; }
.container .mquality ul li a.wz .m_icon{display:block; width:70px; height:70px; margin:0 auto; }
.container .mquality ul li a.wz .m_tit{display:block; height:50px; line-height:50px; font-size:22px; color:#fff; text-align:center; font-weight:bold;}
.container .mquality ul li a.wz .m_tip{display:block; font-size:16px; line-height:20px; height:40px; text-align:center; color:#fff; width:80%; margin:0 auto; overflow:hidden; }


.container .mquality ul li a.wz:hover{border:1px solid #fff;}

.container .mquality ul li:hover a.pic img{opacity:0.4; filter:alpha(opacity=40);}

.container .mquality ul li:nth-child(1n){float:left; width:31.8%; }
.container .mquality ul li:nth-child(2n){float:left; width:31.7%; }
.container .mquality ul li:nth-child(3n){float:right; width:31.7%; margin-right:0%;}


.container .products{display:block;width:1200px; margin:0 auto; margin-top:80px; }
.container .products .title{display:block; width:100%; position:relative; z-index:2; left:0; top:0px; background:url(../images/ge.png) no-repeat right 22px; }
.container .products .title h4{display:block; line-height:40px; font-size:30px; color:#282828;}
.container .products .title .tip{display:block; height:30px; line-height:30px; font-size:18px;  color:#282828;}
.container .products .title .more{position:absolute; right:0px; top:12px; z-index:5;  font-size:14px; text-align:right; line-height:20px; font-weight:bold; text-align:right; }

.container .products .mtitle{display:block; width:100%; margin-top:15px; }
.container .products .mtitle ul{display:block; width:100%; }
.container .products .mtitle ul li{float:left; width:16.1%; margin-right:0.5%;}
.container .products .mtitle ul li a{display:block; width:92%; height:48px; font-size:16px; line-height:48px; color:#fff; font-weight:bold; padding-left:7%; background:#a7a7a7 url(../images/ar.png) no-repeat 95% center;}
.container .products .mtitle ul li:nth-child(1n){width:16.2%;}
.container .products .mtitle ul li:nth-child(2n){width:16.2%;}
.container .products .mtitle ul li:nth-child(3n){width:16.2%;}
.container .products .mtitle ul li:nth-child(4n){width:16.2%;}
.container .products .mtitle ul li:nth-child(5n){width:16.2%;}
.container .products .mtitle ul li:nth-child(6n){float:right; margin-right:0%;}

.container .products .mtitle ul li a:hover{ background:#c80100 url(../images/ar.png) no-repeat 95% 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%; background:#fff; margin-bottom:25px; box-shadow:2px 2px 7px 2px #f0f0f0;}
.container .products .con ul li:hover{box-shadow:2px 2px 7px 2px #f4dfdf;}
.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 a.tit{display:block; height:50px; line-height:50px; color:#c80100; font-size:15px; padding:0px 2%; font-weight:bold; background:url(../images/arr.jpg) no-repeat 97% center;}
.container .products .con ul li a.tit:hover{background:url(../images/arrh.jpg) no-repeat 97% center; text-decoration:underline; }

.container .about{display:block; width:100%; margin-top:55px;  background:url(../images/about_bg.jpg) no-repeat center top; padding-top:85px;overflow:hidden;}
.container .about .inner{display:block; position:relative; z-index:2; left:0; top:0; }
.container .about .inner .title{display:block; }
.container .about .inner .title .en{display:block; height:34px; line-height:34px; font-size:34px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;}
.container .about .inner .title h4{display:block; height:30px; line-height:30px; font-size:26px; color:#fff; }
.container .about .inner .title .more_out{display:block; position:absolute; left:50%; margin-left:440px; top:8px; z-index:5; width:100%; background:#fff; height:46px; }
.container .about .inner .title .more_out .more{float:left; height:46px; padding-left:20px; line-height:46px; text-align:left; font-size:14px; font-weight:bold;}
.container .about .inner .con{display:block; padding-top:25px;}
.container .about .inner .con .gs{display:block; font-size:15px; line-height:26px; color:#fff;}
.container .about .inner .con .gs:hover{text-decoration:underline;}
.container .about .inner .con ul{display:block; width:100%; margin-top:35px;}
.container .about .inner .con ul li{float:left; width:33.3%; background:url(../images/line02.jpg) repeat-y right top;}
.container .about .inner .con ul li .num{display:block; width:100%;height:64px; font-size:64px; color:#fff; line-height:64px; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.container .about .inner .con ul li .num i{font-style:normal; line-height:64px; text-align:center; font-size:18px; color:#fff; font-weight:normal;}
.container .about .inner .con ul li em{display:block; width:100%; height:30px; line-height:30px; font-size:24px; color:#fff; font-style:normal; text-align:center; }
.container .about .inner .con ul li.none{background:none;}
.container .about .inner .site{display:block; width:100%; margin-top:45px;}
.container .about .inner .site dl{display:block; width:100%; }
.container .about .inner .site dl dd{float:left; width:33.33%;}
.container .about .inner .site dl dd a.pic{display:block; width:100%;}
.container .about .inner .site dl dd a.pic img{display:block; width:100%;}
.container .about .inner .site dl dd a.tit{display:block;padding:0px 5%; width:90%;background:#bfbfbf;height:50px; font-size:18px; line-height:50px; color:#fff; font-weight:bold;}

.container .about .inner .site dl dd.d01 .tit{background:#bfbfbf url(../images/arrow.png) no-repeat 95% center;  }
.container .about .inner .site dl dd.d02 .tit{background:#a7a7a7 url(../images/arrow.png) no-repeat 95% center;  }
.container .about .inner .site dl dd.d03 .tit{background:#bfbfbf url(../images/arrow.png) no-repeat 95% center;  }
.container .about .inner .site dl dd a.tit:hover{background:#c80100 url(../images/arrow.png) no-repeat 95% center;}


.container .case{display:block; width:100%; margin-top:80px; background:#f0f0f0; }
.container .case .inner{display:block; padding:70px 0px;}
.container .case .inner .title{display:block; width:100%; position:relative; z-index:2; left:0; top:0px; background:url(../images/ge02.png) no-repeat right 22px; }
.container .case .inner .title h4{display:block; line-height:40px; font-size:30px; color:#282828;}
.container .case .inner .title .tip{display:block; height:30px; line-height:30px; font-size:18px;  color:#282828;}
.container .case .inner .title .more{position:absolute; right:0px; top:12px; z-index:5;  font-size:14px; text-align:right; line-height:20px; font-weight:bold; text-align:right; }
.container .case .inner .mtitle{display:block; width:100%; margin-top:15px;}
.container .case .inner .mtitle a{font-size:17px; line-height:30px; font-weight:bold; padding:0px 12px; }
.container .case .inner .mtitle a:hover{ text-decoration:underline; }
.container .case .inner .con{display:block; padding-top:20px;}
.container .case .inner .con ul{display:block; width:100%; }
.container .case .inner .con ul li{float:left; position:relative; z-index:2; left:0; top:0; }
.container .case .inner .con ul li .wz{display:block; position:absolute; left:0px; bottom:0px; z-index:5; width:94%; background:url(../images/black.png) repeat-x left bottom; padding:20px 3%; padding-top:50px;transition:all .7s linear 0s;}

.container .case .inner .con ul li.first{float:left; width:50%;}

.container .case .inner .con ul li.second{width:25%;}
.container .case .inner .con ul li a.pic{display:block; width:100%;}
.container .case .inner .con ul li a.pic img{display:block; width:100%;}

.container .case .inner .con ul li .wz .tit{display:block; height:30px; line-height:30px; color:#fff; font-size:18px; font-weight:bold; width:100%; overflow:hidden;}
.container .case .inner .con ul li .wz .tip{display:block; height:20px;line-height:20px; font-size:15px; color:#fff; padding-left:15px; background:url(../images/s.jpg) no-repeat left center;}
.container .case .inner .con ul li .wz .detail{display:none; width:100%;font-size:14px; line-height:22px; color:#fff; height:44px; overflow:hidden; margin-top:15px;  }
.container .case .inner .con ul li.second .wz .tit{font-size:15px;}



.container .case .inner  .m_cs{display:block; margin-top:30px; position:relative; z-index:2; left:0; top:0; }
.container .case .inner  .m_cs #scrollarea{display:block; width:1200px;  margin:0 auto; overflow:hidden; }
.container .case .inner  .m_cs #inrea{display:block; width:800%;}
.container .case .inner  .m_cs #area1{float:left;}
.container .case .inner  .m_cs #area2{float:left;}
.container .case .inner  .m_cs #scrollarea li{float:left; width:140px;  margin-right:20px; }
.container .case .inner  .m_cs #scrollarea li a{display:block; width:140px; text-align:center;  position:relative; z-index:2; left:0; top:0; }
.container .case .inner  .m_cs #scrollarea li a:hover img{ opacity: 0.5;  filter: alpha(opacity=50);}
.container .case .inner  .m_cs #scrollarea li a img{display:block; width:138px;height:101px; margin:0 auto; border:1px solid #c1c1c1;}


.container .case .inner  .m_cs .arrow_l{position:absolute; left:-50px; top:30px;width:39px; height:39px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container .case .inner  .m_cs .arrow_l.current{position:absolute; left:-50px; top:30px;width:39px; height:39px;  background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container .case .inner  .m_cs .arrow_r{position:absolute; right:-50px; top:30px;width:39px; height:39px;  background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container .case .inner  .m_cs .arrow_r.current{position:absolute;right:-50px;top:30px;width:39px; height:39px;  background:url(../images/righth.png) no-repeat left center; cursor:pointer;}

.container .news{display:block; width:1200px; margin:0 auto; margin-top:80px; }
.container .news .title{display:block; width:100%; position:relative; z-index:2; left:0; top:0px; background:url(../images/ge.png) no-repeat right 22px; }
.container .news .title h4{display:block; line-height:40px; font-size:30px; color:#282828;}
.container .news .title .tip{display:block; height:30px; line-height:30px; font-size:18px;  color:#282828;}
.container .news .title .more{position:absolute; right:0px; top:12px; z-index:5;  font-size:14px; text-align:right; line-height:20px; font-weight:bold; text-align:right; }
.container .news .mtitle{display:block; width:100%; margin-top:15px; height:30px;}
.container .news .mtitle ul li{float:left; margin-right:20px;}
.container .news .mtitle ul li a{display:block; height:30px; width:90px;font-size:17px; line-height:30px; font-weight:bold;  text-align:center;}
.container .news .mtitle ul li a:hover{background:#c80100; color:#fff;}
.container .news .mtitle ul li a.current{background:#c80100; color:#fff;}
.container .news .con{display:block; padding-top:18px;}
.container .news .con .rescommend{width:380px; padding-bottom:15px; background:#c80100; position:relative; z-index:2; left:0; top:0;}
.container .news .con .rescommend .r_in{display:block; padding-top:18px; padding-left:18px;}
.container .news .con .rescommend .r_in .pic{display:block; position:absolute; left:18px; top:18px; z-index:5;}
.container .news .con .rescommend .r_in .pic img{width:380px;}
.container .news .con .rescommend .r_in .wz{display:block; margin-top:300px;padding-right:18px;}
.container .news .con .rescommend .r_in .wz .tit{display:block; height:40px; line-height:40px; font-size:16px; color:#fff; font-weight:bold; border-bottom:1px solid #fff;}
.container .news .con .rescommend .r_in .wz .tit:hover{text-decoration:underline;}
.container .news .con .rescommend .r_in .wz .detail{display:block; font-size:14px; line-height:22px; color:#fff; margin-top:15px;}
.container .news .con .rescommend .r_in .wz .detail:hover{text-decoration:underline;}

.container .news .con .rescommend .r_in .wz .moret{display:block; height:30px; line-height:30px; font-size:14px; background:url(../images/arr2.jpg) no-repeat right center; color:#fff; margin-top:20px;}
.container .news .con .rescommend .r_in .wz .moret:hover{font-weight:bold; text-decoration:underline; background:#d92b2a url(../images/arr2.jpg) no-repeat 98% center;padding:0px 3%; }


.container .news .con ul{float:right; width:690px; }
.container .news .con ul li{display:block; width:100%; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e1e1e1;}
.container .news .con ul li .time{float:left; width:12%; border-right:1px dashed #e1e1e1;}
.container .news .con ul li .wz{float:right; width:84%;}
.container .news .con ul li .time .d{display:block; height:44px; line-height:44px; font-size:36px; text-align:center; width:100%; color:#999;}
.container .news .con ul li .time .yy-m{display:block;width:100%; height:30px; line-height:30px; text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#999;}
.container .news .con ul li .wz .tit{display:block; height:30px; line-height:30px; font-size:18px; color:#c80100;   font-weight:bold; }
.container .news .con ul li .wz .tit:hover{text-decoration:underline;}

.container .news .con ul li .wz .detail{display:block; width:100%; font-size:14px; line-height:20px; margin-top:5px; height:40px; overflow:hidden;}
.container .news .con ul li .wz .detail:hover{text-decoration:underline;}