*{padding:0; margin:0; box-sizing: border-box; outline: none; border: none; }
ul,li{ list-style-type:none;}
a{ text-decoration: none; color: #666;}
body{ font-size:17px; font-family: 'Microsoft YaHei';}
.logo{height: 89px;}

.header{width: 100%; height: 150px; background: #96bfaf; padding-bottom: 20px;}
.header .top{width: 1200px; height: 115px;  margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 30px 0;}
.header .soso{display: flex; align-items: center;}
.header .soso form{width: 275px; height: 38px; background: #dce7e3; display: flex; border-radius: 38px; overflow: hidden; margin-right: 30px;}
.header .soso form input{flex: 1; text-indent: 20px; color: #3e3e3e; background: none;}
.header .soso form button{background: none; border: none; margin-right: 15px; cursor: pointer;}
.header .soso .ewm img{display: block;}
.header .nav{width: 1200px; height: auto; margin: 0 auto;}
.header .nav ul{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.header .nav ul li{position: relative; z-index: 999;}
.header .nav ul li > a{display: block; width: 110px; height: 35px; line-height: 35px; font-size:19px; color: #205a40; text-align: center;font-weight: bold;}
.header .nav ul li:hover > a,.header .nav ul li.on a{background: #2f6e5a; color: #fff;font-weight: bold;}
/*body#home .header .nav ul li.home a{background: #2f6e5a; color: #fff;font-weight: bold;}*/
/*body#page_学会介绍 .header .nav ul li.page_学会介绍 > a{background: #2f6e5a; color: #fff;font-weight: bold;}*/
/*body#news_学会活动 .header .nav ul li.news_学会活动 > a{background: #2f6e5a; color: #fff;font-weight: bold;}*/
/*body#news_行业动态 .header .nav ul li.news_行业动态 > a{background: #2f6e5a; color: #fff;font-weight: bold;}*/
/*body#page_会员之家 .header .nav ul li.page_会员之家 > a{background: #2f6e5a; color: #fff;font-weight: bold;}*/
/*body#page_联系我们 .header .nav ul li.page_联系我们 > a{background: #2f6e5a; color: #fff;font-weight: bold;}*/
/*body#page_学会工作 .header .nav ul li.page_学会工作 > a{background: #2f6e5a; color: #fff;font-weight: bold;}*/
/*body#news_政策法规 .header .nav ul li.news_政策法规 > a{background: #2f6e5a; color: #fff;font-weight: bold;}*/
body#guest .header .nav ul li.guest > a{background: #2f6e5a; color: #fff;font-weight: bold;}
.header .nav ul .son{position: absolute; top: 35px; width: 100%;  background: rgba(6,59,40,0.9); display: none;}
.header .nav ul .son a{display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; border-bottom: 1px solid rgba(6,59,40,0.9);font-size: 15px;}
.header .nav ul .son a:hover{background: #2f6e5a;}
.header .nav ul li:hover .son{display: block;}

/* 轮播图 */
.banner{width: 100%; height: 483px; overflow: hidden; margin: 0 auto 35px; position: relative;}
.banner .bd img{display: block; width: 100%;height: 473px;}
.banner .hd{position: absolute; right: 20px; bottom: 20px;}
.banner .hd ul li{width: 15px; height: 15px; margin-left: 5px; border: 1px solid #fff; border-radius: 100%; display: inline-block; }
.banner .hd ul li.on{background: #fff;}

/* 主体 */
.mainer{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}

.mslide{width: 545px; height: 356px; overflow: hidden; background: #000; float: left; position: relative;}
.mslide .bd img{display: block; width: 100%; height: 356px;}
.mslide .bd ul li{position: relative;}
.mslide .bd ul li p{position: absolute; bottom: 0; width: 545px; height: 40px; line-height: 40px; background: rgba(0,0,0,0.4); color: #fff; text-indent: 15px;}
.mslide .hd{position: absolute; right: 10px; bottom: 10px;}
.mslide .hd ul li{width: 8px; height: 8px; background: #fff; border-radius: 100%; display: inline-block;}
.mslide .hd ul li.on{background: #03a0e8;}

.mnews{width: 620px; height: 356px; overflow: hidden; float: right; position: relative;}
.mnews .tabnav{width: 100%; height: 44px; background: #c6ded7; margin-bottom: 10px;}
.mnews .tabnav ul{display: flex;}
.mnews .tabnav ul li{margin-right: 10px;}
.mnews .tabnav ul li a{display: block; width: 113px; height: 44px; line-height: 44px; text-align: center; color: #000; font-size: 18px;font-weight: bold;}
.mnews .tabnav ul li.on a,.mnews .tabnav ul li a:hover{border-top-left-radius: 5px; border-top-right-radius: 5px; background: #205a40; color: #fff; font-weight: bold;}
.mnews .tabbox .item{display: none;}
.mnews .tabbox .item.on{display: block;}
.mnews .tabbox ul li{width: 100%; height: auto; overflow: hidden; line-height: 30px;}
.mnews .tabbox ul li a{color: #000; float: left;width: 83%;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-family: 宋体, Arial, Helvetica, sans-serif;}
.mnews .tabbox ul li time{float: right; color: #8d8d8d;}
.mnews .tabbox ul li a:hover{color: #205a40; text-decoration: underline;}
.mnews .tabbox .more{position: absolute; top: 15px; right: 15px;}
.mnews .tabbox .more a:hover{color: #205a40;}
.mnews .tabbox ul li a text {
    font-family: 'Microsoft YaHei';
}
.adsone{width: 100%; height: auto; overflow: hidden; padding: 35px 0;}
.adsone img{display: block; width: 100%;}

/* 专业学组 会员单位 */
.newslist{width: 855px; height: auto; overflow: hidden; float: left;}
.newslist .tabnav{width: 100%; height: 44px; background: #c6ded7; margin-bottom: 10px;}
.newslist .tabnav ul{display: flex;}
.newslist .tabnav ul li{margin-right:8px;position: relative;}
.newslist .tabnav ul li.ony a{margin-right:1px;border-top-left-radius: 5px; border-top-right-radius: 5px; background: #205a40!important; color: #fff!important;font-weight: bold;}
.newslist .tabnav ul li a{display: block; height: 44px; line-height: 44px; text-align: center; color: #000; font-size: 18px;padding: 2px 15px;font-weight: bold;}
.newslist .tabnav ul li.on a,.newslist .tabnav ul li a:hover{border-top-left-radius: 5px; border-top-right-radius: 5px; color: #205a40;font-weight: bold;}
.newslist .tabbox .item{display: none;}
.newslist .tabbox .item.on{display: block;}
.newslist .tabbox ul li{width: 100%; height: auto; overflow: hidden; line-height: 30px;}
.newslist .tabbox ul li a{color: #000; float: left;width: 85%;height: 30px;line-height: 30px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;font-family: "宋体",Arial, Helvetica, sans-serif;}
.newslist .tabbox ul li time{float: right; color: #8d8d8d;}
.newslist .tabbox ul li a:hover{color: #205a40; text-decoration: underline;}
.newslist .tabone{position: relative;min-height: 234px;}
.newslist .tabtwo{margin-top:20px; position: relative;min-height: 234px;}
.newslist .tabtwo{margin-top:20px; position: relative;min-height: 234px;}
.newslist .tabtwo .tabbox ul li a{ text-indent:15px;width: 85%;height: 30px;line-height: 30px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist .tabbox .more{position: absolute; top: 12px; right: 15px;}
.newslist .tabbox .more a:hover{color: #205a40;}
.newslist .tabtwo .tabbox ul li a{position: relative;}
.newslist .tabtwo .tabbox ul li a text{
    position: absolute;
    top: -2px;
    left: -12px;
    font-size: 40px;
    color: hsla(0,0%,53%,.8);
    font-family: 'Microsoft YaHei';
}
.newslist .tabbox ul li a text{
    position: absolute;
    top: -3px;
    left: -12px;
    font-size: 40px;
    color: hsla(0,0%,53%,.8);
    font-family: 'Microsoft YaHei';
}

.newspublic .title{width: 100%; height: 44px; padding: 0 15px; display: flex; align-items: center; background: #205a40;}
.newspublic .title img{display: block;}
.newspublic .title p{font-size: 18px; color: #fff; margin-left: 15px;font-weight: bold;}
.newspublic .title a{color: #fff; margin-left: auto; font-size: 16px;}
.newspublic .box{width: 100%; height: auto; overflow: hidden; background: #faf9f9; padding:10px 10px;}
.newspublic .box ul li{width: 100%; height: auto; overflow: hidden; height: 30px; line-height: 30px;}
.newspublic .box ul li a{color: #000; float: left;font-family: "宋体",Arial, Helvetica, sans-serif;}
.newspublic .box ul li time{float: right; color: #8d8d8d;}
.newspublic .box ul li a:hover{color: #205a40; text-decoration: underline;}
.newspublic .box ul li a text{
    font-family: 'Microsoft YaHei';
}

/* 政策文件 会员之家 */
.newsmember{width: 312px; height: auto; overflow: hidden; float: right;}
.newsmember .member{width: 100%; height: auto; margin-top: 10px; overflow: hidden; background:#faf9f9 url(../img/member_tit.png) no-repeat center top;}
.newsmember .member .title{width: 100%; height:52px; line-height: 52px; text-align: center; font-size: 20px; color: #fff;}
.newsmember .member ul{display: flex; justify-content: space-between; padding: 30px 8px 0; position: relative;}
.newsmember .member ul li a{display: block; width: 143px; height: 127px; border-radius: 8px;}
.newsmember .member ul li a:hover{box-shadow: 0 0 8px rgba(0,0,0,0.3);}
.newsmember .member ul li {position: relative;}
.newsmember .member ul li img{position: absolute; top: 26px;left: 42px;}
.newsmember .member ul li:nth-child(1) a{
    background: url(../img/pic01.png) no-repeat left top;
    background-color: #fca05d;
}
.newsmember .member ul li:nth-child(2) a{
    background: url(../img/pic02.png) no-repeat left top;
    background-color: #96bfaf;
}
.newsmember .member ul li p{color: #fff; font-size:16px; width: 132px; position: absolute; bottom: 20px; text-align: center;}
.newsmember .member .btn a{display: block; width: 100%; height: 45px; line-height: 45px; background: #c6ded7; color: #242424; font-size:18px; text-align: center; margin-top: 30px; }
.newsmember .member .btn a:hover{background: #205a40; color: #fff;}

.adstwo{width: 100%; height: auto; overflow: hidden; padding: 25px 0 35px;}
.adstwo ul{width: 100%; display: flex; justify-content: space-between;}
.adstwo ul li img{display: block; width: 100%;}

/* 访谈栏目 园林人物 */
.mtableft{width:855px; height:auto; float:left;}
.mtableft .thumbslide{margin-bottom: 3px; width: 100%; height: auto; overflow: hidden;}
.mtableft .thumbslide h2{width: 59px; height: 175px; float: left; background: #205a40; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; border-top-left-radius: 5px;  border-bottom-left-radius: 5px; }
.mtableft .thumbslide .bd{width: 660px; overflow: hidden;}
.mtableft .thumbslide .thumb{width: 796px; height: 175px; background: #f4f2f2; float: left; border: 1px solid #e8e7e7;} 
.mtableft .thumbslide .thumb ul li{float: left;}
.mtableft .thumbslide .thumb ul li img{display: block;}
.mtableft .thumbslide .thumbone{padding: 15px 0 0 73px; position: relative;}
.mtableft .thumbslide .thumbtwo{padding: 6px 0 0 73px; position: relative;}
.mtableft .thumbslide .prev{position: absolute; left: 33px; top: 73px;}
.mtableft .thumbslide .next{position: absolute; right: 18px; top: 73px;}
.mtableft .thumbslide .thumbone ul li{margin-right: 26px;}
.mtableft .thumbslide .thumbone ul li img{width: 147px; height: 119px; display: block;}
.mtableft .thumbslide .thumbone ul li p{width: 100%; height: 30px; line-height: 30px; text-align: center;}
.mtableft .thumbslide .thumbone ul li a:hover p{color: #205a40; text-decoration: underline;}
.mtableft .thumbslide .thumbtwo ul li{width: 147px; height: 172px; margin-right: 26px; position: relative;}
.mtableft .thumbslide .thumbtwo ul li img{display: block; width: 147px; height: 172px;}
.mtableft .thumbslide .thumbtwo ul li p{position: absolute; bottom: 0px; height: 30px; line-height: 30px; color: #fff; background: rgba(0,0,0,0.5); width: 100%; text-align: center;}
.mtableft .thumbslideend h2{height: 186px;}
.mtableft .thumbslideend .thumb{height: 186px;}
/* 优秀作品 园林市场 */
.mtableft .tabnav{width: 100%; height: 44px; background: #c6ded7;}
.mtableft .tabnav ul{display: flex;}
.mtableft .thumbtabone .tabnav ul li{margin-right: 0px;}
.mtableft .tabnav ul li{margin-right:15px;}
.mtableft .tabnav ul li.ony a{border-top-left-radius: 5px; border-top-right-radius: 5px; background: #205a40!important; color: #fff!important;font-weight: bold;}
.mtableft .tabnav ul li a{display: block; height: 44px; line-height: 44px; text-align: center; color: #000; font-size: 17px; padding: 2px 15px;font-weight: bold;}
.mtableft .tabnav ul li.on a,.mtableft .tabnav ul li a:hover{border-top-left-radius: 5px; border-top-right-radius: 5px; color: #205a40;font-weight: bold; }
.mtableft .item{display: none;}
.mtableft .item.on{display: block;}
.mtableft .thumbtabone,.mtableft .thumbtabtwo{position: relative;}
.mtableft .thumbtabone .tabbox{padding-top: 10px;min-height: 160px;}
.mtableft .thumbtabone .tabbox ul li{width: 100%; height: auto; overflow: hidden; line-height: 30px;}
.mtableft .thumbtabone .tabbox ul li a{color: #000; float: left;position: relative;font-family: "宋体",Arial, Helvetica, sans-serif;}
.mtableft .thumbtabone .tabbox ul li time{float: right; color: #8d8d8d;}
.mtableft .thumbtabone .tabbox ul li a:hover{color: #205a40; text-decoration: underline;}
.mtableft .thumbtabtwo .tabbox{border: 1px solid #eae9e9; border-top: none; width: 100%; height: auto; overflow: hidden; padding: 15px 0 15px 15px; }
.mtableft .thumbtabtwo .tabbox ul{width: 110%;}
.mtableft .thumbtabtwo .tabbox ul li{float: left; margin-right: 22px;}
.mtableft .thumbtabtwo .tabbox ul li img{display: block; width: 147px; height: 119px;}
.mtableft .tabbox .more{position: absolute; top: 12px; right: 15px;}
.mtableft .tabbox .more a:hover{color: #205a40;}
.mtableft .py30{margin: 30px 0 15px;}
.mtableft .thumbtabone .tabbox ul li a text{
    position: absolute;
    top: -2px;
    left: -12px;
    font-size: 40px;
    color: hsla(0,0%,53%,.8);
    font-family: 'Microsoft YaHei';
}

/* 会员风采 视频教程 */
.mtabright{width:312px; height:auto; overflow:hidden; float:right;}
.mtabright .video{margin-top: 33px;}
.mtabright .video .box{ height: 370px;}
.mtabright .video .box ul li a{text-indent:15px;color: #000;position: relative;}
.mtabright .video .box ul li a text{
    position: absolute;
    top: -2px;
    left: -12px;
    font-size: 40px;
    color: hsla(0,0%,53%,.8);
}

/* 底部版权 */
.footer{width: 100%; height: auto;  overflow: hidden; background: #96bfaf; margin-top: 35px;}
.footer .ftop{width: 1200px; height: auto; overflow: hidden; color: #000; padding: 40px 0 30px; margin: 0 auto; display: flex; justify-content: space-between;}
.footer .ftop .logo{ height: 117px; padding-right: 48px; display: flex; align-items: center; background: url(../img/fline.png) no-repeat right center;}
.footer .ftop .info .tel{display: flex; align-items: center; font-size: 30px; color: #000; font-weight: bold;}
.footer .ftop .info .tel img{margin-right: 20px;}
.footer .ftop .info .article{padding-top: 10px;font-size: 16px;}
.footer .ftop .info p{line-height: 25px;}
.footer .ftop .ewm p{text-align: center; padding-top: 5px;}
.footer .fbom{width: 100%; height: 35px; line-height: 35px; text-align: center; color: #c8c8c8; background: #285943;}
.footer .fbom a{color: #c8c8c8;}



/*后补*/
.wunewsquery {
    font-family: Microsoft YaHei;
    overflow: hidden;
    position: relative;
}
.wunewsquery li {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    height: 150px;
    border-bottom: 1px dotted #cccccc;
}
.wunewsquery .img {
    position: absolute;
    left: 0;
    top: 0;
}
.wunewsquery .con {
    margin-left: 260px;
}
.wunewsquery .title2 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.wunewsquery .title2 .cat {
    color: #d3b167;
    margin-right: 10px;
}

.wunewsquery .title2 a {
    font-size: 18px;
    color: #000;
}
.wunewsquery a {
    text-decoration: none;
}
.wunewsquery .time {
    color: #929292;
}
.wunewsquery .memo {
    color: #666;
    font-size: 14px;
    padding-top: 3px;
}
.list{width: 100%; height: auto; overflow: hidden; margin-bottom: 80px;}
.list{display: flex; justify-content: space-between; padding-top: 10px;}
.list .thumb{flex: 0 0 460px;}
.list .thumb img{width: 100%; display: block;}
.list ul li{margin-bottom: 11px;}
.list ul li a{display: flex; background: #fff; padding: 10px 15px;}
.list ul li .time{flex:0 0 65px; height: 65px; border-radius: 5px; color: #0c0c0c; background: #eee; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.list ul li .time time{font-weight: bold; font-size: 18px;}
.list ul li .time span{font-size: 14px;}
.list ul li .info{margin-left: 10px;}
.list ul li h2{font-size: 16px;}
.list ul li p{font-size: 14px; color: #828383; padding-top: 5px;}
.list ul li a:hover .time{background: #285943; color: #fff;}
.list ul li a:hover h2,.list ul li a:hover p{color: #285943;}
.item ul li,.box ul li {
    position: relative;text-indent: 10px;
}
.item ul li text,.box text{
    position: absolute;
    top: -2px;
    left: -12px;
    font-size: 40px;
    color: hsla(0,0%,53%,.8);
}