@charset "utf-8";
html{font-size: 100px;}
body{position: relative;background: #fff; color:#000; font-size:.16rem; font-family:Microsoft YaHei,Simsun,SimHei,Arial; -webkit-text-size-adjust:none;}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, textarea, ul{ padding:0; margin:0;}
li, ol, ul{ list-style:none;}
img{ border:none; border:0; max-width:100%;}
a{ text-decoration:none; color:#000; noline:expression(this.onFocus=this.blur());}
a:focus {outline:none;-moz-outline:none;}
a:hover{color:#008af1;}
button, input, select, textarea {font-family: inherit; font-size:0.9375em;}
input:focus, textarea:focus{ outline: none;}
input::-webkit-input-placeholder{color: #cccccc;}

.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.clear{clear:both;}
.fl{float: left;}
.fr{float: right;}
.container{width:12rem;margin:0 auto;}



/* menu 8d8f88 d7d8d7*/
.fullpage_menu{
  width:1.59rem;position: fixed;top:0;bottom:0;right:0;z-index: 999; 
  border-left: 1px solid #8d8f88; background: rgba(0,0,0,.7);padding: .35rem 0;text-align: center;
}
/* .fullpage_menu .yhjlcs_logo{position: absolute;top: .35rem;} */
.fullpage_menu .logo_zjg img{display: block;width:.45rem;margin: 0 auto;}
.fullpage_menu .logo_zjg p{color:#fff;font-weight: bold;line-height: 1;margin:.13rem auto .18rem;}
.fullpage_menu .logo_city img{max-width: 70%;}
.fullpage_menu .logo_city .logon{display: none;}
.fullpage_menu .down_scroll{position: absolute;left:50%;bottom:.35rem;margin-left:-.13rem;width:.26rem;height: .5rem;background: url(../images/yhjlcsxstpz_icon_arrow.png) no-repeat center;background-size: contain;cursor: pointer;}

.fullpage_menu .menus{padding-bottom: .25rem;width: 100%;position: absolute;top:50%;transform: translateY(-50%);}
.fullpage_menu .menus li{position: relative;padding-top:1px;}
.fullpage_menu .menus li+li{margin-top: .9rem;}
.fullpage_menu .menus li+li:before{content:"";width:1px;height:.49rem;background: #aaa;position: absolute;left:50%;bottom: 100%;}
.fullpage_menu .menus li i{display: block;width: .4rem;height: .4rem;margin: .25rem auto .2rem;background: url(../images/yhjlcsxstpz_icon_hdjy.png) no-repeat center;background-size: contain;}
.fullpage_menu .menus li p{color:#aaa;text-align: center;font-size: 1.125em;line-height: 1;}
.fullpage_menu .menus li.csjs i{background-image: url(../images/yhjlcsxstpz_icon_csjs.png);}
.fullpage_menu .menus li.dbzp i{background-image: url(../images/yhjlcsxstpz_icon_dbzp.png);}
.fullpage_menu .menus li.active i{background-image: url(../images/yhjlcsxstpz_icon_hdjy_xz.png)}
.fullpage_menu .menus li.active.csjs i{background-image: url(../images/yhjlcsxstpz_icon_csjs_xz.png);}
.fullpage_menu .menus li.active.dbzp i{background-image: url(../images/yhjlcsxstpz_icon_dbzp_xz.png);}
.fullpage_menu .menus li.active p{color:#fff;}

.logo_zjg p a{color:#fff}
.fp-viewing-page2 .fullpage_menu{background: none;border-left-color:#d7d8d7;}
.fp-viewing-page2 .fullpage_menu .logo_zjg p a{color: #0959a5;}
.fp-viewing-page2 .fullpage_menu .logo_city .logon{display: inline-block;}
.fp-viewing-page2 .fullpage_menu .logo_city .logow{display: none;}
/* .fp-viewing-page2 .fullpage_menu .menus li.active p{color:#333;} */

/* banner */
.sec_banner{background: url(../images/yhjlcsxstpz_page1_bg_rbwgs.jpg) no-repeat center top;background-size: cover;text-align: center;}
/* .sec_banner .frame_box{text-align: center;height: 100%;} */
/* .sec_banner .frame_box:after{content: "";display: inline-block;height: 100%;width: 0;vertical-align: middle;} */
.sec_banner .frame_box{display: inline-block;vertical-align: middle;border-radius: .05rem;overflow: hidden;box-shadow: 0 0 0.13rem #c8cdd2;}
.sec_banner .frame_box .txt{height: 3.76rem;line-height: 3.76rem;width: 4.27rem;border: .27rem solid #fff;border-bottom-width: .2rem;}
.sec_banner .frame_box .txt img{vertical-align: middle;max-height: 100%;}
.sec_banner .frame_box .msg{background: #fff;padding: 2px .27rem .23rem;margin-top:-1px;text-align: left;line-height: 1;}
.sec_banner .frame_box .msg .btns a{display: inline-block;cursor: pointer;}
.sec_banner .frame_box .msg .btns a+a{margin-left: .12rem;}
.sec_banner .frame_box .link_gw{text-align: right;margin-top:.1rem;}
.sec_banner .frame_box .link_gw a{
  font-size: 1.625em;color:#345fe0;padding-right: .3rem;
  background: url(../images/yhjlcsxstpz_icon_pointer.png) no-repeat right center;
}

/* 活动寄语 */
.sec_hdjy{background: url(../images/yhjlcsxstpz_page2_bg_rbwgs.png) no-repeat center top #fff;background-size: cover;}
.sec_hdjy .container>div{width: 45.8%;}
/* 市长 */
.hdjy_sz .imgbox{width: 2rem;overflow: hidden;}
.hdjy_sz .imgbox img{display: block;}
.hdjy_sz .txtbox{text-align: center;}
.hdjy_sz .name{font-size: 1.625em;margin: .6rem auto .15rem;}
.hdjy_sz .zw{font-size: 1.125em;}
.hdjy_zjg .hdjy_sz .imgbox{float: left;}
.hdjy_zjg .hdjy_sz .logo_zjg{margin-top: .2rem;}
.hdjy_zjg .hdjy_sz .logo_zjg p{color:#0959a5;font-size: 1.125em;font-weight: bold;}
.hdjy_zjg .hdjy_sz .txtbox{padding-left: 2.2rem;}
.hdjy_zjg .hdjy_sz .name{margin-top: .3rem;}
.hdjy_city .hdjy_sz .imgbox{float: right;}
.hdjy_city .hdjy_sz .logo_city{margin-top: .3rem;}
.hdjy_city .hdjy_sz .txtbox{padding-right: 2.2rem;}
/* 寄语 */
.sec_hdjy .hdjy_jy{font-size: 1.125em;line-height: 1.9;text-align: justify;margin-top: .3rem;}
.sec_hdjy .hdjy_jy p{text-indent: 2em;}
.sec_hdjy .hdjy_jy p.lm{text-align: right;margin-top: .3rem;}

/* 城市介绍 */
.sec_csjs{background: url(../images/yhjlcsxstpz_page3_bg_rbwgs.jpg) no-repeat center top #fff;background-size: cover;color:#fff;}
.sec_csjs .container{height: 80%;}
.sec_csjs .logo_city img{display: block;margin:0 auto;}
.sec_csjs .contpad{font-size: 1.125em;margin-top: .5rem;line-height: 2;text-align: justify;}
.sec_csjs .tit{text-align: center;font-weight: bold;}

/* 代表照片 */
.sec_dbzp .container{position: relative;}
.sec_dbzp .swiper-container{position: relative;height:100%}
.sec_dbzp .swiper-pagination{position: absolute;bottom: .3rem;left:50%;transform: translateX(-50%);}
.sec_dbzp .swiper-pagination-bullet{width: .12rem;height: .12rem;margin:0 .08rem;background: #5d5d5d;opacity: 1;}
.sec_dbzp .swiper-pagination-bullet-active{background: #fff;}
.sec_dbzp .swiper-button-prev,.sec_dbzp .swiper-button-next{top:auto;bottom: .8rem;margin-top:0;width: .7rem;height: .7rem;background-size: contain;background-position: center;}
.sec_dbzp .swiper-button-prev{left: -1.5rem;background-image: url(../images/yhjlcsxstpz_icon_prev.png);}
.sec_dbzp .swiper-button-next{right: -1.5rem;background-image: url(../images/yhjlcsxstpz_icon_next.png);}
.sec_dbzp .swiper-slide{background-repeat: no-repeat;background-position: center top;background-size: cover;}
.sec_dbzp .swiper-slide .container{position: absolute;left:50%;bottom: .7rem;margin-left: -6.6rem;padding:.15rem;color: #fff;background:rgba(0,0,0,.5);transition:background .3s}
.sec_dbzp .swiper-slide .tit{font-size: 1.5em;text-align: center;font-weight: bold;margin-bottom: .2rem;}
.sec_dbzp .swiper-slide .info{min-height: .7rem;font-size: 1.3em;text-align: justify;line-height: 1.8;}
.sec_dbzp .swiper-slide .container:hover{background:rgba(0,0,0,.5)}
/* 韩国浦项市 */
.body_hgpxs .sec_banner{background-image: url(../images/yhjlcsxstpz_page1_bg_hgpxs.jpg);}
.body_hgpxs .sec_hdjy{background-image: url(../images/yhjlcsxstpz_page2_bg_hgpxs.png);}
.body_hgpxs .sec_csjs{background-image: url(../images/yhjlcsxstpz_page3_bg_hgpxs.jpg);}
/* .body_hgpxs .sec_csjs .info{text-align: center;} */
/* .body_hgpxs .sec_csjs .info p{margin-bottom: .3rem;} */

/* 日本永平寺町 */
.body_rbypsd .sec_banner{background-image: url(../images/yhjlcsxstpz_page1_bg_rbypsd.jpg);}
.body_rbypsd .sec_hdjy{background-image: url(../images/yhjlcsxstpz_page2_bg_rbypsd.png);}
.body_rbypsd .sec_csjs{background-image: url(../images/yhjlcsxstpz_page3_bg_rbypsd.jpg);}

/* 图片展专题 */
/* html,body{height:100%;overflow:hidden} */
.main-m{margin:0 auto;width:12rem}
.fix1{position:relative;overflow:hidden;zoom:1}
.clearfix1{*overflow:hidden;*zoom:1}
.clearfix1:after,.clearfix1:before{content:"";display:table}
.clearfix1:after{clear:both}
.fix2{display:inline-block;*display:inline}
.tpzzt-wrap{position:relative;width:100%;height:100%;background:url(../images/yhjlcsxstpz_tpzzt_bg.jpg) no-repeat center top;background-size:cover}
.tpzzt-title-wp{padding-top:.5rem;text-align:center}
.tpzzt-title{max-width:100%}
.main-logo-wrap{position:absolute;top:.1rem}
.main-logo{height:.7rem}
/* main */
.city-spr-wp{padding:1rem 0 1.5rem}
.city-spr{position:relative;font-size:0}
.city-spr .swiper-container{height:3.8rem}
.city-spr .swiper-wrapper .swiper-slide a{display:block;margin:0 auto;padding:.2rem;width:3.2rem;overflow:hidden;background:#fff;border-radius:.05rem;box-shadow:0 0 .13rem #c8cdd2}
.city-spr .swiper-wrapper .swiper-slide .pic-wp{display:block;overflow:hidden}
.city-spr .swiper-wrapper .swiper-slide .pic-wp img{width:100%;transition:all .3s}
.city-spr .swiper-wrapper .swiper-slide .pic-wp:hover img{transform:scale(1.1)}
.city-spr .swiper-wrapper .swiper-slide .pic-name-wp{display:block;margin-top:.2rem;text-align:center;background:url(../images/yhjlcsxstpz_tpzzt_cityname_bg.png) no-repeat center;background-size:contain}
.city-spr .swiper-wrapper .swiper-slide .pic-name-wp .pic-name{display:block;padding:0 1%;width:98%;color:#0959a5;font-size:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* button */
.city-spr .prev,.city-spr .next{position:absolute;top:50%;margin-top:-.15rem;width:.2rem;height:.3rem;background-repeat:no-repeat;background-position:center;cursor:pointer;color:#fff;text-align:center;z-index:4;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-khtml-opacity:0;background-size:contain;transition:all .3s}
.city-spr .prev{left:0;background-image:url(../images/prev_ico.png)}
.city-spr .next{right:0;background-image:url(../images/next_ico.png)}
.city-spr:hover .prev,.city-spr:hover .next{opacity:.7;-moz-opacity:.7;filter:alpha(opacity=70);-khtml-opacity:.7}
.city-spr:hover .prev{-webkit-transform:translateX(6px);-moz-transform:translateX(6px);-o-transform:translateX(6px);transform:translateX(6px);-ms-transform:translateX(6px)}
.city-spr:hover .next{-webkit-transform:translateX(-6px);-moz-transform:translateX(-6px);-o-transform:translateX(-6px);transform:translateX(-6px);-ms-transform:translateX(-6px)}
.city-spr .prev:hover,.city-spr .next:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);-khtml-opacity:1}
/* .foot-fixed{position:fixed;left:0;bottom:0;width:100%}
.foot-wrap{position:relative;background:#015293}
.ft-wp{padding-top:.35rem;padding-bottom:.35rem;text-align:center;font-size:0}
.ft-wp .ft-main,.ft-wp .ft-side-l{position:relative}
.ft-wp .ft-main .ft-content,.ft-wp .ft-main .ft-content a{color:#fff;font-size:14px;text-align:left;word-wrap:break-word;word-break:break-all;transition:color .3s}
.ft-wp .ft-main .ft-content{padding:10px 0 0;line-height:2}
.ft-wp .ft-side-l .icon-wp{display:block}
.ft-wp .ft-side-l .icon-wp img{vertical-align:middle}
.ft-wp .ft-side-l .icon-wp a:last-child{margin-left:20px}
.ft-wp .ft-main .ft-content .foot-a:hover{color:#ffff01}
.ft-wp .ft-side-r{padding-left:20px}
.ft-wp .ft-side-r .img-wp{float:left;margin-left:20px;cursor:default}
.ft-wp .ft-side-r .img-wp:first-child{margin:0}
.ft-wp .ft-side-r .img-wp img{height:62px}
.ft-wp .ft-side-r .img-wp .name{display:block;padding:5px 0;color:#fff;font-size:14px}
.ft-wp .ft-nav{margin-left:-6px}
.ft-wp .ft-nav .itm,.ft-wp .ft-nav .itm a{color:#fff;font-size:15px;word-wrap:break-word;word-break:break-all;transition:color .3s}
.ft-wp .ft-nav .itm a{margin:0 6px}
.ft-wp .ft-nav .itm a:hover{color:#ffff01} */
.foot-fixed .footer-copyright,.sec_dbzp .footer-copyright{color:#fff;background-color:#015293}
.foot-fixed .footer-copyright a,.sec_dbzp .footer-copyright a{color:#fff}
.foot-fixed .container,.sec_dbzp .container{width:13rem}
/* 1366 电脑_小 */
@media only screen and (max-width: 85.375em) {
  .ft-wp{width:14rem}
  .foot-fixed .container,.sec_dbzp .container{width:auto}
  /* end */
}
/* 1200 电脑_小 */
@media only screen and (max-width: 75em) {
  .main-m{padding:0 .15rem;width:calc(100% - 0.3rem)}
  .city-spr-wp{padding-top:.4rem}
  /* foot */
  .ft-wp{padding-top:.2rem;padding-bottom:.2rem}
  .ft-wp .ft-main,.ft-wp .ft-side-l,.ft-wp .ft-side-r{float:none}
  .ft-wp .ft-main{padding-top:.05rem}
  .ft-wp .ft-side-l .icon-wp{padding:0}
  .ft-wp .ft-side-l .icon-wp img{height:.5rem}
  .ft-wp .ft-side-l .icon-wp a:last-child{margin-left:.1rem}
  .ft-wp .ft-side-r{padding:.1rem 0 0;text-align:center}
  .ft-wp .ft-side-r .img-wp{float:none;display:inline-block}
  .ft-wp .ft-side-r .img-wp img{height:.5rem}
  .ft-wp .ft-nav .itm{margin-bottom:.05rem}
  /* end */
}