/* CSS Document */
.container{display:block; width:100%; margin-top:60px;}


.pro_d{display:block; width:1123px; margin:0 auto;}
.list{width:220px;}
.show{width:883px;}

.list .title{display:block; width:220px; height:101px; background:url(../images/list_tit.jpg) no-repeat left top;}
.list .title h4{display:Block; width:220px; padding-top:20px; height:30px; line-height:30px; text-align:center; font-size:25px; color:#fff; font-weight:bold;}
.list .title .en{display:block; height:20px; line-height:20px; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#e5acab; text-align:center;}
.list .con{display:Block; width:190px;  background:url(../images/list_bg.jpg) repeat-y left top; padding:15px 15px 15px;}
.list .con ul{display:block; width:190px;}
.list .con ul li{display:block; width:190px;  line-height:45px; }
.list .con ul li a{display:block; width:180px; height:45px; line-height:45px; font-size:15px; color:#444;background:url(../images/l_li.jpg) no-repeat left 43px; font-weight:bold; padding-left:10px;}
.list .con ul li a:hover{background:#b82825; color:#fff;}
.list .con ul li dd a{display:Block; height:28px; font-size:13px; line-height:28px; background:url(../images/ar.png) no-repeat 10px center;padding-left:30px; font-weight:normal;}
.list .con ul li dd a:hover{background:url(../images/ar.png) no-repeat 10px center; color:#b82825; font-weight:bold;}

.show .title{display:Block; width:883px; height:50px; background:url(../images/jieshuo.jpg) no-repeat 220px center;}
.show .title h4{display:block; height:30px; line-height:30px; color:#444; font-size:22px; font-weight:normal;}
.show .title .en{display:block; height:20px; line-height:20px; font-size:12px; color:#999; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.show .title .more{float:right; font-size:12px; color:#999; padding-right:10px;height:50px; line-height:50px; background:url(../images/arrow.png) no-repeat right center; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.show .title .more:hover{color:#b82825; background:url(../images/arrowh.png) no-repeat right center;}
.show .con{display:Block; padding-top:20px; width:883px; overflow:hidden;}
.show .con ul{display:block;width:897px;opacity:0;filter:alpha(opacity=0); transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.show .con li{float:left; width:284px; margin-right:15px;margin-bottom:15px;}
.show .con li .pic{display:Block; width:284px; height:213px;}
.show .con li .pic img{display:block; width:284px; height:213px;}
.show .con li .tit{display:block;height:45px; line-height:45px; border-bottom:5px solid #f0f0f0; font-size:16px; position:relative; z-index:2; left:0; top:0;}
.show .con li .tit:hover{border-bottom:5px solid #b82825;}
.show .con li .tit .arrow{display:block; position:absolute; right:0px; top:14px; width:16px; height:16px; background:url(../images/arrow2.png) no-repeat right top;}
.show .con li .tit:hover .arrow{ background:url(../images/arrow2h.png) no-repeat right top;}
.show .con li:hover .tit{border-bottom:5px solid #b82825; color:#b82825;}
.show .con li:hover .arrow{background:url(../images/arrow2h.png) no-repeat right top;}

.show   .con .fadeIn{opacity:1; filter:alpha(opacity=100); margin-left:0px;}


.about{display:block; width:100%; background:#f0f0f0; margin-top:60px; height:480px; position:relative; z-index:2; left:0; top:0;}
.about .inner{display:block; padding:50px 0px;}
.about .inner .wz{width:640px;}
.about .inner .pic{width:314px;padding-top:50px;}

.about .inner .wz .title{display:Block; height:50px; background:url(../images/jieshuo2.jpg) no-repeat 130px center;}
.about .inner .wz .title .en{display:block; height:20px;}
.about .inner .wz .title h4{display:Block; height:30px; line-height:30px; font-size:22px; color:#444;font-weight:normal;}
.about .inner .wz .con{display:block;padding-top:25px;}
.about .inner .wz .con .more{display:block; width:90px; height:34px; border:1px solid #e1e1e1; line-height:34px; font-size:12px; padding-left:40px;background:url(../images/arrow.png) no-repeat 80px center; margin-top:25px;}
.about .inner .wz .con .more:hover{background:#b82825 url(../images/arrowh3.png) no-repeat 80px center; color:#fff}

.about .a_d{display:block; width:100%; position:absolute; left:0; top:410px;}
.about .a_d .a_in{display:block; width:1043px; height:70px; margin:0 auto; background:#fff; box-shadow:0px 0px 3px #aaa; border-bottom:1px solid #f0f0f0;
padding:30px 40px;}
.about .a_d .a_in li{float:left; width:25%;font-size:16px; background:url(../images/line.jpg) no-repeat right center; text-align:center;}
.about .a_d .a_in li h2{display:block; height:40px; line-height:40px; font-size:28px; color:#b82825; font-weight:normal;}
.about .a_d .a_in li.none{background:None;}

.news{display:block; width:1123px; margin:0 auto; margin-top:120px;}
.news .title{display:block; width:100%; height:50px;}
.news .title h4{display:Block; height:30px; line-height:30px; font-size:22px; color:#444; font-weight:normal;}
.news .title .en{display:block; height:20px; line-height:20px; font-size:12px; color:#999;}
.news .title .dtitle{float:right; width:200px; height:36px; margin-top:7px;}
.news .title .dtitle li{float:left; width:100px; height:36px; line-height:36px; font-size:14px;  }
.news .title .dtitle li a{display:Block; width:100px; height:36px;line-height:36px;background:#686868; font-size:14px; text-align:center;color:#fff;}
.news .title .dtitle li a:hover{background:#b82825;}
.news .title .dtitle li a.current{background:#b82825;}
.news .con{display:block; padding-top:20px;}
.news .con .box{display:none;}
.news .con .rescommend{width:366px; height:369px; background:#f0f0f0;}
.news .con .rescommend .res_in{display:block; padding:30px;}
.news .con .rescommend .res_in .time{display:block; height:20px; font-size:14px; line-height:20px; color:#999;}
.news .con .rescommend .res_in  .tit{display:block; height:40px; line-height:40px; font-size:16px; color:#b82825;}
.news .con .rescommend .res_in  .detail{display:block;line-height:20px; font-size:12px; color:#999;padding-left:17px; background:url(../images/line2.jpg) no-repeat left center;}
.news .con .rescommend .res_in  .pic{display:block; width:306px; height:124px; margin-top:25px;overflow:hidden;}
.news .con .rescommend .res_in  .pic img{display:block; width:306px;}
.news .con .rescommend .res_in  .moret{display:block; width:130px; height:34px; background:#b82825; font-size:30px; line-height:34px; font-weight:normal; text-align:center; color:#fff; margin-top:25px;}

.news .con .n_ww{float:right; width:685px;}
.news .con .n_ww dl{display:Block; width:100%;}
.news .con .n_ww dl dd{display:block; padding:15px 0px;position:relative; z-index:2; left:0; top:0; border-top:1px solid #e1e1e1; width:100%; margin-bottom:20px;}
.news .con .n_ww dl dd .tit{display:block; height:30px; line-height:30px; color:#b82825; font-size:15px; padding-left:20px; background:url(../images/dian.jpg) no-repeat left center;padding-bottom:5px;}
.news .con .n_ww dl dd .detail{display:Block; width:530px;font-size:12px; line-height:22px;}
.news .con .n_ww dl dd .time{float:right; line-height:30px; font-size:15px; color:#999;}
.news .con .n_ww dl dd .moret{position:absolute; width:26px; height:26px; right:0px; bottom:10px; background:url(../images/arrow2.png) no-repeat right top;}
.news .con .n_ww dl dd .moret:hover{background:url(../images/arrow2h.png) no-repeat right top;}
.news .con .n_ww dl dd:hover{background:#f0f0f0;}
.news .con .n_ww dl dd:hover .tit{color:#b82825;}
.news .con .n_ww dl dd:hover .detail{color:#b82825;}
.news .con .n_ww dl dd:hover .moret{background:url(../images/arrow2h.png) no-repeat right top;}
 
.case{display:block; width:100%; margin-top:60px; height:559px; background:url(../images/casebg.jpg) no-repeat center top;overflow:hidden;}
.case .inner{padding-top:60px;}
.case .fl{width:282px; height:499px; background:url(../images/blue.png) repeat left top; opacity:0; filter:alpha(opacity=0); margin-left:-400px;transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.case .fl .c_in{display:block;padding:35px;}
.case .fl .c_in .en{display:block; height:20px;}
.case .fl .c_in h4{display:block; height:30px; line-height:30px; font-size:22px; font-weight:normal; color:#fff;}
.case .fl .c_in .tip{display:block; height:37px; line-height:18px; font-size:15px; color:#e0a9a9;padding-left:20px; background:url(../images/line3.jpg) no-repeat left top; margin-top:30px;}

.case .fl  ul{display:block; margin-top:40px;}
.case .fl  ul li{display:Block; font-size:15px;}
.case .fl  ul li a{display:block;height:35px; line-height:35px; font-size:15px; color:#fff;padding-left:12px; background:url(../images/dian2.jpg) no-repeat left center;}
.case .fl  ul li a:hover{ text-decoration:underline;}
.case .fl  .more{display:block; width:90px; height:34px; border:1px solid #d79392; line-height:34px; font-size:12px; padding-left:40px;background:#b73d3a url(../images/arrow3.png) no-repeat 80px center; margin-top:35px; text-transform:uppercase; color:#fff;}
.case .fl  .more:hover{background:#fff url(../images/arrowh.png) no-repeat 80px center; color:#b12826;}

.case .fr{width:791px;padding-top:50px;opacity:0; filter:alpha(opacity=0); margin-right:-400px;transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}

.case .fr .gun{display:block;width:791px;padding-top:80px; margin:0 auto; height:280px;position:relative;z-index:2; left:0; top:0; background:url(../images/jieshuo3.png) no-repeat center top;}
.case .fr #scrollarea{float:left; width:791px; margin:0 auto; overflow:hidden;}
.case .fr #inrea{display:block; width:1200%;}
.case .fr .gun .arrow_l{position:absolute; left:0; top:0px; z-index:7;width:48px; height:48px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.case .fr .gun .arrow_r{position:absolute; right:0px; top:0px; z-index:9; width:48px; height:48px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.case .fr #area1{float:left;}
.case .fr #area2{float:left; }
.case .fr #scrollarea li{float:left; width:250px; margin-left:20px;}
.case .fr #scrollarea li img{display:block; width:250px; height:188px;} 
.case .fr #scrollarea li .wz{display:block; height:123px;width:100%; background:#fff;border-bottom:5px solid #b82825; }
.case .fr #scrollarea li .wz .tit{display:block; padding:0px 20px; font-size:17px; color:#b82825; padding-top:15px;}
.case .fr #scrollarea li .wz .detail{display:block;padding:10px 20px 0px; line-height:22px;}

.container .case   .fadeIn{opacity:1; filter:alpha(opacity=100); margin-left:0px;}
.container .case   .fadeInT{opacity:1; filter:alpha(opacity=100); margin-right:0px;}

.workshop{display:block; width:1123px; margin:0 auto; margin-top:60px;}
.workshop .title{display:Block; height:50px; background:url(../images/jieshuo4.jpg) no-repeat 130px center;}
.workshop .title h4{display:block; height:30px; line-height:30px; color:#444; font-size:22px; font-weight:normal;}
.workshop .title .en{display:block; height:20px; line-height:20px; font-size:12px; color:#999; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.workshop .title .more{float:right; font-size:12px; color:#999; padding-right:10px;height:50px; line-height:50px; background:url(../images/arrow.png) no-repeat right center; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.workshop .title .more:hover{color:#b82825; background:url(../images/arrowh.png) no-repeat right center;}

.workshop .con{display:block; padding-top:20px;}
.workshop .con .gun{display:block;width:1123px;position:relative;z-index:2; left:0; top:0;overflow:hidden; }
.workshop .con #scrollarea{float:left; width:1123px; margin:0 auto; overflow:hidden;}
.workshop .con #inrea{display:block; width:500%;}
.workshop .con .gun .arrow_l{position:absolute; left:0; top:0px; z-index:7;width:0px; height:0px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.workshop .con .gun .arrow_r{position:absolute; right:0px; top:0px; z-index:9; width:0px; height:0px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.workshop .con #area1{float:left;}
.workshop .con #area2{float:left; }
.workshop .con #scrollarea li{float:left; width:270px; margin-left:20px;}
.workshop .con #scrollarea li img{display:block; width:270px; height:203px;} 
.workshop .con #scrollarea li .tit{display:block; height:45px; border-bottom:5px solid #e1e1e1;  font-size:15px; line-height:45px;padding-left:10px;background:#f0f0f0 url(../images/arrow2.png) no-repeat 244px center;}
.workshop .con #scrollarea li .tit:hover{background:#f0f0f0 url(../images/arrow2h.png) no-repeat 244px center;border-bottom:5px solid #b82825; }
.workshop .con #scrollarea .tit .arrow{display:block; position:absolute; right:10px; top:14px; width:16px; height:16px; }
.workshop .con #scrollarea .tit:hover .arrow{ }
.workshop .con #scrollarea li:hover .arrow{background:url(../images/arrow2h.png) no-repeat right top;}