@charset "utf-8";


/*비주얼*/
.m_contents .content_area{margin:0 auto;position:relative;}
.m_visual{position:relative}
.m_visual .btn a{font-size:0px;z-index:2;}
.m_visual .btn .prev{position:absolute;top:77px;display:block;width:40px;height:29px;background:url("/images/mayor/main/info_prev.png") no-repeat;background-size:50%;font-size: 0px;}
.m_visual .btn .next{position:absolute;top:75px;right:0px;display:block;width:40px;height:29px;background: url("/images/mayor/main/info_next.png") no-repeat 100%;background-size: 50%;}
.m_visual .btn .stop{display:block;width: 20px;height: 20px;background: url("/images/mayor/main/stop.png") no-repeat 3px 0;background-size: 13px;margin: 24% 0 0 49%;}
.visual_area .m_visual>div{width:100%;height:300px;z-index:1;}
.visual_area .m_visual .mvi1 h2{padding: 17px 0px 0 93px;}
.visual_area .m_visual .mvi2 h2{padding: 17px 0px 0 93px;}
.visual_area .m_visual .mvi3 h2{padding: 17px 0px 0 93px;}
.visual_area .m_visual .mvi1 h2 img{width: 50%;}
.visual_area .m_visual .mvi2 h2 img{width: 50%;}
.visual_area .m_visual .mvi3 h2 img{width: 50%;}

/**비주얼 이미지 슬라이드**/
.visual_area .m_visual .mvi1{background:url("/images/mayor/main/visual_bg.png") no-repeat center 0;background-size:100%;}
.visual_area .m_visual .mvi2{background:url("/images/mayor/main/visual_bg2.png") no-repeat center 0;background-size:100%;display:none;}
.visual_area .m_visual .mvi3{background:url("/images/mayor/main/visual_bg3.png") no-repeat center 0;background-size:100%;display:none;}


