.serv-pack{padding:50px 0 60px !important}
.serv-pack h2,.serv-pack .page-tit3{border-bottom:1px dashed var(--g1);padding:10px 0;margin-bottom:15px}
.serv-pack h3{position:var(--r);padding-top:10px;}
.serv_bg{background:url(../images/servicesbg.jpg);}
.about_bg{background:url(../images/aboutbg.jpg);}
.contact_bg{background:url(../images/contactbg.jpg);}
.news_bg{background:url(../images/newsbg.jpg);}
.banner_in{display:block;width:100%;height:auto;background-repeat:no-repeat !important;background-size:cover !important;background-position:center}
.banner_in .auto-pack{position:var(--r);max-width:1500px;padding:120px 20px;margin:0 auto}
.banner_in h1,.banner_in .page-tit1{text-align:center;color:var(--w);font-size: 3.5rem; margin:0}
.bread-crumb{padding: 15px 0 0;margin: 0;text-align:center;}
.bread-crumb li{position:var(--r);display:var(--i);z-index:1;margin-right:24px;color:var(--w);line-height:30px}
.bread-crumb li:last-child{margin-right:0px}
.bread-crumb li:after{content:'\f105';font-family:'icomoon';position:var(--a);right:-20px;top:2px;width:10px;line-height:26px;font-size:16px;color:var(--w)}
.bread-crumb li:last-child:after{display:none}
.bread-crumb li a{color:var(--w);transition:var(--t);text-decoration:none}
.bread-crumb li a:hover{color:var(--m)}

.inquiry_form label{width:100%;display:var(--i);text-align:left;padding:8px 0 5px;font-size:15px;line-height:20px !important}
.inquiry_form input{font-family:var(--f);height:42px;width:100%;background:var(--w);border:1px solid var(--g1);margin-bottom:15px;padding:7px 10px;outline:none;border-radius:5px}
.inquiry_form textarea{font-family:var(--f);padding:10px;margin-bottom:0;width:100%;background:var(--w);border:1px solid var(--g1);outline:none;border-radius:5px}
.inquiry_form .submit{width:100%;height:42px;padding:0 1.5rem;font:bold 18px/42px var(--f);margin:15px 0 6px;text-transform:uppercase;word-spacing:0.2px;letter-spacing:1px;border-radius:5px;height:auto;background: var(--m);color: var(--w);}
.inquiry_form .submit:hover{background: var(--v);}
.ver-code{position:var(--r)}
.check-fa{position:var(--a);top:34px;right:120px}
.checkright{color:green}
.ver-code input{width:100%;padding-right:130px}
.ver-code img{display:var(--i);width:110px;height:35px;position:var(--a);right:0;bottom:10px;border:1px solid var(--g1)}
.note-part{font-size:.8em;line-height:1.35;color:var(--b1);display:block;padding-top:5px}
.pro-fix{padding: 20px 20px 8px;border-radius: 20px;margin: 40px 0 50px;}
.page-about>div{padding:20px 15px;}
.page-aboutbox{display: block;width: 100%; height:100%;padding:50px 15px;color: var(--b);background:var(--w);box-shadow:var(--s);}
.page-about .btn{font-size:15px;padding:8px 20px;}
.greycolor{color: var(--b1);}
.proinfo{margin:15px 0 10px}
.proinfo .row{border-bottom:1px dashed var(--g1)}
.proinfo .row>div{font-size:0.9rem;padding-top:8px;padding-bottom:8px;line-height:24px}
.proinfo .ullist{padding-bottom:0}
.fix-contact{position: fixed;top: 50%;right: 0;padding: 15px;height: 60px; z-index: 9999; background:var(--w);box-shadow:var(--s);border-radius: 10px 0 0 10px;}
.fix-contact a{display: var(--i);position: var(--r);height: 30px; padding-left: 40px;}
.fix-contact span{font-size: 15px;font-weight: bold;}
.fix-contact i{position: var(--a);left: 0;top: -2px;padding: 8px;font-size: 18px; background: var(--m);color: var(--w);border-radius: 50%;}
.serv-box{width: 100%;display: flex; flex-wrap: wrap;align-content: center;padding-bottom: 20px;}
.serv-left{width:30%;}
.serv-img{position: var(--r);height: 100%; overflow: hidden;}
.serv-img img{width: 100%; height: 100%; object-fit: cover; position: var(--a); left: 0px; top: 0px;border-radius: 20px;}
.serv-right{width:70%;padding:10px 25px 0;}
.tit-point{position: var(--r);}
.tit-point span{position: var(--a);top: -150px; width: 1px;height: 1px;}
.page-inquiry{padding: 30px 50px;}
.nav-line{height: 152px;}
.in-head h2{padding-top: 0;margin-top: -2px;}
.listbtn{border: 0 !important; padding: 0 !important;}
.listbtn a{display: var(--i);padding: 5px 10px; border: 1px dashed var(--m);}
.listbtn a:hover{background: var(--m);color: var(--w);}
.searchform input{font-family:var(--f);height:36px;background:var(--w);border:1px solid var(--g1);margin-bottom:15px;padding:0 10px;outline:none;border-radius:5px}
.searchform input[type="text"]{min-width:245px}
.searchform #searchsubmit{color:var(--w);background:var(--m);border:1px solid var(--m);transition:all .3s;cursor:pointer}
.searchform #searchsubmit:hover{background:var(--v);border:1px solid var(--v)}

