﻿.container{display:block; width:100%; margin-top:200px;}
.container .wrap{display:block; max-width:1200px; margin:0 auto; border-top:1px solid #e1e1e1;}
.container .wrap .gs_news{width:68%;}
.container .wrap .qa{width:28.25%; background:#f2f2f2;}

.container .wrap .gs_news .title{display:block; height:60px; width:100%;}
.container .wrap .gs_news .title h4{dipslay:block; line-height:60px; font-size:20px; color:#282828;}
.container .wrap .gs_news .title h4 .en{line-height:60px; font-size:14px; color:#666; font-weight:normal; text-transform:uppercase; padding-left:10px;font-family:Arial, Helvetica, sans-serif;}
.container .wrap .gs_news .title .more{float:right; font-size:12px; color:#666; text-transform:uppercase; background:url(../images/jia.jpg) no-repeat right center; padding-right:17px; margin-top:21px;}
.container .wrap .gs_news .title .more:hover{ text-decoration:underline; color:#c81b18; }

.container .wrap .gs_news .con{display:block; padding-top:15px;}
.container .wrap .gs_news .con .rescommend{display:block; width:100%;}
.container .wrap .gs_news .con .rescommend .ns{float:left; width:37%; position:relative; z-index:2; left:0; top:0;}
.container .wrap .gs_news .con .rescommend .ns img{display:block; width:100%;}
.container .wrap .gs_news .con .rescommend .ns .time{display:block;position:absolute;left:0px; top:0px; z-index:9; width:66px;height:66px; background:url(../images/blue.png) repeat left top;}
.container .wrap .gs_news .con .rescommend .ns .time .d{display:block; line-height:30px; font-size:22px; color:#fff; text-align:center; padding-top:10px;}
.container .wrap .gs_news .con .rescommend .ns .time .yy-m{display:block; line-height:16px; font-size:13px; color:#fff; text-align:center; padding-bottom:10px;}



.container .wrap .gs_news .con .rescommend .wz{float:right; width:58%;}
.container .wrap .gs_news .con .rescommend .wz .tit{display:block; line-height:40px; font-size:18px; color:#c81b18; font-weight:bold; }
.container .wrap .gs_news .con .rescommend .wz .tit:hover{text-decoration:underline;}
.container .wrap .gs_news .con .rescommend .wz .detail{display:block; font-size:14px; line-height:24px; margin-top:20px;}
.container .wrap .gs_news .con .rescommend .wz .detail:hover{text-decoration:underline;}

.container .wrap .gs_news .con .rescommend .wz .moret{display:block; font-size:14px; color:#c81b18; line-height:30px; margin-top:25px;}
.container .wrap .gs_news .con .rescommend .wz .moret:hover{text-decoration:underline;}

.container .wrap .gs_news .con ul{display:block; width:100%; margin-top:15px;}
.container .wrap .gs_news .con ul li{float:left; width:48%; margin-right:2%; margin-bottom:25px; border-bottom:1px solid #eee;}
.container .wrap .gs_news .con ul li .time{float:left; width:15%;padding:15px 0px; background:#d9d9d9;}
.container .wrap .gs_news .con ul li .time .d{display:block; line-height:30px; font-size:24px; color:#fff; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.container .wrap .gs_news .con ul li .time .yy-m{display:block;line-height:15px; font-size:12px; color:#fff; text-align:center; }
.container .wrap .gs_news .con ul li .wz{float:right; width:81%;}
.container .wrap .gs_news .con ul li .wz .tit{display:block; line-height:20px; color:#c81b18; font-size:15px; font-weight:bold; }
.container .wrap .gs_news .con ul li .wz .tit:hover{text-decoration:underline;}
.container .wrap .gs_news .con ul li .wz .detail{display:block; font-size:14px; line-height:20px;height:40px; overflow:hidden; margin-top:7px;}
.container .wrap .gs_news .con ul li .wz .detail:hover{text-decoration:underline;}


.container .wrap .qa .q_in{display:block; padding:0% 5%;}
.container .wrap .qa .title{display:block; height:60px; width:100%;}
.container .wrap .qa .title h4{dipslay:block; line-height:60px; font-size:20px; color:#282828;}
.container .wrap .qa .title h4 .en{line-height:60px; font-size:14px; color:#666; font-weight:normal; text-transform:uppercase; padding-left:10px; font-family:Arial, Helvetica, sans-serif;}
.container .wrap .qa .title .more{float:right; font-size:12px; color:#666; text-transform:uppercase; background:url(../images/jia.jpg) no-repeat right center; padding-right:17px; margin-top:21px;}
.container .wrap .qa .title .more:hover{ text-decoration:underline; color:#c81b18; }
.container .wrap .qa .con{display:block; padding-top:15px;}
.container .wrap .qa .con dl{display:block; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e1e1e1;}
.container .wrap .qa .con dl dt a{display:block; padding-left:30px; height:25px; line-height:25px; font-size:15px; color:#c81b18; font-weight:bold; background:url(../images/q.jpg) no-repeat left center; overflow:hidden;}
.container .wrap .qa .con dl dt a:hover{text-decoration:underline; }

.container .wrap .qa .con dl dd a{display:block; padding-left:30px; background:url(../images/a.jpg) no-repeat left top; margin-top:8px;line-height:22px; font-size:14px;}
.container .wrap .qa .con dl dd a:hover{text-decoration:underline;}


.container .product{display:block; width:100%; margin-top:80px; background:#f2f2f2; padding-top:70px; padding-bottom:45px;}
.container .product .fl{width:20%;}
.container .product .fr{width:78%;}

.container .product .fl .list{display:block; width:100%; background:#fafafa;}
.container .product .fl .list .title{display:block;height:75px; background:#c81b18 url(../images/mm_bg.jpg) no-repeat right bottom; }
.container .product .fl .list .title h4{display:block; height:75px; width:100%;line-height:75px; font-size:24px; color:#fff;padding-left:60px; background:url(../images/m_biao.png) no-repeat 20px center;}
.container .product .fl .list .con{display:block;  }
.container .product .fl .list .con ul{display:block; width:100%;}
.container .product .fl .list .con ul li .m_tit{display:block; height:68px; line-height:68px; font-size:16px; font-weight:bold; color:#282828; border-top:1px solid #e1e1e1;padding-left:20%; background:url(../images/arr.png) no-repeat 10% center;}
.container .product .fl .list .con ul li .m_tit:hover{ color:#c81b18; text-decoration:underline; }
.container .product .fl .list .con ul li dl{display:block; margin-bottom:15px;}
.container .product .fl .list .con ul li dd a{display:block; padding-left:20%; height:34px; line-height:34px; font-size:15px; color:#282828;}
.container .product .fl .list .con ul li dd a:hover{background:#c81b18; color:#fff; font-weight:bold;}

.container .product .fl .contact{display:block; width:100%; margin-top:15px;}
.container .product .fl .contact .title{display:block; width:100%;}
.container .product .fl .contact .title img{display:block; width:100%;}
.container .product .fl .contact .con{display:block; padding:5%; background:#fff; font-size:13px; line-height:22px;}


.container .product .fr .title{display:block; width:100%; height:50px;}
.container .product .fr .title h4{display:block;line-height:50px; color:#c81b18; font-size:22px;}
.container .product .fr .title h4 .en{font-weight:normal; text-transform:uppercase; padding-left:10px; font-size:14px; color:#666;}
.container .product .fr .title .more{float:right; font-size:12px; color:#666; text-transform:uppercase; background:url(../images/jia.jpg) no-repeat right center; padding-right:17px; margin-top:21px;}
.container .product .fr .title .more:hover{ text-decoration:underline; color:#c81b18; }
.container .product .fr .con{display:block; padding-top:15px;}
.container .product .fr .con ul{display:block; width:100%;}
.container .product .fr .con ul li{float:left;width:32%; margin-right:1.33333%;  margin-bottom:20px; }
.container .product .fr .con ul li a.pic{display:block; width:100%; background:#c81b18; position:relative; z-index:2; left:0; top:0; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s; overflow:hidden;}
.container .product .fr .con ul li a.pic img{display:block; width:100%; }
.container .product .fr .con ul li a.pic .moret{display:none; position:absolute; left:50%; top:40%;margin-left:-50px;  z-index:5; width:100px; height:40px; border:1px solid #fff; font-size:15px; text-align:center;line-height:40px;  color:#fff;}

.container .product .fr .con ul li a.pic:hover img{opacity:0.3;  filter:alpha(opacity=30);transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);}
.container .product .fr .con ul li a.pic:hover .moret{display:block; font-weight:bold; text-decoration:underline; }


.container .product .fr .con ul li .wz{display:block; width:100%; background:#fcfcfc; margin-top:6px; padding-bottom:10px;}
.container .product .fr .con ul li .wz .tit{display:block; line-height:40px; font-size:16px; color:#c81b18; font-weight:bold; text-align:center; background:url(../images/line.jpg) no-repeat left center;height:40px; overflow:hidden;}
.container .product .fr .con ul li .wz .tit:hover{text-decoration:underline;}
.container .product .fr .con ul li .wz .detail{display:block; font-size:14px; line-height:20px;height:40px; overflow:hidden;margin:2px 10px 0px;}
.container .product .fr .con ul li .wz .detail:hover{text-decoration:underline;}


.container .myz_reason{display:block; width:100%; margin-top:80px; background:url(../images/r_bg.jpg) repeat-y center top;}
.container .myz_reason .inner{}
.container .myz_reason .inner .fl{width:47%; background:url(../images/r_en.jpg) no-repeat right top;}
.container .myz_reason .inner .fr{width:50%;}
.container .myz_reason .inner .fl .title{display:block; padding-left:30px;}
.container .myz_reason .inner .fl .title h4{display:block; line-height:30px; font-size:24px; color:#c81b18; font-weight:bold; }
.container .myz_reason .inner .fl .tip{display:block; margin-top:20px; padding-left:30px; background:url(../images/line2.jpg) no-repeat left 12px;}
.container .myz_reason .inner .fl .tip h2{display:block; line-height:20px; font-size:18px; }
.container .myz_reason .inner .fl .tip  i{display:block; font-style:normal; font-size:16px; line-height:20px;}
.container .myz_reason .inner .fl .mm_en{display:block; width:100%; margin-top:45px; font-size:11px; color:#afaeae; font-family:Arial, Helvetica, sans-serif;line-height:14px; text-transform:uppercase; padding-left:30px; }
.container .myz_reason .inner .fl .mm_en img{width:74%;}

.container .myz_reason .inner .fl .con{display:block; width:80%;  padding:9.2% 9.2% 25px; background:#f2f2f2;margin-top:120px;}
.container .myz_reason .inner .fl .con ul{display:block; width:100%; }
.container .myz_reason .inner .fl .con ul li{float:left; width:48%; margin-right:2%; margin-bottom:25px;}
.container .myz_reason .inner .fl .con ul li a{display:block;  height:50px; line-height:50px; background:#707070; font-size:18px; color:#fff; font-weight:bold; padding-left:55px;}

.container .myz_reason .inner .fl .con ul li.mm_icon01 a{background:#707070 url(../images/m_icon01.png) no-repeat 5px center;}
.container .myz_reason .inner .fl .con ul li.mm_icon02 a{background:#707070 url(../images/m_icon02.png) no-repeat 5px center;}
.container .myz_reason .inner .fl .con ul li.mm_icon03 a{background:#707070 url(../images/m_icon03.png) no-repeat 5px center;}
.container .myz_reason .inner .fl .con ul li.mm_icon04 a{background:#707070 url(../images/m_icon04.png) no-repeat 5px center;}

.container .myz_reason .inner .fl .con ul li.mm_icon01 a:hover{background:#c81b18 url(../images/m_icon01.png) no-repeat 5px center;}
.container .myz_reason .inner .fl .con ul li.mm_icon02 a:hover{background:#c81b18 url(../images/m_icon02.png) no-repeat 5px center;}
.container .myz_reason .inner .fl .con ul li.mm_icon03 a:hover{background:#c81b18 url(../images/m_icon03.png) no-repeat 5px center;}
.container .myz_reason .inner .fl .con ul li.mm_icon04 a:hover{background:#c81b18 url(../images/m_icon04.png) no-repeat 5px center;}


.container .myz_reason .inner .fl .con ul li.mm_icon01 a.current{background:#c81b18 url(../images/m_icon01.png) no-repeat 5px center;}
.container .myz_reason .inner .fl .con ul li.mm_icon02 a.current{background:#c81b18 url(../images/m_icon02.png) no-repeat 5px center;}
.container .myz_reason .inner .fl .con ul li.mm_icon03 a.current{background:#c81b18 url(../images/m_icon03.png) no-repeat 5px center;}
.container .myz_reason .inner .fl .con ul li.mm_icon04 a.current{background:#c81b18 url(../images/m_icon04.png) no-repeat 5px center;}


.container .myz_reason .inner .fr .f_in{display:block; padding:5% 0% 5% 5%;}
.container .myz_reason .inner .fr .f_in dd{display:none;}
.container .myz_reason .inner .fr .f_in dd .ipic{display:block; width:100%; position:relative; z-index:2; left:0; top:0;}
.container .myz_reason .inner .fr .f_in dd .ipic img{display:block; width:100%;}
.container .myz_reason .inner .fr .f_in dd .ipic .inum{display:block; position:absolute; left:0;z-index:8; top:0; }
.container .myz_reason .inner .fr .f_in dd .iwz{display:block; width:100%; margin-top:25px;}
.container .myz_reason .inner .fr .f_in dd .iwz h4{display:block; line-height:40px; font-size:24px; color:#fff; }
.container .myz_reason .inner .fr .f_in dd .iwz ul{display:block; width:100%; margin-top:25px;}
.container .myz_reason .inner .fr .f_in dd .iwz ul li{display:block; line-height:24px; font-size:15px; color:#fff; padding-left:20px; background:url(../images/line3.jpg) no-repeat left 13px;}


.container .case{display:block; width:100%; margin-top:80px; padding-bottom:140px;background:url(../images/case_bg.jpg) repeat-x center bottom; position:relative; z-index:2; left:0; top:0;}
.container .case .title{display:block; max-width:1200px; margin:0 auto;}
.container .case .title .tip{display:block; line-height:20px; font-size:16px; text-align:center; }
.container .case .title  h2{display:block;height:40px; line-height:40px; font-size:24px; color:#c81b18; text-align:center; background:url(../images/line4.jpg) no-repeat center center;}

.container .case .mtitle{display:block; width:56%; margin:0 auto; margin-top:15px;}
.container .case .mtitle li{float:left; width:20%; }
.container .case .mtitle li a{display:block;width:100%; height:28px; line-height:28px; font-size:16px; font-weight:bold; text-align:center;}
.container .case .mtitle li a:hover{background:#c81b18; font-size:16px; color:#fff;}
.container .case .mtitle li a.current{background:#c81b18; font-size:16px; color:#fff;}

.container .case .con{display:block; max-width:1200px; margin:0 auto; margin-top:40px; }
.container .case .con dl{display:block;}
.container .case .con dd{display:none; width:100%;}
.container .case .con dd .pic{float:left;width:50%;}
.container .case .con dd .pic img{display:block; width:100%;}
.container .case .con dd .wz{float:right; width:46%; padding-top:30px;}
.container .case .con dd .wz .tit{display:block; line-height:50px; font-size:21px; color:#c81b18; font-weight:bold; }
.container .case .con dd .wz .tit:hover{text-decoration:underline;}
.container .case .con dd .wz .detail{display:block; font-size:14px;line-height:28px; padding-top:15px;}
.container .case .con dd .wz .detail:hover{text-decoration:underline;}

.container .case .con dd .wz .moret{display:block; width:110px; padding-left:30px; height:40px; border:2px solid #c81b18; line-height:40px; font-size:14px;  color:#c81b18; margin-top:55px; background:url(../images/arrow.png) no-repeat 80% center; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -o-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s;}
.container .case .con dd .wz .moret:hover{text-decoration:underline; transform:translate(0,-10px); -wekbit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); }

.container .case .m_btn{display:block; max-width:1200px; margin:0 auto; margin-top:25px;}
.container .case .m_btn li{float:left; width:24%; margin-right:1%;}
.container .case .m_btn li a{display:block; width:100%; position:relative; z-index:2; left:0; top:0;}
.container .case .m_btn li a img{display:block; width:96%;padding:2%; background:#fff;}
.container .case .m_btn li a .tit{display:block; position:absolute; left:2%; bottom:2%; z-index:8; width:96%; height:40px; background:url(../images/white.png) repeat left top; font-size:15px; font-weight:bold; text-align:center; line-height:40px;}

.container .case .m_btn li a:hover{}
.container .case .m_btn li a:hover img{background:#c81b18;}
.container .case .m_btn li a:hover .tit{background:#c81b18; color:#fff;}

.container .case .m_btn li a.current{}
.container .case .m_btn li a.current img{background:#c81b18;}
.container .case .m_btn li a.current .tit{background:#c81b18; color:#fff;}


.container .case .customer{display:block; width:100%; position:absolute; left:0px; bottom:-30px; z-index:8; }
.container .case .customer .inner{max-width:1200px;  background:#fff; box-shadow:0px 0px 8px 2px #dfdfdf;}
.container .case .customer .inner ul{display:block; width:100%;}
.container .case .customer .inner ul li{float:left; width:16.6%; }
.container .case .customer .inner ul li img{display:block; width:70%; padding:15%; background:#fff;}


.container .about{display:block; max-width:1200px; margin:0 auto; margin-top:120px; border-top:1px solid #e1e1e1; padding-top:80px;}
.container .about .title{display:block; }
.container .about .title .en{display:block;}
.container .about .title .en img{display:block; margin:0 auto;}
.container .about .title h4{display:block;line-height:30px; font-size:24px; color:#282828; text-align:center; }
.container .about .con{display:block; padding-top:20px; width:86%; margin:0 auto; font-size:14px; line-height:26px; }
.container .about .con a{font-size:14px; line-height:26px;}

.container .about .gun{display:block; width:100%; margin-top:30px;}

.container .about .gun .h_cs{display:block; max-width:1200px; margin:0 auto;margin-top:20px; position:relative; z-index:2; left:0; top:0;}

.container .about .gun .h_cs .arrow_l{position:absolute; left:-50px; top:80px; z-index:8;width:40px; height:40px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container .about .gun .h_cs .arrow_l:hover{background:url(../images/left.png) no-repeat left center; }
.container .about .gun .h_cs .arrow_l.current{background:url(../images/left.png) no-repeat left center; }

.container .about .gun .h_cs .arrow_r{position:absolute; right:-50px; top:80px; z-index:9;width:40px; height:40px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container .about .gun .h_cs .arrow_r:hover{background:url(../images/right.png) no-repeat left center;}
.container .about .gun .h_cs .arrow_r.current{background:url(../images/right.png) no-repeat left center;}

.container .about .gun .h_cs #scrollarea{display:block; width:1200px;  margin:0 auto; overflow:hidden; }
.container .about .gun .h_cs #inrea{display:block; width:800%;}
.container .about .gun .h_cs #area1{float:left;}
.container .about .gun .h_cs #area2{float:left;}
.container .about .gun .h_cs #scrollarea li{float:left; width:285px;  margin-right:25px; }
.container .about .gun .h_cs #scrollarea li a{display:block; width:285px;  position:relative; z-index:2; left:0; top:0;}
.container .about .gun .h_cs #scrollarea li a:hover img{background:#3188cf; color:#fff;}
.container .about .gun .h_cs #scrollarea li img{display:block; width:285px;height:213px; margin:0 auto; }
.container .about .gun .h_cs #scrollarea li .tit{display:none;width:100%; line-height:30px; font-size:15px;  color:#282828; position:absolute; left:0; bottom:0; z-index:8; text-align:center;}
.container .about .gun .h_cs #scrollarea li a:hover .tit{display:block;background:url(../images/blue.png) repeat left top; color:#fff;line-height:30px;}




