/*#region global*/
body {
    font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder  {text-transform: uppercase}
a {color: #666;}
a:hover {text-decoration: none;}
iframe {border-width: 0;}
.input-group .input-group-addon-img {background: #fff;padding: 3px 6px;cursor: pointer}
.input-group .input-group-addon-img img { max-width: none !important}
.modal-dialog {margin: 80px auto;}
@media(min-width:992px) {
    .navbar .nav>li.desktop>.dropdown-menu {  display: none;} 
    .navbar .nav>li.desktop:hover>.dropdown-menu {  display: block;  }
    .navbar .nav>li.desktop>.dropdown-menu>li:hover>.dropdown-menu {display: block;}
}
.dropdown-submenu > a::after {border-left: 4px dashed #777;}
/*#endregion*/

/*#region header*/
header .logo{ padding: 15px 0;}
/*@media(min-width:1400px) {
    header .logo { max-width: 440px;}
}*/
header .box { background: #fff linear-gradient(125deg, transparent 20px, #ECECEC 0);padding: 6px 5px 6px 35px;}
header .toptel {font-size: 24px;font-weight: bold;color: #52DFD6;display: flex;justify-content: center; align-items: center;padding-top: 15px;padding-bottom: 10px;}
header span { margin-right: 25px;display:inline-block}
header .dropdown { margin-left: 0px;cursor: pointer}
header .dropdown-menu>li>a>img { margin-right: 8px;}
@media(max-width:768px) {
    header .box { background: #ECECEC;}
    header span { margin-right: 10px;}
    header .dropdown { margin-left: 10px;}
}
/*#endrfgion*/
/*#region navbar*/
.navbar {min-height: 30px;padding: 0;z-index: 9;background: #52DFD6;}
.navbar-brand {height: auto;padding: 3px 15px;}
.navbar-nav>li>a {display: block;padding: 12px 25px;transition: background-color .2s ease-out;color: #fff;font-size: 16px;text-shadow: 1px 1px 0px #aaa;text-align: center;}
.navbar-nav>li>a:hover {background: transparent;color: #eee;}
.navbar-nav>li>a:hover:after { position: absolute;bottom: 0;left: 20%;content: "";width:60%;height: 2px; background:#FA555B}
.navbar-nav > li.active > a, .navbar-nav > li > a:focus { background: transparent;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-color: transparent;box-shadow: 0 2px 6px rgba(0,0,0,.1); }
.dropdown-menu {background: rgba(255,255,255,.9);   }
.navbar-toggle {padding: 5px 15px;margin-top: 10px;border: 1px solid #eee;color:#fff;}
@media(max-width:991px) {
    .navbar-nav>li>a { padding: 12px 15px;border-bottom: 1px solid #f6f6f6;}
    .navbar-nav>li>a:after { display: none;}
}
.navbar-collapse {}
.dropdown-wide {position:static !important;}
.dropdown-wide>.dropdown-menu {
    /*display:block !important;*/
    padding:20px 0;
    width:100%;

}
/*#endregion*/
/*#region thridly nav*/
.thirdly-nav { display: inline-block;margin-bottom:0}
.thirdly-nav>li { float: left;display: block;}
.thirdly-nav>li>a { display: block;border: 1px solid #eee;padding: 8px 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all 0.3s ease}
.thirdly-nav>li>a:hover,.thirdly-nav>li>a:focus { background: #f2f2f2;border-color: #f2f2f2;color:#777}
.thirdly-nav>li>a.active { background: #f2f2f2;border-color:#f2f2f2;color:#666}
.thirdly-nav>li+li { margin-left: -1px;}
@media(max-width:768px) {
    .thirdly-nav>li { width:50%}
}
/*#endregion*/

/*#region banner*/
.banner {position: relative;}
.banner .sub-nav { position: absolute;bottom: 0;left: 0;right: 0;background: rgba(242, 242, 242,0.8);}
.banner .nav{ max-width: 1170px;padding-left: 15px;padding-right: 15px;margin: auto;}
@media(max-width:991px) {
    .banner .sub-nav { position: relative;}
}
/*#endregion*/

/*#region heading*/
.main-container { padding-top: 10px;padding-bottom: 15px;}
.heading {line-height: 1;margin-bottom: 25px;}
.heading h1,.heading h2,.heading h3,.heading h4 {display: inline-block;padding: 8px 40px ;font-size: 26px;background: #52DFD6;color: #fff;}
/*#endregion*/

/*#region breadcrumb*/
.breadcrumb { background: transparent;padding-left: 0;padding-right: 0;margin-bottom: 15px;border-bottom: 1px solid #d1d1d1;}
.breadcrumb:before {font-family: fontawesome;content: "\f015";color: #777;margin-right: 5px;}
.breadcrumb .active { color:#52DFD6}
/*#endregion*/

/*#region sidebar*/
.sidebar h5 { background: #52DFD6;color: #fff;padding: 10px 10px;font-size: 20px;margin-bottom: 0;}
.sidebar .navmenu { border:1px solid #D6D6D6}
.sidebar .navmenu>li>a { border-bottom: 1px solid #D6D6D6;padding: 10px;color: #555;}
.sidebar .navmenu>li>ul>li>a{ padding-left: 10px;}
.sidebar .navmenu>li>ul>li>a:before { content: "●";margin-right: 5px;color:#00BAA5}
.sidebar .navmenu>li>ul{ border-bottom: 1px solid #d6d6d6;}
.sidebar .navmenu .has-arrow:after { right: 8px;}
.sidebar .navmenu>li>ul>li .active { color:#00BAA5}
.sidebar .side-container { padding: 10px;border:1px solid #D6D6D6}
/*#endregion*/

/*#region list-row*/
.list-item-row {overflow: hidden;height: 1%;margin-left: -15px;margin-right: -15px;margin-bottom: 20px;}
.list-item-row .thumb {display: block;overflow: hidden;}
.list-item-row .thumb .img-responsive{margin: auto;transition: all 0.3s ease-in;}
.list-item-row .thumb:hover .img-responsive {transform: scale(1.2);}
.list-item-row .title{font-size: 0.875rem;margin-top: 0;padding: 6px 0;font-weight: 600;}
.list-item-row .title>a {color: #666;transition: all 0.3s ease;}
.list-item-row .title>a:hover { color:#209EEA}
.list-item-row .summary {color: #757575;}
.list-item-row .link {display: block;border: 1px solid #eee;overflow: hidden;}
.list-item-row .link>img{margin: auto;transition: all 0.3s ease;}
.list-item-row .link:hover>img {transform: scale(1.2);}
/*#endregion*/

/*#region list-item-col*/
.list-item-col {position: relative;margin-bottom: 25px;background:#fff;overflow: hidden;}
.list-item-col .thumb {display: block;margin: 2px;overflow: hidden;text-align: center;line-height: 1}
.list-item-col .thumb .img-responsive {transition: all 0.3s ease-in;margin: auto;}
.list-item-col .thumb:hover .img-responsive {transform: scale(1.2);opacity: 0.95;}

.list-item-col .magicthumb,list-item-col .magicthumb:hover { display: block !important;text-align: center;}
.list-item-col .magicthumb>.img-responsive{ width: auto;}

.list-item-col .caption {padding: 3px 8px 8px;font-size: 14px;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.list-item-col .caption a { color: #fff;}
.list-item-col .caption a:hover {}

.list-item-col.border { border: 1px solid #E6E6E6;}

.product-item { background: #52DFD6;color: #fff;}
.product-item .thumb{ margin: 10px;}
/*#endregion*/

/*#region article row*/
.article-row {padding: 10px 0;margin-bottom: 25px;overflow: hidden;color: #777;transition: all 0.3s ease;}
.article-row:hover { background:#F9F9F9}
.article-row .thumb {display: block;margin: 2px;overflow: hidden;text-align: center;line-height: 1 }
.article-row .thumb .img-responsive {transition: all 0.3s ease-in;margin: auto;}
.article-row .thumb:hover .img-responsive {transform: scale(1.2);opacity: 0.95;}
.article-row .title,.article-row .title a{margin-top: 0;font-weight: 300;font-size: 20px;color: #666;}
.article-row p { margin-bottom: 0;}
.article-row time {display: block; font-size: 14px;color: #999;font-weight: 100;}
.article-row .padding { padding: 15px 30px 5px;}
/*#endregion*/

/*#region article list*/
.article-list {list-style-type: none;margin: 0;padding: 0;margin-bottom: 15px;font-size: 12px;}
.article-list li {border-bottom: 1px dashed #ddd;padding:10px 0}
.article-list>li>a {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.article-list>li>a:hover {color: #FE8301;}
.article-list li a:before{font-family:fontawesome;content:"\f105";margin-right:8px;margin-left: 4px;}
.article-list li time {float: right;padding-right: 5px;margin-left: 8px;color: #999;}
/*#endregion*/

/*#region content-head-container*/
.product-head { }
.product-head .title {font-size: 1.5rem;color: #777;}
/*#endregion*/

/*#region thumb-items*/
.thumb-items {overflow: hidden;height: 1%;padding-left: 6px;padding-right: 6px;margin: 0 0 10px 0;}
.thumb-items>ul {display: block;overflow: hidden;height: 1%;list-style-type: none;padding: 0;margin: 0 -6px;}
.thumb-items>ul>li {float: left;width: 20%;padding:2px;}
.thumb-items>ul>li>a,.thumb-items>ul>li>a[data-zoom-id], .mz-thumb, .mz-thumb:focus {display: block;max-width: 100%;border:1px solid #ddd;}
.thumb-items>ul>li>a.mz-thumb-selected {border-color: #ff6600;}
.thumb-items>ul>li>a> img {max-height: 80px;margin: auto;}
/*#endregion*/

/*#region content-container*/
.content-container {line-height: 1.5;margin-bottom: 20px;}
.content-container p img {display: block;text-indent: 0;}
.content-container img {max-width: 100% !important;height: auto !important;}
.content-container table {width: 100%;max-width: 100%;margin-bottom: 1rem;background-color: transparent;}
.content-container table p {margin-bottom: 0;}
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; }
.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; }
.content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }

.content-container .content{ padding: 15px;}

.content-container .header { background: #ECECEC;}
.content-container .header span { display: inline-block;margin-top: -1px;background: #fff;padding: 8px 15px;border-top:2px solid #E04942}


.content-container .title {text-align: center;font-size: 26px;margin-bottom: 25px;}

.content-container .summary {text-align: center; color: #777;font-size: 14px;margin-bottom: 15px;padding:8px 0;border-bottom:dotted 1px #777;}
.content-container .summary span+span { margin-left: 25px;}
.content-container .summary .fa{ margin-right: 5px;}

/*#endregion*/

/*#region content table container*/
.table-container table th,.table-container table td {padding: 5px;vertical-align: middle;font-size: 14px;border: 1px solid #dee2e6;text-align: center;}
.table-container table tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.03);}
.table-container table tbody tr:hover {background-color: #a5d5e2;color: #fff;}

@media (max-width:  767.99px) {
     .table-container-responsive-md table {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
}
@media (max-width:991.99px) {
    .table-container-responsive-lg table {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
}
@media (max-width:1199.99px) {
  .table-container-responsive-xl table {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
/*#endregion*/
/*#region sub content*/
.sub-heading{ background: #f2f2f2;padding: 8px 15px;font-size: 16px;margin-bottom: 20px;}

/*region certificate*/
.img-list>div{ border: 1px solid #F1F1F1;margin-left: -1px;padding: 15px 15px 0;}
.img-col {}
.img-col .thumb {display: block;overflow: hidden;}
.img-col .thumb>img {margin: auto;}
.img-col .caption {padding: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
/*endregion*/
/*region download*/
.down-item{ margin-bottom: 30px;}
.down-item h6 { font-size: 0.875rem;font-weight: 600}
.down-item span{ color: #666;}
.down-item .btn{ font-size: 0.75rem;padding: 3px 12px;}
/*#endregion*/
/*region feedback*/
.form-feedback { padding: 0;margin-bottom: 20px;}
.form-feedback h4 {font-size: 28px;font-weight: 700;margin-bottom: 25px;color: #333;}
.form-feedback .form-control {border-radius: 0;border-color: #EBEBEB;font-size: 14px;height: 40px;padding: 8px 12px;}
.form-feedback textarea.form-control { height: auto;}
.form-feedback .btn {font-size: 14px;padding: 9px 20px;}
@media(max-width:768px) {
    .form-feedback .btn{ width: 100%;}
}
/*endregion*/
/*#region other*/
.hor { background: #F3F3F3;padding-top: 20px;padding-bottom: 20px;}
.hor h4 { font-size: 20px;margin-bottom: 0;color: #999;}
.hor h4:before { content: ">";margin-right: 10px;}
.product-heading h1{ font-size: 28px;margin-bottom: 20px;}
.sub-title { background: #52DFD6;padding: 5px 10px;color: #fff;margin-top: 20px;margin-bottom: 15px;}
.faq p:nth-child(even) {border: 1px solid #fafafa;padding: 10px; box-shadow: 0px 2px 8px 0px #f2f2f2}
.faq p:nth-child(odd) { font-size: 16px;padding-left: 10px;}
.home-faq p:nth-child(odd) { padding-left: 0;}
.home-faq p:nth-child(even) {border: 1px solid #C5C5C5;padding: 10px; box-shadow: none;}
.home-faq span{ display: inline-block;padding: 2px 8px;color: #fff;background: #4FC7BE;border-radius: 2px;}
.content-border { border: 1px solid #DEDEDE;}

.article-col {
    box-shadow: 0px 0px 10px #eee;
    padding: 10px;
    margin-bottom: 20px;
}
.article-col p{ font-size: 12px;color: #777;}
/*#endregion*/

/*#region footer*/
footer { background: #3bcbc1;font-size: 14px; color: #fff;}
footer a{font-size: 14px; color: #fff;}
.footzt{ font-size: 16px; color: #fff; text-align: center; padding:20px;  }
.footzt span{padding: 0 10px;}
.cate-col { background: #fff;}
.cate-col .list-unstyled{margin-bottom:0;}
.cate-col .col-sm-6{ border-left: 1px solid #ddd;min-height: 200px;padding-top: 20px;}
.cate-col h6{ font-weight: 600;font-size: 15px}
    .cate-col .list-unstyled a:before { content: "●";color: #51E1D7;margin-right: 5px;}
@media(max-width:576px) {
    .cate-col .col-sm-6 { min-height:initial;border-left-width: 0;padding: 0;}

    .cate-col .col-sm-6 ul a { font-size: 12px; }
}

.foot-cats.pro { background: #fff;}
.foot-cats { background: #ededed; padding: 40px 0;}
.foot-cats .list-unstyled{margin-bottom:0;}
.foot-cats .list-unstyled li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.foot-cats .col-md-3{ padding-top: 20px;}
.foot-cats h6{ font-weight: 600;font-size: 15px}
.foot-cats .list-unstyled a:before { content: "●";color: #51E1D7;margin-right: 5px; }
.foot-cats .title{ font-size: 20px;font-weight: bold;color: #000; }
.foot-cats .title:after{content: "";width: 60px; height: 3px;background: #ca0202; margin-top:20px;display: block; }
.foot-cats .foot-row{display: flex;flex-wrap: wrap;}
.foot-cats .col-md-3{float: none;width: 25%;}
@media(max-width:576px) {
    .foot-cats .col-md-3 { min-height:initial;border-left-width: 0;padding: 0;}
    .foot-cats .col-md-3 ul a { font-size: 12px; }
    .foot-row{margin-right: 0px;margin-left: 0px;}
}

.product-container { background: #f9f9f9;}
.p-head { padding: 25px 0;}
.p-head h1 { font-size: 20px;color: #999;}
.p-head h1:before { content: ">";margin-right: 10px;}
/*#endregion*/

/*#region home page*/
 
.home-product .container ,.home-company .container,.home-news .container ,.home-ypt .container ,.foot-cats.home .container{max-width: 1430px;}
.home-news { padding-top: 0px;padding-bottom: 30px;}
.home-news .head{ margin-bottom: 0px;}
.home-news .head p{ color: #aaa;margin-bottom: 0;}
.home-news .news-col{padding: 18px; border: 1px solid #b1b1b1;}
.home-news .news-col h6 a{ font-size: 18px; color: #564a4c }
.home-news .news-col h6 a:hover{ color: #ff5a00;transition: all 0.3s;  }
.home-news .news-col p{ margin-bottom: 0;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }

.home-news .news-col{display: flex;align-items: center;flex-wrap: wrap;}
.home-news .news-col .img{width: 40%;border: 1px solid #eaeaea;}
.home-news .news-col .text{width: 60%; padding-left: 15px;}

.home-title{font-size: 30px;padding: 0 0 30px;color: #000000;font-weight: bold;margin-bottom: 0;}

.home-company{ background: #4dddd3; padding: 40px 0 40px; }

.home-num { text-align: center; margin-top: 90px; }
.home-num .t1 { font-size: 3.25rem; color: #fff;font-weight:bold;font-family:Arial; }
.home-num .t2 { font-size: 14px;  color: #fff; }
.home-num .target1::before { position: absolute; right: 45px; top: 35px; content: "year"; font-size: 19px; color: #fff; }
.home-num .target2::before { position: absolute; right: 69px; top: 10px; content: "㎡"; font-size: 14px; color: #fff; }
.home-num .target3::before { position: absolute; right: 32px; top: 35px; content: "Dollar"; font-size: 19px; color: #fff; }
.home-num .target3::after { position: absolute; left: 75px; top: 35px; content: "$"; font-size: 19px; color: #fff; }
.home-num .target4::before { position: absolute; right: 110px; top: 10px; content: "+"; font-size: 14px; color: #fff; }

@media(max-width:576px) {
    .home-num { margin-top: 50px; }
    .home-num .target1::before { right: 105px; top: 35px; }
    .home-num .target2::before { right: 130px; top: 10px; }
    .home-num .target3::before { right: 92px; top: 35px;  }
    .home-num .target3::after { left: 135px; top: 35px;  }
    .home-num .target4::before { right: 160px; top: 10px; }
}

.home-company-box{margin-top: 0px;}
.home-company-box .left .img{padding: 3px; box-shadow: 2px 2px 4px #39c7bc;background: #fff;position:relative;display: flex;align-items: center;justify-content: center; }
.home-company-box .left video{width: 100%;height: 380px;}
.home-company-box .right .text{color: #fff;}
.home-company-box .right .text>h4{font-size: 36px;line-height: 42px;font-weight: bold;}
.home-company-box .right .text>h4 a{color: #fff;}
.home-company-box .right .text>p{font-size: 22px;line-height: 32px;}
.home-company-box .right .text .more{padding: 10px 55px;border-radius: 10px;overflow: hidden; background: #ff5a00;display: inline-block;font-size: 14px;color: #fff;}
.home-company-box .right .imgx{border: 3px solid #fff; margin-top: 20px;}
.home-company-box .right .imgx img{width: 100%; height: auto;}

.home-service {padding: 36px 0 20px;}
.home-service .ser-col { display: flex;flex-wrap: wrap; }
.home-service .ser-col .thumbbig{overflow: hidden;margin: 1px;}
.home-service .ser-col .thumb{overflow: hidden; margin: 1px;}
.home-service .ser-col .img-responsive{transition: all 0.3s; }
.home-service .ser-col a:hover .img-responsive {transform: scale(1.1);opacity: 0.95;}

.home-product{background:#fff}
.home-product .product-item{ margin-bottom: 10px; padding: 0;border: 8px solid #52dfd5 }
.home-product .product-item .thumb{ display: flex;justify-content: center;align-items: center; margin: 0;padding: 0;}
.home-product .product-item .thumb img{width: 100%;height: auto;}
.home-product .caption{ font-size: 18px; color: #2e2e2e; margin-bottom: 20px; height:30px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.home-product .more { text-align: center;}
.home-product .more a{ display: inline-block;color: #fff;padding: 8px 50px; background: #52e0d4; font-size: 20px;}

.home-cert { background: #FAFAFA;padding-top: 30px;padding-bottom: 30px;margin-bottom: 30px;}
.home-cert h4 { color: #4FC6C0;margin-bottom: 0;}
.home-cert .desc{ color: #aaa;margin-bottom: 20px; border-bottom: 1px solid #eeeeee; padding-bottom:24px; }

.home-ypt{background: #FAFAFA;padding-top: 30px;padding-bottom: 30px;}
.home-ypt h4 { color: #4FC6C0;margin-bottom: 15px;}
.home-ypt .ypt-box{position: relative;}
.home-ypt .ypt-box .text{background: #3bcbc1;min-width: 108px;text-align: center;font-size: 24px;color: #ffffff;line-height: 36px;padding: 0 15px;position: absolute;bottom: 0;right: 0;}
.home-ypt .ypt-box .thumb .img-width {transition: all 0.3s ease-in;margin: auto;width: 100%;height: auto;}
.home-ypt .ypt-box .thumb{overflow: hidden;}
.home-ypt .ypt-box:hover .thumb .img-width {transform: scale(1.2);opacity: 1;}
.home-ypt .ypt-box.mb-4{margin-bottom:26px!important; }

@media(max-width:576px) {
    .home-company-box .left video{width: 100%;height: auto;}
    .home-company-box .right .text>h4{margin-top: 20px;}
    .home-ypt .col-md-6 .ypt-box{margin-bottom: 26px;}
    .mb-none{display: none;}
    .home-service .ser-col { justify-content: center; }
    .home-service .ser-col img{width: 100%; height: auto;}
    .home-company .title{width: 100%; font-size: 40px; }
    .home-company-box .left .more{margin-bottom: 30px;}
    .home-product .title{width: 100%;}
    .home-product .caption{height:60px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
}

/*#endregion*/
/*#region about wrapper*/
.about-wrapper { background: #fff; padding-bottom: 30px; color: #1c1c1c; }
.about-wrapper p { font-size: 1.1rem; line-height: 2rem; color: #8f8f8f; font-family: Calibri; margin-bottom: 15px; }
.about-wrapper .home-com-img { display: flex; justify-content: space-between; }
.about-wrapper .home-com-bigimg img { width: 100%; height: auto; }
.about-wrapper h3 { font-size: 1.6rem; font-weight: bold; margin-bottom: 20px; color: #1c1c1c; }
.about-wrapper .card { border: 3px solid #dddddd; }
.about-wrapper .card-title { text-align: center; font-size: 1.1rem; font-weight: bold; text-transform: uppercase; padding: 0.9rem; }
.about-wrapper .home-com-img img{ width: 100%; height: auto; }

.about-wrapper .about-essential { border: 1px solid #dcdcdc; border-radius: 10px; box-shadow: 2px 4px 4px rgba(220,220,220,0.8); padding: 25px 22px; margin-bottom: 45px; }
.about-wrapper .about-essential h4 { font-size: 1.5rem; color: #000000; font-weight: bold; margin-bottom: 25px; }
.about-wrapper .ess-col { padding: 10px; }
.about-wrapper .ess-col .card-thumb { border: 1px solid #60e3d9; }
.about-wrapper .ess-col .card-thumb img{width: 100%;height: auto; }
.about-wrapper .ess-col .card-link { margin-top: 15px; text-align: center; margin-bottom: 10px; }
.about-wrapper .ess-col .card-link a { font-size: 0.875rem; color: #000000; margin-top: 20px; }
.about-wrapper .ess-col .card-link a:hover { color: #1e5596; transition: all 0.3s; }

.about-wrapper .about-pro { border: 1px solid #dcdcdc; border-radius: 10px; box-shadow: 2px 4px 4px rgba(220,220,220,0.8); overflow: hidden; margin-bottom: 45px; }
.about-wrapper .about-pro h4 { font-size: 1.5rem; color: #fff; font-weight: bold; margin-bottom: 0px; padding: 10px 22px; background: #52e0d6; }
.about-wrapper .about-pro .row { padding: 20px 22px; }
.about-wrapper .pro-col { padding: 10px; }
.about-wrapper .pro-col .card-thumb { border: 1px solid #ededed;  overflow: hidden; }
.about-wrapper .pro-col .card-thumb img{width: 100%;height: auto;border-radius: 10px;}
.about-wrapper .content-wrapper table { margin-bottom: 0px; }
.about-wrapper .content-wrapper { margin-bottom: 45px; }
.about-wrapper h5 { font-size: 1.2rem; color: #666666; font-weight: bold; margin-bottom: 25px; }

@media(max-width:576px) {
    
}

/*#endregion*/

/*#region content table container*/
.table-wrapper table { border: 1px solid #DCDCDC }
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6; text-align: center; }
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }

@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

@media (max-width: 1199.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
/*#endregion*/

.ewm img{width:120px;height:120px;}
.pagination{display:flex;justify-content: center;}

/*手机端底部菜单*/
.mobile-nav{position: fixed;bottom: 0;left: 0;right: 0;height: 48px; background: #52DFD6;z-index: 999;display: flex;border-top: 2px solid #fff;}
.mobile-nav .item{width: 25%;border-left: 1px solid rgba(255,255,255,.2);}
.mobile-nav .item a{font-size: 12px;color: #fff;display: block; text-align: center;line-height: 20px;padding-top: 8px;}
.mobile-nav .item:first-child{border-left: 0px;}
.mobile-nav .item a:before{font-family: fontawesome; font-size: 14px; color: #fff;display: block; line-height: 16px;}
.mobile-nav .mobile-nav-home:before{content: "\f015";font-family: fontawesome; font-size: 14px;}
.mobile-nav .mobile-nav-pro:before{content: "\f07a";font-family: fontawesome; font-size: 14px;}
.mobile-nav .mobile-nav-tel:before{content: "";font-family: fontawesome; font-size: 14px;}
.mobile-nav .mobile-nav-feedback:before{content: "\f0e0";font-family: fontawesome; font-size: 14px;}

.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8);}
.reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF;}
.reveal-modal h2{font-size:20px;text-align:center;}
.reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}
.reveal-modal-pro{visibility:hidden;top:0;left:0;width:100%;position:absolute;z-index:1001;background-color:#f7f7f7;height:100vh; overflow-y:auto;}
.reveal-modal-pro h2{width:100%;text-align:center;font-size:18px;text-transform:uppercase;line-height:45px;background:#fff;margin-bottom:0;}
.reveal-modal-pro h3{width:100%;font-size:16px;text-transform:uppercase;line-height:45px;font-weight:bold;background:#e4e4e4;padding-left:15px;margin-bottom:0;}
.reveal-modal-pro ul,.reveal-modal-pro ul li{list-style:none;padding:0;margin:0;}
.reveal-modal-pro .mb-pro-nav>li{border-top:1px solid #fff;border-bottom:1px solid #ddd;font-size:14px;line-height:1.2;text-transform:capitalize;position:relative;}
.reveal-modal-pro .mb-pro-nav>li>a{padding-left:20px;}
.reveal-modal-pro .mb-pro-nav>li a{display:block;padding-top:12px;padding-bottom:12px;padding-right:20px;}
.reveal-modal-pro .mb-pro-nav>li ul{display:none;}
.reveal-modal-pro .mb-pro-nav .hasul>a:after{content:'\f107';font-family:fontawesome;color:#999;font-size:18px;position:absolute;width:12px;height:18px;line-height:18px;text-align:center;right:10px;top:13px;font-weight:400;}
.reveal-modal-pro .mb-pro-nav>li.active>a{font-weight:bold;background:#eee;}
.reveal-modal-pro .mb-pro-nav>li.active{background:#eee;border-bottom:3px solid #dadada;}
.reveal-modal-pro .mb-pro-nav>li ul li{border-top:1px dotted #ccc;font-size:12px;}
.reveal-modal-pro .mb-pro-nav>li ul li a{padding-left:36px;}
.reveal-modal-pro .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:42px;padding: 15px; right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}


@media(max-width:768px) {
  
}


/*右侧悬浮窗*/

.cndns-right{position:fixed;right: 2px;bottom:160px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:50px;height:50px;text-align:center;display:block;margin-bottom:1px;position:relative;background-color:#cccccc;}
.cndns-right-btn span{line-height:50px;}
.cndns-right-btn p{color:#fff;font-size:15px;line-height: 20px;padding-top:20px;display:none;}
.cndns-right-box{position:absolute;top:0;right:50px;display:none;}
.cndns-right-box .box-border{border:1px solid #A9A9A9;border-top: 2px solid #c32023;padding:10px 20px;background-color:#fff;position:relative}
.cndns-right-meau:hover .cndns-right-box{display:block;}
.meau-contact .cndns-right-box{width: 205px;background: #fff;z-index: 99; border: 1px solid #ddd;}
.meau-contact .cndns-right-box .list{padding: 10px;}
.meau-contact .cndns-right-box .list p{margin-bottom: 0;font-size: 12px;}
.meau-contact .cndns-right-box .img:before{font-family: fontawesome; content: "\f054";color: #fff;font-size: 14px;line-height: 50px;text-align: center; width: 20px;height: 50px;background:#52DFD6;position: absolute;top:0;left: -20px; }
.meau-code:hover .cndns-right-box{display:block;background: #52DFD6;}
.cndns-right-meau:hover .cndns-right-btn{background-color: #52DFD6;transition: 0.3s all;color: #fff; }
.meau-code .cndns-right-box{top:0;background: #52DFD6;padding: 10px;}
.meau-code .cndns-right-box .text{font-size: 14px;color: #fff;margin-bottom: 10px;text-align: center;}
.meau-backup:hover .cndns-right-btn span{display:block;}
/*#endregion*/

@media(max-width:768px) {
    .cndns-right{display: none;}
}