/* ===== key-content.css: Content Area, Tables, Boxes, Titles, Forms, Filter ===== */
.banner{width:100%;position:relative;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center center;justify-content:center}
@media (min-width:993px){.banner{display:block;}
}@media (max-width:992px){.banner{display:none}
}

.banner .baner-line{width:100%;margin:auto;position:absolute;bottom:0;z-index:100;background-image:url("../images/banner-line.png");background:-webkit-image-set(url(../images/banner-line.webp) 1x,url(../images/banner-line.webp) 2x);background:image-set(url(../images/banner-line.webp) 1x,url(../images/banner-line.webp) 2x);height:200px;background-position:center bottom;background-repeat:no-repeat;background-size:cover;left:0px}
.banner .banner-1,.banner .banner-2,.banner .banner-3{min-height:750px;height:80vh;width:100%;color:#fff; display: flex;align-items: center;position: relative; background-repeat: no-repeat;}

.banner div[class*="banner-"] .bannerfont{padding:20px;color:var(--main-white-color)}
.banner div[class*="banner-"] .bannerfont-tit{font-weight:lighter;margin-bottom:20px;color:var(--main-white-color)}
.banner div[class*="banner-"] p{font-size:20px;line-height:30px;margin-bottom:25px}
.banner div[class*="banner-"] .btn{font-size:18px}
.banner div[class*="banner-"] .btn:hover{background-color:var(--main-white-color);color:var(--main-black-color) !important}

@media screen and (min-width:993px){
    .banner div[class*="banner-"] .bannerfont{width:40%;left:45%;top:15%;position:absolute; display:inline-block;}
.banner div[class*="banner-"] .bannerfont .bannerfont-tit{font-size:50px}
.banner div[class*="banner-"]  .baner-line,.secondbanner{display:block}
}
@media screen and (max-width:992px){.banner .bannerfont{width:90%;left:5%;top:10%;position:absolute}
.banner div[class*="banner-"] .bannerfont .bannerfont-tit{font-size:40px}
.banner div[class*="banner-"] .baner-line,.secondbanner{display:none}
}
.secondbanner{background-image:url(../images/sec-banner.png);background:-webkit-image-set(url(../images/sec-banner.webp) 1x,url(../images/sec-banner.webp) 2x);background:image-set(url(../images/sec-banner.webp) 1x,url(../images/sec-banner.webp) 2x);background-color:var(--main-blue-color);height:450px;background-position:center center;background-repeat:no-repeat;background-size:cover}
.path{display:table;width:100%;margin-left:0;padding-left:0;font-size:14px;margin:10px 0px !important;}

.path li:first-child{padding-left:0}

.path li{float:left;padding-right:10px;margin-bottom:5px;}

.path li,.path li a{color:#888}

.path li:after{content:"/";margin-left:15px}

.path li:last-child:after{content:""}

.path li.active{font-weight:bold;color:var(--main-yellow-color)}

.path li:hover a{color:var(--main-yellow-color)}

.ptit{font-weight:normal;display:block;width:100%;margin:auto auto 30px auto;position:relative;border-bottom:1px solid #ccc}

.ptit .inqu-download{padding:5px;top:5px;right:0;font-size:40px}

.ptit .inqu-download span,.ptit .inqu-download a{cursor:pointer;width:50px;height:50px;padding:8px;color:var(--main-black-color)}

.ptit .inqu-download span:hover,.ptit .inqu-download a:hover{background-color:var(--main-yellow-color)}

@media screen and (min-width:993px){.ptit{padding-right:120px;font-size:50px;line-height:58px}
.ptit .inqu-download{padding:5px;position:absolute;width:140px;text-align:right}
}

@media screen and (max-width:992px){.ptit{font-size:35px;line-height:40px}
.ptit .inqu-download{padding:5px;position:relative;width:100%;text-align:left;margin-top:20px}
}

.cont-area{box-sizing:border-box}

.cont-area a{color:var(--main-link-color)}

.cont-area a:hover{/*background-color:var(--main-yellow-color);*/color:var(--main-blue-2-color);text-decoration: none;}

.servics-con h2,.cont-area h2{font-size:24px;}

.servics-con h3,.cont-area h3{font-size:20px;}

.servics-con h4,.cont-area h4{font-size:16px;}

.proshow-tabs ul{padding:0px;margin:0px 0px 15px 0px}

.proshow-tabs ul li{display:inline-block;padding:5px 15px 5px 15px;background-color:#004a99;color:#fff;cursor:pointer;margin-right:10px}

.proshow-tabs ul li a{color:#fff}

.proshow-tabs ul li:hover,.proshow-tabs ul li.prochoosebg{background-color:#f3e04e;color:#000}

.badiancont{}

.show-center,.show-left,.show-right{color:#666;text-align:center;font-size:12px;line-height:1.7em !important}

.show-center img,.show-left img,.show-right img{display:block;margin-right:auto;margin-bottom:15px;margin-left:auto;height:auto;max-width:100%}

@media (min-width:992px){.show-left,.show-right{display:inline-block}
.show-right{float:right;margin-left:15px}
.show-left{float:left;margin-right:15px}
}

@media (max-width:992px){.show-right,.show-left{width:100%;margin:0}
}

.Reference,.reference{color:#666;font-size:0.95em}

.Reference p,.reference p{margin-bottom:10px}

.Reference ol,.reference ol{margin-bottom:15px}

.Reference ol li,.reference ol li{line-height:1.7em}

table{margin-bottom:25px;width:100%;border:1px solid #ddd}

table p,table td ul,table td ol{margin-bottom:15px}

table td ul:last-child,table td ol:last-child,table td p:last-child,table td ul:last-child>li:last-child,table td ol:last-child>li:last-child{margin-bottom:0}

table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td,.table>thead>tr>th,table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:10px 8px;border-top:1px solid #ddd;vertical-align:middle;line-height:1.428571429}

.service-table tr:first-child,.service-tr,.service-table.table-striped tr:first-child{background:#f3e04e;color:#000}

.service-table tr:first-child a,.service-tr a{color:#fff}

.service-table tr:first-child td,.service-table tr:first-child th,.table-bordered .service-tr td,.service-tr td{border:none}

.service-table.table-striped>tbody>tr:nth-child(1)>td,.service-table.table-striped>tbody>tr:nth-child(1)>th{background-color:transparent}

.service-table{font-size:0.9em}

.table-fixed{border-collapse:collapse;border-top:none}

.table-fixed td{border-left:1px solid #ddd}

.table-fixed tbody{display:block;height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}

.table-fixed thead,.table-fixed  tbody tr{display:table;width:100%;table-layout:fixed}

.table-fixed thead{background:#048ca9;color:#fff}

.table-fixed thead td{border-left:none}

.table-fixed tbody::-webkit-scrollbar{width:5px;height:5px}

.table-fixed tbody::-webkit-scrollbar-thumb{border-radius:6px;-webkit-box-shadow:inset 0 0 7px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}

.table-fixed tbody::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}

ul.border-box>li:last-child{margin-bottom:0}

ul.border-box{padding:15px 15px 15px 30px}

.border-box{border:1px solid #1a5ca3;padding:15px;border-radius:5px}

.bg-box{background:#e9eff9;padding:10px 15px;border-radius:5px}

div.bg-box,div.border-box{margin-bottom:25px}

@media (min-width:992px){.list-box,.flex-box{display:flex;flex-wrap:wrap}
.list-box div[class*="col-md"]{display:flex}
}

.flex-box .border-box{margin-bottom:0;height:100%}

.list-box div[class*="col-md"],.flex-box div[class*="col-md"]{margin-bottom:20px}

.list-box a,.list-box div[class*="col-md"]>span{display:flex;align-items:center;border:1px solid #ddd;width:100%;padding:10px;border-radius:5px;position:relative;transition:all ease .4s;text-align:left}

.list-box a:before,.list-box div[class*="col-md"]>span:before{position:absolute;content:'';background:#2391cc;z-index:-1;top:0;right:auto;bottom:auto;left:0;width:0;height:100%;opacity:1;border:solid 2px #2391cc;transition:all ease .4s}

.list-box a:hover,.list-box div[class*="col-md"]>span:hover{color:#fff;border:1px solid transparent}

.list-box a:hover:before,.list-box div[class*="col-md"]>span:hover:before{right:0;width:100%;border-radius:5px}

.flex-box p{margin-bottom:15px}

.flex-box p:last-child{margin-bottom:10px}

@media(min-width:992px){.bg-box>.row{display:flex;flex-wrap:wrap}
.border-box ul:last-child,.border-box p:last-child,.bg-box div[class*="col-md"]>p:last-child,.bg-box div[class*="col-md"] img,.bg-box ul:last-child{margin-bottom:0}
}

.bg-box>.row .ServiceShowPic,.bg-box>.row .show-center{height:100%;width:100%;position:relative;overflow:hidden;min-height:140px}

.bg-box>.row .ServiceShowPic img,.bg-box>.row .show-center img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:120%}

@media(min-width:992px){.next-box{display:flex;flex-wrap:wrap}
}

.next-box div[class*="col-md"]{margin-bottom:25px}

.next-box div[class*="col-md"]>div,.next-box div[class*="col-md"]>a{display:flex;flex-wrap:wrap;height:100%;align-items:center;align-content:center;min-height:140px;position:relative;width:100%;color:#fff;text-align:center;border-radius:5px;transition:all ease .4s;background-repeat:no-repeat;background-size:cover!important;background-position:center;padding:15px 10px;overflow:hidden}

.next-box div[class*="col-md"]>div:before,.next-box div[class*="col-md"]>a:before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.4);position:absolute;top:0;left:0}

.next-box h2,.next-box h3{font-weight:normal;margin-bottom:10px;width:100%;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:1.25em;position:relative;z-index:2}

.next-box p{width:100%;position:relative;z-index:2;margin-bottom:10px;line-height:1.5em}

.next-box div[class*="col-md"] p:last-child,.next-box div[class*="col-md"] h3:last-child,.next-box div[class*="col-md"] h2:last-child{margin-bottom:0}

.next-box a:hover{box-shadow:0 0 10px #ccc;transform:scale(1.02)}

.brochuresflyer-tit{font-size:24px;font-weight:bold;padding-top:40px}

.downloadpagemargin div[class*="col-md"]{padding-bottom:20px;text-align: center;}

.downloadpagemargin div[class*="col-md"] em{font-size:14px}

.downloadpagemargin div[class*="col-md"] img{margin:auto auto 10px auto;}

.downloadpagemargin div[class*="col-md"] span{ text-align: center;display: block;}

@media screen and (min-width:993px)
{
    .downloadpagemargin{display:flex;flex-wrap:wrap}
}

@media screen and (max-width:992px)
{
    .downloadpagemargin{display:block}
}

@media (min-width:1000px)
{
    .img-right{float:right;margin-left:15px;line-height:18px}
}

@media (max-width:1000px)
{
    .img-right{text-align:center;line-height:18px;width:100%;display:block}
.img-right img{margin:auto}
}

.successinfo{padding-left:15px;line-height:22px;color:#888888;padding-right:20px;padding-bottom:20px;text-align:center}

.successinfo .iconarea{position:relative;text-align:center;padding:10px;display:flex;align-content:center;align-items:center;font-size:20px;width:280px;margin:auto}

.successinfo .iconarea .iconunit{text-align:center;display:inline-block;width:45px;height:40px;border-radius:40px;background-color:#090;color:#ffffff;line-height:40px;font-weight:bolder;font-size:22px;position:relative;z-index:9}

.successinfo .tit{font-size:20px;font-weight:bold;color:#009900;display:inline-block;margin-left:15px;text-align:left}

.successinfo .iconarea .iconunit img{top:10px;left:5px;position:absolute;z-index:10}

.inqunotice .google-policies{color:#000;}

.inqunotice .price-con,.inqunotice .price-con a,
.salearea .price-con,.salearea .price-con a{color:#000;}

.salearea{margin-bottom:20px;padding:15px;}

.reltedpostion .col-md-12,.filter .col-md-12,#ulFilter div[class*="col-md"]{margin-left:0px;padding-left:0px}

.reltedpostion ul li{list-style:disc}

#ulFilter{display:table;margin-bottom:20px;font-size:14px;position:relative;width:100%}

#ulFilter select{width:100%}

#ulFilter .col-md-4{margin-bottom:3px;margin-top:3px}

.target-clearallfilter{padding:8px 12px;background-color:#ff9900;color:#fff}

.target-clearallfilter .icon-false{margin-right:10px}

.target-clearallfilter:hover{background-color:#1b447f;color:#fff}

.filter{position:relative}

.filter .loading_site{text-align:center;width:30% !important;left:35% !important;position:absolute !important;top:240px !important;display:none;background-color:rgba(245,233,40,0.8);padding:15px;z-index:1000}

#clearfilter{display:table;margin-bottom:15px}

.page-tab{position:sticky;background-color:#fff;padding:15px 15px 5px 0px;border-bottom:3px solid #0061cd;margin-bottom:20px;z-index:100}

.page-tab span,.page-tab a{padding:7px 10px;display:inline-block;margin-right:10px;margin-bottom:10px;background-color:#f5f5f5;cursor:pointer}

.page-tab span:hover,.page-tab a:hover,.page-tab-choose{background-color:#eadf00 !important;color:#000 !important}

.inquirybg{background-color:var(--main-hui-color)}

.inquirybg form,.inquiryform{padding:15px}

.inquirybg div[class*="col-md"],.inquiryform div[class*="col-md"]{margin-top:10px;margin-bottom:10px}

.inquirybg input,.inquirybg textarea,.inquiryform input,.inquiryform textarea{display:block;width:100%;padding:13px 10px 13px 10px;border-radius:5px;margin-top:10px;border:1px solid var(--main-hui-color)}

.inquiryform .btn{font-size:20px;font-weight:bold}

.indextit,.tit{font-weight:normal;text-align:center;display:block;font-size:50px;width:90%;margin:auto}

@media(min-width:992px){.pagerow_pt{display:flex;flex-wrap:wrap;padding-top:15px}
}

.pagerow_pt div[class*="col-md"] a{display:block;margin-bottom:15px}

.pagerow_pt_unit{width:100%;height:175px;position:relative;margin-bottom:10px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e2e2}

.pagerow_pt_unit img,.pagerow_pt_unit picture{width:100%;height:100%;object-fit:contain}

.pagerow_pt_unit_2{width:100%;height:175px;overflow:hidden;position:relative;margin-bottom:10px}

.pagerow_pt_unit_2 img,.pagerow_pt_unit_2 picture{width:100%;height:auto}