.news{flex-wrap:wrap;display:flex;justify-content:flex-start}
.news>div{padding:20px 15px;}
.newsbox{position:var(--r);display: flex; align-items: center; flex-wrap: wrap;align-content: center;width:100%;height:100%;min-height: 210px; padding-left: 180px; background:var(--w);box-shadow:var(--s);}
.newsbox::after{content: ""; display: block; position: var(--a); left: 0; bottom: 0;background:var(--m); width: 100%; height: 0;z-index: 1;transition:var(--t);}
.newsbox:hover::after{height: 100%;}
.news-img{position:var(--a);top: 0;left: 0; z-index: 2;width:180px;height: 100%;border-right:1px solid var(--g); overflow: hidden;background:var(--w);}
.news-img img{ width: 100%; height: 100%; object-fit: cover; position: var(--a); left: 0px; top: 0px;}
.news .new-logo .news-img{display:flex; align-items: center;}
.news .new-logo .news-img img{height: auto;object-fit: contain;position: var(--r);}
.news-detail{position:var(--r);z-index: 2;width:100%;padding:30px 20px;}
.news-detail>span{color: var(--b1);transition: var(--t);}
.newsbox p{color:var(--b);font-size: 15px;padding: 0;transition: var(--t);}
.newsbox .page-tit3{padding-top: 0;line-height: 1;}
.newsbox:hover .page-tit3,.newsbox:hover p,.newsbox:hover .news-detail>span{color:var(--w)}
.td-img{height: 116px;text-align: center;}
.td-img img{width: auto;max-height: 100px;}
.div-imgbox{display: table;min-height: 100px;}
.div-img{width:auto;max-height: 200px;}

.rel-tit{position: relative;margin: 25px 0 15px;text-align: center;padding: 0;}
.rel-tit::after{display:var(--i);content:"";width: 100%;height: 2px;background: var(--m); position:var(--a);top:50%;left:0;z-index: 1;}
.rel-tit span{position: relative;z-index: 6;display: inline-block; width: auto;padding: 10px 50px;background: var(--w);color: var(--m);}

