.body-mrap{ width: 1100px; margin: 0 auto;}
.body-mrap:after{ display: block; clear: both; height: 0; overflow: hidden; content: ".";}
.body-mrap .body-left{ float: left; width: 760px;}
.body-mrap .body-right{ float: right; width: 300px;}
.body-mrap .body-right .title-box{ background: #f9f9f9; height: 45px; line-height: 45px; margin-top: 25px;}
.body-mrap .body-right .title-box span{ border-left: 5px solid #82bb30; color:#1c1c1c;padding:2px 0 2px 10px; font-size: 18px;}
.body-mrap .body-right .title-box span a{ color:#1c1c1c; float: none;}
.body-mrap .body-right .title-box span a:hover{ text-decoration: none; color:#1c1c1c;}
.body-mrap .body-right .title-box a{margin-right:7px; float: right; color:#999; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s;}
.body-mrap .body-right .title-box a:hover{ text-decoration: none; color:#74a131;}
.add-box{ background: #f6f6f6; margin: 15px 0; height: 30px; line-height: 30px; text-align: center; color:#999; display: block; transition: color 0.2s,background 0.2s; -moz-transition: color 0.2s,background 0.2s; -webkit-transition: color 0.2s,background 0.2s; -o-transition: color 0.2s,background 0.2s; -ms-transition: color 0.2s,background 0.2s;}
.add-box:hover{ background: #82bb30; color:#FFF; text-decoration: none;}
/*导航*/
.nav-mrap{ margin: 0 auto; border-bottom:1px solid #e8e8e8; height: 62px;box-shadow:1px 1px 3px #e7e7e7; -moz-box-shadow:1px 1px 5px #e7e7e7;-webkit-box-shadow:1px 1px 3px #e7e7e7; -ms-box-shadow:1px 1px 5px #e7e7e7; -o-box-shadow:1px 1px 5px #e7e7e7; top:0;right:0;left:0;z-index: 9999; background: #FFF; }
.nav-mrap .nav-box{ width: 1100px; margin: 0 auto;}
.nav-mrap .nav-box:after{ display: block; clear: both; height: 0; overflow: hidden; content: ".";}
.nav-mrap .nav-box .logo-mrap{ float: left; margin: 9px 10px 0 0;}
.nav-mrap .nav-box .logo-mrap img{ display: block;}
.nav-mrap .nav-box .nav{ float: left;}
.nav-mrap .nav-box .nav:after{ display: block; clear: both; height: 0; overflow: hidden; content: ".";}
.nav-mrap .nav-box .nav .nav-li{ float: left; line-height: 62px; height: 55px; overflow: hidden;}
.nav-mrap .nav-box .nav .nav-li a{ font-size: 16px; color:#444; margin: 0 15px;}
.nav-mrap .nav-box .nav .nav-li a:hover{ text-decoration: none; color: #74a131;}
.nav-mrap .nav-box .nav .on a{ color: #74a131;}
.nav-mrap .nav-box .nav .nav-li .back-l{ position: relative; padding-right: 15px;}
.nav-mrap .nav-box .nav .nav-li .back-l:after{ position: absolute; display: block; background: url('/images/jh/column/icon.png') no-repeat -18px -18px; width: 10px; height: 10px; margin-top: -5px; top:50%; right:0; content: ' ';}
.nav-mrap .nav-box .nav .on .back-l:after{ background-position: -18px -113px;}
.nav-mrap .nav-box .nav .ul-mrap{ display: none; z-index: 500; position: absolute; border:1px solid #e7e7e7; background: #FFF;box-shadow:1px 1px 5px #e7e7e7; -moz-box-shadow:1px 1px 5px #e7e7e7;-webkit-box-shadow:1px 1px 5px #e7e7e7; -ms-box-shadow:1px 1px 5px #e7e7e7; -o-box-shadow:1px 1px 5px #e7e7e7; }
.nav-mrap .nav-box .nav .ul-mrap:after{ display: block; content: ' '; height: 0; position: absolute; top:-2px; left:0; right:0; border-top:2px solid #74a131;}
.nav-mrap .nav-box .nav .ul-mrap:before{ width: 10px; height: 10px; position: absolute; z-index:1;top: -7px;left:50%;margin-left: -6px;-ms-transform: rotate(-45deg);transform: rotate(-45deg);border-right: 2px solid #74a131;border-top: 2px solid #74a131;background: #FFF;content: " ";}
.nav-mrap .nav-box .nav .ul-mrap ul{ width: 116px; overflow: hidden;margin: 10px;}
.nav-mrap .nav-box .nav .ul-mrap ul.one{ width: 58px;}
.nav-mrap .nav-box .nav .ul-mrap ul:after{ display: block; clear: both; height: 0; overflow: hidden; content: ".";}
.nav-mrap .nav-box .nav .ul-mrap ul li{ width: 58px; border-right: 1px solid #ececec; float: left; text-align: center; margin-right:-1px; line-height: 25px;}
.nav-mrap .nav-box .nav .ul-mrap ul li a{ color:#444; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s;}
.nav-mrap .nav-box .nav .ul-mrap ul li a:hover{ color:#5eba9a;}
.nav-mrap .nav-box .right-mrap{ float: right; line-height: 62px; position: relative;}
.nav-mrap .nav-box .right-mrap a{ color:#666;}
.nav-mrap .nav-box .right-mrap a:hover{ text-decoration: none; color: #74a131;}
.nav-mrap .nav-box .right-mrap .delivery{ background:#82bb30; color: #FFF; padding: 4px 15px;}
.nav-mrap .nav-box .right-mrap .delivery:hover{ color: #FFF;}
.nav-mrap .nav-box .right-mrap .nav-li{ float: left; height: 55px; max-width: 170px;}
.nav-mrap .nav-box .right-mrap .nav-li .back-l{ margin:0 17px; display: inline-block; height: 55px; line-height: 55px; max-width: 114px; padding:1px 0 0 22px; background: url("/images/jh/column/merber.png") no-repeat 0 50%;}
.nav-mrap .nav-box .right-mrap .on .back-l { background: url("/images/jh/column/meber2.png") no-repeat 0 50%;}

.nav-mrap .nav-box .right-mrap .ul-mrap{ display: none; z-index: 500; position: absolute; border:1px solid #e7e7e7; background: #FFF;box-shadow:1px 1px 5px #e7e7e7; -moz-box-shadow:1px 1px 5px #e7e7e7;-webkit-box-shadow:1px 1px 5px #e7e7e7; -ms-box-shadow:1px 1px 5px #e7e7e7; -o-box-shadow:1px 1px 5px #e7e7e7; }
.nav-mrap .nav-box .right-mrap .ul-mrap:after{ display: block; content: ' '; height: 0; position: absolute; top:-2px; left:0; right:0; border-top:1px solid #74a131;}
.nav-mrap .nav-box .right-mrap .ul-mrap ul{ width:80px; overflow: hidden;margin: 10px;}
.nav-mrap .nav-box .right-mrap .ul-mrap ul:after{ display: block; clear: both; height: 0; overflow: hidden; content: ".";}
.nav-mrap .nav-box .right-mrap .ul-mrap ul li{ text-align: center; line-height: 25px;}
.nav-mrap .nav-box .right-mrap .ul-mrap ul li a{ margin: 0; color:#444; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s;}
.nav-mrap .nav-box .right-mrap .ul-mrap ul li a:hover{ color:#5eba9a;}

/*遮罩搜索*/
.search-mrap{display: none; background: #FFF; background: rgba(255, 255, 255, 0.95);color:#666;position: fixed;top:0;left:0;bottom:0;right:0;z-index: 10000;}
.search-mrap i{ display: block; width: 32px; height: 32px; background: url("/images/jh/column/mask-del.png") no-repeat 50% 50%; position: absolute; top:40px; right:40px; cursor: pointer;}
.search-mrap i:hover{ background: url("/images/jh/column/mask-del2.png") no-repeat 50% 50%;}
.search-mrap .mask-search-box{ width: 860px; margin: 108px auto 0; transform:scale(0.7,0.7);-ms-transform:scale(0.7,0.7);-moz-transform:scale(0.7,0.7);-webkit-transform:scale(0.7,0.7);-o-transform:scale(0.7,0.7);transition: transform .3s ease;-webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease;}
.search-mrap .mask-on{ transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
.search-mrap .mask-search-box .search-box{ border:1px solid #C3C3C3; background:#FFF;position:relative;width:858px;height:40px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;}
.search-mrap .mask-search-box .search-box .txt{ position: absolute; border:0; top:0;bottom:0;left:68px;color:#333;font-size: 18px;width: 740px;outline:none;}
.search-mrap .mask-search-box .search-box .search{ position: absolute; border:0; width: 50px; top:0;right:0;bottom:0; background: url("/images/jh/column/search.png") no-repeat 50% 50%; cursor: pointer;outline:none;}
.search-mrap .mask-search-box .search-box .search:hover{ background: url("/images/jh/column/search-t.png") no-repeat 50% 50%;}
.search-mrap .mask-search-box .sel{  width:35px; display: block; height: 40px;overflow: hidden;white-space: nowrap; margin-left: 10px; text-overflow:ellipsis;  line-height: 40px; padding-right: 18px; background: url("/images/jh/column/upbottom.png") no-repeat 100% 50%; cursor: pointer; transition: background .3s ease;-webkit-transition: background .3s ease; -moz-transition: background .3s ease; -ms-transition: background .3s ease;}
.search-mrap .mask-search-box .sel:hover{ color: #74a131; background-image:url("/images/jh/column/upbottom-t.png");}
.search-mrap .mask-search-box .sel-list{ position: absolute; top:41px; left:0; display: none; background: #FFF;box-shadow:1px 1px 1px #D2D2D2; -moz-box-shadow:1px 1px 1px #D2D2D2;-webkit-box-shadow:1px 1px 1px #D2D2D2; -ms-box-shadow:1px 1px 1px #D2D2D2; -o-box-shadow:1px 1px 1px #D2D2D2;}
.search-mrap .mask-search-box .sel-list li{ line-height: 30px; padding: 0 10px; transition: all .3s ease;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; cursor: pointer;}
.search-mrap .mask-search-box .sel-list li:hover{ background: #ebebeb;}
.search-mrap .mask-search-hot:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
.search-mrap .mask-search-hot .mask-search-hot-title{ font-weight: 700; color:#737373; margin-top: 40px; font-size: 18px; line-height: 22px;}
.search-mrap .mask-search-hot a{ font-size: 16px; display: inline-block; padding: 5px 15px; text-decoration: none; margin: 10px 5px 0; color:#555; transition: all .3s ease;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; cursor: pointer;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;}
.search-mrap .mask-search-hot a:hover{ color:#FFF; background: #74a131;}
.search-mrap-show{ padding-left: 24px; background: url("/images/jh/column/search-but.png") no-repeat 0 50%; cursor: pointer;}
.search-mrap-show:hover{ color:#74a131;background: url("/images/jh/column/search-but-t.png") no-repeat 0 50%;}

/* Banner */
.banner-mrap{ width:760px; overflow:hidden; position:relative; margin: 20px 0; }
.banner-mrap .hd{ width: 758px; border: 1px solid #EEE; height:54px; background: #fafafa; overflow:hidden; z-index:1; }
.banner-mrap .hd ul{ overflow:hidden; zoom:1; text-align: center; margin-top: 22px;  }
.banner-mrap .hd ul li{ transition: width .3s ease;-webkit-transition: width .3s ease; -moz-transition: width .3s ease; -ms-transition: width .3s ease; display: inline-block; margin-right:2px;  width:8px; height:8px; text-align:center; background:#7a7a7a; cursor:pointer; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px; }
.banner-mrap .hd ul li.on{ background:#e94740; color:#fff; width: 30px; }
.banner-mrap .bd{ position:relative; height:100%; z-index:0; }
.banner-mrap .bd li{ zoom:1; vertical-align:middle; width:760px; height:333px; }
.banner-mrap .bd li .zl{ width: 507px; height: 333px; float: left; overflow: hidden; position: relative;}
.banner-mrap .bd li .zl:hover img{ transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); /* IE 9 */-moz-transform:scale(1.1,1.1); /* Firefox */-webkit-transform:scale(1.1,1.1); /* Safari and Chrome */-o-transform:scale(1.1,1.1); /* Opera */}
.banner-mrap .bd li .zl a:before { content: "";position: absolute;width: 100%;height: 100%;z-index: 1;opacity: 1;-webkit-transition: all .3s ease;transition: all .3s ease;background: -webkit-gradient(linear,0 30%,0 100%,from(rgba(0,0,0,0)),to(#121515));background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);  }
.banner-mrap .bd li .zl p{ position: absolute; bottom: 0; left:0; right:0; padding: 10px 15px; line-height: 30px; overflow: hidden; color: #FFF; z-index: 2; font-size: 20px; transition: bottom 0.3s; -moz-transition: bottom 0.3s; -webkit-transition: bottom 0.3s; -o-transition: bottom 0.3s; -ms-transition: bottom 0.3s;}
.banner-mrap .bd li .zl img{ width: 507px; height: 333px; transition: transform .3s ease;-webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease;}
.banner-mrap .bd li .yr { width: 248px; float: right; }
.banner-mrap .bd li .yr .yr-img{ width: 248px; height: 164px; overflow: hidden; margin-bottom: 5px; position: relative;}
.banner-mrap .bd li .yr .yr-img:hover img{ transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); /* IE 9 */-moz-transform:scale(1.1,1.1); /* Firefox */-webkit-transform:scale(1.1,1.1); /* Safari and Chrome */-o-transform:scale(1.1,1.1); /* Opera */}
.banner-mrap .bd li .yr .yr-img a:before { content: "";position: absolute;width: 100%;height: 100%;z-index: 1;opacity: 1;-webkit-transition: all .3s ease;transition: all .3s ease;background: -webkit-gradient(linear,0 30%,0 100%,from(rgba(0,0,0,0)),to(#121515));background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);  }
.banner-mrap .bd li .yr .yr-img p{ font-size: 16px; padding: 7px 10px; position: absolute; bottom: 0; left:0; right:0; line-height: 22px; overflow: hidden; color: #FFF; z-index: 2; transition: bottom 0.3s; -moz-transition: bottom 0.3s; -webkit-transition: bottom 0.3s; -o-transition: bottom 0.3s; -ms-transition: bottom 0.3s;}
.banner-mrap .bd li .yr .yr-img img{ width: 248px; height: 165px; transition: transform .3s ease;-webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease;}
.banner-mrap .bd img{ display:block; }
.banner-mrap .prev,
.banner-mrap .next{ background: url("/images/jh/column/fang-l0.png") no-repeat 50% 50%; position:absolute; left:0; top:50%; margin-top:-27px; display:block; width:35px; height:54px; font-size: 22px; text-align: center; line-height: 54px; background-color: rgba(225, 225, 225, 0.5); filter:alpha(opacity:30) ;opacity:0.3 ;-moz-opacity:0.3;transition: all .3s ease;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;}
.banner-mrap .next{ background: url("/images/jh/column/fang-r0.png") no-repeat 50% 50%; left:auto; right:0; border-right:none;  background-color: rgba(225, 225, 225, 0.5);filter:alpha(opacity:30) ;opacity:0.3 ;-moz-opacity:0.3;}
.banner-mrap .prev:hover{ background-color: rgba(225, 225, 225, 0.5); filter:alpha(opacity:90) ;opacity:0.9 ;-moz-opacity:0.9;}
.banner-mrap .next:hover{ background-color: rgba(225, 225, 225, 0.5);filter:alpha(opacity:90) ;opacity:0.9 ;-moz-opacity:0.9; }
.banner-mrap .prevStop{ display:none; }
.banner-mrap .nextStop{ display:none; }

/*热点关注*/
.hot-mrap:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
.hot-mrap .hot-mrapli{ float: left; color:#000; line-height: 22px;}
.hot-mrap .hot-mrapli em{ display: inline-block; width: 22px; height: 22px; background: url("/images/jh/column/icon.png") no-repeat -108px -11px; margin-right: 5px;}
.hot-box{width:660px;  overflow:hidden; position:relative; }
.hot-box .bd ul{ overflow:hidden; zoom:1; }
.hot-box .bd ul li:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
.hot-box .bd ul li{ zoom:1; height: 23px; line-height: 23px; overflow: hidden; }
.hot-box .bd ul li a{ color: #666; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s; }
.hot-box .bd ul li a:hover{ text-decoration: none; color: #74a131; }
.hot-box .bd ul li span{ display: block; width: 47%; margin-right: 3%; height: 23px; line-height: 23px; overflow: hidden; float: left;}

/*资讯Tab*/
.information-mrap{ text-align:left; margin-top: 30px; }
.information-mrap .hd{ height:35px; line-height:35px; font-size: 16px; color:#444; border-bottom:1px solid #ddd;  position:relative; }
.information-mrap .hd ul{ position: absolute; top:1px;}
.information-mrap .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.information-mrap .hd ul li a{ color:#444;  }
.information-mrap .hd ul li.on{ background: #87b644; color:#FFF; }
.information-mrap .hd ul li.on a{ color:#FFF; }
.information-mrap .hd ul li a:hover{ text-decoration: none;}
.information-mrap .bd li{ width: 795px;}
.information-mrap .bd li:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
.information-mrap .bd li .information-one{ width: 230px; float: left; margin: 35px 35px 0 0;transition: box-shadow 0.3s; -moz-transition: -moz-box-shadow 0.3s; -webkit-transition: -webkit-box-shadow 0.3s; -o-transition: -o-box-shadow 0.3s; -ms-transition: -ms-box-shadow 0.3s; }
.information-mrap .bd li .information-one:hover{ width: 230px; float: left; margin: 35px 35px 0 0;box-shadow:1px 1px 3px #e7e7e7; -moz-box-shadow:1px 1px 5px #e7e7e7;-webkit-box-shadow:1px 1px 3px #e7e7e7; -ms-box-shadow:1px 1px 5px #e7e7e7; -o-box-shadow:1px 1px 5px #e7e7e7; }
.information-mrap .bd li .information-one:hover .meta .tab p span{ color: #74a131;}
.information-mrap .bd li .information-one .img-box{ width: 230px; height: 153px; overflow: hidden; position: relative;}
.information-mrap .bd li .information-one .img-box img{ display: block; width: 230px; height: 153px; transition: transform .3s ease;-webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease;}
.information-mrap .bd li .information-one .img-box img:hover{ transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); /* IE 9 */-moz-transform:scale(1.1,1.1); /* Firefox */-webkit-transform:scale(1.1,1.1); /* Safari and Chrome */-o-transform:scale(1.1,1.1); /* Opera */}
.information-mrap .bd li .information-one .img-box span{background: rgba(135, 182, 68, 0.91); color:#FFF; padding: 3px 5px; font-size: 14px; position: absolute; top:0; left:0;}
.information-mrap .bd li .information-one h1 a{ color: #333; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s; }
.information-mrap .bd li .information-one h1 a:hover{ text-decoration: none; color: #74a131; }
.information-mrap .bd li .information-one h1 { height: 44px; line-height: 22px; overflow: hidden; margin: 10px 5px 5px; }
.information-mrap .bd li .information-one .meta{ height: 22px; line-height: 22px; overflow: hidden; color:#999; padding: 0 5px 2px;}
.information-mrap .bd li .information-one .meta .time{ float: left; margin-right: 10px;}
.information-mrap .bd li .information-one .meta .tab{ display: table-cell; width: 260px;}
.information-mrap .bd li .information-one .meta .tab p{ float: right; text-align: right;}
.information-mrap .bd li .information-one .meta .tab p span{ margin-left: 5px; display: inline-block;}
.information-mrap .bd li .information-one .meta .tab p span a{ color:#999; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s; }
.information-mrap .bd li .information-one .meta .tab p span a:hover{ text-decoration: none; color: #74a131;}
.information-mrap .hd .information-list-mrap{ position: absolute; top:1px; right:0; cursor: pointer; width: 22px; height: 35px; background: url("/images/jh/column/icon.png") no-repeat -107px -99px;}
.information-mrap .hd .information-list-mrap div{ display: none; position: absolute; top:35px; right:0; background: #FFF; width: 350px; padding: 15px; border:1px solid #e7e7e7; box-shadow:1px 1px 3px #e7e7e7; -moz-box-shadow:1px 1px 5px #e7e7e7;-webkit-box-shadow:1px 1px 3px #e7e7e7; -ms-box-shadow:1px 1px 5px #e7e7e7; -o-box-shadow:1px 1px 5px #e7e7e7; z-index: 5;}
.information-mrap .hd .information-list-mrap div a{ display: inline-block; color:#444; line-height: 18px; font-size: 14px; margin: 10px; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;}
.information-mrap .hd .information-list-mrap div a:hover{ text-decoration: none; color: #74a131; }
.information-mrap .hd .information-list-mrap div:after{ display: block; content: ' '; height: 0; position: absolute; top:-2px; left:0; right:0; border-top:1px solid #74a131;}
.information-mrap .hd .information-list-mrap div:before{ width: 10px; height: 10px; position: absolute; z-index:1;top: -7px;right:6px;margin-left: -6px;-ms-transform: rotate(-45deg);transform: rotate(-45deg);border-right: 1px solid #74a131;border-top: 1px solid #74a131;background: #FFF;content: " ";}

/*新闻资讯*/
.news-mrap{ margin-top: 10px;}
.news-mrap .big-img{ padding:30px 0; border-bottom: 1px solid #f5f5f5;}
.news-mrap .big-img:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
.news-mrap .big-img .img-box{ width: 448px; height: 298px; float: left; overflow: hidden; position: relative; margin-right: 15px;}
.news-mrap .big-img .img-box img{ display: block; width: 448px; height: 298px; transition: transform .3s ease;-webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease;}
.news-mrap .big-img .img-box img:hover{ transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); /* IE 9 */-moz-transform:scale(1.1,1.1); /* Firefox */-webkit-transform:scale(1.1,1.1); /* Safari and Chrome */-o-transform:scale(1.1,1.1); /* Opera */}
.news-mrap .big-img .meta-mrap{ display: table-cell; width: 400px;}
.news-mrap .big-img .meta-mrap h1{ font-size: 20px; line-height: 26px; height: 52px; overflow: hidden;}
.news-mrap .big-img .meta-mrap h1 a{ color: #1c1c1c;transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s;}
.news-mrap .big-img .meta-mrap h1 a:hover{ color: #74a131; text-decoration: none;}
.news-mrap .big-img .meta-mrap .name{ height: 30px; line-height: 30px; color:#999; margin: 15px 0;}
.news-mrap .big-img .meta-mrap .name a{ color:#999; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;}
.news-mrap .big-img .meta-mrap .name a:hover{ text-decoration: none; color: #74a131; }
.news-mrap .big-img .meta-mrap .name img{ display: block; float: left; width: 30px; height: 30px; margin: 0 5px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; }
.news-mrap .big-img .meta-mrap .meta-box{ height: 24px; overflow: hidden;}
.news-mrap .big-img .meta-mrap .meta-box p{ float: left; color:#999; line-height: 24px;}
.news-mrap .big-img .meta-mrap .meta-box .tab{ display: table-cell; width: 400px; float: none; text-align: right;}
.news-mrap .big-img .meta-mrap .meta-box .tab span{ margin: 0 4px 0 2px; color:#82bb30; display: inline-block;}
.news-mrap .big-img .meta-mrap .meta-box .tab span a{ color:#999;transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;}
.news-mrap .big-img .meta-mrap .meta-box .tab span a:hover{ color:#82bb30;}
.news-mrap .big-img .meta-mrap .meta-box .tab em{ width: 13px; display: inline-block; height: 22px; background: url("/images/jh/column/icon.png") no-repeat -157px -57px;}
.news-mrap .big-img .meta-mrap .text-mrap{ color:#999; line-height: 22px; margin-top: 15px; height: 132px; overflow: hidden;}
.news-mrap .small-img{ padding:30px 0; border-bottom: 1px solid #f5f5f5;transition: background 0.2s; -moz-transition: background 0.2s; -webkit-transition: background 0.2s; -o-transition: background 0.2s; -ms-transition: background 0.2s;}
.news-mrap .small-img:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
.news-mrap .small-img:hover{ background: #f5f5f5;}
.news-mrap .small-img:hover .meta-mrap .meta-box .tab span a{ color:#82bb30; }
.news-mrap .small-img .img-box{ width: 230px; height: 153px; float: left; overflow: hidden; position: relative; margin-right: 15px;}
.news-mrap .small-img .img-box span{background: rgba(135, 182, 68, 0.91); color:#FFF; padding: 3px 5px; font-size: 14px; position: absolute; top:0; left:0;}
.news-mrap .small-img .img-box img{ display: block; width: 230px; height: 153px; transition: transform .3s ease;-webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease;}
.news-mrap .small-img .img-box img:hover{ transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); /* IE 9 */-moz-transform:scale(1.1,1.1); /* Firefox */-webkit-transform:scale(1.1,1.1); /* Safari and Chrome */-o-transform:scale(1.1,1.1); /* Opera */}
.news-mrap .small-img .meta-mrap{ display: table-cell; width: 700px;}
.news-mrap .small-img .meta-mrap h1{ font-size: 20px; line-height: 26px; height: 52px; overflow: hidden;}
.news-mrap .small-img .meta-mrap h1 a{ color: #1c1c1c;transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s;}
.news-mrap .small-img .meta-mrap h1 a:hover{ color: #74a131; text-decoration: none;}
.news-mrap .small-img .meta-mrap .meta-box{ height: 24px; overflow: hidden; margin-top: 17px;}
.news-mrap .small-img .meta-mrap .meta-box p{ float: left; color:#999; line-height: 24px;}
.news-mrap .small-img .meta-mrap .meta-box .tab{ display: table-cell; width: 700px; float: none; text-align: right;}
.news-mrap .small-img .meta-mrap .meta-box .tab span a{ color:#999;transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;}
.news-mrap .small-img .meta-mrap .meta-box .tab span{ margin: 0 4px 0 2px; display: inline-block;}
.news-mrap .small-img .meta-mrap .meta-box .tab em{ width: 13px; display: inline-block; height: 22px; background: url("/images/jh/column/icon.png") no-repeat -157px -57px;}
.news-mrap .small-img .meta-mrap .text-mrap{ color:#999; line-height: 22px; margin-top: 15px; height: 44px; overflow: hidden;}
.news-mrap .small-img .meta-mrap .meta-box .name{ height: 24px; line-height: 24px; color:#999; float: left; margin-right:10px;}
.news-mrap .small-img .meta-mrap .meta-box .name img{ display: block; float: left; width: 24px; height: 24px; margin: 0 5px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; }
.news-mrap .small-img .meta-mrap .meta-box .name a{ color:#999;transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;}
.news-mrap .small-img .meta-mrap .meta-box .name a:hover{ text-decoration: none; color: #74a131; }

/*右边滚动*/
.scroll-mrap{ background: #f9f9f9; height: 421px; padding-bottom: 10px;}
.scroll-mrap .list-mrap{ padding: 0 6px;}
.scroll-mrap .list-mrap li:after{ display: block; content: ' '; height: 0; border-top:1px solid #ebebeb;margin: 11px 13px 5px;}
.scroll-mrap .list-mrap li .titlename-mrap{ padding: 10px 10px 0;}
.scroll-mrap .list-mrap li .titlename-mrap em{ display: block; float: right; width: 22px; height: 22px; background: url("/images/jh/column/icon.png") no-repeat -154px -11px;cursor: pointer;}
.scroll-mrap .list-mrap li .titlename-mrap .on{ background-position: -11px -56px;}
.scroll-mrap .list-mrap li .titlename-mrap span{ display: table-cell; font-size: 16px; line-height: 24px;}
.scroll-mrap .list-mrap li .titlename-mrap span{ cursor: pointer; color:#666; display: block; max-height: 48px; overflow: hidden; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s;}
.scroll-mrap .list-mrap li .titlename-mrap .time-mrap{ color:#b4b3b3; font-size: 14px; line-height: 25px; margin-top: 5px;}
.scroll-mrap .list-mrap li .text-mrap { display: none; padding: 0 10px 10px; color:#999; font-size: 14px; line-height: 22px;}
.scroll-mrap .list-mrap li.on .text-mrap { background: #FFF;}
.scroll-mrap .list-mrap li.on .titlename-mrap{ background: #FFF;}
.scroll-mrap .list-mrap li.on .titlename-mrap em{ background-position: -11px -56px;}
.scroll-mrap .list-mrap li.on .titlename-mrap span{ color: #82bb30;}
.scroll-mrap .list-mrap li.on p a{ color: #82bb30;}

/*EV江湖*/
.scroll-mrap .author-mrap{ padding: 15px 6px;}
.scroll-mrap .author-mrap img{ display: block; float: left; width: 70px; height: 70px; margin:0 10px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; }
.scroll-mrap .author-mrap .text-mrap{ display: table-cell; padding-right: 5px;}
.scroll-mrap .author-mrap .text-mrap h1{ font-size: 18px; line-height: 20px; height: 20px; overflow: hidden;}
.scroll-mrap .author-mrap .text-mrap h1 a{ color:#1c1c1c; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s;}
.scroll-mrap .author-mrap .text-mrap h1 a:hover{ text-decoration: none; color: #74a131; }
.scroll-mrap .author-mrap .text-mrap p{ color: #666; line-height: 22px; margin-top: 10px; }

/*乘用车/物流车*/
.cywl-mrap{ width:760px; text-align:left; }
.cywl-mrap .hd-box{ height:41px; line-height:40px; overflow: hidden;  position:relative; }
.cywl-mrap .hd-box ul{ height:40px; border-bottom:1px solid #e2e2e2; }
.cywl-mrap .hd-box ul li{ float:left; padding:0 7px; cursor:pointer; color:#1c1c1c; font-size: 18px; }
.cywl-mrap .hd-box ul li.on{ height:39px; border-bottom:2px solid #82bb30; color:#487803; }
.cywl-mrap .cywl-banner-mrap{ width:760px; overflow:hidden; position:relative; margin: 20px 0; }
.cywl-mrap .cywl-banner-mrap .hd{ width: 758px; height:54px; overflow:hidden; z-index:1; }
.cywl-mrap .cywl-banner-mrap .hd ul{ overflow:hidden; zoom:1; text-align: center; margin-top: 22px;  }
.cywl-mrap .cywl-banner-mrap .hd ul li{ display: inline-block; width: 10px; height: 10px; margin: 0 3px; background:#e3e2e2;  float: none; padding:0; cursor: pointer;}
.cywl-mrap .cywl-banner-mrap .hd ul li.on{ background:#82bb30; border:none; }
.cywl-mrap .cywl-banner-mrap .bd{ position:relative; height:100%; z-index:0; }
.cywl-mrap .cywl-banner-mrap .bd li{ zoom:1; vertical-align:middle; width:760px; height:253px; }
.cywl-mrap .cywl-banner-mrap .bd li .zl{ width: 377px; height: 253px; float: left; overflow: hidden; position: relative;}
.cywl-mrap .cywl-banner-mrap .bd li .zl:hover p{ bottom: 0;}
.cywl-mrap .cywl-banner-mrap .bd li .zl p{ height: 60px; position: absolute; bottom: -30px; left:0; right:0; padding: 4px 5px; background: rgba(0, 0, 0, 0.3); line-height: 30px; overflow: hidden; color: #FFF; z-index: 2; font-size: 20px; transition: bottom 0.3s; -moz-transition: bottom 0.3s; -webkit-transition: bottom 0.3s; -o-transition: bottom 0.3s; -ms-transition: bottom 0.3s;}
.cywl-mrap .cywl-banner-mrap .bd li .zl img{ width: 377px; height: 253px; transition: transform .3s ease;-webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease;}
.cywl-mrap .cywl-banner-mrap .bd li .zl img:hover{ transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); /* IE 9 */-moz-transform:scale(1.1,1.1); /* Firefox */-webkit-transform:scale(1.1,1.1); /* Safari and Chrome */-o-transform:scale(1.1,1.1); /* Opera */}
.cywl-mrap .cywl-banner-mrap .bd li .yr { width: 382px; float: right; }
.cywl-mrap .cywl-banner-mrap .bd li .yr .yr-img{ width: 186px; height: 124px; overflow: hidden; margin-bottom: 5px; position: relative; float: left; margin-left: 5px;}
.cywl-mrap .cywl-banner-mrap .bd li .yr .yr-img:hover p{ bottom: 0;}
.cywl-mrap .cywl-banner-mrap .bd li .yr .yr-img p{ height: 44px; font-size: 16px; padding: 4px 5px; position: absolute; bottom: -22px; left:0; right:0; background: rgba(0, 0, 0, 0.3); line-height: 22px; overflow: hidden; color: #FFF; z-index: 2; transition: bottom 0.3s; -moz-transition: bottom 0.3s; -webkit-transition: bottom 0.3s; -o-transition: bottom 0.3s; -ms-transition: bottom 0.3s;}
.cywl-mrap .cywl-banner-mrap .bd li .yr .yr-img img{ width: 186px; height: 124px; transition: transform .3s ease;-webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease;}
.cywl-mrap .cywl-banner-mrap .bd li .yr .yr-img img:hover{ transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); /* IE 9 */-moz-transform:scale(1.1,1.1); /* Firefox */-webkit-transform:scale(1.1,1.1); /* Safari and Chrome */-o-transform:scale(1.1,1.1); /* Opera */}
.cywl-mrap .cywl-banner-mrap .bd img{ display:block; }

/*近期活动*/
.activity-mrap h1{ height: 40px; line-height: 40px; color:#1c1c1c; font-size: 18px; border-bottom:1px solid #e2e2e2; }
.activity-mrap h1 a{ float: right; color: #999; font-size: 14px; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s;}
.activity-mrap h1 a:hover{ text-decoration: none; color: #74a131; }
.activity-mrap ul{ width: 793px;}
.activity-mrap ul:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
.activity-mrap ul li{ float: left; width: 232px; padding: 30px 32px 30px 0;}
.activity-mrap ul li .img-box{ height: 155px; width: 232px; overflow: hidden;}
.activity-mrap ul li .img-box img{ width: 232px; height: 155px; transition: transform .3s ease;-webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease;}
.activity-mrap ul li .img-box img:hover{ transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); /* IE 9 */-moz-transform:scale(1.1,1.1); /* Firefox */-webkit-transform:scale(1.1,1.1); /* Safari and Chrome */-o-transform:scale(1.1,1.1); /* Opera */}
.activity-mrap ul li p { height: 44px; line-height: 22px; overflow: hidden; margin-top: 10px;}
.activity-mrap ul li p a{ color:#666; font-size: 14px; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s;}
.activity-mrap ul li p a:hover{ text-decoration: none; color: #74a131; }

/*VIP会员*/
.vip-title-mrap{ height: 24px; background: url("/images/jh/column/vipmerber.jpg") no-repeat 50%; margin: 30px 0 0;width: 1100px; overflow: hidden; clear: both; }
.vip-mrap{ width:1100px; overflow:hidden; position:relative; margin: 20px 0; float: none; }
.vip-mrap .hd{ width: 1098px; overflow:hidden; z-index:1; }
.vip-mrap .hd ul{ overflow:hidden; zoom:1; text-align: center; margin-top: 22px;  }
.vip-mrap .hd ul li{ display: inline-block; width: 10px; height: 10px; margin: 0 3px; background:#e3e2e2;  float: none; padding:0; cursor: pointer;}
.vip-mrap .hd ul li.on{ background:#82bb30; border:none; }
.vip-mrap .bd{ position:relative; height:100%; z-index:0; }
.vip-mrap .bd li:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
.vip-mrap .bd li{ width: 1100px; zoom:1; vertical-align:middle; margin: 1px 0 0 1px; }
.vip-mrap .bd li .img-box{ width: 182px; border:1px solid #f1f1f3; position: relative; height: 74px; float: left; margin: -1px 0 0 -1px;}
.vip-mrap .bd li .img-box a{ position: absolute; top:5px; left:5px; right:5px; bottom:5px;}
.vip-mrap .bd li .img-box a img{ display: block; max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.foot2017 .bottom-mrap .bottom-box ul li .box1 .logo {
    display: block;
    background: url("/images/jh/column/bot-logo.jpg") no-repeat 50%;
    width: 228px;
    height: 26px;}
/*友情链接*/
.link-title-mrap{ height: 24px; background: url("/images/jh/column/link.jpg") no-repeat 50%; margin: 30px 0 0;width: 1100px; overflow: hidden; clear: both; }
.link-mrap{ overflow: hidden; margin: 30px 0;}
.link-mrap a{color: #333; padding: 0 21px 0 10px; margin-left: -11px; border-left: 1px solid #A9A9A9; margin-top: 8px; display: inline-block; line-height: 14px; height: 14px; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;}
.link-mrap a:hover{ text-decoration: none; color: #74a131; }

/*页面底部*/
.bottom-mrap{ background: #2d3237;}
.bottom-mrap .bottom-box{ width: 1100px; margin: 0 auto; line-height: 24px; padding-top: 30px;}
.bottom-mrap .bottom-box .copyright{ color: #FFF; padding: 10px 0 3px 0;}
.bottom-mrap .bottom-box .copyright a{ color: #FFF;}
.bottom-mrap .bottom-box ul:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
.bottom-mrap .bottom-box ul li{ float: left; width: 30%;}
.bottom-mrap .bottom-box ul li .box1{ width: 250px;}
.bottom-mrap .bottom-box ul li .box1 .logo{ display: block; background: url("/images/jh/column/bot-logo.jpg") no-repeat 50%; width: 228px; height: 26px;}
.bottom-mrap .bottom-box ul li .box1 .bot-nav{ margin: 9px 0 15px 8px;}
.bottom-mrap .bottom-box ul li .box1 .bot-nav a{  border-right: 1px solid #dddddd; line-height: 14px; height: 14px; display: inline-block; margin-top: 5px; padding-right: 7px; margin-right:7px; color:#dddddd;}
.bottom-mrap .bottom-box ul li.er{ width: 35%;}
.bottom-mrap .bottom-box ul li.er:before{ content: " "; display: block; float: left; width: 0; height: 100px; border-left: 1px solid #dddddd; margin-top: 10px;}
.bottom-mrap .bottom-box ul li .box2{ line-height: 24px; color:#dddddd; margin: 11px 0 0 87px; float: left;}
.bottom-mrap .bottom-box ul li .box2 p{text-align:left}
.bottom-mrap .bottom-box ul li .box3 img{ display: block; float: left; margin: 0 0 0 40px; width: 117px; height: 117px; }

/*车型搜索*/
.c-search-tab{ background: #f9f9f9; text-align:left; margin-top: 30px; padding: 10px 0; }
.c-search-tab .hd{ height:30px; line-height:30px; font-size: 16px; color:#444; position:relative; }
.c-search-tab .hd div{ line-height: 28px; border-left: 5px solid #82bb30; color:#1c1c1c;padding:0 0 0 10px; font-size: 18px; float: left; margin-right: 10px; }
.c-search-tab .hd ul{ float: left; font-size: 14px;}
.c-search-tab .hd ul li{ float:left; margin:0 10px; line-height: 26px; padding: 0 5px; cursor:pointer;  }
.c-search-tab .hd ul li.on{ color: #87b644; border-bottom:1px solid #87b644; }
.c-search-tab .bd li{ width: 300px;}
.c-search-mrap{ background:#f9f9f9;}
.c-search-mrap p{ padding: 10px;}
.c-search-mrap p a{ display: inline-block !important; margin-right:7px; padding-right: 14px; border-right: 1px solid #C7C7C7; color:#999; height: 14px; line-height: 14px !important; margin-top:5px; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;}
.c-search-mrap p a:hover{ text-decoration: none; color: #74a131; }
.c-search-mrap .select-box{ padding: 0 10px; margin: 5px 0; }
.c-search-mrap .select-box select{ display: block; width: 100%; border:1px solid #dddddd; color: #666; padding: 3px;}
.c-search-mrap .but-box{ padding: 8px 10px 20px 10px; }
.c-search-mrap .but-box input{ display: block; width: 100%; color:#FFF; background: #82bb30; padding: 7px 0; border:none; cursor: pointer;}

/*活动*/
.body-mrap .body-right .activity-mrap{ background: url("/images/jh/column/hd_back.jpg") repeat-x; background-color: #f9f9f9; position: relative;}
.body-mrap .body-right .activity-mrap .title-box{ background: none; height: 65px;}
.body-mrap .body-right .activity-mrap .scroll-mrap{ background: none;}
.body-mrap .body-right .activity-mrap .scroll-mrap:after{ content: " "; display: block; background: url("/images/jh/column/hd_tab.png") no-repeat; width: 51px; height: 48px; position: absolute;top:0;right:0;}
.body-mrap .body-right .activity-mrap .title-box .scroll-title{ color:#b87901; font-size: 18px; overflow: hidden; position: absolute; top:41px; left:10px; line-height: 20px;}
.body-mrap .body-right .activity-mrap .scroll-list{ margin:0 10px 10px; width: 280px; line-height: 22px;}
.body-mrap .body-right .activity-mrap .scroll-list li{ border-bottom: 1px dashed #d0d0d0; padding:0 0 15px 0; margin-top: 15px; float: none; width: auto;}
.body-mrap .body-right .activity-mrap .scroll-list li h1{ color:#333; margin-bottom: 5px; font-size: 14px; height: auto; line-height: 20px; border:none;}
.body-mrap .body-right .activity-mrap .scroll-list li h1 a{ color:#333;}
.body-mrap .body-right .activity-mrap .scroll-list li p{ color:#666; height: auto; line-height: 22px; margin: auto;}
.body-mrap .body-right .activity-mrap .scroll-list li h1 em{ display: block; float: left; width: 15px; height: 21px; background: url("/images/jh/column/icon.png") no-repeat -62px -108px;}
.body-mrap .body-right .activity-mrap .scroll-list li h1 span{ display: table-cell; max-height: 44px;}
.body-mrap .body-right .activity-mrap .scroll-list li h1:after{ content:"."; display: block; height:0; overflow:hidden; clear: both;}
.body-mrap .body-right .activity-mrap .scroll-list li p em{ display: inline-block; width: 21px; height: 21px; background: url("/images/jh/column/icon.png") no-repeat -58px -58px;}
.body-mrap .body-right .activity-mrap .scroll-list li .meta em{ display: inline-block; width: 21px; height: 21px; background: url("/images/jh/column/icon.png") no-repeat -108px -58px;}

/*热文*/
.hottext-mrap{ background: #f9f9f9; text-align:left; margin-top: 30px; padding: 10px 0; }
.hottext-mrap .hd{ height:30px; line-height:30px; font-size: 16px; color:#444; position:relative; }
.hottext-mrap .hd div{ line-height: 28px; border-left: 5px solid #82bb30; color:#1c1c1c;padding:0 0 0 10px; font-size: 18px; float: left; margin-right: 10px; }
.hottext-mrap .hd ul{ float: left; font-size: 14px;}
.hottext-mrap .hd ul li{ float:left; margin:0 10px; line-height: 26px; padding: 0 5px; cursor:pointer;  }
.hottext-mrap .hd ul li.on{ color: #87b644; border-bottom:1px solid #87b644; }
.hottext-mrap .bd li{ width: 300px;}
.hottext-mrap .bd li:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
.hottext-mrap .bd li p{ padding: 0 10px; max-height: 44px; overflow: hidden; margin: 10px 0; }
.hottext-mrap .bd li p em{ color:#FFF; font-size: 12px;font-style:normal; display: block; width: 17px; height: 17px; text-align: center; line-height: 17px; margin: 3px 5px 0 0; background: #bfbfbf; float: left;}
.hottext-mrap .bd li p em.t{ background: #82bb30;}
.hottext-mrap .bd li p a{ display: table-cell; color:#666; line-height: 22px; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;}
.hottext-mrap .bd li p a:hover{ text-decoration: none; color: #74a131; }

/*专题*/
.special-mrap{ background: #f9f9f9;}
.special-mrap .special-mrap-box{ width:260px; overflow:hidden; position:relative; padding: 20px 0; margin: 0 auto; }
.special-mrap .special-mrap-box .hd{ width: 258px; height:24px; overflow:hidden; z-index:1; }
.special-mrap .special-mrap-box .hd ul{ overflow:hidden; zoom:1; text-align: center; margin-top: 10px;  }
.special-mrap .special-mrap-box .hd ul li{ display: inline-block; width: 10px; height: 10px; margin: 0 3px; background:#e3e2e2;  float: none; padding:0; cursor: pointer;}
.special-mrap .special-mrap-box .hd ul li.on{ background:#82bb30; border:none; }
.special-mrap .special-mrap-box .bd{ position:relative; height:100%; z-index:0; }
.special-mrap .special-mrap-box .bd li{ zoom:1; vertical-align:middle; width:260px; }
.special-mrap .special-mrap-box .bd li img{ display: block; width:260px; height:173px; }
.special-mrap .special-mrap-box .bd li p{ line-height: 22px; margin-top: 10px; padding: 0 10px; height: 66px; overflow: hidden; }
.special-mrap .special-mrap-box .bd li p a{ color:#666; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;}
.special-mrap .special-mrap-box .bd li p a:hover{ text-decoration: none; color: #74a131; }

/*产品分类*/
.classify-mrap{ padding: 10px; background: #f9f9f9;}
.classify-mrap a{ color:#a8a8a8; display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; margin: 10px 10px 0 0; border:1px solid #a8a8a8;border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px; transition: color 0.2s,border 0.2s; -moz-transition: color 0.2s,border 0.2s; -webkit-transition: color 0.2s,border 0.2s; -o-transition: color 0.2s,border 0.2s; -ms-transition: color 0.2s,border 0.2s;}
.classify-mrap a:hover{ text-decoration: none; color: #74a131; border-color: #74a131; }

/*评论*/
.comment-mrap{ background: #f9f9f9; text-align:left; margin-top: 30px; padding: 10px 0; }
.comment-mrap .hd{ height:31px; font-size: 18px; color:#444; position:relative; }
.comment-mrap .hd ul li{ float:left; margin:0 10px; line-height: 30px; padding: 0 5px; cursor:pointer;  }
.comment-mrap .hd ul li.on{ color: #87b644; border-bottom:1px solid #87b644; }
.comment-mrap .bd li{ width: 300px;}
.comment-mrap .bd li:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
.comment-mrap .bd li p{ margin:10px; padding: 10px 0; height: 44px; overflow: hidden; border-bottom: 1px dashed #dddddd; }
.comment-mrap .bd li p a{ display: table-cell; color:#444; line-height: 22px; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;}
.comment-mrap .bd li p a:hover{ text-decoration: none; color: #74a131; }

.comment-mrap .bd li .txtMarquee-top{ height: 430px;}
.comment-mrap .bd li .web-comment{width: 280px;verflow:hidden;margin: 0 auto;padding:10px 10px 0;background-color: #fafafa;color: #999;font-size: 12px;}
.comment-mrap .bd li .web-comment li{padding-bottom: 25px; width: auto;}
.comment-mrap .bd li .web-comment .commnet-box:before, .web-comment .commnet-box:after{content: " ";display: table;}
.comment-mrap .bd li .web-comment .commnet-box:after{clear: both;}
.comment-mrap .bd li .web-comment li .avatar{height: 30px;border-radius: 50%;}
.comment-mrap .bd li .web-comment li .avatar img{width: 30px;height: 30px;vertical-align: middle;border-radius: 50%;}
.comment-mrap .bd li .web-comment li .avatar span, .web-comment li .avatar a{vertical-align: middle;font-size: 12px;display: inline-block;}
.comment-mrap .bd li .web-comment li .avatar .name{word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-left: 8px;max-width: 100px;color:#f60;}
.comment-mrap .bd li .web-comment li .avatar .circle{margin: 0 8px;height: 5px;width: 5px;border-radius: 50%;background-color: #999;}
.comment-mrap .bd li .web-comment li .comment-info{background-color: #f1f1f1;color: #3d464d;margin-top: 12px;padding: 12px;position: relative;}
.comment-mrap .bd li .web-comment li .comment-info:before{width: 10px;height: 10px;-ms-transform: rotate(-45deg);transform: rotate(-45deg);background: #f1f1f1;border-bottom: solid 1px #f1f1f1;border-left: solid 1px #f1f1f1;position: absolute;top: 0;left: 15px;content: "";margin-left: -5px;margin-top: -5px;}
.comment-mrap .bd li .web-comment li .comment-info p{padding:0;margin:0;word-break: break-all;text-overflow: ellipsis;overflow: hidden;line-height: 25px;height: 75px;}
.comment-mrap .bd li .web-comment li .commnet-source{margin-top: 10px;display: block;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #555;}
.comment-mrap .bd li .web-comment li .commnet-source span b{font-weight: normal;padding: 0 5px 0 0;}
.comment-mrap .bd li .web-comment li .commnet-source span a{color: #666;}

/*推荐车型*/
.Recommend-tab{ width:300px; text-align:left; margin-top: 40px;  }
.Recommend-tab .Recommend-mrap-hd{ height:30px; line-height:30px; background:#ededed; color:#666; position:relative; }
.Recommend-tab .Recommend-mrap-hd ul li{ float:left; width: 50%; text-align: center; cursor: pointer;  }
.Recommend-tab .Recommend-mrap-hd ul li.on{ height:30px;  color:#fff; background:#82bb30; position: relative; }
.Recommend-tab .Recommend-mrap-hd ul li.on:after{ width: 14px; height: 14px; position: absolute; z-index: 1; top: -7px; left: 50%; margin-left: -6px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #82bb30; content: " ";}
.chexing-tab{ width:300px; text-align:left;  }
.chexing-tab .chexing-mrap-hd{ height:30px; line-height:30px; background:#f9f9f9; color:#1c1c1c; position:relative; padding: 10px 0; }
.chexing-tab .chexing-mrap-hd ul{ border-left: 5px solid #82bb30; height: 28px;  }
.chexing-tab .chexing-mrap-hd ul li{ float:left; padding: 0 10px; font-size: 18px; line-height: 28px; cursor: pointer; position: relative;  }
.chexing-tab .chexing-mrap-hd ul li.on{ height:30px;  color:#87b644; position: relative; }
.chexing-tab .chexing-mrap-hd ul li.er{ padding-left: 11px;}
.chexing-tab .chexing-mrap-hd ul li.er:after{ position: absolute; content: " "; display: block; width: 0; border-left:1px solid #a8aaab; height: 19px; top:5px; left:0; }
.chexing-tab .chexing-mrap-bd{ padding-bottom: 10px; background: #f9f9f9;}
.chexing-tab .chexing-mrap-bd ul li{ background: #f9f9f9; padding: 0 10px; height: 385px;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one-title{ color:#000; border-bottom:1px dashed #e6e6e6; height: 42px; line-height: 42px; overflow: hidden; cursor: pointer;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one-title.on{ display: none;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one-title em{ font-style: normal; float: left; height: 20px; width: 20px; line-height: 20px; text-align: center; background: #bfbfbf; color:#FFF; margin: 11px 5px 0 0;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one-title em.e{background: #82bb30;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one{ display: none; background: #FFF; padding:15px 5px; border-bottom:1px dashed #e6e6e6; }
.chexing-tab .chexing-mrap-bd ul li .Recommend-one.on{ display: block }
.chexing-tab .chexing-mrap-bd ul li .Recommend-one .lead-box:after{ content: ".";display: block; height: 0; overflow: hidden; clear: both;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one .img-box{ width: 160px; position: relative; height: 105px; float: left; margin-right: 5px;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one .img-box a{ position: absolute; top:0px; left:0px; right:0px; bottom:0px;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one .img-box a img{ display: block; max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one .text-box { display: table-cell; }
.chexing-tab .chexing-mrap-bd ul li .Recommend-one .text-box p{ height: 44px; line-height: 22px; overflow: hidden; margin-top: 10px;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one .text-box p a{ color:#000; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one .text-box p a:hover{ text-decoration: none; color: #74a131; }
.chexing-tab .chexing-mrap-bd ul li .Recommend-one .text-box .goto{ margin-top: 10px; display: block; float: left; height: 26px; line-height: 26px; width: 76px; border:1px solid #74a131; color: #74a131; text-align: center;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one .text-box .goto:hover{ text-decoration: none;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one .meta{ height: 26px; line-height: 26px; color:#666; padding-top: 5px;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one .meta span{ float: left;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one .meta span em{ font-style: normal; color:#38a47e;}
.chexing-tab .chexing-mrap-bd ul li .Recommend-one .meta .s { float: right;}