@charset "utf-8";
/* CSS Document */
/*精彩推荐、Banner*/
.slideBox{width: 100%;height:550px;overflow:hidden;position:relative;}

.bannerBgDiv{width:100%;height:550px;}
.bannerDiv{ width:1200px; margin:0 auto;}
.bannerDiv .bannerright{ width:728px;height:328px;float:left;}
.slideBox .hd {height:15px;overflow:hidden;position:absolute;right:15px;bottom:15px;z-index:1;}
.slideBox .bd {position:relative;height:100%;z-index:0;}
.slideBox .bd ul{ margin:0px 0px; padding-left:0px;}
.slideBox .hd ul{ margin:0px 0px; padding-left:0px;}
.slideBox .hd ul {overflow: hidden;zoom:1;float:left;}
.slideBox .hd ul li.on {background: #2d88cf;color:#fff;}
.slideBox .hd ul li {float: left;width:12px;margin-right:10px;height:12px;line-height:12px;text-align: center;background:#fff;cursor:pointer;border-radius: 50%;}
li {display:list-item;text-align: -webkit-match-parent;list-style-type: none;}
.bannerDiv .bannerLeft { width:430px; height:328px; background-color:#fff; float:left; margin-right:20px;}
.mainBox{ margin-left:20px; margin-right:20px;}
.bannerDiv .title{ font-size:21px; color:#2d88cf; border-bottom: solid #2d88cf 3px; width:88px; line-height:46px;}
.bannerDiv .title:hover{color:#2d88cf;}
.bannerDiv .titleBox{ border-bottom: solid #eee 1px;}
.wzRcontent {margin-left:20px;margin-top:15px; margin-bottom:10px;padding-left:0px;}
.wzRcontent li {line-height:36px;height:36px;font-size:16px;}
a {text-decoration: none;font-family: "Microsoft YaHei";color:#666;}
.wzmore {text-align:right;margin-top:0px; margin-bottom:20px;float:right;}
.bannerBgDiv{ margin-bottom:20px;}

.redu_yhzs{float:right; color:#999;background: url(../images/eye.png)0px 13px no-repeat;padding-left:24px;font-family:arial; font-size:14px;}

.more_index{ font-size:15px; border:1px solid #2d88cf; color:#2d88cf;padding-left:6px;padding-right:6px;border-radius:2px;padding-top:2px;padding-bottom:2px;}
.more_index:hover{background-color:#2d88cf; color:#FFF;}
/*每日养花分享*/
.dailyBox{ margin:0 auto; margin-bottom:20px; width:1200px; background-color:#fff; height:361px;}
.titleLeft,.titleRight{ float:left; line-height:50px;}
.titleLeft{ font-size:21px; color:#2d88cf; border-bottom: solid 3px #2d88cf;line-height:48px; }
.titleLeft:hover{color:#019c08;}
.titleRight{ font-size:18px; color:#bbb; margin-left:60px;}
.more_button{ float:right; font-size:18px; color:#bbb; line-height:56px;}
.dailyBox .titleBox{ border-bottom: solid 1px #eee; height:50px; margin:0 20px; margin-bottom:20px;}
.dailyBox .today{ margin-left:20px; float:left; position:relative;overflow:hidden;}
.contentBox img {border:0px;padding:0px;margin:0px;display:block;}
/*图片放大*/
.contentBox img:hover {-webkit-transform:scale(1.05);transform: scale(1.05);}
.contentBox img{;-webkit-transition: opacity .5s,-webkit-transform .6s ease-in-out;transition: opacity .5s,-webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out,opacity .5s;transition: transform .6s ease-in-out,opacity .5s,-webkit-transform .6s ease-in-out;-webkit-transition-delay: .1s;transition-delay: .1s;
    -webkit-backface-visibility: hidden;backface-visibility:hidden;-webkit-perspective: 1000;perspective:1000;}

.today .grid-paper-ft{position: absolute;bottom:0px;width:408px;height:136px;}
.today .grid-paper-ft:before {position: absolute;top:0;left:0;width:408px;height:136px;;background:-webkit-linear-gradient(bottom,#000,transparent);background:-webkit-linear-gradient(bottom,rgba(0,0,0,.6),transparent);background: linear-gradient(0deg,rgba(0,0,0,.6),transparent);content: '';}
.today .title-description{ position:absolute; bottom:15px; margin-left:10px;}
.today .text_date{ font-size:12px; color:#fff; border-right:solid 1px #fff; padding-right:10px;}
.today .text_date .date_number{ font-size:40px; line-height:60px;}
.today .text_box,.date_box{ float:left;}
.today .text_box{ width:288px; margin-left:15px; color:#fff;}
.today .text_title{ font-size:18px; line-height:30px;}
.today .text_digest{ font-size:12px; line-height:14px;}
.recently{ margin-left:30px;  float:left;}
.recently .date_box,.recently .text_box{ float:left; }
.recently .text_box{width:288px;}
.recently .text_date{ color:#888; border-right:solid 1px #999; padding-right:10px;; margin-right:15px;}
.recently .text_date .date_number{ font-size:40px; line-height:60px;}
.recently .text_title{ color:#666; font-size:18px; margin-bottom:3px;}
.recently .text_digest{ color:#aaa; font-size:12px;}
.recently .title-description{ margin-bottom:8px; height:65px;}
.dailyBox .vertical_line{ float:left; margin-top:20px; margin-left:40px; margin-right:20px; border-left:solid 1px #f0f1f1; height:240px;}
.contentBox .textList{ float:left;}
.contentBox ul li{ font-size:16px; line-height:51px;border-bottom: 1px solid #f0f0f0;width: 315px;}
.contentBox ul{ margin:0; padding:0;}
/*热门花卉养护、每日精选、热门帖子*/
.yangDiv .yangBox{ width:1200px; margin:0 auto; height:332px; background-color:#fff;overflow:hidden;position:relative; margin-bottom:20px;}
.tempWrap{ position:relative;}
.slick-btn-left{ width:26px; height:26px; border-radius:50%;background-color:#000;background-color:rgba(0,0,0,.3); position:absolute; top:50%; z-index:1; left:16px; margin-top:-24px; cursor:pointer;}
.slick-btn-right{ width:26px; height:26px; border-radius:50%;background-color:#000;background-color:rgba(0,0,0,.3); position:absolute; top:50%; z-index:1; right:16px; margin-top:-24px; cursor:pointer;}
.yangBox .titleBox {border-bottom:solid 1px #eee;height:50px;margin:0 20px;margin-bottom: 20px;}
.tempWrap .t{ font-size:16px; color:#666; line-height:36px;}
.tempWrap .c{ font-size:12px; color:#999; line-height:16px;width: 210px;height:30px;overflow:hidden;}
/*养花知识*/
.yhzsBox{ width:1200px; margin:0 auto; background-color:#fff; height:544px; margin-bottom:20px;}
.yhzsBox .titleBox{border-bottom: solid 1px #eee;height:50px;margin:0 20px;}
.yhzsBox ul li { font-size:16px; line-height:36px;}
.yhzsBox ul{ padding:0; margin-left:20px; margin-top:10px; float:left; width:530px;}
.yhzs_img{ float:right; width:605px;}
.yhzs_img li{ margin-top:20px;}
.yhzs_text{ width: 525px;}

.yhzs_img .img_box1,.yhzs_img .img_box2{ margin-bottom:20px;}
.yhzs_img img{ margin:0; padding:0; display:block;}
/*图片放大*/
.yhzs_img a{overflow:hidden;}
.yhzs_img img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.yhzs_img img{-webkit-transition: opacity .5s,-webkit-transform .6s ease-in-out;
    transition: opacity .5s,-webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out,opacity .5s;
    transition: transform .6s ease-in-out,opacity .5s,-webkit-transform .6s ease-in-out;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;}

.img_fenlei{ padding-left:6px; padding-right:6px;height:28px; text-align:center; line-height:28px; color:#9ed464; background-color:#000; position:absolute; bottom:42px;left:8px;}
.img_title{padding-left:5px; padding-right:5px; height:28px; text-align:center; line-height:28px; color:#fff; background-color:#000; position:absolute; bottom:10px;left:8px;}
.img_fenlei1{ padding-left:6px; padding-right:6px;height:28px; text-align:center; line-height:28px; color:#9ed464; background-color:#000; position:absolute; bottom:42px;left:315px;}
.img_title1{padding-left:5px; padding-right:5px; height:28px; text-align:center; line-height:28px; color:#fff; background-color:#000; position:absolute; bottom:10px;left:8px;}
/*花卉大全*/
.quanBox{ width:1200px; margin-left:auto; margin-right:auto; background-color:#fff; height:376px; margin-bottom:20px}
.quanBox .titleBox {border-bottom:solid 1px #eee;height:50px;margin:0 20px;}
.quanBox ul li{font-size:16px; line-height:30px;}
.quanBox ul{ float:left; margin:0; padding:0; margin-left:20px; margin-top:16px}
.quanBox .quan_img{float:right;  }
.quanBox .quan_img .img_box1,.quanBox .quan_img .img_box2{ margin-bottom:10px;}
.quanBox .quan_img a{ margin-left:10px; position:relative; float:left; overflow:hidden;}

.quan_img{ width:610px; float:left; margin-right: 7px;}
.quan_img li{ margin-top:10px; width:140px; height:150px; overflow:hidden;}


.quanBox .quan_img img{display:block}
.quanBox .quan_img img:hover{-webkit-transform:scale(1.05);transform: scale(1.05);}
.quanBox .quan_img img{-webkit-transition: opacity .5s,-webkit-transform .6s ease-in-out;transition: opacity .5s,-webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out,opacity .5s;transition: transform .6s ease-in-out,opacity .5s,-webkit-transform .6s ease-in-out;-webkit-transition-delay: .1s;transition-delay: .1s;
    -webkit-backface-visibility: hidden;backface-visibility:hidden;-webkit-perspective: 1000;perspective:1000;}

.quanBox .quan_img .img_name{ height:28px; background-color:#000; color:#fff; position:absolute; bottom:5px; left:8px; padding-left:6px; padding-right:6px; line-height:28px; text-align:center;}
/*专家在线、花卉诊疗*/
.zxzlDiv .zjzx,.zxzlDiv .hhzl{ width:590px; height:300px; background-color:#fff; float:left;}
.zxzlDiv .hhzl{ margin-left:20px;}
.zxzlDiv .zxzlBox{ width:1200px; margin-left:auto; margin-right:auto; height:300px; margin-bottom:20px;}
.zxzlDiv .titleBox{ margin:0 20px;border-bottom: solid 1px #eee;height:50px;}
.zxzlBox ul li{font-size:16px;line-height:30px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.zxzlBox ul{ float:left; padding:0px 20px; margin-top:14px;max-width:230px}
.sect-cont .type {width:100px;padding-top:20px;}
.type .selected{width:98px;height:26px;border-radius:25px;border: 1px solid #2d88cf;background: #2d88cf;margin-bottom: 15px;text-align:center;color:#fff;line-height:26px;}
.type li {width:98px;height:26px;border-radius:25px;border:1px solid #2d88cf;background:#fff;margin-bottom:15px;text-align: center;color:#434343;line-height:26px;cursor:pointer;}
.zxzlBox .hhzl .type li{ line-height:26px; font-size:12px;}
/*百花图谱*/
.tupuBox{ width:1200px; margin-left:auto; margin-right:auto; height:710px; margin-bottom:20px; background-color:#fff;}
.tupuBox img{ display:block;-webkit-transition: opacity .5s,-webkit-transform .6s ease-in-out;transition: opacity .5s,-webkit-transform .6s ease-in-out;transition: transform .6s ease-in-out,opacity .5s;transition: transform .6s ease-in-out,opacity .5s,-webkit-transform .6s ease-in-out;-webkit-transition-delay: .1s;transition-delay: .1s;-webkit-backface-visibility: hidden;backface-visibility:hidden;-webkit-perspective: 1000;perspective:1000;}
.tupuBox img:hover{-webkit-transform:scale(1.05);transform: scale(1.05);}


.tupuBox .titleBox{ margin:0 20px; border-bottom:solid 1px #eee; height:50px;}
.tupuBox .tupu_img{ margin-left:20px; margin-top:20px;}
.tupuBox .grid-paper-ft {position:absolute;bottom:0px;width:455px;height:150px;}
.tupuBox .grid-paper-ft:before {position: absolute;top:0;left:0;width:455px;height:150px;;background:-webkit-linear-gradient(bottom,#000,transparent);background:-webkit-linear-gradient(bottom,rgba(0,0,0,.6),transparent);background: linear-gradient(0deg,rgba(0,0,0,.6),transparent);content: '';}
.tupuBox .title-description{ position:absolute; bottom:15px;left:10px;}
.tupuBox .title-description .text_title{color:#fff; font-size:18px;}
.tupuBox .grid-paper-ft2 {position:absolute;bottom:0px;width:220px;height:150px;}
.tupuBox .grid-paper-ft2:before {position: absolute;top:0;left:0;width:220px;height:150px;;background:-webkit-linear-gradient(bottom,#000,transparent);background:-webkit-linear-gradient(bottom,rgba(0,0,0,.6),transparent);background: linear-gradient(0deg,rgba(0,0,0,.6),transparent);content: '';}
.tupuBox .title-description2{ position:absolute; bottom:15px;left:10px;}
.tupuBox .title-description2 .text_title{color:#fff; font-size:18px;width:200px;height:26px;overflow:hidden;}
.tupuBox a{ float:left; position:relative; margin-right:15px; margin-bottom:15px;overflow:hidden;}