﻿@charset "utf-8";
*,*:before,*:after{box-sizing:border-box}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:.26rem/1.5 arial,'microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.noBg{background:none!important}.hide{display:none !important}
body{position:relative;color:#444;}
a{color:#444;text-decoration:none;}
::-webkit-scrollbar-thumb{min-height:0.78125rem;border-radius:0.046875rem;background-color:#666}
::-webkit-scrollbar-track{background:#eee}
::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar{width:.109375rem;height:.109375rem}

* { outline: none!important;}

#g-wp { max-width:750px; margin:0 auto; background:#fff; }
.wrap{ width:96%; margin: 0 auto;}
#header { position:relative; width:100%; height:.96rem; background:#fff; z-index:3; }

.g-wp { /*max-width:414px;*/ margin:0 auto; background:#fff; transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); z-index:2; }

.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:9; }

.m-nav { width:3.125rem; height:100%; right:-3.125rem; top:0; background:#fff; position:fixed; transform:translateZ(0) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1; }
.m-nav h2 { margin:0 0 .15625rem; padding:.15625rem 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:.26rem; line-height:.46rem; text-align:center; }
.m-nav li { position:relative; padding:.2rem .2rem .2rem .4rem; border-bottom:0.015625rem solid #eee; font-size:.26rem; line-height:.46rem; }
.m-nav li a { display:block; }
.m-nav li a:hover,.m-nav .current a { color:#005EAD; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:.078125rem; height:.21875rem; margin-top:-.109375rem; border-left:.03125rem solid #005EAD; content:"" }

.lg { position:absolute; right:1.2rem; top:50%; width: 1.2rem; height: .54rem; background-color: #005EAD; border-radius: .1rem; color: #fff; font-size: .26rem; transform: translate(0, -50%); text-align: center; line-height: .54rem; cursor: pointer; }
.lg a { display: block; color: #fff; }

/* 菜单显示 */
.u-menu { position:absolute; right:.27rem; top:50%;; display:block; width:.6rem; height:.54rem; transform:translateZ(0) rotate(0deg); transform-origin: .54rem; transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); transform: translate(0, -50%); z-index: 99; }
.u-menu div { position:absolute; left:0; top:0rem; width:.6rem; height:.54rem; transform:translateZ(0) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position:absolute; left:0; top:0; display:block; width:.6rem; height:.03rem; background:#005EAD; }
.u-menu .u-menu-top i { width:.44rem; transform:translate3d(0,.1rem,0);}
.u-menu .u-menu-middle i {transform:translate3d(0,.25rem,0);}
.u-menu .u-menu-bottom i { width: .5rem;transform:translate3d(0,.4rem,0);}
body.z-open .m-nav {transform:translate3d(-3.125rem,0,0);-webkit-transform:translate3d(-3.125rem,0,0);}
body.z-open .g-wp {transform:translate3d(-3.125rem,0,0);-webkit-transform:translate3d(-3.125rem,0,0);}
body.z-open .u-menu {transform:translateZ(0) rotate(90deg); }
body.z-open .u-menu  div {transform:translateZ(0) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s; }
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0,.1rem,0); }
body.z-open .u-menu .u-menu-bottom { transform:translateZ(0) rotate(-45deg); }
body.z-open .u-menu .u-menu-top i { width:.6rem; transform:translate3d(0,.25rem,0);}
body.z-open .u-menu .u-menu-bottom i { width:.6rem; transform:translate3d(0,.25rem,0);}
body.z-open .u-menu .u-menu-middle { display:none; }

.form-search{ position: relative; width:100%; height: .7rem; padding:0; background:#fff; z-index:2; opacity:1; transition:all .2s ease-out; }
.form-search input{}
.form-search input[type="text"] { width:80%; height:.7rem; float:left; padding:0 5%; border:2px solid #eee; border-right:0; border-left:0; }
.form-search input[type="submit"]{ width:20%; height:.7rem; float:right; border:0; background:#005EAD; color:#fff;}

.banner { position:relative; margin-bottom:0.078125rem; overflow:hidden; }
.banner .hd{ width:100%; position:absolute; height:0.4375rem; line-height:0.4375rem; bottom:0; right:0; z-index:1; text-align:center;}
.banner .hd li{ display:inline-block; width:.625rem; height:0.078125rem;  background:#0052a5; text-indent:-156rem; overflow:hidden; margin:0 0.09375rem;   }
.banner .hd li.on{ background:#fff;  }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; text-align:center;  }
.banner .bd li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

.swiper-container .swiper-pagination-bullet-active { background-color:#005EAD; }

.mian_nav { padding:3% 1.5% 1%; border-bottom:0.15625rem solid #f2f2f2; }
.mian_nav ul li{ float:left; width:23%; margin: 0 1% 2%; height:auto; text-align:center; background: #dce0ec; border-radius: 0.078125rem; font-size:0.1875rem; }
.mian_nav ul li a { display:block; padding:8% 0; }
.mian_nav ul li a i { display:inline-block; width:0.546875rem; height:0.546875rem;}
.mian_nav ul .li-03,.mian_nav ul .li-06 { border-right:0; }
.mian_nav ul li a span{ display:block; font-size:.203125rem; color:#666; }

.u-tt .hd { margin:0 .3rem; position:relative; }
.u-tt .hd h2 {position: relative;padding: 0.22rem 0.1rem;border-bottom: 1px solid #ccc;color: #005EAD;font-size: 0.32rem;line-height: 0.5rem;vertical-align:top;font-weight:100;}
.u-tt .hd h2 span { display:block; color:#bababa; font-weight:100; font-size:0.234375rem; line-height:0.3125rem; text-transform:uppercase; vertical-align:top; }
.u-tt .bd { margin:0 .3rem; padding:.3rem 0; }

.box-abt { padding: .3rem; }
.box-abt .hd { margin:0 0 .3rem; position:relative; }
.box-abt .hd h2 { padding:0; border-bottom:0; color:#000; font-size:.4rem; line-height:.85rem; vertical-align:top; font-weight:100; text-align: center; }
.box-abt .hd h2::after { position: absolute; left: 50%; bottom: 0; width: 1.1rem; height: .03rem; transform: translate(-50%,0); background-color: #005EAD; content: ''; }
.box-abt .bd { margin:0; padding:0; font-size: .26rem; line-height: .46rem; }

.box-video { padding: 0 .3rem; }
.box-video video { width: 100%; display: block; }

.box-num { margin: 0 .3rem;  padding: .3rem 0;  background-color: #ededed; }
.box-num .hd { margin:0 0 .2rem; position:relative; text-align: center; }
.box-num .hd h2 { padding:0; color:#000; font-size:.4rem; line-height:.55rem; font-weight:100; }
.box-num .hd p { padding:0; color:#000; font-size:.24rem; line-height:.44rem; }
.box-num .bd ul { border-bottom: 1px solid #000; }
.box-num .bd ul li { float: left; width: 50%; padding: .15rem .2rem .3rem; border-top: 1px solid #000; border-right: 1px solid #000; line-height: .34rem; text-align: center; }
.box-num .bd ul li p { font-size: .26rem; }
.box-num .bd ul li p strong { color: #005EAD; font-size: .3rem; line-height: .6rem; }
.box-num .bd ul li:nth-child(2n) { border-right: 0; }

.u-tt-b .hd { margin:0 0 .4rem; position:relative; }
.u-tt-b .hd h2 { padding:0; border-bottom:0; color:#737373; font-size:.4rem; line-height:.77rem; vertical-align:top; font-weight:700; text-align: center; }
.u-tt-b .hd h2::after { position: absolute; left: 50%; bottom: 0; width: .8rem; height: .02rem; transform: translate(-50%,0); background-color: #737373; content: ''; }
.u-tt-b .mt { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding:0 0 .3rem; text-align: center; }
.u-tt-b .mt a { display: block; width: 40%; margin-bottom: .14rem; background-color: #ededed; font-size: .28rem; line-height: .58rem; margin:10px;}
.u-tt-b .mt a.on { background-color: #005EAD; color: #fff; }
.u-tt-b .bd { margin:0; padding:0; font-size: .26rem; line-height: .46rem; }

/* 图片列表 一行一个 */
.m-pFList { }
.m-pFList li { position:relative; float: left; width: 48%; margin-bottom: .3rem;  overflow: hidden; }
.m-pFList li:nth-child(2n) { float: right; }
.m-pFList li .p { position:relative; }
.m-pFList li .c { padding: .06rem; }
.m-pFList li .t { height: .76rem; font-weight:bold; font-size:0.26rem; display:block; line-height:0.38rem; font-weight: normal; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.m-pFList li .t a { color:#000; }
.m-pFList li .i { margin-bottom: .04rem; color:#777; font-size:0.22rem; line-height: .4rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.m-NewList li {
display: flex;
justify-content: space-between;
align-content: center;
}
    .m-NewList li .p {
        width:45%;
    }
    .m-NewList li .c { padding: 0.15rem; }
    .m-NewList li .t { height: .76rem; font-weight:bold; font-size:0.26rem; display:block; line-height:0.38rem; font-weight: normal; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.m-NewList li .t a { color:#000; }
.m-NewList li .i { margin-bottom: .04rem; color:#777; font-size:0.22rem; line-height: .4rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.box-news dd {
    display: flex;
justify-content: space-between;
align-content: center;
line-height:40px;
margin:10px 0;
}


.box-news { padding:.5rem .3rem; }

.box-sev { padding:.5rem .3rem 0; }
.box-sev .m-pFList li { margin-bottom: .1rem; text-align: center; }
.box-sev .m-pFList li .t { min-height: auto; line-height:0.6rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.box-party { padding:0 .3rem; }
.box-party .mt a { width: 24%; }

.box-swiper { padding:.5rem .3rem; }
.box-swiper .swiper-container { padding-bottom: .4rem; }
.box-swiper .swiper-slide { position: relative; color: #fff; }
.box-swiper .swiper-slide .info { position: absolute; top: 0; left: 0; bottom: 0; width: 50%; padding: 0 .3rem 0 .4rem; background-color: rgba(0,0,0,0.6); z-index: 1; }
.box-swiper .swiper-slide .info .txt { position: relative; top: 50%; transform: translate(0,-50%); }
.box-swiper .swiper-slide .info .txt h4 { color: #fff; font-size: .28rem; line-height: .46rem; font-weight: normal; }
.box-swiper .swiper-slide .info .txt p { color: #fff; font-size: .26rem; opacity: .7; line-height: .4rem; }
.box-swiper .swiper-slide .info .txt .more { width: 1.06rem; margin-top: .3rem; border-radius: 10px; background-color: rgba(255,255,255,.3); }
.box-swiper .swiper-slide .info .txt .more a { display: block; width: 1.06rem; height: .3rem; background: url(../images/more.png) no-repeat center; background-size: .34rem .06rem; }
.box-swiper .swiper-pagination-bullet { width: 5px; height: 5px; border-radius: 5px; background: #b2b2b2; }
.box-swiper .swiper-container .swiper-pagination-bullet-active { width: 40px;}
.box-swiper .swiper-container-horizontal>.swiper-pagination-bullets,
.box-swiper .swiper-pagination-custom,
.box-swiper .swiper-pagination-fraction { bottom: 0; }

.more-common-01 { line-height: 0.72rem; background:#005EAD; font-size: .26rem; text-align: center; }
.more-common-01 a { display:block; color: #fff; }

.box-bus { padding:.5rem .3rem; background-color: #ededed; }
.box-bus .mt ul { width: 100%; display: flex; justify-content: space-between; }
.box-bus .mt ul li { position: relative; float: left; width: 48%; height: .9rem; background: #005EAD; color: #fff; font-size: .32rem; line-height: .9rem; }
.box-bus .mt ul li span { display: inline-block; width: .7rem; height: .7rem; margin-right: .2rem; margin-top: .1rem; vertical-align: top; }
.s_1 { background: url(../images/z-13.png) no-repeat center; background-size: .7rem .7rem; }
.s_2 { background: url(../images/z-12.png) no-repeat center; background-size: .7rem .7rem; }
.box-bus .mt ul .swiper-pagination-bullet-active::after { position: absolute; bottom: -.16rem; left: 50%; width: 1.14rem; height: 0.16rem; background: url(../images/z-14.png) no-repeat center; background-size: 1.14rem .16rem; transform: translate(-50%,0); content: ''; }
.box-bus .bd .swiper-slide .info { margin-bottom: .36rem; }
.box-bus .bd { margin-bottom: .36rem; }


.m-list { padding:0; }
.m-list li {padding: .2rem 0.1rem .2rem 0.3rem;border-bottom:0.015625rem solid #eee;background:url(../images/z-11.gif) no-repeat 0.046875rem center;font-size: 0.24rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/* 图片列表 一行两个 */
.m-pList li {float:left;width: 50%;padding:0 2%;text-align:center;}
.m-pList li .t {padding: 0.2rem 0;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.m-tList { padding:0 0.1875rem 0.125rem; }
.m-tList li {padding: 0.24rem 0;border-bottom:0.015625rem solid #eee;color:#777;font-size: 0.24rem;line-height: 0.36rem;}
.m-tList li h2 {padding-bottom: 0.2rem;font-size: 0.3rem;}
/* 快捷菜单 */
#fixed-foot { position:fixed; left:0; bottom:0; width:100%; height:0.9375rem; background:#fff; border-top:0.015625rem solid #eee; line-height:0.3125rem; text-align:center; z-index:1; }
#fixed-foot li { float:left; width:25%; margin:0 -0.015625rem; border-left:0.015625rem solid rgba(255,255,255,.1); border-right:0.015625rem solid rgba(0,0,0,.2); }
#fixed-foot li a { display:block; padding:.140625rem 0 0; color:#444; }
.fixed-button { display:block; width:0.46875rem; height:0.46875rem; margin:0 auto; background:url(../images/icon_arr_tel_white.png) no-repeat; overflow:hidden; }
#fixed-foot .li-01{ background-image:url(../images/icon_arr_email.png); background-size:contain; }
#fixed-foot .li-02{ background-image:url(../images/icon_arr_map.png); background-size:contain; }
#fixed-foot .li-03{ background-image:url(../images/icon_arr_share.png);background-size:contain; }
#fixed-foot .li-04{ background-image:url(../images/icon_arr_book.png);background-size:contain; }

.m-copy {padding:.3rem 0;background: #333;color: rgba(255,255,255,.7);line-height: .34rem;text-align:center;font-size: .24rem;}
.m-copy a { color: rgba(255,255,255,.7); }
.m-copy a:hover { color: rgba(255,255,255,1); }


.box-isd .hd { border-bottom:0.15625rem solid #f2f2f2; background:#fff; }
.box-isd .hd h2 { border-right:0; background:#fff; color:#1e1201; }
.box-isd .hd .col {float:right;height: 0.45rem;margin: 0.3rem 0 0 0;padding:0 0.3125rem;line-height: 0.4rem;border-radius: 0.3rem;border: 1px solid #ddd;text-align:center;position: relative;z-index: 1;}
.box-isd .hd .col a { color:#333; }

/* 内容 */
.article { padding:0 2% 3%; line-height:2; word-wrap:break-word;  }
.article .mt { text-align:left; }
.article .mt h1 { padding:0.2rem 0 0; font-size:0.32rem; line-height:.42rem; font-weight:100; }
.article .mt .titBar { padding:0.1rem 0; border-bottom:1px dashed #e1e0e0; color:#777; font-size:0.22rem; line-height:0.375rem; }
.article .mc { padding:3% 0; font-size:.26rem; word-wrap:break-word; }

/* 分页 */
.page { padding: 0.3125rem 0.15625rem 0.46875rem; text-align: center; }
.page a {display: inline-block;padding: 0.0625rem 0.125rem;border-radius:0.046875rem;background: #005EAD;color:#fff;line-height: 1.5;vertical-align:top;}
.page .current { background:#f60; }

.pager-next-pre { display:table; width:100%; text-align:center; }
.pager-next-pre a { float:left; width:50%; padding:0.125rem 0; background:linear-gradient(#eee,#ddd); display:table-cell; }
.pager-next-pre .btn_next { background:#000; background:linear-gradient(#313231,#101110); color:#fff; }

/* 二级菜单 */
.m-menu { position:fixed; top:0; right:-50%; width:45%; height:100%; padding:7% 5%; background:#fff; z-index:99; opacity:0; overflow:auto; }
.m-menu .site-nav { min-height:6.25rem; overflow-y:auto; }
.m-menu dl dt {margin-bottom: 0.15rem;padding:0 0.125rem 0.15625rem;border-bottom:0.015625rem solid #ddd;line-height:0.375rem;}
.m-menu dl dt a { color: #333; }
.m-menu dl dt a:hover,.m-menu dl dt .current { color: #f60; }
.m-menu dl dd {padding: 0 0.078125rem 0.2rem 0.375rem;background:url(../images/iFCB_sort_ico.png) no-repeat 0.15625rem .109375rem;line-height:0.375rem;}
.m-menu dl dd a { color: #333; }
.m-menu dl dd a.current { color: #f60; }

/*Form*/
.form-panel { margin: 0; }
.form-panel h4 { margin-bottom: 0.15625rem; padding: 0.03125rem 0.3125rem; background: #eee; line-height: 0.46875rem; }
.form-panel .tips { padding: 0.15625rem 0; color: #cc3732; font-weight: bold; font-size: 0.21875rem; text-align:center; }
.form-panel .field { clear: both; }
.form-panel .input { padding: 0.078125rem 0; color: #666; zoom: 1; }
.form-panel .field:after { content: '\20'; display: block; height: 0; clear: both; }
.form-panel .text {width: 100%;height: 0.8rem;padding: 2% 3%;border-radius: 0.046875rem;border: 0.015625rem solid #ddd;background: #f6f6f6;font-size: 0.21875rem;vertical-align:top;}
.form-panel .textarea {width: 100%;height: 1.875rem;padding: 2% 3%;border-radius: 0.046875rem;border: 0.015625rem solid #ddd;background: #f6f6f6;color: #666;vertical-align:top;}
.form-panel .submit-field { padding: 0; clear: both; }
.form-panel .btn-submit { width: 100%; height: 0.6875rem; border: 0; border-radius: 0.046875rem; background: #0052a5; color: #fff; font-size: 0.21875rem; line-height: 0.6875rem; }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}textarea { -webkit-appearance: none;} 

.hr {padding:0 1%;}
.hr-list { margin-bottom: 0.15625rem; padding: 0.15625rem 0 0; }
.hr-list .title { padding: 0.03125rem 0.3125rem; background: #efefef; font-weight: bold; line-height: 0.34375rem; }
.hr-list .title span { float: right; color: #333; font-weight: 100; }
.hr-list .info { padding: 0.078125rem 0.15625rem; line-height: 0.375rem; }
.hr-list .apply { padding: 0.078125rem; text-align: right; }
.hr-list .apply a { color: #ba0012; }

/*sitemap网站地图*/
.webmap dl dt {margin: 0.078125rem 0;padding-left: 0.28125rem;background: url(../images/ico_05.gif) 0.046875rem center no-repeat;font-size: 0.25rem;line-height: 2;}
.webmap dl dd {padding-left: 0.28125rem;}
.webmap dl dd a {float: left; display: block; margin-right: 0.15625rem; margin-bottom: 0.078125rem; padding: 0 0.15625rem; background: #eee; font-size: 0.21875rem; line-height: 2; white-space: nowrap;}
.webmap dl dd a:hover{ background:#0052a5; color:#fff;}

.sForm { text-align: center; padding: 0; }
.sForm .title { margin-bottom: .22rem; font-size: .3rem; letter-spacing: 2px; padding: .2rem 0; }
.sForm .title em { color: #1a8746; display: block; }
.sForm .Form { margin-bottom: .15rem; padding: .5rem .3rem .3rem; background-color: #e9f5f5; }
.sForm .Form form select {height:30px;font-size: 14px;border: 1px solid #dddddd;border-radius: 3px;padding: 0 10px;display: inline-block;vertical-align: top;}
.sForm .Form form .submit {margin-left: .1rem;border: 1px solid #dddddd;width: auto;height: 28px;border: 0;background: #039f42;color: #fff;cursor: pointer;font-size: 15px;display: inline-block;vertical-align: top;padding: 0 10px;}
.sForm .Form .f-state { margin-top: .3rem; font-size: .26rem; line-height: .4rem; }
.sForm .Form .f-state span { color: #039f42; }

.sForm .Form .f-title { margin-bottom: .22rem; font-size: .3rem; letter-spacing: 2px; padding: 0 0 .2rem; }
.sForm .Form .f-title span { color: #1a8746; }

.financial-menu { margin-bottom: .3rem; text-align: center; }
.financial-menu li { display: inline-block; font-size: .26rem; background-color: #eef0f2; line-height: .6rem; }
.financial-menu li a { display: block; padding: 0 .2rem; }
.financial-menu li.on { background-color: #039f42; color: #fff; }
.financial-menu li.on a { color: #fff; }

.list { margin-bottom: .2rem; }
.list ul li { border-bottom: 1px dashed #ddd; padding: .2rem 0; }
.list ul li a { color: #000}
.list ul li a:hover,
.list ul li a.current { color: #188544 }

.DataNav{height: 46px;}
.DataNav ul li { float: left; width: 33.33%; font-size: 13px;color: white;height: 40px;background: #188544 ;line-height: 40px}
.DataNav ul li a { display: block; color: white;}
.DataNav-1 { padding-bottom: .2rem; }
.DataNav ul .DataNav-2{ text-align: center; }
.DataNav ul .DataNav-3{ text-align: center; }
.DataNav ul .DataNav-4{ text-align: center; }
.DataNav ul li.current { background:#f60; height: 40px;}

.SearchData .Form form  .onroad{width:150px }
.SearchData div.current{display: block}
.Form-01,.Form-02,.Form-03{display: none}
.DataResult{border: 1px solid #dddddd}
.DataResult h4{text-align: center}
.DataResult h2 { padding: .3rem 0; text-align: center; font-size: .28rem; }
.DataResult th,.DataResult td { padding: .05rem .15rem; }
.article table{max-width:100%;}

.article img{max-width:100%;}