﻿.ser0-box1{ padding: 80px 0;}
.ser0-box1 h2{font-size: 2rem; margin-bottom:20px; line-height: 36px;}
.ser0-box1-info{ line-height: 28px;}
.ser0-box1-info img{ max-width: 100%; height: auto;}
.ser0-box1-info video{ max-width: 100%; height: auto;}

.ser0-box1 table {
    border: 1px solid #eee;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
    margin: 25px 0;
}

    .ser0-box1 table td {
        border: 1px solid #eee;
        border-right: 0px;
        border-bottom: 0px;
        padding: 6px;
    }

    .ser0-box1 table tr {
        background: #fff;
    }



.ser0-title1{ border-bottom:1px solid #111111; color:#111; font-size: 1.4rem; line-height: 42px; font-weight: bold;}

.ser0-list1{ padding: 80px 0;}
.ser0-list1 dl{ width: 100%;}
.ser0-list1 dl dt{ width: 50%; height: auto; }
.ser0-list1 dl dt h3{ font-size: 1.6rem; margin-bottom:20px; line-height: 36px;}
.ser0-list1 dl dt p{ margin-top: 15px; line-height: 26px;}
.ser0-list1 dl dt a{ display: inline-block; margin-top: 25px; background: #00479B; color: #FFFFFF; border-radius:6px; height: 60px; line-height: 60px; padding: 0 30px;}
.ser0-list1 dl dt a:hover{ background: #8A7829;}
.ser0-list1 dl dd{ width: 50%; height: auto; border:1px solid #EEEEEE;}
.ser0-list1 dl dd img{ width: 100%; height: auto;}

.ser0-list1 dl:nth-child(odd) dt{ padding-right: 80px;}
.ser0-list1 dl:nth-child(even) dt{ padding-left: 80px;}

.ser0-title2{ padding: 50px 0; line-height: 32px; font-size: 1.6rem; color: #111111; font-weight: bold;}

.ser0-video{}
.ser0-video video{ width: 100%; height: auto; margin-bottom: 50px;}
.ser0-video img{ width: 100%; height: auto; margin-bottom: 50px;}

.ser0-box2{ width: 100%; height: auto; padding: 80px 0; background: url(../images/ser0bg1.jpg) no-repeat center; background-size:cover;}
.ser0-box2 table {
    border: 1px solid #eee;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
    margin: 25px 0;
}

.ser0-box2 table td {
        border: 1px solid #eee;
        border-right: 0px;
        border-bottom: 0px;
        padding: 6px;
    }
 .ser0-box2 table tr {
        background: #fff;
    }


.ser0-box2-info{}
.ser0-box2-info h2{font-size: 1.6rem; line-height: 32px; margin-bottom: 20px;}

.ser0-box2 ul{ padding-top: 30px;}
.ser0-box2 ul li{ width: 49%; height: auto;}
.ser0-box2 ul li img{ width: 100%; height: auto;}


.ser0-box2s {
    width: 100%;
    height: auto;
    padding: 80px 0;
    background: url(../images/ser0bg1.jpg) no-repeat center;
    background-size: cover;
}

    .ser0-box2s table {
        border: 1px solid #eee;
        border-left: 0px;
        border-top: 0px;
        font-size: 14px;
        width: 100%;
        box-sizing: border-box;
        border-spacing: 0;
        margin: 25px 0;
    }

        .ser0-box2s table td {
            border: 1px solid #eee;
            border-right: 0px;
            border-bottom: 0px;
            padding: 6px;
        }

        .ser0-box2s table tr {
            background: #fff;
        }


.ser0-box2s-info {
}

    .ser0-box2s-info h2 {
        font-size: 1.6rem;
        line-height: 32px;
        margin-bottom: 20px;
    }

.ser0-box2s ul {
    padding-top: 30px;
}

    .ser0-box2s ul li {
        width: 24%;
        height: auto;
    }

        .ser0-box2s ul li img {
            width: 100%;
            height: auto;
        }


.ser0-box3{ padding: 50px 0;} 
.ser0-box3 h2{font-size: 1.6rem; line-height: 32px; margin-bottom: 20px;}
.ser0-box3 table {
    border: 1px solid #eee;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
    margin: 25px 0;
}

.ser0-box3 table td {
        border: 1px solid #eee;
        border-right: 0px;
        border-bottom: 0px;
        padding: 6px;
    }
 .ser0-box3 table tr {
        background: #fff;
    }



.ser0-box4{ padding: 80px 0;}
.ser0-box4 h2{font-size: 1.6rem; line-height: 32px; margin-bottom: 20px;}

.ser0-box4-box{ padding-bottom: 80px;}
.ser0-box4-box-left{ width: 45%; padding-right: 80px;}
.ser0-box4-box-right{ width: 55%; height: auto;}
.ser0-box4-box-right img{ width: 100%; height: auto;}


.ser0-box5{ padding: 80px 0;}
.ser0-box5 h2{font-size: 1.6rem; line-height: 32px; margin-bottom: 20px;}

.ser0-box5-list{ width: 100%;}
.ser0-box5-list-left{ width: 50%;}
.ser0-box5-list-left img{ width: 100%; height: 100%; object-fit: cover;}

.ser0-box5-list-right{ width: 50%;}
.ser0-box5-list-right dl{ padding: 25px 40px; border-bottom:1px solid #EEEEEE; cursor: pointer;}
.ser0-box5-list-right dl dt b{ display: block; font-size: 1.2rem; width: calc(100% - 52px); line-height: 52px;}
.ser0-box5-list-right dl dt i{ display: block; width: 52px; height: 52px; line-height: 52px; text-align: center; font-size: 1.4rem;}
.ser0-box5-list-right dl dd{ display: none; padding-right: 60px; padding-top: 25px;}
.ser0-box5-list-right dl.active i{ background: #00479B; color: #FFFFFF;}


.ser0-faq{padding: 80px 0;}
.ser0-faq h2{font-size: 1.6rem; line-height: 32px; margin-bottom: 20px;}

.ser0-faq dl{ padding: 25px 0; border-bottom:1px solid #EEEEEE; cursor: pointer;}
.ser0-faq dl dt b{ display: block; font-size: 1.2rem; width: calc(100% - 52px); line-height: 52px;}
.ser0-faq dl dt i{ display: block; width: 52px; height: 52px; line-height: 52px; text-align: center; font-size: 1.4rem;}
.ser0-faq dl dd{ display: none; padding-right: 60px; padding-top: 25px;}
.ser0-faq dl.active i{ background: #00479B; color: #FFFFFF;}



@media (max-width:1280px) {

.ser0-box1{ padding: 20px 0;}
.ser0-box1 h2{font-size: 1.4rem; margin-bottom:10px; line-height: 32px;}


.ser0-title1{ font-size: 1.2rem; line-height: 32px; }

.ser0-list1{ padding: 30px 0;}
.ser0-list1 dl{ width: 100%; margin-bottom: 15px;}
.ser0-list1 dl dt{ width: 100%; height: auto; }
.ser0-list1 dl dt h3{ font-size: 1.2rem; margin-bottom:10px; line-height: 32px;}
.ser0-list1 dl dt a{ margin-top: 15px; }
.ser0-list1 dl dd{ width: 100%; }


.ser0-list1 dl:nth-child(odd) dt{padding: 25px 0;}
.ser0-list1 dl:nth-child(even) dt{ padding: 25px 0;}

.ser0-title2{ padding: 20px 0;  font-size: 1.4rem;}


.ser0-box2{  padding: 30px 0; }


.ser0-box2-info h2{font-size: 1.4rem; margin-bottom: 10px;}

.ser0-box2 ul{ padding-top: 20px;}

.ser0-box2s{  padding: 30px 0; }


.ser0-box2s-info h2{font-size: 1.4rem; margin-bottom: 10px;}

.ser0-box2s ul{ padding-top: 20px;}
.ser0-box2s ul li{ width:49%; margin-bottom:10px;}


.ser0-box3{ padding: 30px 0;} 
.ser0-box3 h2{font-size: 1.4rem; line-height: 32px; margin-bottom: 10px;}



.ser0-box4{ padding: 30px 0;}
.ser0-box4 h2{font-size: 1.4rem; line-height: 32px; margin-bottom: 10px;}

.ser0-box4-box{ padding-bottom: 30px;}
.ser0-box4-box-left{ width: 100%; padding-right: 0; padding-bottom: 25px;}
.ser0-box4-box-right{ width: 100%; height: auto;}



.ser0-box5{ padding: 30px 0;}
.ser0-box5 h2{font-size: 1.4rem; margin-bottom: 10px;}

.ser0-box5-list{ width: 100%;}
.ser0-box5-list-left{ width: 100%;}


.ser0-box5-list-right{ width:100%;}
.ser0-box5-list-right dl{ padding: 15px 0;}
.ser0-box5-list-right dl dt b{font-size: 1rem;line-height: 32px;}
.ser0-box5-list-right dl dd{  padding-right: 0; padding-top: 15px;}

.ser0-faq{padding: 30px 0;}
.ser0-faq h2{font-size: 1.4rem; margin-bottom: 10px;}

.ser0-faq dl{ padding: 15px 0;}
.ser0-faq dl dt b{ font-size: 1rem; line-height: 32px;}
.ser0-faq dl dd{  padding-top: 15px;}

.table-wrap{overflow-x: auto;}


}


@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 480px) {
 
  
}