﻿.container{display:block; width:100%;}
.container .list{display:block; width:100%; background:#f6f6f6;}
.container .list .inner{display:block; padding:70px 0px 50px;}
.container .list .inner .fl{width:66%;}
.container .list .inner .fr{width:33%;}

.container .list .inner .fl ul{display:block; width:100%;}
.container .list .inner .fl ul li{float:left; width:44%;padding:1% 2%; margin-right:2%; background:#fff; margin-bottom:2%; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.container .list .inner .fl ul li a.pic{display:block; width:100%;margin-bottom:13px;}
.container .list .inner .fl ul li a.pic img{display:block; width:96%;margin:0 auto;}
.container .list .inner .fl ul li a.tit{display:block; width:100%; line-height:50px; font-size:18px; color:#282828; font-weight:bold; position:relative; z-index:2; left:0; top:0;}
.container .list .inner .fl ul li a.tit:hover{color:#c90909;}
.container .list .inner .fl ul li a.tit:hover .moret{border:1px solid #c90909;background:url(../images/arh.png) no-repeat 94% center; color:#c90909;}
.container .list .inner .fl ul li a.tit .moret{display:block; position:absolute; right:0px; top:10px; z-index:8;width:75px; height:26px; border:1px solid #bfbebe; line-height:26px; font-size:13px; background:url(../images/ar.png) no-repeat 94% center; font-weight:normal; padding-left:7px;  color:#666;}
.container .list .inner .fl ul li a.tit .moret:hover{border:1px solid #c90909;background:url(../images/arh.png) no-repeat 94% center; color:#c90909;}

.container .list .inner .fl ul li:hover{transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px);}


.container .list .inner .fr .fr_bg{display:block; width:100%; position:relative; z-index:2; left:0; top:0;}
.container .list .inner .fr .fr_bg img{display:block; width:100%;}
.container .list .inner .fr .fr_bg .title{display:block; position:absolute; z-index:8; top:180px; left:70px;}
.container .list .inner .fr .fr_bg .title .en{display:block;line-height:50px; font-size:32px; color:#fff; font-family:"Times New Roman", Times, serif; text-transform:uppercase;}
.container .list .inner .fr .fr_bg .title  h2{display:block;line-height:50px; font-size:32px; color:#fff; font-weight:normal;}
.container .list .inner .fr .fr_bg .title  .more{display:block;width:136px; height:42px; background:#c90909 url(../images/ar2.png) no-repeat 84% center; font-size:15px; line-height:42px; color:#fff; padding-left:20px; margin-top:80px;transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.container .list .inner .fr .fr_bg .title  .more:hover{transform:translate(0,10px); -webkit-transform:translate(0,10px);  -moz-transform:translate(0,10px);  -o-transform:translate(0,10px); }


.container .show{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .show .title{display:block; width:100%; height:50px;}
.container .show .title h4{display:block; line-height:50px; font-size:22px; color:#282828;padding-left:18px; background:url(../images/line.jpg) no-repeat left center;}
.container .show .title h4 .en{padding-left:8px; font-size:15px; font-family:"Times New Roman", Times, serif; line-height:50px; text-transform:uppercase; font-weight:normal; color:#666;}
.container .show .title .more{float:right; border:1px solid #bfbebe; background:#f6f6f6 url(../images/arrow.jpg) no-repeat right center; text-transform:uppercase; height:20px; line-height:20px; padding-right:28px; padding-left:5px;width:40px; margin-top:15px;}
.container .show .title .more:hover{color:#c90909;}
.container .show .con{display:block; padding-top:10px;}
.container .show .con ul{display:block; width:100%;}
.container .show .con ul li{float:left;width:24%; overflow:hidden;margin-right:1%; border-bottom:1px solid #bbbbbb; margin-bottom:20px;}
.container .show .con ul li a.pic{display:block; width:100%; position:relative; z-index:2; left:0; top:0;}
.container .show .con ul li a.pic img{display:block; width:100%;}
.container .show .con ul li a.pic .tit{display:block; position:absolute; left:0; bottom:0; z-index:8;height:40px; width:97%; background:url(../images/blue.png) repeat left top; border-left:3px solid #c90909; font-size:14px; line-height:40px; color:#fff; padding-left:3%;}
.container .show .con ul li a.pic .tit:hover{background:#c90909;}
.container .show .con ul li a.pic .moret{display:block; position:absolute; right:6px; bottom:10px; z-index:9; font-size:15px; line-height:16px;width:16px; height:16px; border:1px solid #ddd; text-align:center; color:#fff;}
.container .show .con ul li a.detail{display:block; font-size:13px; line-height:22px;color:#999; margin:10px 0px;height:44px; overflow:hidden;}
.container .show .con ul li a.detail:hover{color:#c90909;}

.container .show .con ul li:nth-child(4n){margin-right:1%; float:right;}

.container .about{display:block; width:100%; margin-top:80px; background:url(../images/about_bg.jpg) no-repeat center top; }
.container .about .inner{max-width:1200px; padding-top:80px;}
.container .about .inner .title{display:block; padding-bottom:25px; background:url(../images/line2.jpg) no-repeat center bottom;}
.container .about .inner .title h4{display:block; line-height:30px; font-size:24px; text-align:center; color:#fff; }
.container .about .inner .title .en{display:block;line-height:40px; font-size:32px; text-transform:uppercase; font-family:"Times New Roman", Times, serif; color:#fff; text-align:center;}
.container .about .inner .con{display:block; width:90%; margin:0 auto; font-size:14px; line-height:28px; color:#fff;  padding-top:45px;}
.container .about .inner .con a{font-size:14px; line-height:28px; color:#fff; }
.container .about .inner .con a:hover{text-decoration:underline;}


.container .about .inner  .h_pic{display:block; max-width:1200px; margin:0 auto;margin-top:50px; position:relative; z-index:2; left:0; top:0;}

.container .about .inner  .h_pic .arrow_l{position:absolute; left:-40px; top:100px; z-index:8;width:26px; height:43px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.container .about .inner  .h_pic .arrow_l:hover{background:url(../images/lefth.jpg) no-repeat left center; }
.container .about .inner  .h_pic .arrow_l.current{background:url(../images/lefth.jpg) no-repeat left center; }

.container .about .inner  .h_pic .arrow_r{position:absolute; right:-40px; top:100px; z-index:9;width:26px; height:43px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.container .about .inner  .h_pic .arrow_r:hover{background:url(../images/righth.jpg) no-repeat left center;}
.container .about .inner  .h_pic .arrow_r.current{background:url(../images/righth.jpg) no-repeat left center;}

.container .about .inner  .h_pic #scrollarea{display:block; width:1200px;  margin:0 auto; overflow:hidden; }
.container .about .inner  .h_pic #inrea{display:block; width:800%;}
.container .about .inner  .h_pic #area1{float:left;}
.container .about .inner  .h_pic #area2{float:left;}
.container .about .inner  .h_pic #scrollarea li{float:left; width:260px; padding:7px;background:#fff; margin-right:12px; }
.container .about .inner  .h_pic #scrollarea li a{display:block; width:260px;  }
.container .about .inner  .h_pic #scrollarea li a:hover img{background:#3188cf; color:#fff;}
.container .about .inner  .h_pic #scrollarea li img{display:block; width:100%; margin:0 auto; }



.quality{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.quality .title{display:block; width:100%;}
.quality .title .en{display:block;line-height:50px; font-size:34px; text-align:center;  font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#282828;}
.quality .title h2{display:block;line-height:30px; font-size:24px; color:#282828; text-align:center; background:url(../images/ge.jpg) no-repeat center center;}
.quality .title .tip{display:block; line-height:30px; font-size:16px; text-align:center; color:#282828;}
.quality .con{display:block; padding-top:30px;}
.quality .con ul{display:block; width:100%;}
.quality .con ul li{display:block; width:100%;background:#f0f0f0; margin-bottom:30px; }
.quality .con ul li.second{background:#c90909;}
.quality .con ul li .wz{ width:53%; position:relative; z-index:2; left:0; top:0;}
.quality .con ul li .wz .w_in{display:block; padding:8% 5%;}
.quality .con ul li .wz  h2{display:block;line-height:40px; font-size:28px; color:#282828;}
.quality .con ul li .wz  h4{display:block; line-height:35px; font-size:18px; font-weight:normal; color:#282828;}
.quality .con ul li .wz .detail{display:block;line-height:30px; font-size:16px; margin-top:30px; padding-left:25px; background:url(../images/quan01.jpg) no-repeat left top;}

.quality .con ul li .wz .num{display:block;width:100px; height:100px; position:absolute; z-index:8; right:50px; top:20px; font-size:92px; line-height:100px; text-align:center; font-family:"Times New Roman", Times, serif; font-style:italic;  color:#c2c2c2;}

.quality .con ul li .pic{ width:45%;}
.quality .con ul li .pic img{display:block; width:100%;}


.quality .con ul li.second .wz h2{color:#fff;}
.quality .con ul li.second .wz h4{color:#fff;}
.quality .con ul li.second .wz .detail{background:url(../images/quan02.jpg) no-repeat left top; color:#fff;}
.quality .con ul li.second .wz .num{color:#da7878;}


.container .case{display:block; width:100%; background:#f0f0f0;  margin-top:80px;}
.container .case .inner{padding:70px 0px;}
.container .case .title{display:block;}
.container .case .title h4{display:block;line-height:40px; font-size:24px; color:#282828; text-align:center;background:url(../images/ge2.png) no-repeat center center;}
.container .case .title .tip{display:block; line-height:30px; font-size:16px; color:#282828; text-align:center;}


.container .case .inner .con .h_cs{display:block; max-width:1200px; margin:0 auto;margin-top:20px; position:relative; z-index:2; left:0; top:0;}

.container .case .inner .con .h_cs .arrow_l{position:absolute; left:-40px; top:100px; z-index:8;width:26px; height:43px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.container .case .inner .con .h_cs .arrow_l:hover{background:url(../images/lefth.jpg) no-repeat left center; }
.container .case .inner .con .h_cs .arrow_l.current{background:url(../images/lefth.jpg) no-repeat left center; }

.container .case .inner .con .h_cs .arrow_r{position:absolute; right:-40px; top:100px; z-index:9;width:26px; height:43px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.container .case .inner .con .h_cs .arrow_r:hover{background:url(../images/righth.jpg) no-repeat left center;}
.container .case .inner .con .h_cs .arrow_r.current{background:url(../images/righth.jpg) no-repeat left center;}

.container .case .inner .con .h_cs #scrollarea{display:block; width:1200px;  margin:0 auto; overflow:hidden; }
.container .case .inner .con .h_cs #inrea{display:block; width:800%;}
.container .case .inner .con .h_cs #area1{float:left;}
.container .case .inner .con .h_cs #area2{float:left;}
.container .case .inner .con .h_cs #scrollarea li{float:left; width:260px; padding:7px;background:#fff; margin-right:12px; }
.container .case .inner .con .h_cs #scrollarea li a{display:block; width:260px;  }
.container .case .inner .con .h_cs #scrollarea li a:hover img{background:#3188cf; color:#fff;}
.container .case .inner .con .h_cs #scrollarea li img{display:block; width:100%; margin:0 auto; }
.container .case .inner .con .h_cs #scrollarea li .tit{display:block; line-height:40px; font-size:15px; text-align:center; color:#282828;}
.container .case .inner .con .h_cs #scrollarea li a:hover .tit{background:#c90909; color:#fff;}

.container .case .inner .con .more{display:block;width:136px; height:42px; background:#c90909 url(../images/ar2.png) no-repeat 84% center; font-size:15px; line-height:42px; color:#fff; padding-left:20px;margin:0 auto; margin-top:40px;transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}



.container .news{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .news .title{display:block;}
.container .news .title h4{display:block;line-height:40px; font-size:24px; text-align:center; color:#282828; background:url(../images/ge2.png) no-repeat center center;}
.container .news .mtitle{display:block;width:280px;margin:0 auto; margin-top:15px;}
.container .news .mtitle ul{display:block; width:100%;}
.container .news .mtitle ul li{float:left; width:134px; height:42px;margin-right:6px;}
.container .news .mtitle ul li a{display:block; line-height:40px; width:132px; border:1px solid #bfbebe; text-align:center; font-size:18px; color:#282828; }
.container .news .mtitle ul li a:hover{background:#c90909; color:#fff; border:1px solid #c90909;}
.container .news .mtitle ul li a.current{background:#c90909; color:#fff; border:1px solid #c90909;}
.container .news .con{display:block; padding-top:30px;}
.container .news .con .box{display:none; width:100%;}
.container .news .con .box .fl{width:49%;}
.container .news .con .box .fl dd{display:block; width:100%; padding-bottom:22px; border-bottom:1px solid #e1e1e1; margin-bottom:22px;}
.container .news .con .box .fl dd .ns{float:left; width:30%;}
.container .news .con .box .fl dd .ns img{display:block; width:100%;}
.container .news .con .box .fl dd .wz{float:right;width:67%;}
.container .news .con .box .fl dd .wz .tit{display:block;line-height:40px; font-size:18px; color:#282828;}
.container .news .con .box .fl dd .wz .tit:hover{color:#c90909;}
.container .news .con .box .fl dd .wz .detail{display:block; font-size:14px; line-height:24px; padding-top:10px;}
.container .news .con .box .fl dd .wz .time{display:block;line-height:24px; padding-left:25px; background:url(../images/time.jpg) no-repeat left center; font-size:14px; margin-top:8px;}

.container .news .con .box .fr{width:49%;}
.container .news .con .box .fr dl{display:block; width:100%;}
.container .news .con .box .fr dl dd{display:block; width:100%; padding-bottom:22px;  border-bottom:1px solid #e1e1e1; margin-bottom:22px;}
.container .news .con .box .fr dl dd .time{width:12%;float:left; border-right:1px solid #e1e1e1;}
.container .news .con .box .fr dl dd .time .d{display:block; width:100%; text-align:center; font-size:32px; line-height:40px; text-align:center; color:#cbcbcb;}
.container .news .con .box .fr dl dd .time  .moret{display:block;width:26px; height:26px; line-height:26px; text-align:center; border-radius:26px; background:url(../images/arr.png) no-repeat center center; border:1px solid #bfbebe; margin:0 auto; margin-top:15px;}
.container .news .con .box .fr dl dd .wz{width:84%; float:right;}
.container .news .con .box .fr dl dd .wz .tit{display:block; line-height:40px; font-size:18px; color:#282828;}
.container .news .con .box .fr dl dd .wz .tit:hover{color:#c90909;}
.container .news .con .box .fr dl dd .wz .detail{display:block; font-size:14px;}