/*비주얼 하단 메뉴*/
.m_visual .link_bg{width: 100%;border-top:1px solid #909090;position:absolute;bottom:0px;background-color: #fff;}
.m_visual .link li{float:left;width: 49.8%;font-size:12px;font-weight:bold;border-bottom:1px solid #909090;}
.m_visual .link li a{display:block;height: 45px;padding: 15px 0 0 40%;text-align:left;}
.m_visual .link li span{display:block;width: 69px;height:10px;padding:5px;margin-top:3%;font-size:0.7em;color:#fff;background:url("/images/mayor/common/menu_list.png") no-repeat 90% #7f7f7f;}
.m_visual .link li span:hover{background:url("/images/mayor/common/menu_list_on.png") #f17c46 no-repeat 90%}
.m_visual .link .my1{background: url("/images/mayor/main/menu1.png") no-repeat 5px;background-size:30%;border-right:1px solid #909090;}
.m_visual .link .my2{background:url("/images/mayor/main/menu2.png") no-repeat 5px;background-size:30%;}
.m_visual .link .my3{background:url("/images/mayor/main/menu3.png") no-repeat 5px;background-size:30%;border-bottom:1px solid #909090;border-right:1px solid #909090;}
.m_visual .link .my4{background:url("/images/mayor/main/menu4.png") no-repeat 5px;background-size:30%;}

/*sns*/
.section01{clear:both;position: relative;margin:0 auto;background:#3a4d6d;padding:25px 11px;background:url("/images/mayor/main/section01_bg.jpg") repeat;}
.section01 .middle_field .sns{display:block;width:100%;height:110px;}
.section01 .middle_field .sns ul li{font-size:0.9em;float:left;width:33.3%;}
.section01 .middle_field .sns ul li a{width:100%;height:40px;text-align:center;padding-top:70px;color:#fff;display:block;}
.section01 .middle_field .sns .fb a{background:url("/images/mayor/main/fb.png") #305cbf no-repeat center 15px;background-size:40px}
.section01 .middle_field .sns .nb a{background:url("/images/mayor/main/nb.png") #58b04c no-repeat center 15px;background-size:45px}
.section01 .middle_field .sns .tw a{background: url("/images/mayor/main/tw.png") #5ac5f1 no-repeat center 15px;background-size:45px;}

/*영상*/
.section01 .movie a{display:block;position:relative}
.section01 .movie a span{display:block;background:url("/images/mayor/main/movie_icon2.png") no-repeat center center;position:absolute;top:0;left:0;width:100%;height:100%}
.section01 .movie a img{width:100%}

/*군수님 24시*/
.section01 .mayor_area{position:relative;margin-top: 22px;padding: 3% 0;}
.section01 .mayor_area .mayor_character{width: 91%;height:125px;background: #1acbcb;margin-left: 8%;}
.section01 .mayor_area .mayor_box{background: url(/images/mayor/main/character.png) no-repeat left;padding:27px 0 1px 11%;height: 126px;position: absolute;top: 0;left: 1%;background-size:62px;width: 86%;}
.section01 .mayor_area .mayor_box h2{font-size: 1em;color:#fff;padding-left: 43px;background: url("/images/mayor/main/clock.png") no-repeat 24px;background-size: 14px;margin-bottom:8px;height: 18px;}
.section01 .mayor_area .mayor_box .schedule{display:none;}
.section01 .mayor_area .mayor_box .schedule_list{padding: 6px 4% 10px 4%;margin: 0 0 0 40px;background:#03a2a2;font-size: 0.6em;width: 60%;}
.section01 .mayor_area .mayor_box .schedule_list ul li{display:block;text-overflow: clip;white-space: nowrap;overflow:hidden;letter-spacing: 0.07em;line-height: 2.6em;color:#fff;border-bottom:solid 1px #35d3d3;}
.section01 .mayor_area .mayor_box .schedule_list ul li:nth-child(n+3){display:none;}
.section01 .mayor_area .mayor_box .txt_hanja{font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";line-height: 18px;}
.section01 .mayor_area p{display:block;font-size:0%;padding: 8px;background:url("/images/mayor/common/more_btn.png") #036765 no-repeat center ;background-size: 57%;position:absolute;top:26px;right: 21px;}
.section01 .mayor_area .mayor_box .txt_color{color:#fffac2}
.section01 .mayor_area .mayor_box button{position:absolute;top: 70px;width:10px;height:0;padding:17px 0 0 0;overflow:hidden;background:url("/images/mayor/main/schedule_arr.png") no-repeat;}
.section01 .mayor_area .mayor_box button.prev{left: 60px;}
.section01 .mayor_area .mayor_box button.next{right: 15px;background-position:-10px 0;}

/*포토갤러리*/
.section02{clear:both;margin:0 auto;background:#eeeeee;padding: 40px 11px 20px 11px;position:relative;}
.section02 .photo_area{background: url("/images/mayor/main/photo_area1.png") no-repeat 120% center;background-size:45%;}
.section02 .photo_area h2 span{color:#f5590e;}
.section02 .photo_area h2{color:#11256a;margin-bottom:0.4em;font-size:40px}
.section02 .photo_area p{margin-bottom:16px; margin-top:16px;font-weight:bold;line-height:1.5em;}
.section02 .photo_area ul li{width:100%;background:#fff;border:1px solid #c2c2c2;border-bottom:5px solid #3f506e;}
.section02 .photo_area ul li a{display:block;width: 100%;}
.section02 .photo_area ul li img{width:100%;}
.section02 .photo_area strong{display:block;font-size: 1.1em;color:#112669;padding: 24px 24px 0 25px;}
.section02 .photo_area ul li .img_txt{display:block;line-height:1.5em;color:#000;padding: 20px 30px 18px 30px;font-size: 0.9em;font-style: normal;font-weight: 100;}
.section02 .photo_area ul li .img_txt2{display:block;padding: 0 30px 30px 30px;font-style:normal;color:#3b5ba8;}
.section02 .photo_area ul li .img_txt2 span{float:right;color:#4d4d4d;}
.section02 .photo_area .p_more{}
.section02 .photo_area .p_more a{display:block;background: url("/images/mayor/common/more_btn.png") #2C3F5E no-repeat 94%;color:#fff;padding:13px 5% 13px 5%;background-size:15px;}
.section02 .photo_area .p_more a:hover{background-color:#ff5200}
.section02 .photo_area .photo_bg .photo1{background:none;border:none;}
.section02 .photo_area .photo_bg .photo3{display:none;}
.section02 .photo_area .photo_bg .photo4{display:none;}
.section02 .photo_area .photo_bg .photo5{display:none;}
.section02 .photo_area .photo_bg .photo6{display:none;}
.section02 .photo_area .photo_bg .photo7{display:none;}
.section02 .photo_area .photo_bg .photo8{display:none;}
.section02 .photo_area ul li:hover{display:block;border-bottom:5px solid #ff5200;}


@media all and (min-width:330px){

.m_visual .btn .stop{margin: 20% 0 0 50%;}

}



@media all and (min-width:360px){

.m_visual .link .my1{background-size:25%;background-position:15px;}
.m_visual .link .my2{background-size:25%;background-position:15px}
.m_visual .link .my3{background-size:25%;background-position:15px}
.m_visual .link .my4{background-size:25%;background-position:15px}
.section01 .middle_field .sns ul li{font-size:1em;}
.section01 .mayor_area .mayor_box .schedule_list{width:77%}
.section01 .mayor_area p{ position:absolute;top:26px;right:29px;}

.m_visual .btn .stop{margin: 16% 0 0 50%;}


}






@media all and (min-width:400px){
.section01{}
.m_visual .btn .stop{margin:23% 0 0 50%;}
.visual_area .m_visual>div{height:345px;}
}


@media all and (min-width:430px){
.m_visual .btn .stop{margin:20% 0 0 50%;}
.section02 .photo_area .p_more{top: 90%;}
}




@media all and (min-width:450px){

.m_visual .btn .prev{top: 115px;}
.m_visual .btn .next{top:110px;}
.m_visual .btn .stop{margin: 23% 0 0 50%;}
.visual_area .m_visual>div{height:370px;}
.m_visual .link .my1{background-size:22%;}
.m_visual .link .my2{background-size:22%;}
.m_visual .link .my3{background-size:22%;}
.m_visual .link .my4{background-size:22%;}
.section02 .photo_area .photo_bg .photo3{display:block;}
.section02 .photo_area ul{overflow:hidden;}
.section02 .photo_area ul li{float:left;}
.section02 .photo_area ul .photo2{width:48%;margin-right:2%;}
.section02 .photo_area ul .photo3{width:48%;}



}


@media all and (min-width:480px){
.m_visual .btn .stop{margin: 19% 0 0 50%;}
.section01 .mayor_area p{position:absolute;top:26px;right:39px;}
}

@media all and (min-width:500px){
.m_visual .btn .stop{margin: 22% 0 0 50%;}
.visual_area .m_visual>div{height:400px;}
.m_visual .link li{font-size:14px;}
.m_visual .link li a{height: 52px;padding: 10px 0 0 40%;}
.m_visual .link .my1{background-size:20%;background-position:20px;}
.m_visual .link .my2{background-size:20%;background-position:20px;}
.m_visual .link .my3{background-size:20%;background-position:20px;}
.m_visual .link .my4{background-size:20%;background-position:20px;}
.section01 .middle_field .sns_area{overflow:hidden;}
.section01 .middle_field .sns{width:60%;float:left;}
.section01 .middle_field .movie{width:40%;float:left;}
.section01 .middle_field .movie a img{height:110px;}
.section01 .mayor_area .mayor_box .schedule_list{width:80%; margin:0 0 0 20px;}
}


@media all and (min-width:550px){
.m_visual .btn .stop{margin: 19% 0 0 50%;}
}


@media all and (min-width:560px){
.visual_area .m_visual>div{height: 379px;}
.m_visual .btn .stop{margin: 26% 0 0 50%;}
.m_visual .link li{float:left;width:23%;font-size:11px;font-weight:bold;width: 24.8%;}
.m_visual .link li a{height:61px;}
.m_visual .link .my1{background-size:30%;background-position:8px;}
.m_visual .link .my2{background-size:30%; border-right:1px solid #909090;background-position:8px;}
.m_visual .link .my3{background-size:30%;background-position:8px;}
.m_visual .link .my4{background-size:30%;background-position:8px;}
.m_visual .link li a{height: 50px;padding: 11px 0 0 40%;}
.m_visual .link li span{width:60px;height:10px;margin-top: 4%;font-size:0.7em;}
.section01 .mayor_area .mayor_box h2{padding-left:30px;background-position:10px;}
.section01 .mayor_area .mayor_box .schedule_list{width:83%;margin:0 0 0 10px;}
}


@media all and (min-width:600px){
.visual_area .m_visual .mvi1 h2{padding: 30px 0px 0 134px;}
.m_visual .btn span{height: 212px;}
.m_visual .btn .prev{top:150px;}
.m_visual .btn .next{top:150px;}
.m_visual .btn .stop{margin: 27% 0 0 50%;}
.visual_area .m_visual>div{height:400px;}
.section01 .middle_field .sns ul li{font-size:1.2em;}

.section01 .mayor_area .mayor_box{padding:32px 0 1px 11%;}
.section02 .photo_area .photo_bg .photo2{width: 31.8%;height:350px;margin-right: 1.6%;}
.section02 .photo_area .photo_bg .photo3{width: 31.8%;height:350px;margin-right: 1.6%;}
.section02 .photo_area .photo_bg .photo4{display:block;width: 31.8%;height:350px;margin-left:0px;}

.section02 .photo_area ul li .img_txt2{font-size:11px;}
.section02 .photo_area .p_more{}
.section01 .mayor_area p{position:absolute;top:33px;right:46px;}

}

@media all and (min-width:650px){
.m_visual .btn .stop{margin: 22% 0 0 50%;}
.section01 .mayor_area p{position:absolute;top:33px;right:53px;}
}


@media all and (min-width:677px){
.visual_area .m_visual>div{height: 446px;}
.m_visual .btn .prev{top:170px;}
.m_visual .btn .next{top:170px;}
.m_visual .btn .stop{margin: 25% 0 0 50%;}
.m_visual .link .my1{background-size:27%;}
.m_visual .link .my2{background-size:27%;}
.m_visual .link .my3{background-size:27%;}
.m_visual .link .my4{background-size:27%;}
.section01 .mayor_area .mayor_box .schedule_list{width: 85%;}
.section01 .mayor_area p{position:absolute;top:33px;right: 45px;}
}



@media all and (min-width:763px){
.m_visual .btn .stop{margin: 22% 0 0 50%;}
.section01 .mayor_area p{position:absolute;top:33px;right: 51px;}
}


/* Tablet */
@media all and (min-width:768px) {

.visual_area .m_visual .mvi1 h2 img{width:431px}


.section01 .mayor_area .mayor_box .schedule_list{position: absolute;top: 87px;right: 53px;padding: 0px 0px 15px 55px;width: 51%;height:132px;}
.section01 .mayor_area .mayor_box .schedule_list span{display:none;}
.section01 .mayor_area .mayor_box .schedule p{background:none;}
.section01 .mayor_area .mayor_box .schedule .date01{font-size: 15px;position:absolute;top: -18px;right: -13px;color:#fff;}
.section01 .mayor_area .mayor_box .schedule .date02{font-size: 78px;font-weight:bold;color:#35455e;position:absolute;right: -32px;top: -3px;}
.section01 .mayor_area .mayor_box .schedule .date03{font-size: 18px;font-weight:bold;position: relative;top: 66px;right: -15px;}
.section01 .mayor_area .mayor_box .schedule{display:block;width: 203px;height: 168px;background: url("/images/mayor/main/schedule.png") no-repeat right top;background-size:80%;position: absolute;top: 76px;z-index: 1;}
.section01 .mayor_area .mayor_box .schedule_list ul li{font-size: 13px;width: 93%;}
.section01 .mayor_area .mayor_box .schedule_list ul li:nth-child(n+3){display:block;}
.section01 .mayor_area p{position:absolute;top: 48px;right: 46px;}
.section01 .mayor_area .mayor_box .schedule_list ul{overflow-y:auto;height:147px;width: 100%;}
.section01 .mayor_area .mayor_character{width:91%;height:240px;}
.section01 .mayor_area .mayor_box{padding:45px 0 1px 11%;height: 245px;background-size: 130px;font-size:20px}
.section01 .mayor_area .mayor_box h2{padding-left: 75px;background-size:18px;background-position:53px 2px;margin-bottom: 2px;height: 24px;}
.section01 .mayor_area .mayor_box .txt_hanja{line-height:24px;}
.section01 .mayor_area p{position:absolute;top:50px;right: 64px;}
.section01 .mayor_area .mayor_box>button{display:none}
.section01 .mayor_area .mayor_box button{top: 30px;}
.section01 .mayor_area .mayor_box button.prev{left: -20px;}
.section01 .mayor_area .mayor_box button.next{right: -50px;}

}


@media all and (min-width: 830px) {
.visual_area .m_visual>div{height: 538px;}
.m_visual .btn .prev{top:200px;}
.m_visual .btn .next{top:200px;}
.m_visual .btn .stop{margin:32% 0 0 50%;}
.m_visual .link .my1{background-size:24%;}
.m_visual .link .my2{background-size:24%;}
.m_visual .link .my3{background-size:24%;}
.m_visual .link .my4{background-size: 24%;}  
.section01 .mayor_area .mayor_box .schedule_list ul li{width:93%;}
}


@media all and (min-width:850px) {
.section01 .mayor_area .mayor_box .schedule_list{width:53%}
.section01 .mayor_area .mayor_box .schedule_list ul{overflow-y:auto;height: 146px;width: 103%;}
}

@media all and (min-width:870px) {

.visual_area .m_visual>div{height: 561px;}
.m_visual .btn span{height:320px;}
.section01 .mayor_area .mayor_character{width:91%;height: 244px;}
.section02 .photo_area .photo_bg .photo2{height:370px;}
.section02 .photo_area .photo_bg .photo3{height:370px;}
.section02 .photo_area .photo_bg .photo4{height:370px;}
}


@media all and (min-width:915px) {
.visual_area .m_visual>div{height: 587px;}
.m_visual .link li a{height: 60px;padding: 14px 0 0 40%;font-size:15px;}
.m_visual .btn span{height: 318px;}
.m_visual .btn .prev{top:240px;}
.m_visual .btn .next{top:240px;}
.m_visual .link li span{width:80px;}
.m_visual .btn .stop{margin:32% 0 0 50%;}
.section01 .mayor_area .mayor_box .schedule_list{width:57%}
}


@media all and (min-width:980px) {
.m_visual .btn .stop{margin:29% 0 0 50%;}

}


/* Desktop */
@media (min-width: 1023px) {
.header h1 img{width:182px}
 
.visual_area .m_visual .mvi1{background-size:auto;}
.visual_area .m_visual .mvi2{background-size:auto;}
.visual_area .m_visual .mvi3{background-size:auto;}
   
.visual_area {background: url("/images/mayor/main/m_visual_bg.jpg") no-repeat bottom;}
.visual_area .visual_bg{ background: url("/images/mayor/main/menu_bg.png") no-repeat bottom;background-position: 0 535px;height: 654px;}
.visual_area .m_visual .mvi1 h2 img{width: 431px;}
.visual_area .m_visual .mvi2 h2 img{width: 431px;}
.visual_area .m_visual .mvi3 h2 img{width: 431px;}
.visual_area .m_visual .mvi1 h2{padding: 49px 0 0px 360px;}
.visual_area .m_visual .mvi2 h2{padding: 49px 0 0px 360px;}
.visual_area .m_visual .mvi3 h2{padding: 49px 0 0px 360px;}
.visual_area .m_visual{width:1200px;margin:0 auto;position:relative;}
.visual_area .m_visual>div{height:700px;}
.m_visual .link li a{height: 84px;padding: 34px 0 0 40%;font-size: 18px;}
.m_visual .link_bg{background:none;bottom: 46px;background-color:rgba(255, 255, 255, 0.78);}
.m_visual .link li span{margin-top: 9px;display:block;width: 100px;height: 12px;padding: 5px 5px 5px 10px;}
.m_visual .link li span:hover{display:block;width: 100px;height: 12px;padding: 5px 5px 5px 10px;background:url("/images/mayor/common/menu_list_on.png") #f17c46 no-repeat 90%;}
.m_visual .link .my1{border-bottom:none;border-left: 1px solid #909090;background-size: 85px;background-position: 20px;}
.m_visual .link .my2{border-bottom:none;background-size: 85px;background-position: 20px;}
.m_visual .link .my3{border-bottom:none;background-size: 85px;background-position: 20px;}
.m_visual .link .my4{border-bottom:none;border-right: 1px solid #909090;background-size: 85px;background-position: 20px;}   
.m_visual .btn a.prev{top: 311px;}
.m_visual .btn a.next{top: 280px;}
.m_visual .btn a.prev{background-size: 88%;display:block;padding: 49px 0 0 0;}
.m_visual .btn a.next{background-size: 88%;display:block;padding: 54px 0 0 0;}
.m_visual .btn .stop{width: 27px;height: 39px;background-size:21px;margin: 22% 0 0 49%;}

/*sns 및 동영상*/
.section01{position:relative;background:url("/images/mayor/main/section01_bg.jpg") repeat;padding:0px;min-width:1200px;}
.section01 .middle_field{width:1200px;margin:0 auto;height: 380px;position:relative;overflow: hidden;}	
.section01 .middle_field .sns_area{float:left;margin-top:60px;width: 260px;}
.section01 .middle_field .sns_area .sns{height:121px;}
.section01 .middle_field .sns_area .sns ul li{float:none;}
.section01 .middle_field .sns_area .sns ul li a{margin-bottom:2px;}
.section01 .middle_field .sns_area .sns a{display:block;width:150px;height:25px;padding:12px 0 1px 110px;text-align:left;font-size:14px;}
.section01 .middle_field .sns_area .sns .fb a{background: url("/images/mayor/main/fb_s.png") no-repeat #305cbf 40px;background-size:25px;}
.section01 .middle_field .sns_area .sns .nb a{background: url("/images/mayor/main/nb_s.png") no-repeat #58b04c 40px;background-size: 25px;}
.section01 .middle_field .sns_area .sns .tw a{background: url("/images/mayor/main/tw_s.png") no-repeat #5ac5f1 40px;background-size: 25px;}
.section01 .middle_field .sns_area .movie{clear:both;width:100%}
.section01 .middle_field .sns_area .movie img{width:260px;height: 137px;margin:0 auto;}


/*군수 스케쥴*/
.section01 .mayor_area{position:relative;top:60%;}
.section01 .middle_field .mayor_area{float:right;clear:both;top: -313px;margin-top: 10px;}
.section01 .mayor_area .mayor_character{padding: 0px 0 26px 0px;width: 787px;margin-left: 113px;}
.section01 .mayor_area .mayor_box{width: 820px;height: 352px;margin-top: 3px;padding:0;background-size:auto;}
.section01 .mayor_area .mayor_box h2{font-size: 23px;padding: 57px 0 25px 213px;background: url("/images/mayor/main/clock.png") no-repeat 184px;background-position: 187px 59px;background-size: 21px;}
.section01 .mayor_area .mayor_box .schedule_list{position: absolute;top: 102px;right: 0px;width: 434px;height:163px;padding: 0 0 0 0;padding: 0px 0 0px 35px;}
.section01 .mayor_area .mayor_box .schedule_list ul{margin: 6px 8px 7px 59px;}
.section01 .mayor_area .mayor_box .schedule_list ul li{width: 443px;}
.section01 .mayor_area .mayor_box .schedule{position:absolute;top: 90px;left: 164px;width: 195px;height: 183px;background-size: 180px;}
.section01 .mayor_area .schedule_more{width: 67px;height: 18px;top: 64px;right: 74px;padding: 7px 0px 3px 15px;text-align:center;}
.section01 .mayor_area .schedule_more a{font-size: 15px;color:#fff;}
.section01 .mayor_area p{display:block;font-size:0%;background: url("/images/mayor/common/more_btn.png") #036765 no-repeat 12%;padding:0;background-size: 13px;}
.section01 .mayor_area .mayor_box .schedule p{background:none;}
.section01 .mayor_area .mayor_box .schedule .date01{top: -13px;right: -2px;}
.section01 .mayor_area .mayor_box .schedule .date02{font-size: 85px;right: -26px;top: 4px;}
.section01 .mayor_area .mayor_box .schedule .date03{top: 90px;right: 2px;}
.section01 .mayor_area .mayor_box .schedule_list ul{overflow-y:auto;height: 136px;}
.section01 .mayor_area .mayor_box .schedule_list ul{overflow-y:auto;height: 163px;width: 434px;margin: 0px;}
.section01 .mayor_area .mayor_box .schedule_list ul li{width: 397px;font-size: 15px;line-height: 2.4em;padding: 2px 0;}
.section01 .mayor_area .mayor_box .txt_hanja{line-height:27px;}
.section01 .mayor_area .mayor_box button{top: 40px;}
.section01 .mayor_area .mayor_box button.prev{left: -47px;}
.section01 .mayor_area .mayor_box button.next{right: -50px;}

.section02{min-width:1200px;clear:both;margin:0 auto;height:960px;background: url("/images/mayor/main/photo_area2.png") #eeeeee no-repeat 91px -8px;background-size: 88%;padding:0px;}
.section02 .photo_area{margin:0 auto;width:1200px;background:none;height: 871px;padding:90px 0 0 0;}
.section02 .photo_area ul li{display:block;height:355px;}
.section02 .photo_area .photo1{float:left;width:285px;height:350px;}
.section02 .photo_area p{font-size:15px;font-weight:normal;}
.section02 .photo_area .p_more{position:absolute;top: 215px;width: 215px;margin: 0px;}
.section02 .photo_area .p_more a{font-size:15px;padding: 11px 16px;height: 16px;width: 200px;line-height: 1.2em;}

.section02 .photo_area ul li img{width:285px;height:200px;}
.section02 .photo_area ul li{margin: 8px 17px 0px 0;}
.section02 .photo_area ul li{width:285px;height: 382px;}
.section02 .photo_area strong{display:block;font-size:16px;color:#112669;}
.section02 .photo_area ul li .img_txt{display:block;line-height:1.5em;color:#000;font-size: 0.9em;}
.section02 .photo_area ul li .img_txt2{display:block;padding: 20px 29px 28px 29px;color:#3b5ba8;font-size:13px;}
.section02 .photo_area ul li .img_txt2 span{float:right;color:#4d4d4d;}
.section02 .photo_area .photo_bg .photo1{margin-right: 19px;}
.section02 .photo_area .photo_bg .photo2{width:285px;height: 382px;margin-right:17px;}
.section02 .photo_area .photo_bg .photo3{width:285px;height: 382px;margin-right:17px;}
.section02 .photo_area .photo_bg .photo3 a{display:block;width:100%;}

.section02 .photo_area .photo_bg .photo4{width:285px;height: 382px;margin-right:0;}
.section02 .photo_area .photo_bg .photo5{display:block;margin-top:50px}
.section02 .photo_area .photo_bg .photo6{display:block;margin-top:50px}
.section02 .photo_area .photo_bg .photo7{display:block;margin-top:50px}
.section02 .photo_area .photo_bg .photo8{display:block;margin-right:0px;margin-top:50px}
}


@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
 animation-duration: 3s;
}