﻿.container{display:block; width:100%; margin-top:80px; }

.container .products{display:block; }
.container .products .title{display:block; padding-bottom:12px; margin-bottom:20px; background:url(../images/line.jpg) no-repeat center bottom;}
.container .products .title h4{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; text-align:center; font-weight:normal; }
.container .products .title .en{display:block; height:40px; line-height:40px; font-size:32px; color:#282828; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-transform:uppercase; }
.container .products .con{display:block;}
.container .products .con ul{display:block; }
.container .products .con ul li{display:block; width:100%; margin-bottom:45px;border-left:5px solid #f0f0f0;padding-bottom:15px; border-bottom:1px solid #e1e1e1;}
.container .products .con ul li .mtitle{float:left; width:20%; }
.container .products .con ul li .mtitle .m_in{display:block; padding:20px 4%;}
.container .products .con ul li .mtitle .m_in .m_tit{display:block;}
.container .products .con ul li .mtitle .m_in i{display:block; font-style:normal; height:30px; line-height:30px; font-size:25px; color:#8f5525; font-weight:bold;text-align:center;}
.container .products .con ul li .mtitle .m_in .en{display:block;  line-height:16px; font-size:14px; color:#8f5525; text-transform:uppercase; text-align:center;margin-top:4px;}
.container .products .con ul li .mtitle .m_in  .moret{display:block; width:60%; height:38px; line-height:38px; margin:0 auto; font-size:14px; font-weight:bold; text-align:center; border:2px solid #8f5525; border-radius:40px; margin:0 auto; color:#8f5525; margin-top:80px;}


.container .products .con ul li dl{float:right; width:78%; }
.container .products .con ul li dl dd{float:left; width:31%; margin-right:2.333%;}
.container .products .con ul li dl dd a.pic{display:block; width:100%;}
.container .products .con ul li dl dd a.pic img{display:block; width:100%; }
.container .products .con ul li dl dd a.tit{display:block; height:48px;  width:100%; background:#8e8d8d;}
.container .products .con ul li dl dd a.tit i{float:left; width:75%; line-height:48px;font-style:normal; height:48px; overflow:hidden;font-size:16px; font-weight:bold;color:#fff; padding-left:5%;}
.container .products .con ul li dl dd a.tit .arrow{float:right; width:18%; line-height:48px; height:48px; background:#8b5725 url(../images/arrow.png) no-repeat center center; }


.container .mquality{display:block; width:100%; margin-top:80px; height:302px; background:url(../images/mquality_bg.jpg) no-repeat center top; position:relative; z-index:2; left:0; top:0; }
.container .mquality .tel_out{display:block; position:absolute; left:50%; bottom:0px; z-index:8; height:65px; background:url(../images/tel_out.png) no-repeat left bottom; width:50%;}
.container .mquality .tel_out .t_in{display:block; padding-left:50px; height:40px; background:url(../images/tel02.png) no-repeat left center; margin-left:60px; margin-top:12px;}
.container .mquality .tel_out .t_in .tt{line-height:40px; font-size:15px; color:#fff; }
.container .mquality .tel_out .t_in .code{line-height:40px; font-size:26px; color:#fff; font-family:Arial, Helvetica, sans-serif; }

.container .mquality .inner{padding-top:60px;}
.container .mquality .inner .m_tit{display:block; width:100%;}
.container .mquality .inner .m_tit .m_logo{float:left; width:82px;}
.container .mquality .inner .m_tit h2{float:left; width:262px; font-size:62px; color:#fff; line-height:62px; margin-left:5px; }
.container .mquality .inner .m_tit .tip{float:left; }
.container .mquality .inner .m_tit .tip i{display:block; line-height:30px; font-style:normal; font-size:28px; color:#fff; font-weight:normal; }
.container .mquality .inner .m_tit .tip em{display:block;line-height:34px; font-size:32px; font-style:normal; color:#fff; font-weight:bold; }

.container .mquality .inner .af_sale{display:block;margin-top:30px;}
.container .mquality .inner .af_sale ul{display:block; margin-left:87px;}
.container .mquality .inner .af_sale ul li{float:left; width:15%;}
.container .mquality .inner .af_sale ul li .icon{display:block; width:60px; height:60px; border:2px solid #fff; border-radius:10px; margin:0 auto;}
.container .mquality .inner .af_sale ul li .icon img{display:block; margin:0 auto; margin-top:10px;}
.container .mquality .inner .af_sale ul li i{display:block; height:30px; line-height:30px; color:#fff; font-size:20px; text-align:center; font-style:normal;}



.container .about{display:block; margin-top:80px; position:relative; z-index:2; left:0; top:0; padding-top:70px; }
.container .about .title{display:block; padding-bottom:12px; margin-bottom:12px; background:url(../images/line.jpg) no-repeat left bottom; position:absolute; left:60px; top:0px; z-index:8; }
.container .about .title h4{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; font-weight:normal;}
.container .about .title .en{display:block; height:40px; line-height:40px; font-size:32px; color:#282828; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}

.container .about .con{display:block; padding:60px 60px; background:#f0f0f0;}
.container .about .con .m_img{float:right; margin-bottom:25px; margin-left:25px; }
.container .about .con a{display:block; font-size:14px; line-height:26px; }


.container .madvantage{display:block; width:100%; margin-top:80px; }
.container .madvantage .title{display:block;padding-bottom:12px; margin-bottom:25px; background:url(../images/line.jpg) no-repeat center bottom;}
.container .madvantage .title h4{display:block; height:50px; line-height:50px; font-size:42px; color:#282828; text-align:center; font-weight:normal; }
.container .madvantage .title .en{display:block; height:30px; line-height:30px; font-size:24px; text-align:center; color:#666; }
.container .madvantage .con{display:block; width:100%;}

.container .madvantage .con .box{display:block; margin-bottom:50px;}
.container .madvantage .con .box .pic{width:50%; position:relative; z-index:2; left:0; top:0; }
.container .madvantage .con .box .pic img{display:block; width:100%;}
.container .madvantage .con .box .wz{width:50%; }
.container .madvantage .con .box .wz .w_in{float:left; max-width:560px; margin-left:40px;}
.container .madvantage .con .box .wz .w_in li{display:block; margin-top:30px;}
.container .madvantage .con .box .wz .m_tit{display:block; width:100%;}
.container .madvantage .con .box .wz .m_tit .num{float:left; width:64px;}
.container .madvantage .con .box .wz .m_tit .m_txt{float:left; }
.container .madvantage .con .box .wz .m_tit .m_txt h2{display:block; height:40px; line-height:40px; font-size:34px; color:#8b5725; }
.container .madvantage .con .box .wz .m_tit .m_txt h4{display:block; height:34px; line-height:34px; font-size:28px; color:#282828; }
.container .madvantage .con .box .wz .m_detail{display:block; margin-left:64px; padding-top:20px; margin-top:20px; border-top:1px solid #d1d1d1; font-size:16px; line-height:26px;}


.container .madvantage .con .box .pic .p_detail{display:block; position:absolute; left:0px; bottom:0px; z-index:8; max-width:600px;  background:url(../images/yellow.png) repeat left top; }
.container .madvantage .con .box .pic .p_detail .p_in{display:block; padding:94px 57px; }
.container .madvantage .con .box .pic .p_detail .tit{display:block; color:#fff; font-size:38px; line-height:40px; color:#fff;  font-weight:normal; }
.container .madvantage .con .box .pic .p_detail .tit:hover{text-decoration:underline; }

.container .madvantage .con .box .pic .p_tip{font-size:24px; line-height:40px; color:#fff; text-align:center; border:2px solid #fff; border-radius:10px; width:256px; margin-top:50px;}

.container .madvantage .con .box .pic .moret{display:block;width:60px; padding:0px 5px; font-size:14px; line-height:34px; font-weight:bold; color:#fff; margin-top:25px; padding-right:70px; background:url(../images/arr.png) no-repeat right center; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.container .madvantage .con .box .pic .moret:hover{background:#8b5725 url(../images/arr.png) no-repeat right center; 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; background:url(../images/case_bg.jpg) no-repeat center top;}
.container .case .inner{display:block; padding:70px 0px;}
.container .case .title{display:block; padding-bottom:12px; margin-bottom:12px; background:url(../images/line.jpg) no-repeat center bottom; }
.container .case .title h4{display:block; height:50px; line-height:50px; font-size:42px; font-weight:normal; text-align:center; color:#fff;}
.container .case .title .en{display:block; height:34px; line-height:34px; font-size:32px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-align:center; }
.container .case .mtitle{display:block; text-align:center; font-size:18px; line-height:20px; color:#9c9b9b; width:80%; margin:0 auto;}
.container .case .con{display:block; width:100%; margin-top:30px;}
.container .case .con   .c_pro{display:block; }
.container .case .con   .c_pro #scrollarea{display:block;  width:100%; max-width:1200px; margin:0 auto; overflow:hidden; }
.container .case .con   .c_pro #inrea{display:block; width:1600%;}
.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:20px; position:relative; z-index:2; left:0; top:0;}
.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:94%; padding:0px 3%;height:48px; line-height:48px; font-size:18px; font-weight:bold; color:#666; text-align:center;  background:#f0f0f0; }
.container .case .con   .c_pro #scrollarea li a.tit:hover{background:#8b5724; color:#fff; }

.container .case .con   .c_pro .arrow_l{position:absolute; left:1%; width:41px; height:340px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.container .case .con   .c_pro .arrow_l.current{position:absolute; left:1%;  width:41px; height:340px; background:url(../images/lefth.jpg) no-repeat left center; cursor:pointer;}
.container .case .con   .c_pro .arrow_r{position:absolute; right:1%;  width:41px; height:340px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.container .case .con   .c_pro .arrow_r.current{position:absolute;right:1%; width:41px; height:340px; background:url(../images/righth.jpg) no-repeat left center; cursor:pointer;}


.container .news{display:block;}
.container .news .title{display:block; padding-bottom:15px; margin-bottom:15px; background:url(../images/line.jpg) no-repeat center bottom;}
.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 .en{display:block; line-height:40px; font-size:32px; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#282828; text-transform:uppercase; }
.container .news .con{display:block; width:100%; margin-top:25px;}
.container .news .con ul{display:block; width:100%; }
.container .news .con ul li{float:left; width:45%; padding:1.5%;  margin-right:2%; margin-bottom:35px; background:#f0f0f0; }
.container .news .con ul li a.pic{float:left; width:42%; }
.container .news .con ul li a.pic img{display:block; width:100%; }
.container .news .con ul li .wz{float:right; width:55%;}
.container .news .con ul li .wz .time{display:block; height:30px; line-height:30px; font-size:14px; }
.container .news .con ul li .wz .tit{display:block; font-size:18px; line-height:22px; color:#8b5724; font-weight:bold; }
.container .news .con ul li .wz .detail{display:block; font-size:14px; line-height:20px; height:60px; overflow:hidden;margin-top:20px;}
.container .news .con ul li:nth-child(2n){float:right; margin-right:0%;}

