﻿.content{width:1200px;margin:50px auto 40px;}
.Left{width:267px;float:left;}
.Left .name{height: 66px;line-height: 66px;color:#fffefe;font-size: 16px;background:  #007b39 ;text-align: center;}
.Left li .a{height:66px;line-height:66px;color:#333;background:#eeeeee;font-size:16px;display:block;text-align:center;}
.Left li{margin:20px 0px 0px 0px;}
.Left li.on .a{color:#007b39;}
.Left li:hover .a{color:#007b39;}
.Right{width: 885px;float:right;}
.Right .location{padding: 0px 0px 13px 0px;border-bottom:2px solid #007b39;}
.Right .location .position{float:right;margin: 4px 0px 0px 0px;}
.Right .location .n1{font-size: 18px;color:#007b39;}
.Right .position{color:#999999;font-size: 12px;height: 16px;}
.Right .position img{margin: -3px 5px 0px 0px;vertical-align: middle;}
.Right .position a{color:#999999;font-size: 12px;}
.Right .position span{margin:0px 3px;}
.Right .list li{padding:15px 0px;line-height:24px;border:1px solid transparent;border-bottom:1px solid #e6e6e6;box-sizing:border-box;transition:0.5s all ease;}
.Right .list .tit{width:730px;display:inline-block;height:24px;overflow:hidden;font-size:16px;color:#333333;float: left;padding:0px 0px 0px 22px;position:relative;transition:0.5s all ease;}
.Right .list .tit:before{width:6px;height:6px;background:#adadad;content:'';position:absolute;left:0px;top:50%;margin-top:-3px;transition:0.5s all ease;}
.Right .list .time{float:right;font-size:14px;color:#999999;transition:0.5s all ease;}
.Right .list li:hover{border:1px solid #007b39;}

.Right .list li:hover{padding:15px 25px;}

.Right .listpic li{padding:15px 0px;line-height:24px;border:1px solid transparent;border-bottom:1px solid #e6e6e6;box-sizing:border-box;transition:0.5s all ease;}
.Right .listpic li img{ float:left; width:120px; height:140px;}
.Right .listpic li .picright{ float:right; width:740px;}
.Right .listpic .tit{width:740px;display:inline-block;height:30px; font-weight:bold; line-height:30px;overflow:hidden;font-size:16px;color:#333333;float: left;padding:0px 0px 0px 0px;position:relative;transition:0.5s all ease;}

.Right .listpic .p{}
.Right .listpic li:hover{border:1px solid #007b39;}

.Right .listpic li:hover{}



.Right .listpicry li{padding:15px 0px; width:31%; margin:0 1%; float:left}
.Right .listpicry li img{ float:left; width:100%; height:200px;}
.Right .listpicry li .picright{ float:right; width:100%;}
.Right .listpicry .tit{width:100%;display:inline-block;height:30px; font-weight:bold; line-height:30px;overflow:hidden;font-size:16px;color:#333333;float: left;padding:0px 0px 0px 0px;position:relative;transition:0.5s all ease; text-align:center}

.Right .listpicry .p{}




#pages{text-align:center;margin:30px 0px 0px 0px;}
#pages a{background:#ededed;font-size:14px;color:#666666;padding: 5px 10px;margin:0px 2px;transition:0.5s all ease;}
#pages span{font-size:14px;color:#666666;padding:4px 9px;margin:0px 2px;transition:0.5s all ease;}
#pages a.currentpage{background:#007b39;color: #fff;}
#pages a:hover{background:#007b39;color: #fff;}


.Info .title{color: #333333;font-size: 30px;text-align: center;padding: 0px 0px 25px 0px;border-bottom: 1px solid #dddddd;}
.Info .fbiaoti{color: #333333;font-size: 30px;text-align: center;/* padding: 0px 0px 25px 0px; *//* border-bottom: 1px solid #dddddd; */margin:0px 0px 10px 0px;}
.article{font-size: 18px;color: #555555;line-height: 32px;margin: 0px 0px 30px 0px;}
.Info .time{text-align:center;font-size:18px;color:#999999;margin:25px 0px 30px 0px;position:relative;}
.Info .time .size{position:absolute;right:0px;top:0px;color:#333333;}
.Info .time .size .txt{color:#999;margin:0px 10px 0px 0px;cursor: pointer;}
.Info .time .size .txt.on{color:#2265ab;}
.Info .back{float:right;color:#2265ab;border-bottom:1px solid #2265ab;font-size:16px;}
.article img{max-width:100%;}
.contact{margin: 30px 0px 20px 0px;}
#maps{height: 340px;width: 100%;margin: 0px 0px 13px 0px;}
#maps .map{height: 340px;width: 100%;}

.BMap_top{display:none;}
.BMap_pop>div:nth-child(1){display:none;}
.BMap_pop>div:nth-child(3){display:none;}
.BMap_pop>div:nth-child(5){display:none;}
.BMap_pop>div:nth-child(7){display:none;}
.BMap_pop>div:nth-child(8){display:none;}
.BMap_pop .BMap_center{background-color: unset!important;border: 0!important;display: none;}
.BMap_bottom{display:none;}
.BMap_shadow img{display: none;}
.map_p1{font-size:14px;color:#333333;padding: 15px 0px 7px 0px;}
.contact_em{font-size:12px;color:#666666;line-height:22px;}
.BMap_Marker img{display: none!important;}
/* .BMap_Marker{display:block;width: 135px!important;height: 135px!important;/* background: url(../images/icon-circle1.png) center center no-repeat!important;top: 148px!important;left: 545px!important;} */
.BMap_pop>div:nth-child(9){top: 195px!important;left:0px!important;}
.BMap_Marker:nth-child(2){display:none;}
.BMap_Marker:nth-child(1) div{display:block;width: 135px!important;height: 135px!important;background: url(../image/icon-circle.png) center center no-repeat!important;/*top: 148px!important;left: 545px!important;*/left: -60px;top: -55px;}
.map_message{font-size: 16px;color: #333333;background: #fff;box-shadow: 0px 0px 5px 2px #eee;text-align: center;width: 200px;height: 50px;line-height: 50px;position: absolute;left: 00px;border-radius: 6px;}
.BMap_pop img{display:none;}
.contact li{font-size: 16px;color: #535353;float: left;width: 425px;padding: 20px 0px 20px 42px;border-bottom: 1px solid #e3e3e3;position:relative;box-sizing: border-box;line-height: 30px;}
.contact li:nth-child(2n){float:right;}
.contact li .icon{width:30px;height:30px;position:absolute;left:0px;top:50%;margin-top:-15px;border-radius:50%;background-size: 50%!important;}

.single{margin:25px 0px;font-size: 18px;color: #555555;line-height: 32px;}
.single img{max-width:100%;}

.Link li{width: 200px;height:95px;line-height:90px;background:#f3f3f3;float:left;margin: 28px 28px 0px 0px;text-align: center;overflow:hidden;}
.Link li img{vertical-align:middle;max-width: 95%;max-height: 95%;transition:0.5s all ease;}
.Link li:nth-child(4n){margin-right:0px;}
.Link li:hover img{transform:scale(1.2);}

/* 历任会长 */
.president{margin:30px auto;}
.president .p1{font-size:18px;color:#333;margin:0px 0px 20px 0px;}
.presidentL{float:left;width:120px;height:520px;overflow-y:scroll;}
.presidentL li{margin:0px 0px 20px 0px;}
.presidentL .Img{width:97px;height:103px;border:3px solid #EAEAEA;}
.presidentL .Img img{width:100%;height:100%;}
.presidentL .title{font-size:14px;color:#333;margin:5px 0px 2px 0px;}
.presidentL .description{font-size:14px;color:#333;}
.presidentL li.on .title{color:#2265ab;}
.presidentL li.on .description{color:#2265ab;}

.presidentR{float: left;width: 280px;text-align: center;margin: 0px 0px 0px 185px;}
.presidentR .Img{width:100%;height:400px;overflow:hidden;}
.presidentR .Img img{width:100%;height:100%;border: 3px solid #EAEAEA;box-sizing: border-box;}
.presidentR .title{font-size:24px;color: #666666;margin: 15px 0px 10px 0px;}
.presidentR .summary{font-size:24px;color: #666666;}
.presidentR li{display:none;}
.presidentR li.on{display:block;}
.phone{ display:none}
@media(max-width:1024px){
.phone{ display:block}
.pc{ display:none}
    .content table{max-width:100%;}
    .content{width:100%;margin:20px auto;}
    .Left{width:95%; margin:0 auto 0px auto;float:none;}
.Left .name{height: 30px;line-height: 30px;color:#fffefe;font-size: 16px;background:  #007b39 ;text-align: center; display:none}
.Left li .a{height:35px;line-height:35px;color:#333;background:#eeeeee;font-size:16px;display:inline-table;text-align:center; padding:0 0px; width:100%}
.Left li{margin:0px 1% 10px 1%; float:none; display:inline-table; width:22%; }
.Left li.on .a{color:#007b39;}
.Left li:hover .a{color:#007b39;}
    .Right{width:95%;float:none;margin: 0 auto;}
    .Right .location{padding:0px 0px 10px 0px; display:none}
    .Right .location .n1{font-size:16px;}
    .Right .position img{margin: -4px 2px 0px 0px;}

    .single{margin:20px 0px;font-size: 14px;}

    .Right .list li{padding:10px 0px;}
    .Right .list .tit{width: calc(100% - 75px);font-size:14px;padding: 0px 0px 0px 13px;box-sizing: border-box;}
    .Right .list .tit:before{width:5px;height:5px;}
    .Right .list .time{font-size:12px;}
    .Right .list li:hover{padding: 10px 15px;}

    #pages{margin:20px 0px 0px 0px;}
    #pages span{padding: 3px 7px;font-size: 12px;}
    #pages a{padding: 3px 7px;font-size: 12px;margin: 0px 0px 5px 0px;display: inline-block;}
    .Info .title{font-size:16px;padding: 0px 0px 20px 0px;}
    .Info .fbiaoti{font-size:16px;}

    .Info{width:95%;margin:0 auto;}
    .Info .time{margin:15px auto 20px;font-size:12px;}
    .Info .time .size .txt{margin:0px 6px 0px 0px;}

    .article{font-size: 14px;}

    .contact{margin:20px auto 0px;}
    #maps{height: 55vw;}
    #maps .map{height: 55vw;}
    .BMap_Marker:nth-child(1) div{width: 60px!important;height: 60px!important;background-size: contain!important;left: -20px;top: -20px;}
    .BMap_pop>div:nth-child(9){top: 140px!important;}
    .map_message{font-size:12px;width: 120px;height:30px;line-height:30px;left: 50%;margin-left: -60px;}


    .single table{width: 100%!important;}

    .contact li{padding: 10px 0px 10px 34px;float:none;font-size: 14px;width: 100%;line-height: 25px;}
    .contact li:nth-child(2n){float:none;}
    .contact li .icon{width: 27px;height: 27px;background-size: 42%!important;}

    .president{margin:20px auto;}
    .presidentL{width: 90px;height: 305px;}
    .presidentL .Img{width:84px;height:97px;}
    .presidentL li{margin:0px 0px 10px 0px;}
    .presidentL li .title{margin:5px 0px 0px 0px;}
    .presidentR{width:calc(100% - 100px);float:right;margin:0px;}
    .presidentR .Img{height:auto;}
    .presidentR .title{font-size: 18px;margin: 10px 0px 5px 0px;}
    .presidentR .summary{font-size: 18px;}
    .article img{height: auto;}

.Right .listpic li{padding:15px 0px;line-height:24px;border:1px solid transparent;border-bottom:1px solid #e6e6e6;box-sizing:border-box;transition:0.5s all ease;}
.Right .listpic li img{ float:left; width:30%; height:140px;}
.Right .listpic li .picright{ float:right; width:65%;}
.Right .listpic .tit{width:100%;display:inline-block;height:30px; font-weight:bold; line-height:30px;overflow:hidden;font-size:16px;color:#333333;float: left;padding:0px 0px 0px 0px;position:relative;transition:0.5s all ease;}

.Right .listpic .p{}
.Right .listpic li:hover{border:1px solid #007b39;}

.Right .listpic li:hover{padding:15px 25px;}

.Right .listpicry li{padding:15px 0px; width:100%; margin:0 0%; float:left}
.Right .listpicry li img{ float:left; width:100%; height:auto;}
.Right .listpicry li .picright{ float:right; width:100%;}
.Right .listpicry .tit{width:100%;display:inline-block;height:30px; font-weight:bold; line-height:30px;overflow:hidden;font-size:16px;color:#333333;float: left;padding:0px 0px 0px 0px;position:relative;transition:0.5s all ease; text-align:center}

.Right .listpicry .p{}



}






















