﻿.container{display:block; margin-top:70px;}
.products{display:block;}
.products .title{display:block;text-align:center; line-height:50px; font-size:38px; margin-bottom:20px;}
.products .title h2{display:block; line-height:50px; font-size:38px; color:#282828;}
.products .title h2 i{font-style:normal; line-height:50px; text-align:center; font-style:normal; padding:0px 3px;}
.products .title h2 .blue{color:#257718;}
.products .title .tip{display:block; height:28px; line-height:28px; font-size:18px; text-align:center;}

.products  .fl{width:22%;}
.products  .fl .list{display:block; width:100%;}
.products  .list .mtitle{display:block; background:#257718; padding:15px 0px;}
.products  .list .mtitle h4{display:block; height:40px; line-height:40px; font-size:32px; color:#fff; text-align:center;}
.products  .list .mtitle .en{display:block; height:24px; line-height:24px; color:#fff; text-align:center; font-size:18px; text-transform:uppercase; font-family:Arial; background:url(../images/line.png) no-repeat center center;}
.products  .list .con{display:block; margin-top:5px;}
.products  .list .con ul{display:block; width:100%; }
.products  .list .con ul li{display:block; width:100%; margin-bottom:5px;}
.products  .list .con ul li a{display:block; width:90%; height:62px; line-height:62px; background:#737373 url(../images/ar.png) no-repeat 95% center; font-size:17px; color:#fff; padding:0px 5%;}
.products  .list .con ul li a:hover{background:#257718 url(../images/ar.png) no-repeat 95% center;}

.products  .fl .lianxi{display:block; width:100%; height:80px; padding-top:25px; background:url(../images/lx_bg.jpg) no-repeat center top; background-size:100% auto;}
.products  .fl .lianxi .l_in{display:block; padding-left:76px;   background:url(../images/tel02.png) no-repeat 15px center; height:48px;}
.products  .fl .lianxi .l_in .tt{display:block; font-size:16px; line-height:20px; color:#fff; }
.products  .fl .lianxi .l_in .code{display:block; font-size:28px; line-height:28px; color:#fff;}

.products  .show{width:76%;}
.products  .show .mtitle{display:block; height:50px; border-bottom:1px solid #e1e1e1; position:relative; z-index:2; left:0; top:0;}
.products  .show .mtitle h4{display:block; line-height:50px; font-size:24px; color:#257718; }
.products  .show .mtitle .more{float:right; line-height:50px; font-size:14px; color:#666;}
.products  .show .mtitle .blue{display:block; position:absolute; left:0px; bottom:0px; z-index:3; width:100px; height:2px; background:#257718;}
.products  .show .con{display:blok; margin-top:10px;}
.products  .show .con ul{display:block; width:100%;}
.products  .show .con ul li{float:left; width:31%; margin-right:2.333%; margin-bottom:22px; }
.products  .show .con ul li a.pic{display:block; width:100%;}
.products  .show .con ul li a.pic img{display:block; width:100%;}
.products  .show .con ul li a.tit{display:block; height:50px; line-height:50px; color:#257718; text-align:center; font-weight:bold; font-size:18px; font-weight:bold;}
.products  .show .con ul li a.tit:hover{text-decoration:underline;}

.products  .show .con ul li .consl{display:block; height:46px; line-height:46px; border:1px solid #737373; border-radius:46px; overflow:hidden;}
.products  .show .con ul li .consl .moret{float:left; width:34%; padding-left:16%; line-height:46px; font-size:17px; color:#737373; background:url(../images/m_icon01.png) no-repeat 8% center;}
.products  .show .con ul li .consl .moret:hover{background:#257718 url(../images/m_icon01h.png) no-repeat 8% center; color:#fff;}
.products  .show .con ul li .consl .zx{float:right; width:34%; padding-left:16%; height:46px; font-size:17px; color:#fff; line-height:46px; background:#257718 url(../images/m_icon02h.png) no-repeat 8% center;}
.products  .show .con ul li .consl .zx:hover{background:#ef9903 url(../images/m_icon02h.png) no-repeat 8% center;}

.about{display:block; width:100%; height:540px; background:url(../images/gs_bg.jpg) no-repeat center top; margin-top:70px;}
.about .inner{display:block; padding:60px 0px;}
.about .inner .gs{float:left; width:50%;}
.about .inner .gs img{display:block; width:100%;}
.about .inner .wz{float:right; width:46%;}
.about .inner .wz .title{display:block;}
.about .inner .wz .title h4{display:block; height:50px; line-height:50px; font-size:36px; color:#282828;}
.about .inner .wz .title h4 .en{line-height:50px; font-size:30px; color:#666; fot-weight:normal; text-transform:uppercase; font-family:Arial; font-weight:normal; padding-left:10px;}
.about .inner .wz .tip{display:block; height:50px; line-height:50px; font-size:34px; color:#257718; font-weight:normal; margin-top:18px; }
.about .inner .wz .detail{display:block; font-size:14px; line-height:24px; margin-top:22px;}
.about .inner .wz .detail:hover{text-decoration:underline;}
.about .inner .wz .moret{display:block; width:170px; padding-left:30px; height:56px; line-height:56px; font-size:14px; font-weight:bold; border:2px solid #257718; border-radius:58px; margin-top:40px; font-size:14px; color:#257718; background:url(../images/arrowh.png) no-repeat 88% center;}
.about .inner .wz .moret:hover{background:#257718 url(../images/arrow.png) no-repeat 88% center; color:#fff;}

.case{display:block; margin-top:70px;}
.case .title{display:block;}
.case .title h4{display:block; line-height:50px; font-size:38px; color:#257718; }
.case .title h4 .en{line-height:50px; font-size:20px; color:#666; padding-left:10px; font-weight:noarmal; text-transform:uppercase;color:#666; font-weight:normal;}
.case .title .more{float:right; line-height:50px; font-size:14px; text-align:right;}
.case  .con{display:block; margin-top:15px;}
.case  .con   .c_pro{display:block; position:relative; z-index:2; left:0; top:0; }
.case  .con   .c_pro #scrollarea{display:block; max-width:1240px;  margin:0 auto; overflow:hidden; }
.case  .con   .c_pro #inrea{display:block; width:800%;}
.case  .con   .c_pro #area1{float:left;}
.case  .con   .c_pro #area2{float:left;}
.case  .con   .c_pro #scrollarea li{float:left; width:373px; margin-right:22px; position:relative; z-index:8; left:0; top:0; padding-bottom:20px; background:#f0f0f0; padding:5px; }
.case  .con   .c_pro #scrollarea li a.pic{display:block; width:100%;}
.case  .con   .c_pro #scrollarea li a.pic img{display:block; width:100%; }
.case  .con   .c_pro #scrollarea li a.tit{display:block; width:90%; height:60px; line-height:60px; font-size:18px; font-weight:bold; color:#257718; color:#257718; overflow:hidden; padding:0px 5%; background:url(../images/arrowh.png) no-repeat 95% center;}
.case  .con   .c_pro #scrollarea li a.tit:hover{ text-decoration:underline; }

.case  .con   .c_pro #scrollarea li:hover{background:#257718; color:#fff;}
.case  .con   .c_pro #scrollarea li:hover .tit{color:#fff; background:url(../images/arrow.png) no-repeat 95% center;}


.case  .con   .c_pro .arrow_l{position:absolute; left:-50px;top:120px; width:39px; z-index:9; height:58px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.case  .con   .c_pro .arrow_l.current{position:absolute; left:-50px; top:120px; width:39px; z-index:9; height:58px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.case  .con   .c_pro .arrow_r{position:absolute; right:-50px;  top:120px;width:39px; height:58px; z-index:9; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.case  .con   .c_pro .arrow_r.current{position:absolute;right:-50px; top:120px; width:39px; height:58px; z-index:9; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}

.news{display:block; margin-top:70px; }
.news .title{display:block;text-align:center; line-height:50px; font-size:38px; margin-bottom:20px;}
.news .title h2{display:block; line-height:50px; font-size:38px; color:#282828;}
.news .title h2 i{font-style:normal; line-height:50px; text-align:center; font-style:normal; padding:0px 3px;}
.news .title h2 .blue{color:#257718;}
.news .title .tip{display:block; height:28px; line-height:28px; font-size:18px; text-align:center;}
.news .con{display:block; margin-top:20px;}
.news .con .rescommend{ float:left; width:48%;}
.news .con .rescommend .pic{display:block; width:100%; position:relative; z-index:0; left:0px; top:0px; }
.news .con .rescommend .pic .ns{display:block; width:100%; height:340px; overflow:hidden;}
.news .con .rescommend .pic .ns img{display:block; width:100%;}
.news .con .rescommend .pic .mtit{display:block; background:#257718; width:100%; padding:14px 0px; height:66px; line-height:45px; position:absolute; left:0px; bottom:0px; z-index:9;}
.news .con .rescommend .pic .mtit .time{float:left; width:24%; border-right:1px solid #fff; }
.news .con .rescommend .pic .mtit .time .d{display:block; height:44px; line-height:44px; font-size:28px; color:#fff; text-align:center; }
.news .con .rescommend .pic .mtit .time .yy-m{display:block; height:22px; line-height:22px; font-size:16px; color:#fff; text-align:center; }
.news .con .rescommend .pic .mtit .tit{float:right; width:73%; line-height:66px; color:#fff; font-size:22px; height:66px; overflow:hidden;}
.news .con .rescommend .pic .mtit .tit:hover{text-decoration:underline;}
.news .con .rescommend .detail{display:block; font-size:14px; line-height:24px; color:#282828; margin-top:15px;}
.news .con .rescommend .detail:hover{text-decoration:underline; }

.news .con ul{float:right; width:48%;}
.news .con ul li{display:block; margin-bottom:40px; padding-top:10px;}
.news .con ul li .time{float:left; width:18%; border-right:1px solid #848484; }
.news .con ul li .wz{width:76%; float:right;}
.news .con ul li .time .d{display:block; height:62px; line-height:62px; color:#282828; font-size:28px; text-align:center;}
.news .con ul li .time .yy-m{display:block; height:24px; line-height:24px; font-size:14px; color:#282828; text-align:center;}

.news .con ul li .wz .tit{display:block; height:45px; line-height:45px; font-size:18px; overflow:hidden; }
.news .con ul li .wz .tit:hover{color:#257718; text-decoration:underline; font-weight:bold; }
.news .con ul li .wz .detail{display:block; font-size:14px; line-height:22px; color:#282828; height:44px; overflow:hidden; }
.news .con ul li .wz .detail:hover{color:#257718; text-decoration:underline;}
