﻿.feature_bg{display:block; width:100%; height:108px; background:url(feature_bg.jpg) repeat-x center bottom;}

.feature{display:block; width:1200px; height:190px; position:absolute; left:50%; top:816px;  z-index:8; margin-left:-600px; background:#fff url(feature_bg.jpg) repeat-x center bottom;}
.feature .fl{padding:20px; width:470px;}
.feature .mid{width:450px;float:right;background:#fff;padding-right:30px; }
.feature .fr{width:190px;background:#fff; height:190px;}
.feature .fr img{width:170px;padding:10px;}


.feature .fl .search{display:block;width:421px; height:44px; background:url(search_bg.png) no-repeat right top;}
.feature .fl .search .txt{float:left;width:355px; height:44px; border:none; background:none; padding-left:15px;line-height:44px;color:#999; font-size:14px; }
.feature .fl .search .btnx{float:right;width:50px; height:44px;border:none; background:none;cursor:pointer;}
.feature .fl ul{display:block; width:100%; margin-top:30px;}
.feature .fl ul li{float:left; width:49%; }
.feature .fl ul li.row_01{ height:60px;background:url(line.jpg) no-repeat right center;}
.feature .fl ul li.row_02{line-height:20px;float:right; width:45%;}
.feature .fl ul li h4{display:block;line-height:20px; font-size:20px; color:#444; font-weight:normal;}
.feature .fl ul li h2{display:block; margin-top:5px;}
.feature .fl ul li .tit{display:block;line-height:20px; font-size:16px; color:#222; font-weight:bold; margin-bottom:5px;}
.feature .fl ul li  a{line-height:20px; font-size:14px;display:inline-block; }


.feature .mid .pic{float:left;width:242px; height:190px;}
.feature .mid .pic img{display:block; width:242px; height:190px;}

.feature .mid .wz{float:right; width:180px;}
.feature .mid .wz .online{display:block; margin-top:28px; padding-bottom:15px; border-bottom:1px solid #d0d0d0;}
.feature .mid .wz .online .tt{display:block;line-height:20px; font-size:16px; color:#444;}
.feature .mid .wz .address{display:block;margin-top:20px;font-size:14px; line-height:20px; padding-top:30px; background:url(address.png) no-repeat left top;}


.container{display:block; width:100%; margin-top:80px;}
.container .news{display:block; width:1200px; margin:0 auto;}
.container .news .gs_news{width:830px;}
.container .news .gs_news .title{display:block;height:60px; background:url(xian.jpg) no-repeat left bottom;border-bottom:1px solid #e1e1e1;}
.container .news .gs_news .title h4{display:block;line-height:30px; font-size:22px; color:#d4020b;}
.container .news .gs_news .title .en{display:block; line-height:20px; font-size:13px; text-transform:uppercase;}
.container .news .gs_news .title .moret{float:right; padding-right:24px; background:url(ar.jpg) no-repeat right center;line-height:20px; height:20px; font-size:14px; color:#999; text-align:right;margin-top:20px;}
.container .news .gs_news .title .moret:hover{background:url(arh.jpg) no-repeat right center; color:#d4020b;}
.container .news .gs_news .con{display:block; padding-top:20px;}
.container .news .gs_news .con .rescommend{float:left; width:324px; background:#f0f0f0;}
.container .news .gs_news .con .rescommend .pic{display:block; width:324px; height:240px;}
.container .news .gs_news .con .rescommend .pic img{display:bloc; width:324px; height:240px;}
.container .news .gs_news .con .rescommend .wz{padding:10px 18px;}
.container .news .gs_news .con .rescommend .wz .tit{display:block;line-height:30px; font-size:18px; color:#d4020b;  font-weight:bold;}
.container .news .gs_news .con .rescommend .wz .time{display:block; line-height:20px; font-size:14px; color:#999999; padding:7px 0px;}
.container .news .gs_news .con .rescommend .wz .detail{display:block; font-size:14px; line-height:24px; }
.container .news .gs_news .con ul{float:right; width:467px;}
.container .news .gs_news .con ul li{display:block; padding-bottom:22px; border-bottom:1px solid #e1e1e1; margin-bottom:22px;}
.container .news .gs_news .con ul li .time{float:left; width:70px;padding-right:6px; border-right:1px solid #e1e1e1;}
.container .news .gs_news .con ul li .wz{float:right;width:370px;}
.container .news .gs_news .con ul li .time .d{display:block;line-height:40px; font-size:34px; width:100%; text-align:center; color:#e1e1e1; }
.container .news .gs_news .con ul li .time .yy-m{display:block;line-height:20px; font-size:14px; color:#c7c7c7; text-align:center;}
.container .news .gs_news .con ul li .wz .tit{display:block;line-height:30px; font-size:16px; color:#666666; font-weight:bold;}
.container .news .gs_news .con ul li .wz .tit:hover{color:#d4020b;}
.container .news .gs_news .con ul li .wz .detail{display:block; line-height:20px;font-size:14px; color:#999;}
.container .news .gs_news .con ul li .wz .detail:hover{color:#d4020b;}

.container .news .industry_news{width:333px;}
.container .news .industry_news .title{display:block;height:60px; background:url(xian.jpg) no-repeat left bottom;border-bottom:1px solid #e1e1e1;}
.container .news .industry_news .title h4{display:block;line-height:30px; font-size:22px; color:#d4020b;}
.container .news .industry_news .title .en{display:block; line-height:20px; font-size:13px; text-transform:uppercase;}
.container .news .industry_news .title .moret{float:right; padding-right:24px; background:url(ar.jpg) no-repeat right center;line-height:20px; height:20px; font-size:14px; color:#999; text-align:right;margin-top:20px;}
.container .news .industry_news .title .moret:hover{background:url(arh.jpg) no-repeat right center; color:#d4020b;}
.container .news .industry_news .con{display:block; padding-top:20px;}
.container .news .industry_news .con dl{display:block; padding-bottom:20px; border-bottom:1px solid #e1e1e1; margin-bottom:20px;}
.container .news .industry_news .con dt{display:block;height:30px; padding-left:35px; background:url(q.jpg) no-repeat left center; color:#d4020b; line-height:30px;}
.container .news .industry_news .con dt a{display:block; line-height:30px;color:#d4020b; font-size:17px;font-weight:bold;}
.container .news .industry_news .con dd{display:block; margin-top:10px;}
.container .news .industry_news .con dd a{display:block; font-size:14px; line-height:24px; padding-left:35px; background:url(a.jpg) no-repeat left 5px;}

.container .products{display:block; width:100%; margin-top:80px;padding-top:60px; background:url(pro_bg.jpg) no-repeat center top; }
.container .products .list{width:240px;}
.container .products .show{width:940px; overflow:hidden;margin-top:180px;}
.container .products .list .title{display:block; width:100%; height:165px; background:#d4020b;}
.container .products .list .title .t_in{display:block; padding:40px 34px;}
.container .products .list .title .t_in .en{display:block;line-height:22px;font-size:21px; color:#fff; text-transform:uppercase; }
.container .products .list .title .t_in h4{display:block; line-height:30px; font-size:27px; color:#fff;}
.container .products .list .con{display:block; width:220px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;padding:9px;}
.container .products .list .con li{display:block; margin-bottom:5px;}
.container .products .list .con li a{display:block; width:190px;height:49px; padding-left:30px; font-size:16px; background:#c3c3c3 url(arrow.png) no-repeat 5px center; line-height:49px; color:#fff; font-weight:bold;}
.container .products .list .con li a:hover{background:#d4020b url(arrow.png) no-repeat 8px center;}
.container .products .list .con li dd{display:block; }
.container .products .list .con li dd a{display:block; line-height:45px;font-size:15px; color:#666; background:none;border-bottom:1px solid #e1e1e1;}
.container .products .list .con li dd a:hover{background:#d4020b; color:#fff;}

.container .products .show dl{display:block; width:960px;}
.container .products .show dd{float:left; width:300px;  margin-right:20px; margin-bottom:20px;}
.container .products .show dd a{display:block; width:300px; height:275px;border-bottom:1px solid #d4d4d4; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.container .products .show dd a img{display:block; width:300px; height:225px;}
.container .products .show dd a .tit{display:block; line-height:50px;font-size:16px; color:#d4020b;font-weight:bold; background:url(jia.jpg) no-repeat right center;}
.container .products .show dd a .tit:hover{background:url(jiah.jpg) no-repeat right center;}
.container .products .show dd a:hover{border-bottom:1px solid #d4020b; transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px);}

.container .case{display:block;width:100%; margin-top:80px; height:670px; background:url(case_bg.jpg) no-repeat center bottom;}
.container .case .inner{display:block; width:1200px;height:670px; margin:0 auto; position:relative; z-index:2; left:0; top:0;}
.container .case .rescommend{display:block; width:640px; height:480px; position:relative; z-index:2; left:0; top:0;}
.container .case .rescommend img{display:block; width:640px; height:480px;}
.container .case .rescommend .wz{display:block;width:780px; height:120px; position:absolute; left:0; bottom:0; z-index:8; background:url(black.png) repeat left top;}
.container .case .rescommend .wz:hover{background:url(red.png) repeat left top;}
.container .case .rescommend .wz .w_in{display:block; padding:15px;}
.container .case .rescommend .wz .w_in .tit{display:block;line-height:30px; font-size:22px; font-weight:bold; color:#fff;}
.container .case .rescommend .wz .w_in .detail{display:block; font-size:14px; line-height:22px; color:#fff; padding-top:7px;}

.container .case .con dl{display:block;}
.container .case .con dl dd{display:none; width:100%;}

.container .case .con dl dd ul{display:block; position:absolute; right:30px; top:140px; z-index:6; }
.container .case .con dl dd li{display:block;width:300px; height:225px; margin-bottom:15px;padding:5px; background:#fff; border:1px solid #e1e1e1;}
.container .case .con dl dd li a{display:block; width:300px; height:225px; position:relative; z-index:2; left:0; top:0;}
.container .case .con dl dd li a img{display:block; width:300px; height:225px;}
.container .case .con dl dd li a .tit{display:block; height:38px; background:url(black.png) repeat left top; font-size:15px; font-weight:bold; color:#fff; line-height:38px; padding:0px 5px;width:290px; position:absolute; left:0; bottom:0; z-index:5;}
.container .case .con dl dd li a .tit .arrow{float:right; line-height:38px; width:38px;font-size:15px; text-align:center; color:#fff; font-weight:bold;}
.container .case .con dl dd li a .tit:hover{background:url(red.png) repeat left top;}

.container .case .title{display:block;position:absolute; right:30px; top:0px; z-index:7;border-top:1px solid #e1e1e1;width:500px;padding-top:20px;}
.container .case .title .en{display:block;width:100%; line-height:30px;color:#c3c3c3; font-size:24px; text-transform:uppercase; text-align:right;}
.container .case .title  h4{display:block;width:100%;line-height:30px; font-size:24px; color:#d4020b; text-align:right;}

.container .case .mtitle{display:block; position:absolute; left:0; bottom:0; z-index:8;width:800px; border-bottom:1px solid #c9c8c8;height:130px;}
.container .case .mtitle li{float:left; width:130px; height:130px; margin-right:25px;}
.container .case .mtitle li a{display:block; width:100%; font-size:18px; line-height:30px; color:#888; font-weight:bold; text-align:center; }


.container .case .mtitle li a.num_01{background:url(num_01.png) no-repeat center 15px; padding-top:70px;height:60px;}
.container .case .mtitle li a.num_01:hover{background:#d4020b url(num_01h.png) no-repeat center 15px; color:#fff;}
.container .case .mtitle li a.num_01.current{background:#d4020b url(num_01h.png) no-repeat center 15px; color:#fff;}

.container .case .mtitle li a.num_02{background:url(num_02.png) no-repeat center 15px; padding-top:70px;height:60px;}
.container .case .mtitle li a.num_02:hover{background:#d4020b url(num_02h.png) no-repeat center 15px; color:#fff;}
.container .case .mtitle li a.num_02.current{background:#d4020b url(num_02h.png) no-repeat center 15px; color:#fff;}


.container .case .mtitle li a.num_03{background:url(num_03.png) no-repeat center 15px; padding-top:70px;height:60px;}
.container .case .mtitle li a.num_03:hover{background:#d4020b url(num_03h.png) no-repeat center 15px; color:#fff;}
.container .case .mtitle li a.num_03.current{background:#d4020b url(num_03h.png) no-repeat center 15px; color:#fff;}


.container .case .mtitle li a.num_04{background:url(num_04.png) no-repeat center 15px; padding-top:70px;height:60px;}
.container .case .mtitle li a.num_04:hover{background:#d4020b url(num_04h.png) no-repeat center 15px; color:#fff;}
.container .case .mtitle li a.num_04.current{background:#d4020b url(num_04h.png) no-repeat center 15px; color:#fff;}


.container .case .mtitle li a.num_05{background:url(num_05.png) no-repeat center 15px; padding-top:70px;height:60px;}
.container .case .mtitle li a.num_05:hover{background:#d4020b url(num_05h.png) no-repeat center 15px; color:#fff;}
.container .case .mtitle li a.num_05.current{background:#d4020b url(num_05h.png) no-repeat center 15px; color:#fff;}

.container .customer{display:block;  width:1200px;margin:0 auto;margin-top:80px; background:#fff; box-shadow:0px 0px 5px 2px #f0f0f0;}
.container .customer .c_in{display:block; padding:28px;}
.container .customer .c_in .title{display:block; width:100%; background:url(ge.jpg) no-repeat center center;}
.container .customer .c_in .title h4{display:block;font-size:24px; line-height:30px; color:#d4020b; text-align:center;}
.container .customer .c_in .title .tip{display:block;line-height:26px; font-size:20px; text-align:center;}
.container .customer .c_in .con{display:block; width:1144px; overflow:hidden; margin-top:30px;}
.container .customer .c_in .con ul{display:block; width:1250px;}
.container .customer .c_in .con li{float:left; width:178px; height:70px; margin-right:50px;}
.container .customer .c_in .con li img{display:block; width:178px; height:70px;}


.container .choose{display:block; width:100%; margin-top:80px; height:1180px; background:url(why_bg.jpg) no-repeat center top;}
.container .choose .inner{display:block; padding:80px 0px;}
.container .choose .inner .title{display:block;  background:url(d_arrow.png) no-repeat center bottom; padding:0px 250px 62px;}
.container .choose .inner .title .l_en{float:left; width:290px;font-size:100px; line-height:70px; color:#d4020b; font-style:italic; text-transform:uppercase; font-weight:bold;}
.container .choose .inner .title .small_en{display:block;line-height:30px; font-size:32px; color:#d4020b; text-transform:uppercase; font-style:italic; font-weight:bold; letter-spacing:10px}
.container .choose .inner .title h4{display:block;line-height:46px; font-size:42px; color:#282828; font-style:italic; }
.container .choose .inner .con{display:block; width:100%; margin-top:30px;}
.container .choose .inner .con ul{display:block; width:100%;}
.container .choose .inner .con ul li{display:block; width:100%; margin-bottom:40px;}
.container .choose .inner .con ul li .wz{width:750px;background:#fff;border-top-left-radius:40px;border-bottom-right-radius:40px;}
.container .choose .inner .con ul li .pic{width:420px;}

.container .choose .inner .con ul li .wz .w_in{display:block; padding:45px;}
.container .choose .inner .con ul li .wz .w_in dd{display:block; margin-bottom:12px;}
.container .choose .inner .con ul li .wz .w_in dd .icon{float:left;width:140px; height:140px;}
.container .choose .inner .con ul li .wz .w_in dd .detail{float:right;width:495px;}
.container .choose .inner .con ul li .wz .w_in dd .detail .tit{display:block; padding-bottom:12px; border-bottom:1px solid #e1e1e1;}
.container .choose .inner .con ul li .wz .w_in dd .detail h4{display:block;line-height:34px; font-size:27px; font-style:italic; color:#d4020b;}
.container .choose .inner .con ul li .wz .w_in dd .detail .tip{display:block; line-height:26px;font-size:20px; color:#c9c9c9; text-transform:uppercase; font-style:italic;  }
.container .choose .inner .con ul li .wz .w_in dd .detail .cc{display:block; font-size:14px; line-height:24px; font-style:italic; padding-top:6px;}

.container .choose .inner .con ul li .pic dd{display:block; width:100%; margin-bottom:10px;}
.container .choose .inner .con ul li .pic dd img{display:block; width:100%;}


.container .about{display:block; width:1200px; margin:0 auto; margin-top:80px;}
.container .about .title{display:block; padding-bottom:30px; background:url(line2.jpg) no-repeat center bottom;}
.container .about .title h4{display:block;font-size:26px; line-height:30px; color:#444; text-align:center;}
.container .about .title .en{display:block;line-height:30px; font-size:26px; color:#d4020b; text-transform:uppercase; font-weight:bold; text-align:center;}
.container .about .con{display:block;width:1060px; margin:0 auto; font-size:15px; line-height:32px;padding-top:30px; }
.container .about .con a{font-size:15px; line-height:32px;}



.container .h_style{display:block; width:1200px; margin:0 auto; margin-top:30px; position:relative; z-index:2; left:0; top:0;}

.container .h_style .arrow_l{position:absolute; left:-52px; top:100px; z-index:8;width:42px; height:86px; background:url(left.jpg) no-repeat left center; cursor:pointer;}
.container .h_style .arrow_l:hover{background:url(left.jpg) no-repeat left center; }
.container .h_style .arrow_l.current{background:url(lefth.jpg) no-repeat left center; }

.container .h_style .arrow_r{position:absolute; right:-52px; top:100px; z-index:9;width:42px; height:86px; background:url(right.jpg) no-repeat left center; cursor:pointer;}
.container .h_style .arrow_r:hover{background:url(righth.jpg) no-repeat left center;}
.container .h_style .arrow_r.current{background:url(righth.jpg) no-repeat left center;}

.container .h_style #scrollarea{display:block; width:1200px; height:273px; margin:0 auto; overflow:hidden; }
.container .h_style #inrea{display:block; width:800%;}
.container .h_style #area1{float:left;}
.container .h_style #area2{float:left;}
.container .h_style #scrollarea li{float:left; width:364px; margin-left:18px; font-size:15px; color:#666; }
.container .h_style #scrollarea li a{display:block; width:364px; height:273px; font-size:16px; line-height:40px; position:relative; z-index:2; left:0; top:0; }

.container .h_style #scrollarea li img{display:block; width:364px; height:273px; }
.container .h_style #scrollarea li .tit{display:none; width:334px; height:40px; line-height:40px; font-size:16px; border-bottom:1px solid #e1e1e1; margin:0 auto; font-weight:bold;text-align:left; position:absolute; left:0; bottom:0; z-index:8;background:url(black.png) repeat left top; color:#fff; padding:0px 15px;}
.container .h_style #scrollarea li a:hover .tit{display:block;}
