.container{width: 100%;padding: 0;}
a:hover{text-decoration:none;color: #ffc700;}

html, body {
    position: relative;
    height: 100%;

}

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;

}
.swiper-container .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ffffff;
    width: 100%;
}



.swiper-container .swiper-slide > .background {
    width: 100%;
    height: 100%;
    display: inline-block;
    box-sizing: content-box;
    background-repeat: no-repeat;
    background-size: cover;
}

.item-6 .background，.item-6 .background .row{ text-align: center;}
.item-6 .row > p{color: #595959;}

.title{color: #595959;}
.sub-title{color:#ffc700;}

.row{ text-align: center; height: 80%; width: 100%;  }

/*table { table-layout: fixed;}*/

table tr td {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
}

.list > thead > tr > th,
.list > tbody > tr > td
{
    border: none;
    text-align: left;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}

.list > tbody > tr > td > a {color: #595959;}
.list > tbody > tr > td > a:hover {color: #ffc700;}

.pagination > .page-item { display: inline-block; padding: 0 2px; }
.pagination > .page-item > .page-link{ border: none;background-color: transparent; color: #cccccc; }
.pagination > .page-item > .page-link:hover , .pagination > .active > .page-link:hover { border-radius: 50%; background-color: #ffc700; color: #ffffff;}


.pagination > .next > .page-link {border-radius: 50%; background-color: #ffc700; color: #ffffff;}
.pagination > .previous > .page-link {border-radius: 50%; background-color: #ffc700; color: #ffffff;}
.pagination > .disabled > .page-link {border-radius: 50%; background-color: #cccccc !important; color: #ffffff !important;}

.pagination > .active > .page-link { border-radius: 50%; background-color: #ffc700 !important;color: #ffffff !important;}

.bottom_content > .left ,.bottom_content > .right{  height: 100%;  padding: 0;  }

.bottom_content > .left {  padding-right: 20px;  overflow: hidden;  }

.bottom_content > .right {  padding-left: 20px;  }


.bottom_content > .right > .content{
    margin-top: 0;
    margin-bottom: 28px;
}


.bottom_content > .right > h4 { text-align: left; color: #595959; }

.bottom_content > .right > span{ float: left; color: #ffc700; }

.bottom_content > .right > .contact{  position: absolute;  bottom: 0;  }

.bottom_content > .right > .contact  p{  text-align: left;  }

.btn-submit{border-radius:20pt !important;background: #ffc700;border: none;color: #ffffff;cursor: pointer;}

@media (min-width: 330px){
    .item-6 { height: 400px;}
    .item-6 .row > img {width: 180px;}
    .item-6 .row > p{font-size: 12px;padding-top: 0.5%;}

    .row{  padding-top:84px; margin-left: 0;margin-right: 0; }

    .title{ font-size: 28px; }
    .sub-title{ font-size: 16px;font-weight: 200; letter-spacing:5px;margin-top: 10px;}



    .list > tbody > tr > td > a,
    .list > tbody > tr > td
    {font-size: 12px;}

    #content { padding: 0; }
    #content > .row { margin: 50px 0;}
    .bottom_content{height: auto;}
    .bottom_content{  overflow: auto;  }
    .bottom_content > .left {  padding-right: 0;  }
    .bottom_content > .left > img{ width: 100%;  height: auto;  }
    .bottom_content > .right {  padding-left: 0;  }

    .bottom_content > .right > .content{ font-size: 14px; margin-bottom: 15px;margin-top: 20px; }
    .bottom_content > .right > .contact { padding: 0; position: inherit;margin-top: 50px; }
    .bottom_content > .right > .contact > .col-md-12{ padding: 10px;}
    .bottom_content > .right > h4 {font-size: 28px;}
    .bottom_content > .right > span{font-size: 18px;}
    .bottom_content > .right > .contact  p{font-size: 14px; margin-bottom: 5px; }
    .btn-submit{padding-left: 30px;padding-right: 30px;}

}


@media (min-width: 1000px){
    body { margin-left: -15px; margin-right: -15px;overflow-x: hidden; }

    .item-6 { height: 600px;}
    .item-6 .row > img {width: 350px;}
    .item-6 .row > p{font-size: 20px;padding-top: 0.5%;}
    .row{  padding-top:84px; margin-left: -15px;margin-right: -15px; }

    .title{ font-size: 25px; }
    .sub-title{ font-size: 16px;font-weight: 100; letter-spacing:5px;margin-top: 10px;}

    .top p{ line-height: 1.8;font-weight: 100;}

    .list > thead > tr > th {font-size: 16px;}
    .list > tbody > tr > td > a, .list > tbody > tr > td {font-size: 16px;font-weight: 100;}

    #content { padding: 100px 0; }
    #content > .row { margin: 0;}
    .bottom_content{height: 345px; overflow: hidden;}
    .bottom_content > .left {  padding-right: 20px;  }
    .bottom_content > .left > img{ width: auto;  height: 100%;  }
    .bottom_content > .right {  padding-left: 20px;  }
    .bottom_content > .right > .content{font-size: 12px;margin-bottom: 30px;margin-top: auto;line-height: 1.5;font-weight: 100;text-align: justify;}
    .bottom_content > .right > .contact {  padding: 0 20px 0 0; position: absolute; }
    .bottom_content > .right > h4 {font-size: 25px;}
    .bottom_content > .right > span{font-size: 16px;font-weight: 100;}
    .bottom_content > .right > .contact  p{font-size: 12px;margin-bottom: 0;font-weight: 100;}
    .btn-submit{padding-left: 50px;padding-right: 50px;}
}

@media (min-width: 1280px){
    .row{  padding-top:84px;  }

    .title{ font-size: 25px; }
    .sub-title{ font-size: 16px;font-weight: 100; letter-spacing:5px;margin-top: 10px;}

    .top p{ line-height: 1.8;font-weight: 100;}

    .list > thead > tr > th {font-size: 16px;}
    .list > tbody > tr > td > a, .list > tbody > tr > td {font-size: 16px;font-weight: 100;}

    #content { padding: 100px 0; }
    #content > .row { margin: 0;}
    .bottom_content{height: 345px; overflow: hidden;}
    .bottom_content > .left {  padding-right: 20px;  }
    .bottom_content > .left > img{ width: auto;  height: 100%;  }
    .bottom_content > .right {  padding-left: 20px;  }
    .bottom_content > .right > .content{font-size: 14px;margin-bottom: 30px;line-height: 1.5;font-weight: 100;text-align: justify;}
    .bottom_content > .right > .contact {  padding: 0 20px 0 0; position: absolute; }
    .bottom_content > .right > h4 {font-size: 25px;}
    .bottom_content > .right > span{font-size: 16px;font-weight: 100;}
    .bottom_content > .right > .contact  p{font-size: 12px;margin-bottom: 0;font-weight: 100;}
    .btn-submit{padding-left: 50px;padding-right: 50px;}
}


@media (min-width: 1400px){
    .row{  padding-top:105px;  }

    .title{ font-size: 25px; }
    .sub-title{ font-size: 16px;font-weight: 100; letter-spacing:5px;margin-top: 10px;}

    .top p{ line-height: 1.8;font-weight: 100;}

    .list > thead > tr > th {font-size: 16px;}
    .list > tbody > tr > td > a, .list > tbody > tr > td {font-size: 16px;font-weight: 100;}

    #content { padding: 100px 0; }
    #content > .row { margin: 0;}
    .bottom_content{height: 345px; overflow: hidden;}
    .bottom_content > .left {  padding-right: 20px;  }
    .bottom_content > .left > img{ width: 100%;  height: auto;  }
    .bottom_content > .right {  padding-left: 20px;  }
    .bottom_content > .right > .content{font-size: 16px;margin-bottom: 11px;line-height: 1.4;font-weight: 100;text-align: justify;}
    .bottom_content > .right > .contact {  padding: 0 20px 0 0; position: absolute; }
    .bottom_content > .right > h4 {font-size: 25px;}
    .bottom_content > .right > span{font-size: 16px;font-weight: 100;}
    .bottom_content > .right > .contact  p{font-size: 14px; margin-bottom: 0;font-weight: 100;}
    .btn-submit{padding-left: 50px;padding-right: 50px;}
}
.bottom_content > .right > .contact  p:last-child{ margin-bottom: 0; }
<!--ºÄʱ1751468006.2806Ãë-->