@charset "utf-8";

.main_container{}

.con_visual{width:100%;position:relative;margin-top: 83px;border-top:solid 1px #ccc;}
.con_visual li{display:inline-block;}
.con_visual>div{width:100%; margin:0 auto;}
.con_visual>div li img{width:100%;}
.con_visual .btn_set{position:absolute;bottom:3%;right:2%;width: 255px; z-index:51;}
.con_visual .btn_set li{width: 55px;height: 48px;float: left;margin: 0 1px 0 0;}
.con_visual .btn_set li a{color:#fff;padding: 14px 21px;background:url("/images/council/common/common_btn.png") no-repeat;display: block;}
.con_visual .btn_set li .prev{background-position: 1px 0px;text-indent:-999px;font-size:0;padding: 24px 18px;}
.con_visual .btn_set li .stop{background-position: -59px 0px;text-indent:-999px;font-size:0;padding: 24px 18px;}
.con_visual .btn_set li .play{background-position: -116px 0px;text-indent:-999px;font-size:0;padding: 24px 18px;}
.con_visual .btn_set li .next{background-position: -174px 0px;text-indent:-999px;font-size:0;padding: 24px 18px;}
.con_visual .btn_set li .num{display:block;background:none;color: #fff;font-size: 18px;width: 50px;padding-left: 17px;text-align: center; background-color: rgba(30,30,30,.8); padding-bottom:13px;}

.wrap1{width:100%;box-sizing:border-box;}
.con_greeting{width:100%;background:url("/images/council/main/gr_bg.jpg") no-repeat;position:relative;background-size: cover;height: 230px; /*display:none;*/}
.con_greeting div{background:url("/images/council/main/person.png") no-repeat left bottom;height: 230px;}
.con_greeting p{line-height: 27px;font-size:15px;text-align: left;padding: 62px 0 20px 40%;color: #000;box-sizing: border-box;}
.con_greeting .font_c{font-weight: bold;color: #2c3992;}
.con_greeting .font_big{font-size: 22px;}
.con_greeting ul{float:right; margin-right:7px;}
.con_greeting ul li{width:150px; padding:6px 15px; }
.con_greeting ul li a{color:#fff;}
.con_greeting .gr_1{background:url("/images/council/main/gr_1.png") no-repeat;}
.con_greeting .gr_2{background:url("/images/council/main/gr_2.png") no-repeat; margin-left:15px; }
.con_greeting ul li:hover a{text-decoration:underline;}

.con_member {width: 100%;/* background: #2c3992; */position: relative;background: #2c3992 url("/images/council/main/mem_notice.png") center no-repeat;height: 200px;background-size: cover;}
.con_member.no_bg{background: #2c3992;}
.con_member a {color:#fff;}
.con_member li{width: 76px;  margin: 0 auto;}
.con_member .prev {position: absolute;top:5%;left: 44%; z-index:2; }
.con_member .next{position: absolute;bottom:5%;left: 44%; z-index:2;}
.member {width: 90%;margin: 0 auto;padding: 60px 0 60px 0;}
.member div{float:right;width: 54%;}
.member p{display: inline-block;}
.m_round {width: 120px;height: 120px;background: #fff;border-radius: 50%;overflow: hidden;}
.m_round img {padding: 0 ;;width: 120px;}
span.mem_name {color: #fff;vertical-align:middle;line-height: 34px;display:block;padding: 5px 0;text-align: left;}
span.mem_name strong{font-size: 17px; font-weight:bold;}
span.mem_name .mem_size{font-size:17px;font-weight:300;background: url("/images/council/common/bt_mn_line.png") no-repeat right center;padding-right: 7px;}
span.homepage {display:block;background: #ffa800;padding:5px 20px;border-radius: 20px;width: 82%;text-align: center;color: #000;}
span.homepage strong {background: url("/images/council/main/mem_home.png") no-repeat center right;width: 95%;display:block;padding: 6px 12px 6px 0;  font-weight:bold;}
span.homepage:hover{background:#d9d9d9;}
span.homepage:hover strong {background: url("/images/council/main/mem_home1.png") no-repeat center right; }
.con_today {width:100%;position:relative;}
.con_today img{width:100%;height: 175px;}
.con_today>div{background: url("/images/council/main/to_icon.png") no-repeat center left;position:absolute;top: 12%;left:10%;padding: 20px 0 20px 53px;color: #000;text-align: center;width: 44%;line-height: 30px;}
.con_today h2{font-size: 17px; font-weight:300;}
.con_today .to_date{font-size: 23px; font-weight:bold;}
.con_today .to_show {width: 90px;height: 90px;border-radius: 50%;background: #2c3992;border: solid #a0c9ff;display: inline-block;position: absolute;top: 17%;right: 7%;}
.con_today .to_show span{display:block;color:#fff;line-height: 90px;text-align:center;}
.con_today .more{margin-top:15px;border-top:solid 1px #ccc;position: absolute;top: 55%;left: 10%;width: 55%;padding-top: 5px;text-align: right;}
.con_today .more a{color:#000;}
.con_today .more .to_more strong{font-weight:bold;}

.con_service { width: 100%;}
/*.con_service h2{width: 100%;color: #2c3992;font-size: 20px;padding: 12px;border-bottom: solid;box-sizing: border-box;}*/
.con_service ul{width: 100%;}
.con_service ul li{float: left;border-top: solid 1px #ccc;}
.con_service .col6 li{width: 33.3%;}
.con_service .col8 li{width: 24.5%;}
.con_service li a{display:block;text-align:center;background: url("/images/council/main/icons.png") no-repeat;padding: 14px 0;}
.con_service li a span{display:block;padding-top: 59px; font-size:13px;}
.con_service .icon1 a{background-position: 9px 2px;}
.con_service .icon2 a{background-position: 8px -138px;}
.con_service .icon3 a{background-position: 8px -285px;}
.con_service .icon4 a{background-position: 11px -429px;}
.con_service .icon5 a{background-position: 10px -567px;}
.con_service .icon6 a{background-position: 10px -916px;}
.con_service .icon7 a{background-position: 7px -1113px;}
.con_service .icon8 a{background-position: 9px -734px;}
.con_service li:hover a{text-decoration:underline; color:#000;}

.con_cal{display:none; width:100%;background:#1b2462;;float: left; overflow:hidden; box-sizing:border-box;}
.m_cal {padding-bottom: 10px;}
.con_cal h2{text-align:center;font-size:24px;font-weight:600;padding:0 0 35px 0;}
.con_cal h2 a{display:inline-block;width:24px;height:24px;overflow:hidden;box-sizing:border-box;padding:26px 0 0 0;margin-left:10px;}
.con_cal .mc_top{padding: 24px 0 15px 0;font-size:24px;width: 90%;margin: 0 auto;}
.con_cal .mc_top span{font-size:25px;font-weight:bold;display: inline-block;}
.con_cal .mc_top a{display:inline-block;width:21px;height:1px;overflow:hidden;padding:21px 0 0 0;color:#fff;margin: 2px 15px;}
.con_cal .mc_top a.prev{background: url("/images/council/main/cal_pre.png") no-repeat;}
.con_cal .mc_top a.next{background: url("/images/council/main/cal_next.png") no-repeat;}
.con_cal .mc_right{float: right;position: absolute;top: 29px;right: 53px; font-size:14px;}
.con_cal .mc_right span{display:block;margin-bottom: 5px;}
.con_cal .mc_right .check_1 em{display:inline-block; width:15px; height:15px; background:#ffa800; border-radius:50%; margin-right:5px;}
.con_cal .mc_right .today_1 em{display:inline-block; width:15px; height:15px; background:#fff; border-radius:50%; margin-right:5px;}
.con_cal table{width: 78%;margin: 0 auto;border-bottom: solid 1px #fff;}

.con_cal table thead{border-bottom:solid 1px #fff}
.con_cal table th{font-size: 16px;font-weight:600;width:50px;height: 33px;vertical-align:middle;}
.con_cal table td{text-align:center;height: 35px;vertical-align:middle;font-size:15px;}
.con_cal table td a{color:#fff;display:block;padding:10px 0;}
.con_cal table .today{background:url("/images/council/main/cal_day.png")no-repeat center; color:#000; font-weight:bold;}
.con_cal table .check{background:url("/images/council/main/cal_today.png")no-repeat center; color:#000; font-weight:bold;}
.con_cal .cal_more{width: 180px;height: 35px;background: #1b2462;margin: 0 auto;border-radius:20px;border:solid 1px #fff;text-align:center;line-height:34px;position: absolute;bottom: 7%;left: 29%;}
.con_cal .cal_more a {color:#fff; display:block; width:100%; }
.con_cal .cal_more:hover {background:#ccc; border:none;}
.con_cal .cal_more:hover a{color:#1b2462; font-weight:bold;}

.m_con_bbs{background:#e5eafe url("/images/council/main/bbs_bg.png")no-repeat; height: 229px;width:100%;position:relative;margin-top:15px;overflow:hidden;}
.m_con_bbs .on{background: url("/images/council/main/bbs_m_on.png")  no-repeat;padding: 0px 0 20px 0px;width: 92px;height: 60px;float:left;/* box-sizing:border-box; */} 
.m_con_bbs .on a{color: #fff;}
.m_con_bbs .center_line {display:block;position:absolute;top: 25px;left: 81px;}
.m_con_bbs .center_line2 {display:block;position:absolute;top: 25px;left: 172px;}
.m_con_bbs .center_line3 {display:block;position:absolute;top: 25px;left: 263px;}
.m_con_bbs .bbs_list1{position: absolute;top: 0;}
.m_con_bbs .bbs_list2{position: absolute;top: 0;left: 90px;}
.m_con_bbs .bbs_list3{position: absolute;top: 0;left: 180px;text-align: center;}
.m_con_bbs .bbs_list4{position: absolute;top: 0;left: 272px;text-align: center;}
.m_con_bbs .bbs_wrap{position: absolute;width: 100%;box-sizing: border-box;margin: 90px 0 10px 0;}
.m_con_bbs ul{   height: 125px; overflow: hidden;}
.m_con_bbs li{ display:block;width: 84%;margin:0 auto;height:35px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.m_con_bbs li:hover{font-weight:600;}
.m_con_bbs li:hover a{ color:#19286a}
.m_con_bbs li a{display:block;}
.m_con_bbs li .new_w{display:inline-block;background:url("/images/council/main/new_w.gif")  no-repeat; padding: 0px 0 2px 25px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:80% }
.m_con_bbs li .bbs_icon{display:inline-block;background:url("/images/council/main/bbs_dot.png")  no-repeat; padding: 0px 0 2px 25px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:80% }
.m_con_bbs li .bbs_date{display:none;}
.m_con_bbs h2{width: 90px;overflow:hidden;text-align: center;}
.m_con_bbs h2 a{color:#000633;font-weight:400;display:inline-block;font-size: 14px; position: relative;padding: 22px 0;width: 100%;}
.m_con_bbs h2:hover a{font-weight:600; border-bottom:solid 3px #2c3992;}
.m_con_bbs .bbs_more{ position:absolute;top: -92px;right:0; display:none;} 

.con_pop{width:100%;background:#fff;border:solid 1px #ccc;overflow:hidden;box-sizing: border-box;position: relative;}
.con_pop .pop_img img{width:100%; display:inline-block;border-top: solid 1px #ccc;}
.con_pop h2{font-size:20px;color:#000;display:inline-block;padding: 20px 25px; font-weight:bold;}
.con_pop .play_btn{width: 212px;float:right;background: #5f6591;height: 35px;position: absolute;top: 3.5%;right: 2%;overflow:hidden;}
.con_pop .play_btn span{display:block; padding-top:40px;}
.con_pop .play_btn .i_prev{background:url("/images/council/main/pop_pre.png")}
.con_pop .play_btn .i_stop{background:url("/images/council/main/pop_stop.png")}
.con_pop .play_btn .i_play{background:url("/images/council/main/pop_play.png")}
.con_pop .play_btn .i_next{background:url("/images/council/main/pop_next.png")}
.con_pop .play_btn a{color:#fff}
.con_pop .play_btn li{display:inline-block;color:#fff; border-right:solid 1px #fff;width: 43px;height: 35px;}
.con_pop .play_btn li:last-child{border-right:none;}
.con_pop .play_btn .i_count{padding: 9px 12px;text-align: center;}
.wrap3 {width: 100%;display: block;box-sizing: border-box;}
.con_pop .pop_img li{display:inline-block;}

.wrap1:after,.wrap2:after,.wrap3:after{content:"";display:block;clear:both;}
@media (min-width: 530px) {
.con_service .icon1 a{background-position: 32px 3px;}
.con_service .icon2 a{background-position: 30px -138px;}
.con_service .icon3 a{background-position: 32px -285px;}
.con_service .icon4 a{background-position: 38px -431px;}
.con_service .icon5 a{background-position: 37px -568px;}
.con_service .icon6 a{background-position: 30px -915px;}
.con_service .icon7 a{background-position: 37px -1112px;}
.con_service .icon8 a{background-position: 37px -732px;}
	
}

@media (max-width: 360px) {
.m_con_bbs h2{width: 24.5%;}
.m_con_bbs h2 a{font-size:13px}
.m_con_bbs .on{width:24.5%}
.m_con_bbs .center_line {display:block;position:absolute;top: 25px;left: 69px;}
.m_con_bbs .center_line2 {display:block;position:absolute;top: 25px;left: 147px;}
.m_con_bbs .center_line3 {display:block;position:absolute;top: 25px;left: 225px;}
.m_con_bbs .bbs_list1{position: absolute;top: 0;}
.m_con_bbs .bbs_list2{position: absolute;top: 0;left: 77px;}
.m_con_bbs .bbs_list3{position: absolute;top: 0;left: 155px;text-align: center;}
.m_con_bbs .bbs_list4{position: absolute;top: 0;left: 237px;text-align: center;}
}

/* Tablet */
@media all and (min-width:768px) {
.wrap1{width:100%;}
.con_visual{width:100%;position:relative;margin-top: 38px;}

.con_greeting{width: 50%;box-sizing:border-box;float: left;height: 265px; z-index:2; display:block;}
.con_greeting img{height: 234px;}
.con_greeting p{font-size:16px;padding: 65px 0 22px 41%;}
.con_greeting ul{margin-right: 15px;}
.con_greeting .gr_2{margin-left:15px;}
.con_greeting div{height: 264px;}
.con_member {width: 50%;float: left;height: 265px; z-index:2;background-size: auto;}
.member {padding: 60px 0 40px 0;}
.member div{margin-top:10px;}
.con_member:after{display:block;content:"";clear:both;}
span.mem_name strong{font-size: 22px;}

.con_today{clear:both;}
.con_today>div{width: 65%;}
.con_today h2{display: inline-block; font-size: 25px; line-height:38px; padding-top: 10px;}
.con_today .to_date{ padding-top: 15px; display: inline-block; font-size: 30px; padding-left:10px}
.con_today .more{margin-top:15px;border-top:solid 1px #ccc;position: absolute;top:52%;left: 10%;width:65%;}
.con_today .more .to_more{display:block; font-size:17px;}
.con_today .more .to_more strong{margin-left:7px;}
.con_today .to_show {width: 100px;height: 100px;border-radius: 50%;background: #2c3992;border: solid #a0c9ff;display: inline-block;position: absolute;top: 17%;right: 10%;}
.con_today .to_show span{display:block;color:#fff;line-height: 99px;text-align:center;font-size: 18px;}
.con_today img{width:100%;height: 175px;}


.con_service {height: 160px;overflow: hidden;}
/*.con_service h2{width: 18%;font-size: 30px;float: left;line-height: 36px;border-right: solid 1px;border-bottom:none;margin: 1%;padding-top: 37px;font-size: 23px;height: 143px;}*/
.con_service ul{width: 100%;float:left;}
.con_service .col6 li{width: 16.666%;border:none;}
.con_service .col8 li{width:12.5%;border:none;}
.con_service li a{display:block;text-align:center;padding: 43px 0;}
.con_service li a span{display:block;padding-top: 59px; font-size:15px}
.con_service .icon1 a{background-position: 20px 30px;}
.con_service .icon2 a{background-position: 17px -111px;}
.con_service .icon3 a{background-position: 17px -255px;}
.con_service .icon4 a{background-position: 23px -402px;}
.con_service .icon5 a{background-position: 23px -542px;}
.con_service .icon6 a{background-position: 16px -891px;}
.con_service .icon7 a{background-position: 12px -1088px;}
.con_service .icon8 a{background-position: 19px -706px;}
.con_service .icon9{display:none;}
.con_cal{display:none;}

.m_con_bbs{width:50%;float:left;margin-top:0;box-sizing: border-box;height: 334px;}
.m_con_bbs .bbs_wrap{width: 100%;margin: 101px 0 20px 0;}
.m_con_bbs ul{height: 198px;}
.m_con_bbs li{display:block;width: 80%;margin:0 auto;height: 36px;}

.m_con_bbs .bbs_more{ position:absolute;top: -100px;right:-3px;} 
.con_pop{width:50%;box-sizing: border-box;height: 334px;}

}


/* Desktop */
@media all and (min-width:1023px) {
.wrap1{margin:0;border:none;width: 33%; float:left;}
.main_container{}
.con_visual{width: 67%;position:relative;margin:0;box-sizing:border-box;height: 500px;overflow:hidden;float: left;}
.con_visual img{height:500px;}

.con_greeting{ width:100%;height: 250px;}
.con_greeting div{height: 251px;}
.con_greeting p{font-size:17px;padding: 60px 0 20px 42%;}
.con_greeting .font_big{font-size: 20px;}
.con_cal .mc_top{padding: 24px 0 15px 0;font-size:24px;width: 100%;margin: 0 auto;}
.con_cal .mc_top span{font-size:25px;font-weight:bold;display: inline-block;}

.con_member{width:100%;height: 250px;}
.member{width: 95%;}
.member div{margin-top:0; width: 58%;}
span.homepage {width: 85%;}
span.homepage strong {width: 86%;}
.con_today>div{background: none;}
.con_today{float:left;width: 33%;}
.con_today>div {width: 42%;padding: 8px 0 10px 0px;top: 20%;line-height: 18px;}
.con_today h2{font-size: 17px;margin-top: 0;padding: 0;}
.con_today .to_date{font-size: 21px; padding: 0;}
.con_today .to_show {right: 8%;top: 20%;}
.con_today .more{width: 100%;position: absolute;top: 58%;left: 5%;width: 56%;}
.con_today .more .to_more{display:block;font-size: 15px;}
.con_today:after{display:block;content:"";clear:both;}

.con_service{width: 70%;float: left;}
.con_service {float:left;width: 67%;box-sizing: border-box;height:175px;}
/*.con_service h2{width: 20%;height: 156px;overflow: hidden;padding: 40px 20px;font-size: 24px;line-height: 41px;}
.con_service .col6 li{width: 16.666%; }
.con_service .col8 li{width: 12.5%; }*/
.con_service li a span{display:block;padding-top: 66px;}
.con_service .icon1 a{background-position: 13px 38px;}
.con_service .icon2 a{background-position: 9px -102px;}
.con_service .icon3 a{background-position: 10px -249px;}
.con_service .icon4 a{background-position: 16px -392px;}
.con_service .icon5 a{background-position: 17px -533px;}
.con_service .icon6 a{background-position: 15px -880px;}
.con_service .icon7 a{background-position: 8px -1078px;}
.con_service .icon8 a{background-position: 11px -698px;}

.wrap2{width:100%;}
.con_cal{color:#fff;display:block;width: 33%;height: 408px;float:left;position: relative;}

.m_con_bbs{width: 35.5%;float:left;height: 408px;}
.m_con_bbs ul{overflow:hidden;height: 247px;}
.m_con_bbs .bbs_wrap{margin: 113px 0 35px 0;}
.m_con_bbs li{width:85%; height:38px}


.m_con_bbs li .bbs_icon, .m_con_bbs li .new_w{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:72% }


.con_pop{width:31.5% ;height: 408px;}
.con_pop .pop_img img{height: 342px;}

}


/* Desktop wide */
@media all and (min-width:1399px) {
.member{width: 84%;}
.con_service ul{/*width: 75%;*/}
/*.con_service h2{font-size: 28px;padding: 40px 38px;}*/
.con_service .icon1 a{background-position: 25px 38px;}
.con_service .icon2 a{background-position: 22px -102px;}
.con_service .icon3 a{background-position: 23px -249px;}
.con_service .icon4 a{background-position: 31px -393px;}
.con_service .icon5 a{background-position: 28px -534px;}
.con_service .icon6 a{background-position: 25px -882px;}
.con_service .icon7 a{background-position: 22px -1079px;}
.con_service .icon8 a{background-position: 26px -699px;}
.con_greeting p{font-size:17px;margin-right: 40px;width:100%;padding: 66px 0 20px 200px;}
.con_greeting ul{margin-right: 51px;}
.con_greeting .font_big{font-size: 26px;}
.member div{float:right;width: 63%;}
.con_today .more{position: absolute;top: 56%;left: 10%;width: 56%;}
.con_today>div{background: url("/images/council/main/to_icon.png") no-repeat top left;width: 35%;padding: 0px 0 11px 64px;top: 20%;line-height: 18px;margin-left: 20px;}
.con_today h2{font-size: 18px;margin-top: 5px;}
.con_today .to_date{font-size: 24px;}
.con_cal .mc_top{padding: 29px 0 15px 0;font-size:27px;width: 90%;margin: 0 auto;}
.con_cal .mc_top span{font-size:25px;font-weight:bold;display: inline-block;}
.m_con_bbs li .bbs_date{display:block; float:right; padding-top:0;}
.m_con_bbs li .bbs_icon, .m_con_bbs li .new_w{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:60% }

.m_con_bbs h2{width: 100px;overflow:hidden;text-align: center;}
.m_con_bbs h2 a{font-size: 15px;}
.m_con_bbs .center_line {position:absolute;top: 25px;left: 92px;}
.m_con_bbs .center_line2 {position:absolute;top: 25px;left: 191px;}
.m_con_bbs .center_line3 {position:absolute;top: 25px;left: 292px;}
.m_con_bbs .bbs_list1{position: absolute;top: 0;}
.m_con_bbs .bbs_list2{position: absolute;top: 0;left: 100px;}
.m_con_bbs .bbs_list3{position: absolute;top: 0;left: 200px;}
.m_con_bbs .bbs_list4{position: absolute;top: 0;left: 302px;text-align: center;}
.m_con_bbs .on{width:100px}
.m_con_bbs .bbs_more{display:block;position:absolute;top: -111px;right:0;} 
.m_con_bbs .on{background: url("/images/council/main/bbs_on.png") no-repeat;}
}