﻿.container{display:block; width:100%; margin-top:80px; }
.container .mm_slogan{display:block;background:url(../images/map.jpg) no-repeat center bottom;padding-bottom:80px; }
.container .mm_slogan .title{display:block;}
.container .mm_slogan .title h4{display:block; height:50px; line-height:50px; font-size:42px; font-weight:normal; color:#282828; text-align:center; }
.container .mm_slogan .con{display:block; margin-top:50px;}
.container .mm_slogan .con .mtitle{width:20%;}
.container .mm_slogan .con .mtitle h2{display:block; height:62px;}
.container .mm_slogan .con .mtitle h2 img{float:right; height:62px;}
.container .mm_slogan .con .mtitle .en{display:block;height:50px; line-height:50px; font-size:42px; color:#c50202; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; }
.container .mm_slogan .con .mtitle .tip{display:block; font-size:15px; line-height:22px; text-align:right; color:#282828; margin-top:25px; }

.container .mm_slogan .con  .mtxt{width:76%; }
.container .mm_slogan .con  .mtxt  ul{display:block; width:100%;}
.container .mm_slogan .con  .mtxt  ul li{float:left; width:31%;margin:0% 1%;}
.container .mm_slogan .con  .mtxt  ul li h2{display:block; height:50px; text-align:center; }
.container .mm_slogan .con  .mtxt  ul li h2 i{line-height:50px; font-size:48px; color:#c50202; line-height:50px; font-style:normal;}
.container .mm_slogan .con  .mtxt  ul li h4{display:block; height:40px; line-height:40px; font-size:28px; color:#282828; text-align:center;}
.container .mm_slogan .con  .mtxt  ul li .tip{display:block; font-size:15px; color:#282828; text-align:center; margin-top:20px; line-height:22px;}
.container .mm_slogan .con  .mtxt  ul li .moret{display:block; width:122px; height:34px; background:#fff url(../images/ar.png) no-repeat 95% center; margin:0 auto;border:2px solid #cccccc; font-size:14px; padding:0px 15px; line-height:34px; margin-top:30px;}
.container .mm_slogan .con  .mtxt  ul li .moret:hover{color:#c50202; border:2px solid #c50202; font-weight:bold; text-decoration:underline;}

.container .products{display:block; width:100%; background:#f0f0f0; }
.container .products .inner{display:block; padding-top:70px; padding-bottom:45px;}
.container .products .inner .title h4{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; font-weight:normal; text-align:center;}
.container .products .inner .fl{width:20%; }
.container .products .inner .fl .list{display:block; width:100%;}
.container .products .inner .list .mtitle{display:block;background:#c50202; padding:20px 0px;}
.container .products .inner .list .mtitle h4{display:block; height:34px; line-height:34px; font-size:28px; color:#fff; text-align:center; }
.container .products .inner .list .mtitle .en{display:block; line-height:20px; font-size:18px; color:#fff; text-align:center; text-transform:uppercase; }
.container .products .inner .list .con{display:block; background:#fff; padding:8px;}
.container .products .inner .list .con ul{display:block; }
.container .products .inner .list .con ul li{display:block; margin-bottom:3px; }
.container .products .inner .list .con ul li a.tit{display:block; height:40px; border:2px solid #e1e1e1; line-height:40px; font-size:15px; font-weight:bold; padding:0px 5%; background:url(../images/arr.png) no-repeat 95% center;}
.container .products .inner .list .con ul li a.tit:hover{ border:2px solid #c50202;background:#c50202 url(../images/arrh.png) no-repeat 95% center; color:#fff;}
.container .products .inner .list .con ul li dd a{display:block; height:44px; line-height:44px;font-size:14px; border-bottom:1px solid #e1e1e1; padding-left:20px; background:url(../images/circle.png) no-repeat 5px center;}
.container .products .inner .list .con ul li dd a:hover{background:url(../images/circleh.png) no-repeat 5px center; font-weight:bold;}

.container .products .inner .fl .contact{display:block;width:100%; background:url(../images/contact.jpg) no-repeat center top; background-size:100% auto; height:150px; margin-top:20px;
position:relative; z-index:2; left:0; top:0;}
.container .products .inner .fl .contact .tel{display:block; position:absolute; z-index:8; right:0px; bottom:0px;width:100%;}
.container .products .inner .fl .contact .tel .tt{display:block; height:18px; line-height:18px; font-size:14px; color:#fff; text-align:right;padding-right:5%;}
.container .products .inner .fl .contact .tel .code{display:block; height:36px; line-height:36px; font-size:24px; color:#fff; background:url(../images/ze.png) no-repeat right top; padding-right:5%;width:95%; text-align:right;margin-top:6px;}


.container .products .inner .show{width:78%;}
.container .products .inner .show .mtitle{display:block; height:60px; border-bottom:1px solid #d1d1d1; position:relative; z-index:2; left:0; top:0;}
.container .products .inner .show .mtitle .line{position:absolute; left:0px; bottom:-1px; z-index:8; height:2px; width:115px;background:#c50202;}
.container .products .inner .show .mtitle h4{display:block; line-height:60px; font-size:28px; color:#c50202; }
.container .products .inner .show .mtitle h4 .en{line-height:60px; font-size:14px; padding-left:10px; text-transform:uppercase; color:#666; font-weight:normal;}
.container .products .inner .show .mtitle .more{float:right; line-height:60px; font-size:14px;}
.container .products .inner .show .con{display:block; margin-top:15px;}
.container .products .inner .show .con .rescommend{display:block; width:100%; background:#fff; }
.container .products .inner .show .con .rescommend .r_in{display:block; padding:13px;}
.container .products .inner .show .con .rescommend .r_in .pic{width:48%; float:left;}
.container .products .inner .show .con .rescommend .r_in .pic img{display:block; width:100%;}
.container .products .inner .show .con .rescommend .r_in .wz{float:right; width:48%;}
.container .products .inner .show .con .rescommend .r_in .wz .tit{display:block;height:50px; line-height:50px; font-size:24px; color:#c50202; font-weight:bold;border-bottom:2px solid #e1e1e1; }

.container .products .inner .show .con .rescommend .r_in .wz .detail{display:block; font-size:14px; line-height:24px; color:#282828; margin-top:15px;}
.container .products .inner .show .con .rescommend .r_in .wz .detail:hover{color:#c50202; text-decoration:underline;}
.container .products .inner .show .con .rescommend .r_in .wz .moret{display:block; width:122px; height:34px; background:#c50202 url(../images/arh.png) no-repeat 95% center;border:2px solid #c50202; font-size:14px; padding:0px 15px; line-height:34px; margin-top:30px; color:#fff;}
.container .products .inner .show .con .rescommend .r_in .wz .moret:hover{font-weight:bold;}

.container .products .inner .show .con ul{display:block; width:100%; margin-top:15px;}
.container .products .inner .show .con ul li{float:left; width:29%; padding:1%;margin-right:2.333%; background:#fff; margin-bottom:25px;}
.container .products .inner .show .con ul li a.pic{display:block; width:100%;}
.container .products .inner .show .con ul li a.pic img{display:block; width:100%;}
.container .products .inner .show .con ul li a.tit{display:block; font-size:18px; line-height:20px;height:40px;padding:10px 0px; color:#282828; background:url(../images/arrow.png) no-repeat right 15px; margin-top:15px;width:92%; padding-right:8%; }
.container .products .inner .show .con ul li a.tit:hover{color:#bc1701;  background:url(../images/arrowh.png) no-repeat right 15px;text-decoration:underline; }

.container .madvantage{display:block; width:100%; }
.container .madvantage .box{display:block; width:100%; position:relative; z-index:2; left:0; top:0; }
.container .madvantage .box .b_bg{width:50%;}
.container .madvantage .box .b_bg img{display:block; width:100%;}
.container .madvantage .box .b_in{display:block; position:absolute; z-index:8; left:0px; top:0px; width:100%;}
.container .madvantage .box .b_in .inner .mtitle{width:42%;margin-left:8%; padding-top:80px;}
.container .madvantage .box .b_in .inner .mtitle h2{display:block; height:70px; line-height:70px; font-size:62px; font-weight:normal; color:#fff;}
.container .madvantage .box .b_in .inner .mtitle .tip{display:block; height:40px; line-height:40px; font-size:22px; color:#fff; }
.container .madvantage .box .b_in .inner .mtitle .moret{display:block; margin-top:130px; height:40px; line-height:40px; font-size:22px; color:#fff; padding-left:45px; background:url(../images/ww.png) no-repeat left center; }
.container .madvantage .box .b_in .inner .mtitle .moret:hover{text-decoration:underline;}


.container .madvantage .box .b_in .inner .wz{width:50%; }
.container .madvantage .box .b_in .inner .wz ul{display:block; }
.container .madvantage .box .b_in .inner .wz ul li{float:left; width:50%;}
.container .madvantage .box .b_in .inner .wz ul li .pic{display:block; width:100%;}
.container .madvantage .box .b_in .inner .wz ul li .pic img{display:block; width:100%;}
.container .madvantage .box .b_in .inner .wz ul li .d_in{display:block; padding:25px;}
.container .madvantage .box .b_in .inner .wz ul li .d_in h2{display:block; height:40px; line-height:40px; font-size:24px; color:#282828; }
.container .madvantage .box .b_in .inner .wz ul li .d_in .detail{display:block; font-size:14px; line-height:24px; margin-top:12px;}


.container .madvantage .second{display:block; width:100%; margin-top:40px;}
.container .madvantage .second .b_bg{width:50%; margin-left:50%; }


.container .case{display:block; width:100%; background:#f0f0f0; margin-top:80px;}
.container .case .inner{display:block; padding:70px 0px;}
.container .case .inner .title{display:block;}
.container .case .inner .title h4{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; text-align:center; font-weight:normal;}
.container .case .inner .title .tip{display:block; height:24px; line-height:24px; font-size:20px; text-align:center;}

.container .case .con .c_pro{display:block; margin-top:25px;}
.container .case .con .c_pro #scrollarea{display:block; width:100%;  margin:0 auto; overflow:hidden; }
.container .case .con .c_pro #inrea{display:block; width:800%;}
.container .case .con .c_pro #area1{float:left;}
.container .case .con .c_pro #area2{float:left;}
.container .case .con .c_pro #scrollarea li{float:left; width:385px; margin-right:15px; background:#fff;}
.container .case .con .c_pro #scrollarea li a.pic{display:block; width:100%; position:relative; z-index:2; left:0; top:0; }
.container .case .con .c_pro #scrollarea li a.pic img{display:block; width:100%; background:#fff; }
.container .case .con .c_pro #scrollarea li .wz{display:block; padding:22px; }
.container .case .con .c_pro #scrollarea li .wz .tit{display:block; height:50px; line-height:50px; font-size:20px; color:#c50202; font-weight:bold; border-bottom:2px solid #e1e1e1; background:url(../images/arrow.png) no-repeat right center;}
.container .case .con .c_pro #scrollarea li .wz .tit:hover{background:url(../images/arrowh.png) no-repeat right center; text-decoration:underline;}
.container .case .con .c_pro #scrollarea li .wz .detail{display:block;width:100%; font-size:14px; line-height:24px; height:72px; overflow:hidden; margin-top:12px;}



.container .case .con .c_pro .arrow_l{position:absolute; left:1%; width:33px; height:460px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container .case .con .c_pro .arrow_l.current{position:absolute; left:1%;  width:33px; height:460px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container .case .con .c_pro .arrow_r{position:absolute; right:1%;  width:33px; height:460px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container .case .con .c_pro .arrow_r.current{position:absolute;right:1%; width:33px; height:460px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}


.container .about{display:block; width:100%; margin-top:80px;}
.container .about .title{display:block;}
.container .about .title h4{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; text-align:center; font-weight:normal;}
.container .about .title .tip{display:block; height:24px; line-height:24px; font-size:20px; text-align:center;}
.container .about .con{display:block;width:100%; margin-top:30px; background:url(../images/g_bg.jpg) repeat-y center top;}
.container .about .con .fl{width:50%;  padding-top:50px;}
.container .about .con .fl .f_in{margin-left:80px;}
.container .about .con .fl .f_in .mtitle{display:block; padding-bottom:20px; background:url(../images/line02.jpg) no-repeat left bottom;}
.container .about .con .fl .f_in .mtitle .en{display:block; height:32px; line-height:32px; font-size:28px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }
.container .about .con .fl .f_in .mtitle h4{display:block; height:40px; line-height:40px; font-size:32px; color:#fff;}
.container .about .con .fl .f_in .mcon{display:block; margin-right:50px; margin-top:25px;}
.container .about .con .fl .f_in .mcon a.txt{display:block; font-size:14px; color:#fff;}
.container .about .con .fl .f_in .mcon .moret{display:block; width:122px; height:34px; background:#fff url(../images/ar.png) no-repeat 95% center;  font-size:14px; padding:0px 15px; line-height:34px; color:#666; margin-top:30px;}
.container .about .con .fl .f_in .mcon .moret:hover{color:#c50202; font-weight:bold; text-decoration:underline;}
.container .about .con .fr{width:50%;}
.container .about .con .fr .f_in{display:block; margin-right:80px;}
.container .about .con .fr .f_in .gs{display:block; width:100%;}
.container .about .con .fr .f_in .gs img{display:block; width:100%;}


.container .mstyle{display:block;margin-top:30px; padding-bottom:20px; border-bottom:2px solid #e1e1e1;}
.container .mstyle ul{display:block; width:100%;}
.container .mstyle ul li{float:left; width:24%; margin-right:1%;}
.container .mstyle ul li a.pic{display:block; width:100%;}
.container .mstyle ul li a.pic img{display:block; width:100%;}
.container .mstyle ul li a.tit{display:block; height:50px; line-height:50px; font-size:18px; text-align:center; }
.container .mstyle ul li:nth-child(1n){margin-right:1.33%;}
.container .mstyle ul li:nth-child(2n){margin-right:1.33%;}
.container .mstyle ul li:nth-child(3n){margin-right:1.33%;}
.container .mstyle ul li:nth-child(4n){margin-right:0%; float:right;}


.container .news{display:block; margin-top:80px;}
.container .news .title{display:block;}
.container .news .title h4{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; text-align:center; font-weight:normal;}
.container .news .title .tip{display:block; height:24px; line-height:24px; font-size:20px; text-align:center;}
.container .news .gs_news{width:68%;}
.container .news .qa{width:28%;}
.container .news  .mtitle{display:block; height:50px; line-height:50px; border-bottom:1px solid #e1e1e1; position:relative; z-index:2; left:0; top:0;}
.container .news  .mtitle h4{display:block; line-height:50px; font-size:24px; color:#282828;}
.container .news  .mtitle h4 .en{padding-left:10px; line-height:50px; font-size:16px; color:#666; text-transfrom:uppercase; font-weight:normal;text-transform:uppercase;  }
.container .news  .mtitle .moret{float:right; height:50px; line-height:50px; font-size:14px; text-align:right;}
.container .news  .mtitle .line{display:block; position:absolute; left:0px; bottom:0px; z-index:8; width:100px; height:2px; background:#c50202;}
.container .news .gs_news .con{display:block; width:100%; margin-top:20px;}
.container .news .gs_news .con .rescommend{width:44%; float:left;}
.container .news .gs_news .con .rescommend .ns{display:block; width:100%;}
.container .news .gs_news .con .rescommend .ns img{display:block; width:100%;}
.container .news .gs_news .con .rescommend .wz{display:block; padding:16px;background:#f0f0f0;}
.container .news .gs_news .con .rescommend .wz .tit{display:block; height:30px; line-height:30px; font-size:18px; color:#c50202; font-weight:bold;}
.container .news .gs_news .con .rescommend .wz .time{float:right; line-height:30px; font-size:14px;}
.container .news .gs_news .con .rescommend .wz .detail{display:block;font-size:14px; line-height:20px;  margin-top:10px;}
.container .news .gs_news .con .rescommend .wz .moret{display:block; width:122px; height:34px; background:#c50202 url(../images/arh.png) no-repeat 95% center;border:2px solid #c50202; font-size:14px; padding:0px 15px; line-height:34px; margin-top:20px; color:#fff;}
.container .news .gs_news .con .rescommend .wz .moret:hover{text-decoration:underline;}



.container .news .gs_news .con ul{float:right; width:52%;margin-top:20px;}
.container .news .gs_news .con ul li{display:block; padding-bottom:32px; margin-bottom:32px; border-bottom:1px solid #e1e1e1;}
.container .news .gs_news .con ul li .time{float:left; width:15%;}
.container .news .gs_news .con ul li .time .d{display:block; height:50px; line-height:50px; font-size:32px; color:#aaa; text-align:center;}
.container .news .gs_news .con ul li .time .yy-m{display:block; line-height:20px; font-size:14px; text-align:center; color:#aaa;}
.container .news .gs_news .con ul li .wz{float:right; width:82%;}
.container .news .gs_news .con ul li .wz .tit{display:block; height:30px; line-height:30px; font-size:16px; color:#282828; font-weight:bold;}
.container .news .gs_news .con ul li .wz .tit:hover{text-decoration:underline;color:#c50202;}
.container .news .gs_news .con ul li .wz .detail{display:block; font-size:14px; line-height:20px; height:60px; overflow:hidden;}

.container .news .qa .con{display:block; margin-top:20px;}
.container .news .qa .con dl{display:block; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e1e1e1;}
.container .news .qa .con dl dt a{display:block; padding-left:28px; height:34px; line-height:34px; font-size:16px; color:#c50202; font-weight:bold; padding-left:28px; background:url(../images/q.jpg) no-repeat left 7px; overflow:hidden;}
.container .news .qa .con dl dt a:hover{text-decoration:underline;}
.container .news .qa .con dl dd{display:block;}
.container .news .qa .con dl dd a{display:block;  background:url(../images/a.jpg) no-repeat left 5px; padding-left:28px; font-size:14px; line-height:22px; height:66px; overflow:hidden;}
.container .news .qa .con dl dd a:hover{text-decoration:underline;}
