/*#region reset*/
body {color: #444;font-size: 14px;}
@font-face {
    font-family: CenturyGothic;
    src: url("../fonts/CenturyGothic.woff") format('woff');
    font-display: swap;
}
.footer-link-p p {margin-bottom:7px;}
.pagination {margin-bottom:0}
@font-face {
    font-family: CenturyBold;
    src: url("../fonts/CenturyGothicbold.woff") format('woff');
    font-display: swap;
}
@media (min-width: 1200px) {
    .my-container.container-xl {
        width: 1400px;
        max-width: 100%;
    }
}
.header-language {text-align:right;border-bottom:1px #f2f2f2 solid;padding:5px 1rem;}
.banner-text-3 p {}
.banner-text-3 {bottom:-20%}
.banner-text-0 {bottom:-25%}
.banner-text-2 {bottom:-27%;}
.search-group{}
.search-group .form-control{border-right-width: 0;border-radius: 12px 0  0 12px}
.search-group .btn {border: 1px solid #ced4da;border-left-width: 0;border-radius: 0 12px 12px 0;}
.form-feedback label {font-weight: 400;text-transform: uppercase;font-size: 0.75rem;}
.banner-nav .title{ font-family: poppins;font-weight: 600;}
.swiper-slide-child{}
/*#region banner*/
/*#endregion*/
.features-content {padding-bottom:1rem;    overflow-x: auto;}
.features-content table {width: 100% !important; margin-bottom: 1rem; color: #212529;}
.features-content p img {width:50%}
.features-content table td {padding: 0.5rem;
    vertical-align: middle;
    border: 1px solid #dee2e6;
    text-align: center;}

.header{ top: 0;}
.top-bar{ padding: 0.25rem 0;border-bottom: 1px solid #e9e9e9;color:#999;}
.top-bar a{color:#999}
.top-bar .icon{ margin-right: 0.25rem;}
.header{ background:rgba(255,255,255,.7);overflow: visible;top: 0;z-index:2}
.navbar-custom{top: 0;z-index: 2;}
.navbar-custom .navbar-nav > .nav-item {}
.navbar-custom .navbar-nav{ }
.navbar-custom .navbar-nav .nav-link {padding: 1.5rem;text-align: center; font-family: CenturyGothic;font-weight: bold;}
.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus {color: #999}
.navbar-custom .navbar-nav .nav-link.disabled {color: rgba(0, 0, 0, 0.3);}
.navbar-custom .navbar-nav .show > .nav-link,
.navbar-custom .navbar-nav .active > .nav-link,
.navbar-custom .navbar-nav .nav-link.show,
.navbar-custom .navbar-nav .nav-link.active {color: #174592;border-bottom: 4px #3e85c5 solid;}
.navbar-custom .navbar-text {color: rgba(0, 0, 0, 0.5);}
.navbar-custom .navbar-text a {color: rgba(0, 0, 0, 0.9);}
.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus {color: rgba(0, 0, 0, 0.9);}
@media (min-width: 1200px){  .container-xl.max-container {max-width: 1700px !important;}}
.max-width {width: 100%;}
.c-black {color: #000;}
.b-back {background-color: #000 !important;}
.banner-text p {text-align: left;font-size: 4.5rem;font-family: CenturyBold;}
.banner-text a {transition-duration: .3s; background: rgba(255,255,255,.8);color: #3e85c5;font-size: 20px;font-family: Arial;width: 224px;height: 60px; display: inline-block; line-height: 60px;padding: 0 1rem;}
.banner-text a:hover {background: #fff;}
.banner-text a::after {content: "";margin-left: 5rem;display: inline-block;border-top:9px solid transparent;border-bottom:9px solid transparent;    border-left:9px solid #3e85c5;    width:0;    height:0;}
.over-pad {padding:3rem 0;}
.main-title {color: #fff;padding: 1rem 0;position: relative;}
.main-title .line { width: 110px;height: 1px;background-color: #fff;margin: 1.5rem auto;}
.main-title h2 {font-family: CenturyBold;font-size: 2.8rem;}
.main-title p {font-family: CenturyGothic;font-size: 18px;}
.banner-text-1 p {text-align: left;}
.share-f {display: inline-block;width: 26px;height: 26px; text-align: center; background-color:#3e85c5; line-height: 26px;color: #000;}
.share-f:hover {color: #fff;}
.share-boxs {margin-top: 1rem;}
footer h3 {font-family: CenturyBold;position: relative;font-size: 16px;color: #fff;padding-bottom: 2rem;}
footer h3::after {content: ""; position: absolute;left: 0; bottom: 14px; width: 26%;height: 1px; background: #2e8de2;}
footer a {transition-duration: .3s;}
footer a:hover {color: #2e8de2;}
footer ul {padding-left: 0;}
footer li {list-style: none;margin-bottom: .4rem;}
.scroll-btn { margin: 1rem auto;  background: transparent; color: #fff; border: 1px #fff solid; padding: .4rem 1rem;}
.footer-btn-top {width: 100%; padding: 1rem;}
footer p {text-transform: uppercase;}
.cnp-section-1 {background: url("../../images/h-backsaf-123.jpg") no-repeat;background-size: cover;}
.cnp-section-3 {background: url("../../images/cnp-3-back.jpg") no-repeat;background-size: cover;}
.cnp-section-1 img {border: 6px #fff solid;  border-radius: 7px;transition-duration: .3s;}
.cnp-s1-msg {transition-duration: .3s; cursor:pointer;}
.cnp-s1-msg:hover {    transform: scale(1.3);}
.cnp-s1-msg:hover img {border-color: #2c7dd7;}
.cnp-s1-msg p {font-family: CenturyGothic;font-size: 22px;color: #fff;margin-top: 2rem}
.video-con {display: inline-block;position: relative;transition-duration: .3s;}
.video-con .player {position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);transition-duration: .3s;}
.video-con:hover {transform: scale(1.03)}
.navbar-toggler {outline: none !important;}
.banner-text span {font-size: 40px;font-family: CenturyGothic}
.cnp-about-msg {position: relative; background:url("../../images/about-backs.jpg") no-repeat center;background-size: cover;}
.cnp-about-img {background: url("../../images/back-1273u182732.jpg") no-repeat;background-size: cover;padding:4rem 0;}
.cnp-about-join {background: url("../../images/about-join.jpg") no-repeat;background-size: cover;padding:8rem 0;}
.cnp-career-2 {background: url("../../images/cnp-123819283912.jpg") no-repeat;background-size: cover;padding:5rem 0;}
.cnp-career-4 {background: url("../../images/96febf67-85d8-4a39-875a-c8586f5a8a29.jpg") no-repeat;background-size: cover;}
.contact-info {background: url("../../images/contact-line.jpg") center 36% no-repeat}
.news-list-container {background: url("../../images/news-list-back.png") no-repeat;background-size: cover;}
.download-link {border: 1px #888 solid;padding: 1rem 2rem;font-size: 20px;font-weight: bold;}
.product-tops {width: 100%;}
.product-category-box {cursor: pointer; position: relative; width: 20%; height: 60px;line-height: 60px; background: #dedede; border-right: 2px #fff solid; font-weight: bold; font-size: 1.1rem; text-align: center;}
.product-tops .product-category-box:last-child {border-right: none;}
.product-category-lists { display: none; position: absolute;left: 0; z-index: 2; color: #888;width: 100%;background: #fff;box-shadow: 0 1px 3px rgba(26,26,26,.1);}
.product-category-lists a {font-size: 14px;font-weight: normal;height: 42px;line-height: 42px;}
.product-category-box:hover > .product-category-lists {display: block;    background: #f3f3f3;}
.product-category-lists a:hover {color: #00aff0;}
.product-tops .active {background: #1566af;}
.product-tops .active > a {color: #fff;}
.bg-product-contact {background-color: #eaeaea}
.product-param dt {font-weight:bold; width:160px;}
.product-col .card-title {background-color: #eaeaea;}
.product-col .card-title a {font-size: 20px;}
.product-col .card-title a.read {margin-top:1rem; font-size: 14px; border: 1px #000 solid;padding: 4px 7px;border-radius: 55px; font-weight: normal; color: #000;display: inline-block;}
.product-col .card-title a.read:hover {color: #000;}
.product-col:hover .card-thumb {border-color:#226fd9 ;}
.product-col:hover .card-title {background-color: #226fd9;}
.product-col:hover .card-title a {border-color:#fff;color: #fff;}
.product-all-content .col-md-8,.product-all-content .col-md-4 {margin-top:3rem}
.features-content td {text-align:center;}
.layout-wrapper {
    background-color: #fff;
    border: 1px solid #ced4da;
}
.mz-thumb.mz-thumb-selected img,.mz-thumb:not(.mz-thumb-selected):hover img {border: 1px solid #3e85c5 !important;}
.tab-content {overflow-x: auto;}
@media(max-width:1366px) {
    .banner-text p {font-size:3.5rem}
}
@media(max-width:1024px) {
    .banner-text p {font-size:2.5rem}
}
@media(max-width:992px) {
    .product-tops {flex-wrap: wrap;}
    .product-tops .product-category-box:nth-child(even) {border-right: none;}
    .product-tops .product-category-box {width: 50%;font-size: 12px;}
    .dropdown-menu{ box-shadow: none;background: transparent;}
    .custom-banner .banner-content h3 {margin-bottom: 1rem !important;padding-bottom: 1rem !important;font-size: 1rem !important;}
    .custom-banner .banner-content h3::before {display: none !important}
    .navbar-custom .navbar-collapse{ background: #fff;border-top: 1px solid #f2f3f4;position: absolute;top: 100%;width: 100%;left: 0;}
}
@media(max-width:576px) {
    .banner-text p {font-size: 1.6rem;}
    .m-logo {width: 100%;}
    .hide {display: none !important;}
    .banner-text a { display: none;}
    .navbar-nav{border-top:1px solid #f2f2f2}
    .navbar-brand{ padding: 12px 0;}
    .navbar-brand>.img-fluid{max-width:130px}
}
.nav-tabs .nav-link.active {background-color:#1566af;color:#fff;}
.over-pad-2 {padding:1rem 0;}
/*#endregion*/
.main-wrapper{ margin-top: 60px;}
.layout-wrapper{ padding: 15px;border:1px solid #e9eef4}
/*#region sidebar*/
.sidebar{ top: 0;margin-bottom: 1.25rem;}
/*#region collapse menu*/
.menu-collapse{border-radius: 6px 6px 0 0;border: 1px solid #e7e7e7}
.menu-collapse .collapse-title{padding: 0.875rem;background: #666;color: #fafafa;}
.menu-collapse .collapse-title h5{ font-size: 1.25rem;font-weight: 500;}
.menu-collapse .collapse-title .navbar-toggler{color: #fff;}
.menu-collapse .menu-link{ transition: background-color ease 0.2s;color: #666;border-bottom: 1px solid #e7e7e7}
.menu-collapse ul ul .menu-link{padding: 12px 16px 12px 30px;}
.menu-collapse .menu-link:before{ content: "●";font-size:0.75rem;margin-right: 5px;color:#999}
.menu-collapse .menu-link:hover{ background: #f8f9fa;}
.menu-collapse  .drop{ }
.menu-collapse .menu-link.active{background: #f6f6f6;color:#666}
/*#endregion*/
/*#region horizontal menu*/
.menu-horizontal .nav-item{margin: 0 0.25rem;}
.menu-horizontal .nav-link{ padding: 0.75rem 1rem;background: #f2f2f2;border-radius: 0px;color: #666;}
.menu-horizontal .nav-link.active{ background: #E20001;color: #fff;}
.menu-horizontal-child {background: #f2f2f2;}
@media(max-width:768px) {
    .menu-horizontal .nav-item{ margin: 0;}
    .menu-horizontal-child{ justify-content: left;}
    .menu-horizontal-child .nav-link{ padding: 0.5rem 1.5rem;}
}
/*#endregion*/
.side-wrapper{ background: #F5F5F5;padding: 25px 20px;margin-bottom: 1.5rem;}
.side-wrapper .title{ font-family: poppins;margin-bottom: 1rem;font-size: 1rem;font-weight: 600;color: #1f365c;text-transform: uppercase}
.media-article{ margin-top: 1.25rem;}
.media-article img{ max-width: 60px;margin-right: 12px;}
.media-article .post-title{ font-size: 0.875rem;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-article .post-title a{ transition: color ease 0.2s;}
.media-article .post-title a:hover{color:#C42729}
.media-article time{ font-size: 0.75rem;color:#8c95a2}
.side-wrapper .product-col .card-title{ padding: 0.5rem 0.25rem;font-size: 0.75rem;}
.side-wrapper .product-col .card-thumb{ border: 1px solid #fff;}
@media(max-width:992px) {
    .side-wrapper{ padding: 25px 20px;}
    .media-article img{max-width:90px}
}
/*分页*/
.nav-page-wrapper {display: -ms-flexbox;display: flex;justify-content: center;margin-top: 2rem;}
.nav-page-wrapper a {background: #342C2A;color: #fff;padding: 5px 10px;margin-right: 10px;}
.nav-page-wrapper a:last-child{ margin-right: 0;}
/*#endregion*/
/*#region*/
.form-feedback .btn{color: #fff;background:#3e85c5}
/*.breadcrumb{ margin-bottom: 0;padding-left: 0;padding-right: 0;font-size:0.875rem}*/
.main-container{ padding-top: 40px;padding-bottom: 40px;}
@media(max-width:768px) {
    .main-container{ padding-top: 20px;padding-bottom: 20px;}
}

/*#endregion*/
/*#region page-title*/
.page-title{padding: 1rem 0;background: #F7F7F7;background-size: cover;line-height: 1;}
.page-title .container-xl{ display: -ms-flexbox;display: flex;justify-content:space-between}
.page-title .title{font-family: poppins;margin-bottom: 0;font-size: 1.5rem;font-weight: 300;text-align: center;align-self: center;}
.page-title .breadcrumb{ justify-content: center;}
.page-title .breadcrumb:before{ font-family: cmsfont;content: "\f80a";margin-right: 0.25rem;}
.page-main-title{ font-size: 1.75rem;padding: 0.75rem 0;margin-bottom: 1.5rem;font-weight: 600;border-bottom: 1px solid #eee;padding-left: 0.5rem;}
.page-sub-title{position: relative;padding: 0.5rem 0;font-family: poppins;font-size: 1.25rem;margin-bottom: 20px;font-weight: 500;font-size: 1.5rem;}
@media(max-width:768px) {
    .page-title{padding:0.875rem 0}
    .page-title .container-xl{ flex-direction: column}
    .page-title .title{font-size: 1.25rem;margin-bottom: 0.5rem;}
    .page-title .breadcrumb:before{ display: none;margin-right: 0;}
    .page-main-title{ font-size: 1.25rem;}
    .download-link {margin: 1rem auto;display: block;text-align: center;}
}
.page-title-2{ padding: 1rem 0;}
.page-title-2 .title{margin-bottom: 0;font-size: 1.5rem;font-weight: 300;}
.page-title-2 .breadcrumb{ margin: 15px 0 30px 0;}
.page-title-2 .breadcrumb:before{ font-family: cmsfont;content: "\f80a";margin-right: 0.25rem;}
/*#endregion*/
/*#region product list style*/
.product-row{display: block;margin-bottom: 2rem;}
.product-row .card-thumb{border: 1px solid #9F9F9E;padding: 3px;}
.product-row .card-body{padding: 0rem 1.25rem;}
.product-row .card-title{margin-bottom: 0.75rem;font-size: 1.5rem;font-weight: 300}
.product-row .card-text{ font-size: 0.875rem;}
.product-row time{ display: block;font-size:1.5rem;font-weight: 600;}
.product-row .more{ display: block;align-items: end;justify-content: flex-end}
.product-row .link{ background: #342C2A;color: #fff;display: inline-block;padding: 3px 5px;}
@media(max-width:768px) {
    .product-row .card-body{ padding: 1.25rem 0 0;}
}

.product-col{ margin-bottom: 1.25rem;}
.product-col .card{height: 100%;}
.product-col .card-title {text-align: center;flex-grow: 1;font-size: 14px;font-weight: normal;margin: 0;padding: 0.75rem 0.5rem;}
.product-col .card-title a {color: #1F365C;transition: all ease 0.2s;}
.product-col .card-title a:hover{color:#3e85c5}
.product-col .card-thumb{border: 2px solid #eee;}
.product-col .card-body{ font-size: 0.75rem;padding: 0.75rem;flex-grow: 0;}
/*#endregion*/
/*#region article list style*/
.article-row{ margin-bottom: 1.875rem;}
.article-row .card-body{ padding: 0rem 1.25rem;}
.article-row .title{font-family: poppins;font-size: 1rem;font-weight: 300;margin-bottom: 0.75rem;}
.article-row .title a{ color: #1F365C;transition: color 0.2s ease;}
.article-row .title a:hover{color:#C42829}
.article-row p{ padding: 15px 0;margin-bottom: 0;color: #666;border-top: 1px solid #ececec;line-height: 1.7}
.article-row .card-text{ font-size: 1rem;}
.article-row time{ display: block;font-size:0.75rem;color:#1f365c;}
.article-row .more{ display: block;align-items: end;justify-content: flex-end}
.article-row .link{ background: #342C2A;color: #fff;display: inline-block;padding: 3px 5px;}
@media(max-width:768px) {
    .article-row .card-body{ padding: 1.25rem 0 0;}
    .article-row h3{ font-size: 1rem;}
}

.article-col{ margin-bottom: 1.25rem;}
.article-col .card{height: 100%;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
.article-col .card-body{ flex-grow: 1;padding: 15px 15px;}
.article-col .card-title{  font-family: poppins;font-size: 0.875rem;font-weight: 400;margin: 0;padding: 0.5rem 0rem;color: #0c2e60;transition: all ease 0.2s;}
.article-col .card-title:hover{color:#ef470d}
.article-col time {display: block;font-size: 0.75rem;color: #83868c;text-transform: uppercase;}

/*#endregion*/
/*#region img list style*/
.img-col{ margin-bottom: 1.25rem;}
.img-col .card{border: 1px solid #ccc;height: 100%;}
.img-col .card-title{flex-grow: 1;margin: 0;padding: 0.5rem 0.75rem;background: #EEE;text-align: center;}

.cert-row{ margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid #5E5A59;}
.cert-row .card-body{ padding: 0 1.25rem;}
.cert-row .card-thumb{background: #EEEEEE;padding: 1rem;text-align: center}
.cert-row .card-title{ font-weight: 600;font-size: 1.5rem;}
.cert-row:hover{color:#274373}

@media(max-width:576px) {
    .cert-row .card-body{ padding: 1.25rem 0rem;}
    .cert-row .card-title{ font-size: 1.25rem;}
}

.cert-col{ margin-bottom: 1.25rem;}
.cert-col .card{ height: 100%;}
.cert-col .card-thumb{border: 1px solid #bbb;}
.cert-col .card-title{display: -ms-flexbox;display: flex;justify-content: center;align-items: center;flex-grow: 1;margin: 0;background: #EEE;padding: 0.5rem 0.75rem;margin-top: 0.5rem;text-align: center;}

.down-col{ margin-bottom: 1.5rem;}
.down-col .card{border: 1px solid #f2f2f2;}
.down-col .card-title{flex-grow:1;background: #EEEEEE;padding: 1rem;margin: 0;transition: all ease 0.2s;}
.down-col .card-thumb:hover img {filter: hue-rotate(120deg);opacity: 0.8;}
.down-col:hover .card-title{ background: #E9F6FE;color:#204480}

.video-col{margin-bottom: 1.5rem;}
.video-col .card{height: 100%;border: 1px solid #f2f2f2;}
.video-col .card-title{ display: flex;display: -ms-flexbox;justify-content: center;align-items: center;flex-grow: 1;margin: 0;padding: 0.75rem 0.5rem;text-align: center;background: #342C2A;color: #fff;font-size: 0.875rem;}
/*#endregion*/


/*#region content wrapper*/
.content-wrapper{ line-height: 1.7;background: #fff;margin-bottom: 1.5rem;}
.content-wrapper h2{font-size: 1rem;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper h3{ font-size: 0.875rem;font-weight: 600;margin-bottom: 0.75rem;}
.content-wrapper p img {width:50%}
.content-wrapper img{ max-width: 100% !important;height: auto !important;}
.content-wrapper ol{margin-left: 1em;padding-left: 1em;}
.content-wrapper video{ max-width: 100% !important;height: auto !important;}
.content-wrapper iframe{ max-width: 100%;}
.content-wrapper table {width: 100% !important;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:hover {background-color: rgba(0, 0, 0, 0.075);color: #555;}
/*.content-wrapper table p{ margin-bottom: 0;}*/
.content-wrapper .nav-tabs {background:#FAFCFF;}
.content-wrapper .nav-link{ padding: 0.75rem 1.75rem;border-color: transparent #dee2e6 transparent transparent !important;}
.content-wrapper .nav-tabs .active{ font-weight: 600;}

.content-wrapper.product{border:1px solid #e9eef4}
.content-wrapper.product .content{padding: 1.5rem 1rem;}
.content-wrapper.product .content iframe{ width: 700px; height: 400px;}
.content-wrapper.product .content h2,.content-wrapper.product .content h3{ font-family: poppins;font-size: 1.25rem;font-weight: 500 !important;color:#0c2e60}

.content-wrapper.article .content{color:#777}

.content-wrapper header{text-align: center;margin-bottom: 1rem;}
.content-wrapper header span{ margin-right: 15px;}
.content-wrapper .sub-title{ font-size: 1.75rem;font-weight: 600;display:block}

.content-wrapper.article .content{ color: #777}
.content-wrapper.article .title{ color: #0c2e60;font-family: poppins;font-size: 1.5rem;font-weight: 500;}
.content-wrapper.article .summary{padding-bottom: 20px;margin: 30px 0;font-size: 0.75rem;text-transform: uppercase;color: #83868c;border-bottom: 1px solid #e0e4e6;}
.content-wrapper.article .summary span{ margin-right: 15px;}
@media(max-width:768px) {
    .content-wrapper .title{ font-size: 1.25rem;}
    .content-wrapper.product .content{padding:1.5rem 1rem;}
}

.post-navigation {padding: 25px 0;margin-top: 30px;margin-bottom: 15px;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.post-navigation .col-12{ padding-bottom:0.5rem}
.post-navigation span{ margin-bottom: 5px;font-size: 0.75rem;display: block;text-transform: uppercase;}
.post-navigation .icon{ font-size: 1.25rem;color:#aaa}
.post-navigation a{ color: #1F365C;font-weight: 500;}
@media(max-width:992px) {
    .post-navigation .col-12{ text-align: center;}
}
.share-box{ text-align: center;}
.share-box p{ font-weight: 600;}

.page-link{padding: .5rem 0.875rem;}
.page-item.active .page-link {color: #fff;background-color: #444;border-color: #444;}
/*.nav-wrapper a{background: #342C2A;color: #fff;padding: 5px 10px;margin-right: 10px;}*/
/*#end content wrapper*/
.item-list {list-style-type: none;margin: 0;padding: 0;margin-bottom: 15px;}
.item-list li {border-bottom: 1px dashed #eee;padding:12px 0;}
.item-list>li>a {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.item-list>li>a:hover {color: #FE8301;}
.item-list li a:before{font-family:cmsfont;content:"\f122";margin-right:8px;margin-left: 4px;}
.item-list li time {float: right;padding-right: 5px;margin-left: 8px;color: #999;}
/*#endregion*/
/*#region content-head-container*/
.product-head { margin-bottom: 1.5rem;;background:#fff}
.product-head .title {font-size: 1rem;color: #333;font-weight: 600;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;}
.product-head .btn-main{ display: block;background: #E64545;color: #fff;font-size: 1rem;padding: .4rem .75rem;}
.product-head .btn-main .icon{ margin-right: 0.25rem;}
/*.product-head .content{ line-height: 1.6;font-size: 0.875rem;}
.product-head .content h2,.product-head .content h3{ font-size: 1.25rem;font-weight: 600;}*/


.product-service{ text-align: center;padding: 20px 0;}
.product-service>a:first-child{ margin-right: 15px;}
.product-feedback{ display: inline-block;background: #F3912C;color: #fff;padding: 6px 16px;}
.product-down{ display: inline-block;background: #DD0804;color: #fff;padding: 6px 16px;}
/*#endregion*/


/*#region footer*/
footer {background: #222;color: rgba(255, 255, 255, 0.8);padding-top: 60px;padding-bottom: 60px;}
footer a{color:rgba(255, 255, 255, 0.8)}

/*#endregion*/
/*#region home*/

/*#endregion*/
#faq-page .card{ margin-bottom: 1rem;}
#faq-page .card-header{ background: #f6f6f6;font-size: 1rem;font-weight: 300;padding: 1rem 0.75rem;margin-bottom: 0;cursor: pointer}
#faq-page .card-header:hover{ background: #f2f2f2;}
#faq-page .card-body{ padding: 1rem;border: 1px solid #eee;}
/*home page*/
.home-title{ font-family: poppins;position: relative;text-align: center;margin-bottom: 15px;font-weight: 500;}
.home-title:after{ display: block;content: "";width: 40px;height: 4px;background: #E1474D;margin: 3px auto 0;}

.home-products{ padding: 2rem 0;}
.home-products .summary{ text-align: center;font-weight: 400;color: #666;}

.home-company{ background: #f2f2f2 url("images/whybg.jpg") no-repeat fixed center center;color: #666;padding: 50px 0 40px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;line-height: 1.8;}
.home-company h2{ font-family: poppins;font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: #1F365C;}
.home-company h2:after{ display: block;content: "";width: 80px;height: 3px;background-color: #C42829;margin-top: 5px;}
.home-company h4{ font-size: 1rem;color: #444;}
.home-company ul li:before{ font-family: cmsfont;content: "\f005";margin-right: 5px;color:#0069b0}
.home-company .more{ display: inline-block;background: #F7C02D;padding: 15px 40px;border-radius: 6px;font-weight: 500;}

.home-news{ padding: 2rem 0;}
.home-news h2{ font-family: poppins;font-size: 1.75rem;text-align: center;}
.home-news h2:after{display: block;content: "";width: 80px;height: 3px;background-color: #C42829;margin: 5px auto 0;}
.home-news .article-col .card{border:1px solid #efefef; }
.home-news .article-col .card-title{ font-size: 0.875rem;}
.home-news .article-cil .card-title a{color:#1F365C}
.home-news .article-col time{display: block;}


@media(max-width:799px) {
    .content-wrapper.product .content .video-box{ padding-bottom: 56%; position: relative; overflow: hidden;}
    .content-wrapper.product .content .video-box iframe{ position: absolute;  width: 100%;  left: 0; height: 100%;}
}



.jstd {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top center;
}
.jstd_t {
    width: 1200px;
    height: 65px;
    margin: 0 auto;
    margin-top: 120px;
}

.jstd_t p {
    width: 132px;
    height: 52px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    padding: 10px;
    border: solid 1px #0d6db9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 20px;
}
.tdt_on {
    background-color: #0d6db9;
    color: #fff;
}
.jstd_t p:last-child {
    margin-right: 0;
}

.jstd_t #tdt_8 {
    margin-right: 0;
}
.jstd_c {
    position: relative;
    width: 1200px;
    height: 720px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 40px;
}
.tdpic {
    width: 600px;
    float: left;
    overflow: hidden;
}
.cpbox1 {
    float: left;
    position: relative;
    display: block;
    overflow: hidden;
    width: 99%;
    height: 400px;
    border: 1px solid #CCC;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 3px #c8c8c8;
    -moz-box-shadow: 3px 3px 3px #c8c8c8;
    box-shadow: 3px 3px 3px #c8c8c8;
}
.cpbox1 img {
    position: absolute;
}
.p2 {
    margin: 25px 30px 0 0;
    float: left;
    font-size: 14px;
    list-style-type: none;
}
.tdcon {
    width: 600px;
    float: right;
}
.td_img {
    float: left;
    padding: 0 0 5px 45px;
    width: 230px;
    box-sizing: unset;
}
.rx_box {
    float: left;
    position: relative;
    display: block;
    overflow: hidden;
    width: 230px;
    height: 230px;
    border: 1px solid #CCC;
}
.rx_box img {
    position: absolute;
    width: 371px!important;
    height: 230px;
    left: 50%;
    margin-left: -180px;
}
.td_img p {
    text-align: center;
    width: 230px;
    line-height: 50px;
    font-size: 16px;
}
.p1 {
    background: #0d6db9;
    width: 158px;
    height: 44px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    margin-top: 600px;
    margin-left: 210px;
    margin-bottom: 0;
}


.jstd {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top center;
}
.news {
    position: relative;
    width: 1200px;
    //height: 600px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 40px;
}
.news_mian {
    width: 1200px;
    float: left;
    text-align: center;
    margin: 0 auto;
}
.news_1 {
    float: left;
    width: 400px;
}
.a1 {
    position: relative;
    left: 190px;
    width: 50px;
    height: 3px;
    background: #0d6db9;
}
.news_1 span {
    font-size: 20px;
    padding: 10px;
}
.news_list {
    padding: 20px 10px;
    width: 400px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news_list li {
    padding: 5px; list-style-type: none;
}
.news_list span {
    padding-top: 5px;
    float: right;
    color: #5a5a5a;
    font-size: 12px !important;
}
.news_list p {
    text-align: left;
    color: #999999;
    font-size: 13px;
    margin-bottom: 12px;
    border-bottom: dotted 1px #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


@media(max-width:1199px) {

    .jstd_t p{ width: calc(12.5% - 10px);  margin-right: 10px;}
    .jstd_c,.jstd_t{ width: 96%;}
    .tdcon,.tdpic{width: 50%;}
    .tdcon>div{ display: inline-block; width: 100%;}
    .tdbtn{ width: auto !important;}
    .td_img{ width: calc(50% - 46px);}
    .td_img p{  width: 100%;}
    .cpbox1 img{position: absolute; height: 100% !important; left: 50%; transform: translateX(-50%);  width: auto !important;}
    .rx_box{ width: 100%; height: auto; padding-bottom: 100%;}
    .rx_box img{ width: 100% !important;  height: 100%; margin-left: auto; transform: translateX(-50%);}
    .p1{ margin-top: 0; line-height: 44px;}

    .news{  width: 96%; height: auto;}
    .news_mian{ width: 100%;}
    .news_1{ width: 33%;}
    .news_list{width: 100%;}
    .a1{ left: 50%; transform: translateX(-50%);}

}

@media(max-width:999px) {
    .jstd_t{   margin-top: 20px; }
    .jstd_t p{ font-size: 14px;}
    .jstd_c{ height: auto;}
    .jstd_t p{  width: calc(25% - 10px);}
    .tdpic{ margin-bottom: 30px;}
    .tdcon,.tdpic{width: 100%; text-align: center;}
    .p1{ margin-left: 0;}
    .td_img{ width: calc(50% - 20px); padding: 0 10px;}
    .td_img p{ font-size: 14px;}

    .news_1{ width:100%; margin-bottom: 20px;}
   

}

@media(max-width:599px) {

    .cpbox1{ height: 300px;}
}