@font-face{
font-family:'meiryo';
src:url('meiryo.ttc');
}
body{
font-family:'meiryo' !important;
}
header{
background: #fff;
position: relative;
display: flex;
align-items: center;
border-bottom: 1px solid #f2f2f2;
justify-content: space-between;
}
.logo{
padding-left: 30px;
}
ul{
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
a{
color: #333;
text-decoration: none !important;
}
.head-list{
line-height:60px;
display: flex;
}
.head-list li{
font-size: 16px;
padding: 0 20px;
}
.head-list li:after{
content: "";
width: 0;
height: 2px;
background: #0157a4;
position: absolute;
bottom: 0;
left: 0;
transition: all 0.5s ease 0s;
}
.head-list li:hover:after{
width: 100%;
}
.head-r{
line-height: 60px;
display: flex;
align-items: center;
border-left: 1px solid #f2f2f2;
}
.head-en{
padding: 0 10px;
}
.list-two{
background: #f2f2f2 !important;
}
.list-two a{
background: #fff;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
margin-bottom: 2px;
padding: 0 5px;
}
.list-two a:hover{
color: #fff;
background: #0057a4;
}
.head-search{
width: 60px;
color: #fff;
background: #0057A4;
text-align: center;
}
.head-search i{
font-size: 18px;
}
.pad60{
padding: 60px 0;
}
.title{
text-align: center;
margin-bottom: 40px;
color: #0D5FA8;
font-size: 26px;
}
.max{
width: 1200px;
margin: auto;
}
.list3{
display: flex;
justify-content: space-between;
}
.list3 li{
width: 19%;
text-align: center;
padding: 20px;
background: url(../img/bg.png) no-repeat 100% 100%;
}
.text{
margin-bottom: 20px;
}
.text h5{
font-size: 20px;
margin-bottom: 20px;
}
.text p{
font-size: 16px;
}
.home1{
background: url(../img/bg1.png) no-repeat 100% 100%;
}
.home1-c{
overflow: hidden;
}
.home1-left h3{
font-size: 26px;
color: #fff;
margin-bottom: 30px;
}
.home1-left p{
font-size: 16px;
color: #fff;
}
.home1-left a{
display: inline-block;
margin-top: 50px;
background: #fff;
padding: 5px 15px;
border-radius: 30px;
color: #0D5FA8;
}
.home1-right{
overflow: hidden;
}
.home1-right a{
display: inline-block;
line-height: 40px;
width: 200px;
border-radius: 5px;
background: #fff;
color: #0D5FA8;
text-align: center;
margin-top: 30px;
float: right;
}
.bg{
background: #F8F8F8;
}
.home2-list{
display: flex;
justify-content: space-between;
margin-bottom:50px;
flex-wrap: wrap;
}
.home2-list li{
width: 23%;
background: #fff;
padding: 20px ;
}
.home2-img{
max-height: 200px;
text-align: center;
}
.home2-img img{
min-height: 200px;
max-height: 200px;
}
.home2-txt{
text-align: center;
}
.home2-txt h5{
font-size: 18px;
margin-bottom: 20px;
color: #0D5FA8;
}
.home2 .more{
display: block;
margin: auto;
width: 200px;
line-height: 40px;
text-align: center;
border: 1px solid #0D5FA8;
color: #0D5FA8;
border-radius: 20px;
}
.home3-list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home3-list li{
width: 32%;
border: 1px solid rgb(240, 225, 225);
}
.home3-img{
max-height: 200px;
}
.home3-img img{
max-height: 200px;
width: 100%;
}
.home3-txt{
padding: 10px;
font-size: 18px;
padding-bottom: 0;
}
.home3-txt p{
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 1px solid rgb(240, 225, 225);
}
.home3-b{
line-height: 40px;
padding: 0 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.home3-b i{
color: #0D5FA8;
}
.home4 .home4-list{
}
.home4-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.home4 .home4-list{
justify-content: center;
}
.home4-list li{
position: relative;
width: 19%;
}
.wp-pagenavi{
display: flex;
justify-content: center;
}
.wp-pagenavi{
line-height: 28px !important;
}
.home4 .home4-list li{
margin: 0 0.5%;
}
.home4 .home4-list li a>img{
min-height: 140px;
}
.home4-list li a{
display: block;
position: relative;
}
.home4-video{
display: none;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0,0,0,0.5);
}
.home4-video img{
width: 40px;
height: 40px;
position: absolute;
top: calc(50% - 20px);
left: calc(50% - 20px);
z-index: 11;
}
.home4-list li a:hover .home4-video{
display: block;
}
.pad30{
padding:30px 0;
}
.foot-c{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.foot-list h5{
font-size: 16px;
margin-bottom: 15px;
}
.foot-list a{
display: block;
line-height: 35px;
}
.foot-right{
text-align: right;
}
.foot-right h4{
font-size: 26px;
color: #0D5FA8;
}
.foot-right h1{
font-size: 52px;
color: #000;
font-weight: 500;
margin-bottom: 10px;
}
.foot-right p{
font-size: 16px;
}
.foot-b{
display: flex;
justify-content: space-between;
}
.foot-b span{
color: #fff;
}
.foot-b a{
color: #fff;
}
.foot{
padding: 20px 0;
background: #0D5FA8;
}
.tops{
width: 50px;
height: 50px;
position: fixed;
right: 5%;
bottom: 10%;
z-index: 11;
}
.bars{
display: none;
}
.bars i{
font-size: 32px;
}
.search{
width: 300px;
padding: 30px 0;
position: absolute;
top: 99%;
right:0;
display: none;
z-index: 12;
}
.search i{
color: #333;
}
.head-search:hover .search{
display: block;
}
.m-head{
display: none;
background: #fff;
padding: 20px;
position: absolute;
left: 0;
top: 100%;
width: 100%;
z-index: 11;
box-shadow:0px 15px 10px -15px #000;
}
.m-head-list li{
border-bottom: 1px dashed #f2f2f2;
text-align: center;
line-height: 40px;
}
.m-search{
padding: 10px 0;
}
.add{
padding: 20px 0;
font-size: 14px;
}
.add i{
margin: 0 5px;
}
.details-c{
display: flex;
flex-wrap: wrap;
}
.details-c>div{
width: 50%;
}
.details-right{
padding-left: 50px;
}
.details-left{
border: 1px solid rgb(240, 225, 225);
}
.details-left img{
width: 100%;
}
.details-right h3{
font-size: 20px;
color: #0D5FA8;
margin-bottom: 30px;
}
.details-right p{
line-height: 40px;
font-size: 16px;
}
.details-title{
font-size: 16px;
margin-bottom: 30px;
}
.recommend .home2-list li{
border: 1px solid rgb(240, 225, 225);
}
.add-search{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.add-search li{
width: 28%;
margin: 0 2%;
}
.form-control{
border-radius: 20px;
}
.form-control::-ms-expand{
margin-right: 20px;
}
.top-t{
display: flex;
justify-content: space-between;
}
.top-t span{
display: flex;
align-items: center;
}
.top-t span img{
margin-right: 10px;
}
.top-t a{
border: 1px solid #0D5FA8;
color: #0D5FA8;
padding: 5px 15px;
border-radius: 20px;
display: flex;
align-items: center;
}
.top-t a img{
margin-right: 10px;
}
.screen-choice{
padding: 20px;
margin-top: 30px;
}
.choice-list li{
padding: 10px 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.choice-list li>p{
width: 100px;
position: relative;
color: #0D5FA8;
margin-bottom: 0;
}
.choice-list li>p::after{
content: "";
position: absolute;
width: 1px;
height: 80%;
right: 0;
top: 10%;
background: #999;
}
.choice-list li>div{
display: flex;
flex: 1;
flex-wrap: wrap;
}
.choice-list li>div span{
padding: 0 20px;
cursor: pointer;
margin: 10px 0;
}
.on{
color: #0D5FA8;
}
.screen .recommend{
margin-top: 40px;
}
.screen .recommend ul li{
margin-bottom: 20px;
}
.screen .home2-list{
justify-content: end;
}
.screen .home2-list li{
margin: 0 1%;
}
.pages{
display: flex;
justify-content: center;
}
.about-top{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.about-top li{
padding: 0 20px;
position: relative;
}
.about-top li a{
display: block;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
text-align: center;
}
.about-top li i{
content: "";
width: 1px;
height: 80%;
position: absolute;
right: 0;
top: 10%;
background: #999;
margin: 0;
}
.about-top li:last-child i{
display: none;
}
.about-c{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.about-l{
width: 70%;
padding-right: 30px;
}
.about-r{
width: 30%;
}
.about-l h3{
font-size: 22px;
margin-bottom: 20px;
}
.about-l p{
font-size: 15px;
margin-bottom: 20px;
}
.search-icon{
border: none !important;
background: none !important;
}
.about-title{
font-size: 18px;
font-weight: 600;
margin-bottom: 30px;
}
.about-b-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.about-b-list li{
width: 19%;
border: 1px solid rgb(240, 225, 225);
padding: 20px;
text-align: center;
}
.about-b-list li img{
margin-bottom: 10px;
}
.about-b-list li p{
margin-bottom: 5px;
}
.contact-top{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.contact-left{
width: 30%;
background: #56A6FF;
padding: 20px;
}
.contact-right{
width: 68%;
padding: 20px;
}
.contact-left>div{
color: #fff;
}
.contact-title{
font-size: 18px;
color: #0D5FA8;
margin-bottom: 10px;
}
.form-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 10px;
}
.form-list div{
width: 48%;
}
.form-list div input{
width: 100%;
height: 40px;
border: 1px solid #999;
}
.form-textarea textarea{
width: 100%;
max-height: 50px;
}
.sbm{
width: 48%;
line-height: 40px;
background: #0D5FA8;
color: #fff;
text-align: center;
border: none;
margin-top: 30px;
}
.instructions-title{
text-align: center;
font-size: 24px;
color: #0D5FA8;
margin-bottom: 50px;
}
.instructions-title p{
width: 100px;
height: 2px;
background: #0D5FA8;
margin: 10px auto;
}
.instructions-list li{
line-height: 50px;
border-bottom: 1px solid rgb(240, 225, 225);
}
.instructions-list li:last-child{
border: none;
}
.instructions-list li a{
display: flex;
justify-content: space-between;
align-items: center;
}
.instructions-list li a p{
width: 70%;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
margin-bottom: 0;
}
.on a{
color: #0D5FA8;
}
.news-list li a{
display: flex;
flex-wrap: wrap;
}
.news-list li{
margin-bottom: 30px;
}
.news-img{
width: 25%;
}
.news-txt{
width: 75%;
padding-left: 30px;
}
.news-txt p{
font-size: 16px;
margin-bottom: 30px;
}
.news-txt span{
color: #999;
}
.news-img img{
width: 100%;
}
.word-title{
margin-bottom: 30px;
}
.word-title h3{
font-size: 20px;
text-align: center;
color: #0D5FA8;
margin-bottom: 20px;
}
.word-title p{
text-align: center;
color: #999;
}
.detail-word p{
text-indent: 2em;
line-height: 30px;
font-size: 16px;
margin-bottom: 20px;
}
.detail-img{
text-align: center;
margin-bottom: 20px;
}
.attract-img{
text-align: center;
margin-bottom: 50px;
}
.attract-word p{
line-height: 40px;
margin-bottom: 0;
}
.attract-word .p1{
margin-bottom: 50px;
}
.video .home4-list li{
width: 31%;
margin-bottom: 20px;
}
.video-img img{
width: 100%;
}
.video .home4-list:after{
content: "";
width: 31%;
}
.video-txt{
display: block;
text-align: center;
line-height: 40px;
}
.list{
margin-top: 30px;
}
.list ul{
display: flex;
flex-wrap: wrap;
border: 1px solid rgb(240, 225, 225);
}
.list ul li{
width: 20%;
line-height: 45px;
text-align: center;
position: relative;
border-right: 1px solid rgb(240, 225, 225);
}
.list ul li:last-child{
border: none;
}
.on1{
background: #0D5FA8;
}
.on1 a{
color: #fff;
}
.on1::after{
content: "";
width:0;
height:0;
border: 10px solid;
border-color: transparent;
border-top-color: #0D5FA8;
position: absolute;
left: calc(50% - 5px);
top: 100%;
}
.list-bs{
display: flex;
flex-wrap: wrap;
margin-top: 30px;
border-bottom: 1px solid rgb(240, 225, 225);
border-left: 1px solid rgb(240, 225, 225);
}
.list-bs a{
line-height: 35px;
background: #F8F8F8;
color: #0D5FA8;
padding: 0 30px;
border-top: 1px solid rgb(240, 225, 225);
border-right: 1px solid rgb(240, 225, 225);
}
.dt-list{
margin-bottom: 30px;
overflow-y: auto;
}
.dt-list caption{
line-height: 40px;
padding: 0 0 0 20px;
background: #f5f5f5;
color: #0D5FA8;
border-left: 2px solid #0D5FA8;
margin: 0;
}
table{
margin-top: 30px;
}
table th{
background: #EEEEEE;
padding:10px 15px
}
table td{
padding:6px 15px
}
table, th, td {
border: 1px solid rgb(240, 225, 225);
}
@media (max-width:1300px){
.head-list li{
padding: 0 10px;
}
}
@media (max-width:1200px){
.head-list{
display: none;
}
.bars{
display: block;
margin-right: 30px;
}
.search{
right: 28%;
}
.max{
width: 100%;
padding: 0 10px;
}
}
@media (max-width:768px){
.wp-pagenavi{
display: block;
justify-content: center;
}
.text h5{
font-size: 18px;
}
.list ul li{
width: 50%;
border-bottom: 1px solid rgb(240, 225, 225);
overflow: hidden;
font-size: 12px;
}
.list ul li:nth-child(2n){
border-right: none;
}
.list ul li:last-child{
border-right: 1px solid rgb(240, 225, 225);
}
.on1::after{display: none;}
.title{
font-size: 20px;
}
.head-r{
display: none;
}
header{
padding: 10px 0;
}
.text p{
font-size: 14px;
}
.list3 {
flex-wrap: wrap;
}
.list3 li{
padding: 10px;
width: 49%;
margin-bottom: 20px;
}
.home1{
display: table;
}
.home1-left h3{
font-size: 20px;
}
.pad60{
padding: 30px 0;
}
.home1-left p{
font-size: 14px;
}
.home1-left a{
margin-top: 30px;
}
.home1-right a{
width: 31%;
float: none;
}
.home1-right{
display: flex;
justify-content: space-between;
}
.home2-list li{
width: 49%;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}
.screen .home2-list {
justify-content: space-between;
}
.home2-list{
margin-bottom: 20px;
}
.home2 .more{
width: 150px;
line-height: 35px;
}
.home3-list li{
width: 49%;
margin-bottom: 20px;
}
.home3-txt p{
font-size: 14px;
}
.home3-b{
font-size: 12px;
}
.home4-list li{
width: 49%;
margin-bottom: 20px;
}
.home4-video{
display: block;
}
.foot-list{
width: 50%;
margin-bottom: 20px;
text-align: center;
}
.foot-right{
width: 100%;
text-align: center;
}
.foot-right h4{
font-size: 20px;
}
.foot-right h1{
font-size: 30px;
}
.foot-b{
flex-wrap: wrap;
}
.foot-b span{
width: 100%;
text-align: center;
}
.details-c>div{
width: 100%;
}
.details-right{
padding-left: 0;
}
.details-right h3{
font-size: 18px;
margin-bottom: 10px;
}
.details-right p{
line-height: 30px;
font-size: 14px;
}
.details-title{
font-size: 14px;
}
.choice-list li>div{
width: 100%;
margin-top: 20px;
}
.choice-list li>div span{
line-height: 35px;
}
.choice-list li>p{
text-align: center;
background: #0D5FA8;
color: #fff;
padding: 5px 0;
}
.choice-list li>p::after{
display: none;
}
.add-search li{
width: 60%;
padding: 20px 0;
}
.about-l{
width: 100%;
padding-right: 0;
}
.about-l h3{
font-size: 20px;
}
.about-l p{
font-size: 14px;
}
.about-r{
width: 100%;
}
.about-top li{
width: 33.3%;
margin: 8px 0;
}
.about-top li:nth-child(3n) i{
display: none;
}
.about-b-list li{
width: 49%;
margin-bottom: 20px;
}
.contact-top>div{
width: 100%;
}
.contact-left{
margin-bottom: 20px;
}
.form-list div input{
height: 35px;
}
.sbm{
height: 35px;
}
.instructions-title{
font-size: 20px;
margin-bottom: 20px;
}
.instructions-title p{
width: 80px;
height: 1px;
}
.news-txt{
padding-left: 10px;
}
.news-txt p{
font-size: 14px;
margin-bottom: 10px;
}
.news-list li{
margin-bottom: 20px;
}
.word-title h3{
font-size: 18px;
}
.detail-word p{
font-size: 14px;
}
.attract-img{
margin-bottom: 30px;
}
.attract-word p{
line-height: 35px;
}
.attract-word .p1{
margin-bottom: 30px;
}
.video .home4-list li{
width: 48%;
}
.choice-list li{
align-items: baseline;
}
.choice-list li>div{
flex: none;
}
}
@media(max-width:600px){
.news-img{
width: 100%;
}
.news-txt{
width: 100%;
padding-left: 0;
margin-top: 10px;
}
}