﻿.container{display:block; width:100%; margin-top:80px; }

.container .case{display:block;}
.container .case .title{display:block; background:url(../images/tt.png) no-repeat center center;}
.container .case .title h4{display:block; height:50px; line-height:50px; font-size:42px; text-align:center; font-weight:normal; color:#282828;}
.container .case .title .tip{display:block; height:24px; line-height:24px; font-size:20px; text-align:center; }
.container .case .title .tip .yellow{font-size:20px; color:#ff8d1f;}

.container .case .con{display:block; width:100%; margin-top:15px; padding-top:45px; background:url(../images/c_bg.jpg) no-repeat center 10px;  position:relative; z-index:2; left:0; top:0;}
.container .case .con   .c_pro{display:block; }
.container .case .con   .c_pro #scrollarea{display:block; max-width:1180px;  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:280px; margin-right:12px; position:relative; z-index:8; left:0; top:0; padding-bottom:20px; border-bottom:2px solid #e1e1e1;}
.container .case .con   .c_pro #scrollarea li a.pic{display:block; width:100%;}
.container .case .con   .c_pro #scrollarea li a.pic img{display:block; width:100%; }
.container .case .con   .c_pro #scrollarea li a.tit{display:block; width:100%; height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#ff8d1f; text-align:center; overflow:hidden; }
.container .case .con   .c_pro #scrollarea li a.tit:hover{ text-decoration:underline; }
.container .case .con   .c_pro #scrollarea li .detail{display:block;width:100%; font-size:14px; line-height:18px; height:54px; overflow:hidden;}
.container .case .con   .c_pro #scrollarea li .detail:hover{text-decoration:underline;}

.container .case .con   .c_pro .arrow_l{position:absolute; left:0px;top:0px; width:33px; z-index:9; height:33px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.container .case .con   .c_pro .arrow_l.current{position:absolute; left:0px; top:0px; width:33px; z-index:9; height:33px; background:url(../images/lefth.jpg) no-repeat left center; cursor:pointer;}
.container .case .con   .c_pro .arrow_r{position:absolute; left:46px;  top:0px;width:33px; height:33px; z-index:9; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.container .case .con   .c_pro .arrow_r.current{position:absolute;left:46px;top:0px; width:33px; height:33px; z-index:9; background:url(../images/righth.jpg) no-repeat left center; cursor:pointer;}


.container .products{display:block; background:#ebebeb; width:100%; margin-top:80px; }
.container .products .inner{display:block; padding:60px 0px;}
.container .products .title{display:block; background:url(../images/tt.png) no-repeat center center; margin-bottom:18px;}
.container .products .title h4{display:block; height:50px; line-height:50px; font-size:42px; text-align:center; font-weight:normal; color:#282828;}
.container .products .title .tip{display:block; height:24px; line-height:24px; font-size:20px; text-align:center; }
.container .products .title .tip .yellow{font-size:20px; color:#ff8d1f;}

.container .products  .fl{width:20%;}
.container .products  .show{width:76%;}

.container .products  .list .mtitle{display:block; background:#2c2b2b; padding:20px 20px;}
.container .products  .list .mtitle h4{display:block; height:30px; line-height:30px; font-size:28px; color:#fff; }
.container .products  .list .mtitle .en{display:block; line-height:18px; font-size:14px; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; }
.container .products  .list .con{display:block; background:#e1e1e1; padding:15px;}
.container .products  .list .con ul li{display:block;}
.container .products  .list .con ul li a.tit{display:block; line-height:56px; height:56px; font-size:18px; color:#282828; font-weight:bold; border-bottom:1px solid #9c9b9b; position:relative; z-index:2; left:0; top:0; background:url(../images/ar.png) no-repeat right center;}
.container .products  .list .con ul li a.tit i{display:block; position:absolute; z-index:3; left:0px; bottom:-1px; width:60px; height:2px; background:#ff8d20;}
.container .products  .list .con ul li a.tit:hover{color:#fff; padding:0px 5%; background:#ff8d20 url(../images/arh.png) no-repeat 95% center; border-bottom:1px solid #ff8d20;}
.container .products  .list .con ul li a.tit:hover i{background:#fea856;}
.container .products  .list .con ul li  dd a{display:block; font-size:15px; color:#6d6d6d; font-weight:bold; height:42px; line-height:42px; background:url(../images/arr.png) no-repeat right center;}
.container .products  .list .con ul li  dd a:hover{color:#ff8d20; background:url(../images/arrh.png) no-repeat right center; text-decoration:underline;}

.container .products  .fl .contact{display:block; width:100%; margin-top:20px; height:140px; background:url(../images/contact_bg.jpg) no-repeat center bottom; background-size:100% auto;}
.container .products  .fl .contact .c_in{display:block; padding:25px 20px; }
.container .products  .fl .contact .c_in .tel .tt{display:block; line-height:16px; font-size:14px; color:#fff;}
.container .products  .fl .contact .c_in .tel{display:block; padding-left:60px; background:url(../images/tel02.png) no-repeat left top; padding-bottom:10px; border-bottom:2px solid #fff;}
.container .products  .fl .contact .c_in .tel .code{display:block;line-height:28px; font-size:24px; color:#fff; font-family:Arial, Helvetica, sans-serif; }

.container .products  .show dl{display:block;}
.container .products  .show dl dd{float:left; width:32%; margin-right:1.333%; margin-bottom:25px; }
.container .products  .show dl dd a.pic{display:block; width:100%;}
.container .products  .show dl dd a.pic img{display:block; width:100%;}
.container .products  .show dl dd a.tit{display:block; height:40px; line-height:40px; font-size:18px; text-align:center; font-weight:bold; color:#ff8d1f; }
.container .products  .show dl dd a.tit:hover{text-decoration:underline;}
.container .products  .show dl dd .consl{display:block; width:100%; height:40px; background:#d3d2d2;margin-top:6px;}
.container .products  .show dl dd .consl .moret{float:left; width:32%; padding-left:18%; background:url(../images/p_icon01.png) no-repeat 17% center; font-size:14px; line-height:40px;}
.container .products  .show dl dd .consl .tel{float:right; width:42%; padding-left:8%; background:#ff8d20 url(../images/p_icon02.png) no-repeat 8px center; line-height:40px; font-size:19px; color:#fff; font-family:Arial, Helvetica, sans-serif;}


.container .mquality{display:block; width:100%; height:300px; background:url(../images/mquality_bg.jpg) no-repeat center top; position:relative; z-index:2; left:0; top:0;overflow:hidden;}
.container .mquality .wz{display:block; padding-top:80px; }
.container .mquality .wz .m_title{display:block;}
.container .mquality .wz .m_title img{float:left;}
.container .mquality .wz .m_title h2{float:left; margin-left:8px; font-size:72px; line-height:80px; color:#ff8d1f; }
.container .mquality .wz .m_title .m_txt{float:left; margin-left:16px;}
.container .mquality .wz .m_title .m_txt .tip{display:block; line-height:35px; font-size:29px; color:#ffffff; }
.container .mquality .wz .m_title .m_txt h4{display:block; font-size:38px; line-height:40px; color:#fff; }

.container .mquality .wz ul{display:block; margin-top:35px; margin-left:84px;}
.container .mquality .wz ul li{float:left; font-size:22px; padding:0px 15px; color:#fff; height:44px; line-height:44px; border:2px solid #fff; margin-right:15px; border-top-left-radius:20px; border-bottom-right-radius:20px;}

.container .mquality .tel_out{display:block; position:absolute;z-index:9; bottom:0px; left:50%; margin-left:300px;  background:url(../images/jj.png) no-repeat left top; width:100%; }
.container .mquality .tel_out .t_in{display:block;background:#ff8d20; margin-left:60px; height:140px; }
.container .mquality .tel_out .t_in .tel{display:block; padding-top:24px;}
.container .mquality .tel_out .t_in .tel .tt{display:block; line-height:28px; height:28px; padding-left:20px; background:url(../images/p_icon02.png) no-repeat left center;font-size:16px; color:#fff; }
.container .mquality .tel_out .t_in .tel .code{display:block; line-height:35px; font-size:33px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif;  }
.container .mquality .tel_out .t_in .tel .code02{display:block;line-height:30px; font-size:29px; color:#fff; font-family:Arial, Helvetica, sans-serif; }


.container .company{display:block; margin-top:80px;}
.container .company .wz{width:54%;}
.container .company .gs{width:44%;}
.container .company .gs img{display:block; width:100%;}

.container .company .wz .title{display:block; }
.container .company .wz .title h4{display:block; line-height:60px; height:60px; font-size:42px; color:#282828; }
.container .company .wz .title .tip{display:block; height:30px; line-height:30px; font-size:20px; color:#282828; padding-left:15px; background:url(../images/t_bg.jpg) no-repeat left center;}
.container .company .wz .con{display:block; border:3px solid #ff8d20; border-right:none; padding:15px; margin-top:10px; }
.container .company .wz .con .cc{display:block; font-size:15px; line-height:26px; color:#282828; }
.container .company .wz .con .cc:hover{color:#ff8d20; text-decoration:underline; }
.container .company .wz .con .more{display:block; width:120px; height:44px; line-height:44px; background:#ff8d20 url(../images/arrow.png) no-repeat 90% center; font-size:14px; color:#fff; padding:0px 20px; font-weight:bold; margin-top:12px; }
.container .company .wz .con .more:hover{text-decoration:underline;}


.container .madvantage{display:block; width:100%; margin-top:80px; }
.container .madvantage .title{display:block; background:url(../images/tt02.png) no-repeat center center;}
.container .madvantage .title h4{display:block; height:50px; line-height:50px; font-size:42px; text-align:center; font-weight:normal; color:#282828;}
.container .madvantage .title .tip{display:block; height:30px; line-height:30px; font-size:22px; text-align:center; }
.container .madvantage .con{display:block; margin-top:30px; }
.container .madvantage .con .box{display:block; }
.container .madvantage .con .box .wz{width:48%;}
.container .madvantage .con .box .wz .mtitle{display:block;width:100%;height:86px; }
.container .madvantage .con .box .wz .mtitle .num{float:left; width:68px; height:86px; background:#ff8d20 url(../images/line03.jpg) no-repeat center 70px; font-size:42px; line-height:70px; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.container .madvantage .con .box .wz .mtitle .m_txt{float:left; margin-left:15px;}
.container .madvantage .con .box .wz .mtitle .m_txt h2{display:block; line-height:50px; font-size:34px; color:#ff8d1f; }
.container .madvantage .con .box .wz .mtitle .m_txt .tip{display:block;height:30px; line-height:30px; font-size:26px; color:#282828; font-weight:bold; }
.container .madvantage .con .box .wz .mcon{display:block; margin-top:40px;}
.container .madvantage .con .box .wz .mcon dl{display:block;}
.container .madvantage .con .box .wz .mcon dl dd{display:block; font-size:16px; color:#282828; margin-bottom:25px;}
.container .madvantage .con .box .wz .mcon dl dd i{font-size:16px; color:#ff8d20; font-style:normal; margin-right:5px;}
.container .madvantage .con .box .pic{width:46%;}
.container .madvantage .con .box .pic img{display:block; width:100%;}

.container .madvantage .con .box02{display:block; width:100%; background:#ff8d20; padding:55px 0px; margin-top:60px;}
.container .madvantage .con .box02 .wz .mtitle .num{background:#282828 url(../images/line03.jpg) no-repeat center 70px; }
.container .madvantage .con .box02 .wz .mtitle .m_txt h2{line-height:50px; font-size:34px; color:#282828; }
.container .madvantage .con .box02 .wz .mcon{}
.container .madvantage .con .box02 .wz .mcon ul{display:block; border-top:1px dashed #282828; border-bottom:1px dashed #282828; }
.container .madvantage .con .box02 .wz .mcon li{float:left; width:25%;padding:4%; border-right:1px dashed #282828;}
.container .madvantage .con .box02 .wz .mcon li .i_in{display:block; font-size:16px; line-height:18px; color:#282828;  height:90px; overflow:hidden; }
.container .madvantage .con .box02 .wz .mcon li i{font-size:16px; color:#282828; font-style:normal; margin-right:5px;}

.container .madvantage .con .box03{display:block; margin-top:60px;}
.container .madvantage .con .box03 .mtitle{float:left; width:30%; padding-right:5%; margin-right:5%; border-right:1px dashed #8f8f8f;}
.container .madvantage .con .box03 .mcon{float:right; width:58%;}
.container .madvantage .con .box03 .mtitle .num{float:left; width:68px; height:86px; background:#ff8d20 url(../images/line03.jpg) no-repeat center 70px; font-size:42px; line-height:70px; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.container .madvantage .con .box03 .mtitle .m_txt{float:left; margin-left:15px;}
.container .madvantage .con .box03 .mtitle .m_txt h2{display:block; line-height:50px; font-size:34px; color:#ff8d1f; }
.container .madvantage .con .box03 .mtitle .m_txt .tip{display:block;height:30px; line-height:30px; font-size:26px; color:#282828; font-weight:bold; }

.container .madvantage .con .box03 .mcon dl{display:block; }
.container .madvantage .con .box03 .mcon dl dd{display:block; font-size:16px; line-height:18px; margin-bottom:25px; color:#282828; }
.container .madvantage .con .box03 .mcon dl dd i{font-size:16px; color:#ff8d20; font-style:normal; margin-right:5px;}
.container .madvantage .con .box03 .mpic{display:block; margin-top:20px;}
.container .madvantage .con .box03 .mpic ul{display:block; width:100%; }
.container .madvantage .con .box03 .mpic ul li{float:left; width:24%; margin-right:1%;}
.container .madvantage .con .box03 .mpic ul li img{display:block; width:100%;}
.container .madvantage .con .box03 .mpic ul li.modd{background:#000; position:relative; z-index:2; left:0; top:0; }
.container .madvantage .con .box03 .mpic ul li.modd img{}
.container .madvantage .con .box03 .mpic ul li.modd .tip{display:block; position:absolute; left:0px; top:40%; z-index:8; height:40px; line-height:40px; font-size:24px; color:#fff; text-align:center;  width:100%; text-align:center; }
.container .madvantage .con .box03 .mpic ul li.modd:hover img{}

.container .madvantage .con .box03 .mpic ul li.mfourth{background:#ff8d20; position:relative; z-index:2; left:0; top:0; }
.container .madvantage .con .box03 .mpic ul li.mfourth img{}
.container .madvantage .con .box03 .mpic ul li.mfourth .tip{display:block; position:absolute; left:0px; top:40%; z-index:8; height:40px; line-height:40px; font-size:24px; color:#fff; text-align:center;  width:100%; text-align:center; }
.container .madvantage .con .box03 .mpic ul li.mfourth:hover img{}

.container .madvantage .con .box03 .mpic ul li:nth-child(1){float:left; width:24%; margin-right:1.33%;}
.container .madvantage .con .box03 .mpic ul li:nth-child(2){float:left; width:24%; margin-right:1.33%;}
.container .madvantage .con .box03 .mpic ul li:nth-child(3){float:left; width:24%; margin-right:1.33%;}
.container .madvantage .con .box03 .mpic ul li:nth-child(4){float:right; width:24%; margin-right:0%;}


.container .news{display:block; margin-top:60px;}
.container .news .title{display:block; background:url(../images/tt.png) no-repeat center center;}
.container .news .title h4{display:block; height:50px; line-height:50px; font-size:42px; text-align:center; font-weight:normal; color:#282828;}
.container .news .title .tip{display:block; height:24px; line-height:24px; font-size:20px; text-align:center; }
.container .news .con{display:block; width:100%; margin-top:30px;}
.container .news .con .rescommend{display:block; width:100%; position:relative; z-index:2; left:0; top:0; }
.container .news .con .rescommend .en{display:block; position:absolute; left:20px; top:-25px; z-index:8;font-size:44px; line-height:46px; text-transform:uppercase;  font-family:Arial, Helvetica, sans-serif; color:#282828; filter:alpha(opacity=20);opacity:0.2;}
.container .news .con .rescommend .ns{float:left; width:48%; height:253px; overflow:hidden;}
.container .news .con .rescommend .ns img{display:block; width:100%;}
.container .news .con .rescommend .wz{float:right; width:42%; background:#f0f0f0; padding:25px 3%; height:203px;}
.container .news .con .rescommend .wz .tit{display:block; height:30px; line-height:30px; font-size:20px; color:#ff8d20; font-weight:bold; }
.container .news .con .rescommend .wz .detail{display:block; font-size:14px; line-height:22px; margin-top:15px;}
.container .news .con .rescommend .wz .time{display:block; margin-top:45px; font-size:14px; color:#282828; padding-left:20px; background:url(../images/time.png) no-repeat left center; }

.container .news .con ul{display:block; width:100%; margin-top:20px; }
.container .news .con ul li{float:left; width:48%; margin-right:2%; border-bottom:1px solid #e1e1e1;}
.container .news .con ul li a{display:block; line-height:70px; font-size:16px; padding-left:20px; background:url(../images/dot.jpg) no-repeat left center;}
.container .news .con ul li a:hover{font-weight:bold;}
.container .news .con ul li .time{float:right; line-height:70px; font-size:15px; color:#666;}
.container .news .con ul li:nth-child(2n){float:right; margin-right:0%;}

.container .qa{display:block; margin-top:60px; background:#f0f0f0; }
.container .qa .title{float:left;  border:2px solid #e1e1e1; background:#fff;  padding:20px;}
.container .qa .title h4{display:block; height:30px; line-height:30px; font-size:22px; color:#282828;  }
.container .qa .title .en{display:block; height:24px; line-height:24px; font-size:22px; color:#999; padding-bottom:15px; background:url(../images/line04.jpg) no-repeat left bottom;}
.container .qa .con{float:right; width:80%; padding-top:20px;}
.container .qa .con dl{float:left; width:40%;margin-right:10%;}
.container .qa .con dl dt a{display:block; height:30px; line-height:30px; font-size:16px; color:#ff8d20; font-weight:bold; padding-left:25px; background:url(../images/q.png) no-repeat left center; overflow:hidden;}
.container .qa .con dl dt a:hover{text-decoration:underline;}
.container .qa .con dl dd a{display:block; font-size:14px; line-height:20px; margin-top:5px; height:40px; overflow:hidden;}
.container .qa .con dl dd a:hover{text-decoration:underline;}