.leftnav{margin:10px 0}
.navtitle{background:var(--m);color:var(--w);height:50px;line-height:50px;padding-left:15px;font-size:17px;font-weight:700;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.navtitle a{color:var(--w)}
.navmenu{border: 1px solid var(--g1);border-radius: 0 0 10px 10px;padding: 15px 0;max-height:6000px;overflow-x:auto}
.navmenu ul,.navmenu ul li,.navmenu ul ul{list-style: none;padding: 0;margin: 0;}
.navmenu .arrow:before{cursor:pointer;content:"\f105";font-weight:bold;position:var(--a);top:0;right:0;z-index:1;padding:9px 10px;display:inline;font-family:"icomoon";color:var(--b)}
.navmenu .arrow.open:before{cursor:pointer;padding:9px 10px;display:inline;font-family:"icomoon";content:"\f107";color:var(--m)}
.navmenu>li>ul>li .arrow:before{padding:8px 10px}
.navmenu>li>ul>li .arrow.open:before{padding:8px 10px}
.navmenu ul{list-style:none;}
.navmenu>li>ul{padding:8px 0 0;margin:0;display:none;}
.navmenu li{position:var(--r);padding:4px 0;line-height:22px}
.navmenu a{position:var(--r);display:block;color:var(--b);}
.navmenu a::after{content:"";display:block;width:92%;height:1px;background:var(--g2);position:var(--a);left:4%;bottom:-8px;}
.navmenu>li{padding:8px 0;font-size:1rem;}
.navmenu>li>a{border-left: 3px solid var(--w);padding:2px 30px 2px 15px;font-weight: bold;}
.navmenu>li.open>a,.navmenu>li>a:hover{color:var(--m);border-left: 3px solid var(--m);}
.navmenu ul li{padding: 0;}
.navmenu ul li>a{padding:8px 20px 8px 25px;font-size:0.9rem;position:var(--r);color:var(--b)}
.navmenu ul li>a::after{width:88%;left:6%;bottom:0;}
.navmenu ul ul{display:none;}
.navmenu ul ul li>a{color:var(--b1);padding:6px 10px 6px 35px}
.navmenu ul li>a:hover{background: var(--g);}
.navmenu ul a:hover{color:var(--m) !important;}
.navmenu::-webkit-scrollbar{width:5px;height:5px}
.navmenu::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset var(--s);-moz-box-shadow:inset var(--s);-o-box-shadow:inset var(--s);box-shadow:inset var(--s);background:rgba(0,0,0,0.2)}
.navmenu::-webkit-scrollbar-track{-webkit-box-shadow:inset var(--s);-moz-box-shadow:inset var(--s);-o-box-shadow:inset var(--s);box-shadow:inset var(--s);border-radius:0;background:rgba(0,0,0,0.1)}

.serv-page{display:block;color:var(--b);}
.service-tit{display:block;margin-bottom:10px}
.service-tit h1, .service-tit .page-tit2{position:var(--r);line-height:1.15;text-transform:none;margin:0;padding-bottom:25px}
.service-tit h1::after,.service-tit .page-tit2::after{content:"";display:var(--i);width:120px;height:3px;background:var(--m);position:var(--a);left:0;bottom:10px;z-index:2}
.service-tit.text-center h1::after,.service-tit.text-center .page-tit2::after{left:50%;margin-left:-50px}
.service-tit .pro_btn{font-size:18px;margin:10px 0;display:var(--i);float:right;line-height:24px;padding:6px 30px;background:var(--m);color:var(--w);width:auto;height:auto}
.service-tit .pro_btn:hover{background:var(--v);}
.con-row-a{width:100%;margin-top:20px;margin-bottom:10px}
.con-row-a li{position:var(--r);margin-bottom:15px;break-inside:avoid;padding:8px;border:1px dashed var(--g1);background:var(--g);border-radius:5px;transition:var(--t);padding-left:30px}
.con-row-a li span{position:var(--a);top:8px;left:8px;display:var(--i);float:left;padding-left:5px;line-height:26px;padding-right:15px}
.con-row-a li a{color:var(--b);display:block;line-height:26px}
.con-row-a li:hover{color:var(--w);background:var(--m)}
.con-row-a li:hover a{color:var(--w)}
.project-notes{display:block;width:100%;padding:5px 10px;border-radius:5px;color:var(--b);background:var(--g);margin-top:25px}
.pagination{text-align:right;font-size:14px;text-decoration:none;margin:10px 0;height:auto;overflow:hidden;padding:10px 0}
.pagination li,.pagination li>span,.pagination a{display:var(--i);}
.pagination li>span{margin-left:8px;}
.pagination .active a{padding:2px 8px;border-radius:5px;color:var(--w);background:var(--m)}
.pagination a{margin-left:8px;color:var(--b);text-decoration:none;padding:2px 8px;border-radius:5px;background:var(--g)}
.pagination a:hover{color:var(--w);text-decoration:none;background:var(--m)}
table{border-collapse:collapse;margin:0 0 25px;width:100%;border:1px solid var(--g2)}
table tr,table th,table td{border:1px solid var(--g2)}
table th,table td{text-align:left}
table th{padding:8px 10px;line-height:26px;background:var(--v);color:var(--w)}
table td{padding:8px 10px;background:var(--w);color:var(--b);font-size:.95rem;line-height:1.5}
table td a{color:var(--m);text-decoration:none}
table p{padding:0}
table .btn{font-size: 13px; margin: 0;padding: 5px 15px;font-weight: bold;}
table tr:nth-of-type(2n+2) td{background:var(--w)}
table.bt th,table.bt td{font-size:.875rem;padding:0}
table.bt th:before,table.bt td:before{padding:6px 2%}
table.bt thead,table.bt tbody th{display:none}
table.bt th,table.bt td,table.bt tbody td{border:none;display:block;vertical-align:top;height:auto !important;text-align:left !important;}
table.bt th:before,table.bt td:before{content:attr(data-th) ":";font-weight:bold;width:30%;display:var(--i);}
table.bt .bt-hide{display:none}
table.bt .bt-content{vertical-align:top;width:62%;display:var(--i);padding:6px 2%;}

