.MainTop img {width:100%}
.MainTop .swiper-button-next:after, .MainTop .swiper-rtl .swiper-button-prev:after { content: ''; }
.MainTop .swiper-button-prev:after, .MainTop .swiper-rtl .swiper-button-next:after { content: ''; }
.MainTop .swiper-pagination {color:white;bottom:20px}
.MainTop .swiper-button-next, .MainTop .swiper-button-prev {top:auto !important;margin-top:-53px}

.MainMbTop img {width:100%}
.MainMbTop .swiper-button-next:after, .MainMbTop .swiper-rtl .swiper-button-prev:after { content: ''; }
.MainMbTop .swiper-button-prev:after, .MainMbTop .swiper-rtl .swiper-button-next:after { content: ''; }
.MainMbTop .swiper-pagination {color:white;bottom:20px}
.MainMbTop .swiper-button-next, .MainMbTop .swiper-button-prev {top:auto !important;margin-top:-53px}


.index1 {padding:80px 0}
.index1 h3 {font-size:30px;font-weight:bold;padding:30px 0 15px;margin:0;line-height:1.5}
.index1 h3 span{color:#00729e}
.index1 p {font-size:18px;padding-bottom:40px;margin:0}

.index5 .swiper-pagination {z-index:0}

@media (max-width: 991px){
	.index1 {padding:40px 0}
	.index1 img.f { width:50%;max-width:482px }
    .index1 h3 {font-size:20px;padding:30px 5px 15px}
    .index1 p {font-size: 14px;padding: 0 10px 34px;}
	.index5 .swiper-pagination {text-align:center !important;padding-right:0 !important}
}


.index2 {background-image: url("../img/sub/sub_06_02.png");background-repeat: no-repeat ;background-size: cover; background-position: center;height:546px}
.index2 .index2-txt-box {display:inline-block;background-color:white;text-align:center;margin-top:70px;border:1px solid #bcbcbc;padding:40px 30px;margin-left:50px}
.index2 .index-icon01 {padding-bottom:20px}
.index2 h3 {font-size:22px;padding-bottom:20px;line-height:1.5}

@media (max-width: 991px){
    .index2 {text-align:center}
	.index2 .index2-txt-box {margin-left:0}
    .index2 h3 {font-size: 16px;}
}

@media (max-width: 600px){
    .index2 {height:310px}
	.index2 .index2-txt-box {margin-top:40px;padding:20px 30px}
	.index2 .base_width {padding-left: 50px !important;padding-right: 50px !important;}
	.index2 h3 {font-size: 14px;}
}

.index3 {background-color:#e9eaec;padding:70px 0 50px}
.index3 h2 {font-size:36px;text-align:center}
.index3 .hd {text-align:center;padding:0;margin:0}
.index3 ul {display:inline-block;width:100%;margin-top:30px}
.index3 li {float:left;width:31.33%;margin:0 1%;text-align:center}
.index3 li .i3Tbl {background-color:white;border:1px solid #bcbcbc}
.index3 li .i3Tbl img {padding:30px 0 20px;height:106px}
.index3 h4 {font-size:24px;font-weight:bold;margin:0;padding:0}
.index3 p {font-size:18px;line-height:1.5;padding-top:20px}
@media (max-width: 1184px){ 
    .index3 p {font-size:16px;}
}
@media (max-width: 991px){ 
    .index3 h2 {font-size:26px}
    .index3 p {font-size:18px;}

    .index3 li {display:block;width:100%;text-align:left;margin-bottom:15px}
    .index3 .i3Tbl {display:table;width:100%}
    
    .index3 .i3Td {display:table-cell}
    .index3 .i3con {width:25%;vertical-align:middle;text-align:center;height:100%}
    .index3 li .i3con img {padding:0;height:80%}
    .index3 .i3txt {padding:20px 0}
	.index3 p {font-size:14px;}
}


@media (max-width: 991px){ 
	.index3 h4 {font-size:20px;}
}

@media (max-width: 640px){ 
	.index3 {padding:35px 0 25px}
}



@media (max-width: 491px){ 

    .index3 .i3con {width:27%;vertical-align:middle;text-align:center;height:100%}
    .index3 li .i3con img {padding:0;height:80%}
     .index3 p {font-size:14px;padding-right:15px}
}

.index4 {padding:80px 15px  0px}
.index4 .hd {text-align:center;padding: 0;margin: 0;}
.index4 h1 {text-align:center;font-size:36px;font-weight:bold}

@media (max-width: 991px){ 
    .index4 {padding:60px 15px  0px}
    .index4 h1 {font-size:26px;}
}

.index5 {padding:80px 0}
.index5 .hd {text-align:center;padding: 0;margin: 0;}
.index5 h2 {text-align:center;font-size:36px;font-weight:bold}
.index5 .swiper-slide {text-align:center; box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);padding:10px 0}
.index5 .swiper-pointer-events {padding:10px;padding-top:60px}
.index5 .swiper-pagination-bullet-active {width: 30px;border-radius: 5px;}
.index5 .swiper-pagination {top:15px;text-align: right;padding-right: 50px;}
.index5 .swiper-button-next:after, .index5 .swiper-rtl .swiper-button-prev:after { content: ''; }
.index5 .swiper-button-prev:after, .index5 .swiper-rtl .swiper-button-next:after { content: ''; }
.index5 .swiper-button-next,.index5  .swiper-rtl .swiper-button-prev {top:30px}
.index5 .swiper-button-prev,.index5  .swiper-rtl .swiper-button-next {top:30px}

@media (max-width: 991px){ 
    .index5 {padding:60px 0}
    .index5 h2 {font-size:26px;}
}

@media (max-width: 640px){ 
    .index5 .base_width {padding-left:0 !important; padding-right:0 !important}
    .index5 .swiper-wrapper {padding:10px 0 !important;padding-top:60px !important}
    .index5 .swiper {padding:0 10px }
    .index5 .swiper-slide img {max-width:154px}
    .index5 .swiper-slide {min-height:65px}
}

.index6 {background-image: url("../img/sub/sub_07.png");background-repeat: no-repeat ;background-size: cover; background-position: center;height:508px;padding:150px 0;color:white}
.index6 a {color:white}
.index6 .dvTbl {display:table;width:100%}
.index6 .dvTd {display:table-cell;width:21%}
.index6 .dvTd1 {width:37%}
.index6 .dvTd1 a {font-size:16px;float:left;margin-top:10px;border:1px solid white;width:279px;;text-align:center;padding:13px 0}
.index6 h1 {font-size:40px;margin:0;padding:0}
.index6 hr {margin:46px 0;width:64px;height:5px;background-color:white;display:block}

.index6 .dvTd2, .index6 .dvTd3,.index6 .dvTd4 {text-align:center}
.index6 .dvTd2>div, .index6 .dvTd3>div {border-right:1px solid white}
.index6 h4 {font-size:26px; margin:0;padding:30px 0}
.index6 h6 {font-size:16px; margin:0;padding:0;font-weight:400;line-height:1.4;height:44.78px}

.index6 .dvTd2 h6, .index6 .dvTd3 h6 {padding:10px 0}

@media (max-width: 1305px) {
    .index6 h1 {font-size:36px;}
}
@media (max-width: 1165px) {
    .index6 h1 {font-size:32px;}
}
@media (max-width: 1031px) {
    .index6 h1 {font-size:28px;}
    .index6 hr {margin:30px 0;}
}
@media (max-width: 991px) {
    .index6 {padding:50px 0;height:600px}

    .index6 .dvTbl {display:block}
    .index6 .dvTd {display:block}
    .index6 .dvTd1 {margin:0 auto;text-align:center;width:100%}
    .index6 .dvTd1>div {margin:0 auto}
    .index6 .dvTd1 hr {display:inline-block;}
    .index6 .dvTd2 {float:left;width:49%;}
    .index6 .dvTd3 {float:right;width:49%;}
    .index6 .dvTd2>div, .index6 .dvTd3>div {border-right:0;background-color: rgba(255, 255, 255, .3);padding:35px 0}
    .index6 span.mobile {display:inline-block !important;font-size:22px;padding-left:15px;}
    .index6 .icon img {height:26px;vertical-align:middle;margin-top:-5px}
    .index6 h6 {font-size:26px;font-weight:bold;height:auto}
    .index6 .dvTd4 {float:left;width:100%;clear:both;margin-top:15px}
    .index6 .dvTd4>div {background-color: rgba(255, 255, 255, .3);padding:35px 0}
    .index6 .dvTd4 h6 {font-size:22px;padding:10px 0}
}

@media (max-width: 625px) {
    .index6 h6 {font-size:22px;}
    .index6 .dvTd4 h6 {font-size:20px;}
}

@media (max-width: 475px) {
    .index6 .icon img {height:22px;}
    .index6 h6 {font-size:20px;}
    .index6 .dvTd4 h6 {font-size:18px;}
	.index6 .dvTd2>div, .index6 .dvTd3>div {padding:15px 0}
	.index6 .dvTd4>div {padding:15px 0}
}

@media (max-width: 415px) {
    .index6 {height:490px}
    .index6 span.mobile {font-size:15px;padding-left:10px;}
    .index6 .icon img {height:20px;}
    .index6 h6 {font-size:18px;font-weight:400}
    .index6 .dvTd4 h6 {font-size:16px;}
	.index6 div.mobile>div {display:inline-block;width:100%}
	.index6 div.mobile a {font-size:14px;display:block;margin:15px auto 0;border:1px solid white;width:279px;;text-align:center;padding:13px 0}
}

@media (max-width: 390px) {
    .index6 h1 {font-size:20px;}
    .index6 hr {height:3px;}
    .index6 span.mobile {font-size:15px;padding-left:10px;}
    .index6 .icon img {height:20px;}
    .index6 h6 {font-size:16px;font-weight:400}
    .index6 .dvTd4 h6 {font-size:16px;}
}
@media (max-width: 390px) {
    .index6 h6 {font-size:14px;}
}

.bro-cat .on {
    color: #2796cb;
}


.index1-tbl {max-width:1074px;width:100%;margin:0 auto;padding:0 20px}
        .index1-tbl-ul1 li {float:left;width:35.33%;}
        .index1-tbl-ul1 img {width:100%}
        .index1-tbl-ul1 li:nth-child(1) {margin-right:-3%}
        .index1-tbl-ul1 li:nth-child(3) {margin-left:-3%}

        .index1-tbl-ul1 li:nth-child(1) .index1-img {position:relative;z-index:3}
        .index1-tbl-ul1 li:nth-child(2) .index1-img{position:relative;z-index:2}
        .index1-tbl-ul1 li:nth-child(3) .index1-img {position:relative;z-index:1}
                

        .index1-tbl-ul1 li:nth-child(1) .index1-back {}
        .index1-tbl-ul1 li:nth-child(2) .index1-back {}
        .index1-tbl-ul1 li:nth-child(3) .index1-back {}
        
        .index1-tbl-ul2 {display:inline-block;margin:0 auto;margin-top:-1px}
        .index1-tbl-ul2 li {float:left;}
        .index1-tbl-ul2 li:nth-child(1) .index1-img{margin-right:-10%}
        .index1-tbl-ul2 li:nth-child(2) .index1-img{margin-left:-10%}
        .index1-tbl-ul2 li:nth-child(1) .index1-img {position:relative;z-index:3;}
        .index1-tbl-ul2 li:nth-child(2) .index1-img {position:relative;z-index:2;}

        .index1-tbl-ul2 li:nth-child(1) .index1-back {margin-left:20px}
        .index1-tbl-ul2 li:nth-child(2) .index1-back {margin-left:-20px}

        .index1-back {position:absolute !important;color:white;z-index:3}
        .index1-back p{font-size: 32px;font-weight: 500;margin:0;padding:0}
        
        @media (max-width: 1179px) {
            .index1-back p{font-size:26px}
        }

        /*
        @media (max-width: 1097px) {
            .index1-back {font-size:26px}
        }
        @media (max-width: 1046px) {
            .index1-tbl-ul1 li:nth-child(2) .index1-back {margin-left:45px}
            .index1-tbl-ul1 li:nth-child(3) .index1-back {margin-left:60px}
        }
        
        */
        @media (max-width: 991px) {
            .index1-back p{font-size:18px}
        }
        @media (max-width: 820px) {
            .index1-tbl-ul2 li:nth-child(1) .index1-back {margin-left:10px}
            .index1-tbl-ul2 li:nth-child(2) .index1-back {margin-left:-10px}
        }
        @media (max-width: 530px) {
            .index1-back p{font-size:14px}
        }
        @media (max-width: 464px) {
            .index1-back p{font-size:12px;letter-spacing:-1px}
            .index1-tbl {padding:0}
        }