﻿@charset "utf-8";
/* CSS Document */
/*精彩推荐、Banner*/
.slideBox{width: 750px;height:328px;overflow:hidden;position:relative;}
.bannerBgDiv{width:100%;height:328px;}
.bannerDiv{ width:1200px; margin:0 auto; overflow:hidden;}
.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: #44B549;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:#44B549; border-bottom: solid #44B549 3px; width:88px; line-height:46px;}
.bannerDiv .title:hover{color:#019c08;}
.bannerDiv .titleBox{ border-bottom: solid #eee 1px;}

.wzRcontent {margin-left:10px;margin-top:15px; margin-bottom:10px;padding-left:0px;}
.wzRcontent li {line-height:36px;height:36px;font-size:16px;overflow: hidden; }
.wzRcontent li a{float:left;display:block;line-height:36px;height:36px; width:340px;font-size:16px;overflow: hidden;  white-space: nowrap;   text-overflow: ellipsis;}
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; overflow:hidden; clear:both;}

.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 #44B549; color:#44B549;padding-left:6px;padding-right:6px;border-radius:2px;padding-top:2px;padding-bottom:2px;}
.more_index:hover{background-color:#44b549; 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:#44B549; border-bottom: solid 3px #44B549;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;}
.contentBox ul{ margin:0; padding:0;}
/*热门花卉养护、每日精选、热门帖子*/
.yangDiv .yangBox{ width:1200px; margin:0 auto; height:290px; 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:125%; height:40px; overflow:hidden;}
.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; height:36px; overflow:hidden}
.yhzsBox ul{ padding:0; margin-left:20px; margin-top:10px; float:left; width:530px;}
.yhzs_img{ width:606px; float:right;  margin-top:20px;}
.yhzs_img .img_box1,.yhzs_img .img_box2{ margin-bottom:20px; }
.yhzs_img img{ margin:0; padding:0; display:block; width:286px; height:214px;}

.img_box1{ }
.img_box1 li {float:left; margin-bottom:20px;}
.img_box1 li a{ display: block; margin-right:16px; position: relative;float:left;}
.t{ text-align:center;}








/*图片放大*/
.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; margin-top:20px; margin-right:20px;}
.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;}

.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;  background-color:#fff; float:left;padding-bottom:10px; }
.zxzlDiv .hhzl{ margin-left:20px;height:340px;}
.zxzlDiv .zxzlBox{ width:1200px; margin-left:auto; margin-right:auto; height:340px; margin-bottom:30px;}
.zxzlDiv .titleBox{ margin:0 20px;border-bottom: solid 1px #eee;height:50px;}

.zxzlBox ul li{font-size:16px;line-height:40px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.zxzlBox ul{ margin-top:10px;}
.zjzx ul li{ float:left; width:270px; margin-left:20px; height:40px; line-height:40px;}


.sect-cont .type {width:100px;padding-top:20px;}
.type .selected{width:98px;height:26px;border-radius:25px;border: 1px solid #44B549;background: #44B549;margin-bottom: 15px;text-align:center;color:#fff;line-height:26px;}
.type li {width:98px;height:26px;border-radius:25px;border:1px solid #44B549;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;}
.hhzl ul li{ float:left; width:270px; margin-left:20px;}


/*百花图谱*/
.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;}
.yhzs_text{ float:left;}
.yhzs_text span{color:#999;font-size:16px;float:right;background: url(../images/time_time.png)0px 9px no-repeat;  padding-left: 24px; font-size:14px;}

.gundong_zt{padding-left:10px; overflow:hidden;}
.gundong_zt li{ margin-right:20px;float: left; width: 220px;}
.gundong_zt li img{width:220px; height:165px;}
.tupuBox ul{ margin:20px;}
.tupuBox ul li{float:left;}
/*页码*/
.adimg{margin-top:30px;;margin-bottom:30px; text-align:center}
.current {background:#55ac54;color:#FFF;font-weight:700;font-size:18px;border-color:#55ac54;}
.adimg span,.adimg a {display:inline-block;padding:2px 8px;margin:0 3px;border: 1px solid #e4e4e4;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.adimg a, .adimg li {display:inline-block;list-style:none;text-decoration:none;color:#55ac54;}
.p_input {border:0px;border-radius:2px;padding:0px;width:46px;height:18px;margin-left:4px;font-size: 16px;background-color:transparent;outline:none;}

.link{ margin:0 auto 20px auto; width:1200px; background-color: #fff;}
.link ul{ padding:0 20px 20px 20px;}
.link_t{ padding:15px;font-size:16px;}


/*左侧*//*动态CSS-图片新闻轮播-start*/.newsl{float: right;width: 750px;}
 .newsl .m-slide{position: relative;height: 318px;}
 .newsl .m-slide .img{float: left;position: relative}
 .newsl .m-slide .img img{display: block;width: 500px;height: 328px;}
 .newsl .m-slide .img li{display: none;position: absolute;left: 0;top: 0}
 

 .newsl .m-slide .tab{float:right;}
 .mainnews .newsl .m-slide .tab2{float: right}
 .newsl .m-slide .tab li{-webkit-line-clamp: 3;overflow:hidden;-webkit-box-orient: vertical;display: -webkit-box;border: 4px solid #fff;/* border-right:0; */font-size: 13px;font-weight: bold;color: #fff;margin-top:-2px;}
 .newsl .m-slide .tab2 li{border: 4px solid #fff;width: 150px;height: 77px;font-size: 13px;font-weight: bold;}
 .newsl .m-slide .tab2 li img{width:150px;height: 77px;}
 .newsl .m-slide .tab li+li{margin-top:1px;}
 .newsl .m-slide .tab2 li+li{margin-top: 9px;}
 .newsl .m-slide .tab li .color1{background-color: #75CFD9;width:218px;height: 60px;padding: 7px 10px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;overflow:hidden;}
 .newsl .m-slide .tab li .color2{background-color: #E4A17E;width: 218px;height: 60px;padding: 7px 10px;}
 .newsl .m-slide .tab li .color3{background-color: #D0838C;width: 218px;height: 60px;padding: 7px 10px;}
 .newsl .m-slide .tab li .color4{background-color: #7CAA77;width: 218px;height: 60px;padding: 7px 10px;}
 .newsl .m-slide .tab .on{}
 .newsl .m-slide .tab .on .color1{background-color: #08a7b9;}
 .newsl .m-slide .tab .on .color2{background-color: #e5611d;}
 .newsl .m-slide .tab .on .color3{background-color: #c75663;}
 .newsl .m-slide .tab .on .color4{background-color: #588753;}
 .newsl .m-slide .tab2 .on{border: 4px solid #cf3221;}
 .newsl .m-slide #ifocus_opdiv{position:absolute;left:0;bottom:0;width:500px;height:35px; line-height:35px;background:#000;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}
 .newsl .m-slide #ifocus_tx{position:absolute;left:15px; overflow:hidden; height:35px; line-height:35px; bottom:0;color:#FFF;}
 .newsl .m-slide #ifocus_tx ul li{display:none;}
 .newsl .m-slide #ifocus_tx ul li a{color:#fff;font-size:17px;font-weight: bold;}
 .newsl .m-slide .tab li a{font-size: 16px;/* font-weight: bold; */color: #fff;}