.ollist{padding:0px 0px 0px 19px;margin:0px 0px 15px}
.ollist li{list-style-type:decimal;line-height:1.75;padding-bottom:0px}
.ullist li>ul>li{list-style-type:circle}
.ollist li>ul>li{list-style-type:lower-latin}
table .ullist,table .ollist{margin-bottom:0;}
.ullist.ul-check,.ullist.ul-arrow,.ullist.ul-diamond{padding-left:0}
.ullist.ul-check>li,.ullist.ul-arrow>li,.ullist.ul-diamond>li{list-style:none;padding-left:19px;position:var(--r)}
.ullist.ul-check>li::after,.ullist.ul-arrow>li::after,.ullist.ul-diamond>li::after{font-family:'icomoon';position:var(--a);left:0;top:0;width:10px;line-height:26px;font-size:14px}
.ullist.ul-check>li::after{content:'\f00c';font-size:12px}
.ullist.ul-arrow>li::after{content:'\f0da';left:1px;}
.ullist.ul-diamond>li::after{content:'';width:8px;height:8px;background:var(--b);margin-top:10px;}
.ollist.reference-ol li{list-style:decimal;font-size:14px !important;line-height:22px !important;color:var(--b1) !important;padding-bottom:4px !important}
.serviceshowpic{display:block;width:100%}
.serviceshowleftpic{float:left;margin-right:15px;display:var(--i)}
.serviceshowrightpic{float:right;margin-left:15px;display:var(--i)}
.serviceshowpic,.serviceshowrightpic,.serviceshowleftpic{font-size:0.9em;line-height:1.7;color:var(--darkgrey);text-align:center;padding-top:8px;}
.serviceshowpic img,.serviceshowrightpic img,.serviceshowleftpic img{display:block;max-width:100%;height:auto;margin-bottom:8px;margin-left:auto;margin-right:auto}
.successinfo{padding-left:15px;line-height:30px;line-height:22px;color:var(--b1);padding-right:20px;padding-bottom:20px}
.successinfo .iconunit{text-align:center;display:block;width:40px;height:40px;border-radius:40px;background:var(--m);color:var(--w);line-height:40px;font-weight:bold;font-size:22px;position:var(--r);z-index:9}
.successinfo .tit{font-size:20px;font-weight:bold;color:var(--m);display:block}
.successinfo .iconunit img{top:10px;left:5px;position:var(--a);z-index:10}
.e404 img{display:block;max-width:100%;height:auto}
.e404{width:520px;margin:0 auto 20px auto;}
.e404>p {
  padding: 20px 0;
}
/* .e404 .btn{padding:8px 10px;margin-right:10px;font-size:13px} */

