.container{display:block; margin-top:80px;}

.products{display:block;}
.products .title h2{display:block; height:50px; line-height:50px; font-size:38px; color:#282828; text-align:center;}
.products .title h2 i{font-style:normal; line-height:50px; font-size:34px; padding:0px 10px;}
.products .title .tip{display:block; width:250px; color:#fff; background:#8b5725; border-radius:40px; font-size:17px; line-height:24px; text-align:center; margin:0 auto; margin-top:8px;}
.products .con{display:block; margin-top:20px;}
.products .con ul li{float:left; width:24%; margin-right:1%; margin-bottom:20px;}
.products .con ul li a.pic{display:block; width:100%; 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;}
.products .con ul li a.pic img{display:block; width:100%;}
.products .con ul li a.pic:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);}
.products .con ul li a.tit{display:block; height:50px; background:#a0a1a3; line-height:50px; font-size:17px; color:#fff; padding-left:5%; font-weight:bold; position:relative; z-index:2; left:0; top:0; }
.products .con ul li a.tit .arrow{display:block; position:absolute; right:0px; top:0px; z-index:8; width:46px; height:50px; background:#8b5725 url(../images/ar.png) no-repeat center center; transition:1s;}
.products .con ul li a.tit:hover{background:#8b5725;}

.products .con .more{display:block; width:18%;  height:48px; line-height:48px; border-radius:50px; margin:0 auto; border:2px solid #cececf; margin-top:30px; font-size:16px; font-weight:bold; padding:0px 50px; background:url(../images/arrow.png) no-repeat 85% center;}
.products .con .more:hover{background:#8b5725 url(../images/arrowh.png) no-repeat 85% center; color:#fff; border:2px solid #8b5725; text-decoration:none;}



.mquality{display:block; width:100%; height:310px; background:url(../images/mquality_bg.jpg) no-repeat center top; margin-top:70px;}
.mquality .inner{display:block; padding-top:60px;height:250px; position:relative; z-index:2; left:0; top:0;}
.mquality .inner .fl{width:62%;}
.mquality .inner .ft{position:absolute; right:0px; top:90px; z-index:9;}

.mquality .inner .fl h2{display:block; height:50px; line-height:50px; font-size:40px; color:#fff;}
.mquality .inner .fl .mm{display:block; margin-left:204px; margin-top:18px;}
.mquality .inner .fl .mm .tip{display:block; height:30px; line-height:30px; color:#fff; font-size:24px;}
.mquality .inner .fl .mm h4{display:block; height:30px; line-height:30px; color:#fff; font-size:28px;}
.mquality .inner .ft ul{display:block; margin-top:25px;}
.mquality .inner .ft ul li{float:left; width:118px; height:118px; border:2px solid #fff; color:#fff; border-radius:108px; font-size:28px; line-height:30px; text-align:center; margin-right:12px;}
.mquality .inner .ft ul li em{display:block; margin-top:30px; font-style:normal; text-align:center;}

.mquality .inner .tel{display:block;  width:444px; height:50px; background:url(../images/tt.png) no-repeat left bottom; position:absolute; left:0px; bottom:0px; z-index:9; font-size:15px; color:#fff;}
.mquality .inner .tel .t_in{display:block; padding-left:38px; height:50px; line-height:50px; background:url(../images/code.png) no-repeat 15px center;}
.mquality .inner .tel .tt{line-height:50px;float:left;}
.mquality .inner .tel .code{float:left; line-height:50px; font-size:26px; line-height:50px; font-family:Arial, Helvetica, sans-serif;}

.about{display:block; margin-top:70px; background:url(../images/a_bg.jpg) repeat-x left bottom;}
.about .pic{ width:46%;}
.about .pic img{display:block; width:100%;}
.about .wz{width:50%;}
.about .wz .title{display:block;}
.about .wz .title .more{float:right; width:34px; height:60px; line-height:60px; background:#a0a1a3; color:#fff; font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center; }
.about .wz .title .en{display:block; height:40px; line-height:40px; font-size:40px; color:#282828; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.about .wz .title  h2{display:block; height:34px; line-height:34px; font-size:30px; color:#282828;}
.about .wz .con{display:block; padding:20px; margin-top:35px;}
.about .wz .con a{display:block; font-size:14px; line-height:26px;}


.mvideo{display:block; margin-top:60px;}
.mvideo .title h2{display:block; height:50px; line-height:50px; font-size:38px; color:#282828; text-align:center;}
.mvideo .title h2 i{font-style:normal; line-height:50px; font-size:34px; padding:0px 10px;}
.mvideo .title .tip{display:block; width:250px; color:#fff; background:#8b5725; border-radius:40px; font-size:17px; line-height:24px; text-align:center; margin:0 auto; margin-top:8px;}
.mvideo .con{display:block; margin-top:20px;}
.mvideo .con ul{display:block;}
.mvideo .con ul li{float:left; width:31%; margin-right:2.333%; margin-bottom:20px; background:#343333;}
.mvideo .con ul li .m_v{display:block; width:100%;}
.mvideo .con ul li .m_v img{display:block;width:100%;}
.mvideo .con ul li .m_tit{display:block; height:50px; line-height:50px; background:#343333; text-align:center; font-size:18px; color:#fff; font-weight:bold;}
.mvideo .con ul li .m_tit:hover{background:#8b5725;}
.mvideo .con .more{display:block; width:18%;  height:48px; line-height:48px; border-radius:50px; margin:0 auto; border:2px solid #cececf; margin-top:30px; font-size:16px; font-weight:bold; padding:0px 50px; background:url(../images/arrow.png) no-repeat 85% center;}
.mvideo .con .more:hover{background:#8b5725 url(../images/arrowh.png) no-repeat 85% center; color:#fff; border:2px solid #8b5725; text-decoration:none;}

.madvantage{display:block; width:100%; margin-top:60px; background:url(../images/mdg_bg.jpg) no-repeat center top;}
.madvantage .inner{display:block; padding-top:60px;}
.madvantage .title h2{display:block; line-height:50px; height:50px; font-size:38px; color:#fff; text-align:center;}
.madvantage .title .tip{display:block; height:24px; line-height:24px; font-size:20px; color:#fff; text-align:center;}
.madvantage .con{display:block; margin-top:40px;}
.madvantage .con ul{display:block;}
.madvantage .con ul li{float:left; width:31%; margin-right:2.333%;}
.madvantage .con ul li .pic{display:block; width:100%;}
.madvantage .con ul li .pic img{display:block; width:100%;}
.madvantage .con ul li .wz{display:block; position:relative; z-index:2; left:0; top:0; margin-top:15px;}
.madvantage .con ul li .wz .num{display:block; position:absolute; left:10px;top:-30px; z-index:9;}
.madvantage .con ul li .wz .tit{display:block; height:50px; line-height:50px; font-size:26px; color:#fff; font-weight:bold; margin-left:70px;}
.madvantage .con ul li .wz .detail{display:block; margin-top:20px; font-size:18px; line-height:28px; color:#fff;}

.madvantage .con ul li.odd{}
.madvantage .con ul li.odd .num{display:block; top:0px;left:0px;}
.madvantage .con ul li.odd .wz .tit{padding-top:30px; margin-left:60px;}
.madvantage .con ul li.odd .wz{margin-top:0px;}
.madvantage .con ul li.odd .pic{margin-top:15px;}


.news{display:block; margin-top:60px;}
.news .title h2{display:block; height:50px; line-height:50px; font-size:38px; color:#282828; text-align:center;}
.news .title h2 i{font-style:normal; line-height:50px; font-size:34px; padding:0px 10px;}
.news .title .tip{display:block; width:250px; color:#fff; background:#8b5725; border-radius:40px; font-size:17px; line-height:24px; text-align:center; margin:0 auto; margin-top:8px;}
.news .con{display:block; margin-top:20px;}
.news .con .rescommend{display:block;width:100%;}
.news .con .rescommend .wz{width:50%; float:left;}
.news .con .rescommend .wz .tit{display:block; line-height:40px; font-size:28px; color:#282828;}
.news .con .rescommend .wz .detail{display:block; font-size:15px; line-height:32px; color:#282828; margin-top:28px;}
.news .con .rescommend .wz .moret{display:block; width:148px; height:40px; line-height:40px; border-radius:40px; margin-top:50px; border:2px solid #b6b6b6; text-align:center; font-weight:bold; }

.news .con .rescommend .pic{width:44%; float:right;}
.news .con .rescommend .pic img{display:block; width:100%;}
.news .con ul{display:block; margin-top:26px;}
.news .con ul li{float:left; width:46%; margin-right:4%;}
.news .con ul li:nth-child(1n){float:left; width:46%;}
.news .con ul li:nth-child(2n){float:right; width:46%; margin-right:0%;}
.news .con ul li a{display:block; line-height:38px; font-size:17px;height:38px; overflow:hidden; padding-left:15px; background:url(../images/cr.png) no-repeat left center;}
.news .con ul li .time{float:right; line-height:38px; font-size:15px; color:#666;}