ul,ol{padding-left:18px;margin-bottom:20px}
.noul,form ul,.con-row-a,.list-one,.bread-crumb,.pagination{padding-left:0;list-style:none}
ul li,ol li{margin-bottom:10px}
ul ul,ol ul,ul ol{margin-bottom:10px;margin-top:10px}
.red{color:red}
.orange{color:#fa8b15}
.gray{color:#666}
.mtop10,.mt-10{margin-top:10px}
.mtop15,.mt-15{margin-top:15px}
.mtop20,.mt-20{margin-top:20px}
.mtop30,.mt-30{margin-top:30px}
.mtop40,.mt-40{margin-top:40px}
.mtop50,.mt-50{margin-top:50px}
.mbottom10,.mb-10{margin-bottom:10px}
.mbottom15,.mb-15{margin-bottom:15px}
.mbottom20,.mb-20{margin-bottom:20px}
.mbottom30,.mb-30{margin-bottom:30px}
.mbottom40,.mb-40{margin-bottom:40px}
.mbottom50,.mb-50{margin-bottom:50px}
.show-center,.show-left,.show-right{color:#666;text-align:center !important;font-size:0.95em;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:var(--i)} .show-right{float:right;margin-right:15px} .show-left{float:left;margin-left:15px} }
@media (max-width:992px){.show-right,.show-left{width:100%;margin:0} }
.Reference,.reference{color:#666;font-size:0.85rem}
.Reference p,.reference p{margin-bottom:10px;padding: 0;}
.Reference ol,.reference ol{margin-bottom:15px;padding-left:15px}
ul.border-box>li{margin-bottom:0}
ul.border-box{padding:15px 15px 15px 30px}
.border-box{border:1px solid var(--m);padding:15px;border-radius:5px}
.bg-box{background:#ddd;padding:10px 15px;border-radius:5px}
@media (min-width:992px){ .list-box{display:flex;flex-wrap:wrap} .list-box div[class*="col-md"]{display:flex} }
.list-box div[class*="col-md"]{margin-bottom:20px}
.list-box a{display:flex;align-items:center;border:1px solid #ddd;width:100%;padding:10px;border-radius:5px;position:var(--r);transition:all ease .4s;text-align:left}
.list-box a:before{position:var(--a);content:'';background:var(--m);z-index:-1;top:0;right:auto;bottom:auto;left:0;width:0;height:100%;opacity:1;border:solid 2px var(--m);transition:all ease .4s}
.list-box a:hover{color:#fff;border:1px solid transparent}
.list-box a:hover:before{right:0;width:100%;border-radius:5px}
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:8px 10px;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:var(--m);color:#fff}
.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}
.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td {border-top:0}
.table>tbody+tbody {border-top:2px solid #ddd}
.table .table {background-color:#fff}
.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td {padding:5px}
.table-bordered {border:1px solid #ddd}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {border:1px solid #ddd}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {border-bottom-width:2px}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {background-color:#f9f9f9}
.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th {background-color:#f9f9f9}
table col[class*=col-] {position:static;float:none;display:table-column}
table td[class*=col-],table th[class*=col-] {position:static;float:none;display:table-cell}

.table-bg1{padding-right: 15%; background:url(../img/cosmetics-analysis-pic1.jpg);background-repeat:no-repeat !important;background-size:cover !important;background-position:center}
.table-bg1 table td,.table-bg1 table tr:nth-of-type(2n+2) td{background: none;}
.table-bg1 table,.table-bg1 table tr,.table-bg1 table td{border: 0 !important;}
.table-bg1 table{border-top: 1px solid var(--b) !important;}
.table-bg1 table tr{border-bottom: 1px solid var(--b) !important;}
td.bluebg{background: #abceec !important;font-weight: bold;text-align: center;}
.t-left{text-align: left !important;}
.serv-right ul{margin-bottom: 0 !important;}
.anchor-box .js_anchor{display: inline-block;padding: 8px;border: 1px solid var(--m);margin:0 10px 10px 0;}

@media (max-width:1279px){.serviceshowleftpic,.serviceshowrightpic{width:100%;margin-bottom:10px}
.serviceshowleftpic img,.serviceshowrightpic img{margin-bottom:15px}}
@media (max-width:1024px){.e404{width:90%;margin:0px auto auto auto;padding-left:20px;padding-right:20px}
.in-about>div{padding-bottom:15px;}.tit-point span{top: -10px;}.page-inquiry{padding: 20px;}
.nav-line{height: 0;opacity: 0;}}
@media (max-width:768px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive table{width:700px}.banner_in h1,.banner_in .page-tit1{font-size:2.5rem} .newsbox p{font-size: 13px;line-height: 1.5;} .news-detail{padding:20px 15px;}
.con-row-a{-moz-column-count:1;-webkit-column-count:1;column-count:1;column-width:100%;column-gap:0}.service-tit .pro_btn{float:left;margin-top:10px} }
@media (max-width:450px){.news>div{width: 100%;}.newsbox{display: block; padding-left: 0;}.news-img{position: var(--r); width: 100%;height: 150px;}.serv-left{height: 200px;}.serv-left,.serv-right{width: 100%;padding: 10px 0;} }
@media (max-width:400px){table.bt th:before,table.bt td:before{width:100%;}
table.bt .bt-content{width:100%;}.fix-contact span{display: none;}.page-inquiry{padding: 20px 10px;} }
@media (min-width:768px){.con-row-a{-moz-column-count:2;-webkit-column-count:2;column-count:2;column-width:50%;column-gap:20px}
.proinfo .col-lg-3{text-align: right;}.serv-left{width:25%;}.serv-right{width:75%;}}
@media (min-width:992px){.serv-page>div{float:right;}}
@media (min-width:1440px){.con-row-a{-moz-column-count:3;-webkit-column-count:3;column-count:3;column-width:33%;column-gap:20px}.banner_in h1,.banner_in .page-tit1{font-size:3rem}}

/*petent-info*/
.fl-r{float: right;}
.table-breakpoint{ width: -webkit-fill-available; }
.table-breakpoint .tablecontentshow table>thead>tr>th, .table-breakpoint table>thead>tr>td{width: 25%;}
.tab-block.information-tab { width: 100%; padding-top: 50px; }
.tab-block.information-tab .tabs {  }
.tab-block.information-tab .proinfo .row { margin-top:25px; }
.tab-block .tab-buttons { width: 100%; height: 50px; position: relative; background-color: #fdf5f8; border: 1px solid var(--m); border-radius: 10px; overflow: hidden; }
.tab-block .tab-buttons .tab-button { width: 50%; height: 100%; float: left; text-align: center; font-size: 18px; font-weight:bolder; line-height: 50px; color: var(--b); position: relative; cursor: pointer; padding-top: 0; margin: 0; display: flex; align-items: center; justify-content: center; }
.tab-block .tab-buttons .tab-button.cur { color: var(--w); }
.tab-block .tabs { width: 100%;  }
.tab-block .btn{ margin: -10px 0 0 0; padding: 5px 30px; }
.tab-block .tabs .tab-item { width: 100%; padding: 20px; display: none }
.tab-block .tabs .tab-item.active { display: block }
.tab-block .button { position: absolute; width: 50%; height: 100%; background-color: var(--m); border-radius: 10px; top: 0; left: 0; transition: 0.3s; }
.tab-block th,.tab-block td{ width: 50%; }
.recommended{ text-align: right; }
.page-tit2.recommended:after{right: 0;left: auto;}
.recommended-list { border: 1px dashed var(--g1); padding: 15px;margin-bottom: 25px;}

.service-desc {
  padding-top: 20px;
}
.con_pack {
    position: relative;
    max-width: 1500px;
    padding: 50px;
    margin: 0 auto;
}

.page-title {
  font-size: 2rem;
}

@media screen and (max-width: 768px) {
  
  /********* start inner page mobile ********/
  .inner-banner-info {
    width: 80%;
  }
  .inner-banner-info>p {
    font-size: 1.9rem;
  }
  .service-accordion {
    padding: 0;
    height: 300px;
  }
  .ac-item-title {
    width: 40px;
    padding-left: 5px;
    font-size: 1.2rem;
  }
  .ac-item-con {
    justify-content: center;
  }
  .service-accordion-item img {
    width: 95%;
  }
  .ac-item-con>p {
    padding-left: 10px;
    font-size: .9rem;
  }
  .service-platforms-item .service-item-con {
    flex-direction: column;
  }
  .pl-item-right,
  .pl-item-right img {
    width: 100%;
  }
  .product-info {
    width: 100%;
  }
  .main-con-head:after {
    margin-top: 0;
  }
  .product-tabs {
    padding-top: 0;
  }
  .tab-item {
    margin-right: -10px;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0% 100%);
  }
  .tab-con--product ul {
    padding: 10px;
    margin: 0;
    font-size: 16px;
  }
  .tab-con--product ul li {
    margin: 0;
  }
  .tab-con--product li {
    flex-direction: column;
  }
  /********* end inner page mobile ********/
}