body { font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;}
h2 { font-size: 40px;}
h3 { font-size: 30px;}
a:hover { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;}
.btn { border: 0 none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.btn-red { display: inline-block; text-align: center; padding: 15px 40px; white-space: nowrap; background-color: #c00b0b; font-size: 16px; line-height: 1.25; color: #fff; border: 0 none;}
.btn-red.block { display: block;}
.btn-red:hover { background-color: #870808; color: #fff; text-decoration: none;}
.link-more { font-size: 14px; color: #c00b0b;}
.link-more:before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 10px; background: #c00b0b; position: relative; top: -1px;}
.link-more:hover { color: #870808;}
.link-more:hover:before { background: #870808;}
.link-more.white { color: #fff;}
.link-more.white:before { background: #fff;}
.link-more.white:hover { color: #fff;}
.link-more.white:hover:before { background: #fff;}
.hover-scale { overflow: hidden;}
.hover-scale img { transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.hover-scale:hover img { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5);}

@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1590936048552'); /* IE9 */
    src: url('../fonts/iconfont.eot?t=1590936048552#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('../fonts/iconfont.woff?t=1590936048552') format('woff'),
    url('../fonts/iconfont.ttf?t=1590936048552') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../fonts/iconfont.svg?t=1590936048552#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-location3:before { content: "\e62d";}
.icon-arrow-go:before { content: "\e727";}
.icon-arrow-down:before { content: "\e634";}
.icon-arrow-up:before { content: "\e635";}
.icon-user:before { content: "\e830";}
.icon-tel2:before { content: "\e611";}
.icon-tel3:before { content: "\e618";}
.icon-location2:before { content: "\e61e";}
.icon-email:before { content: "\e6ee";}
.icon-fax:before { content: "\e686";}
.icon-next:before { content: "\e678";}
.icon-back:before { content: "\e67a";}
.icon-close:before { content: "\e679";}
.icon-fax2:before { content: "\e627";}
.icon-arrow-right:before { content: "\e662";}
.icon-arrow-left:before { content: "\e663";}
.icon-search:before { content: "\e6b4";}
.icon-location:before { content: "\e683";}
.icon-tel:before { content: "\e6c1";}
.icon-scan:before { content: "\e6c2";}
.icon-contact:before { content: "\e6c3";}
.icon-chat:before { content: "\e6c4";}
.icon-back-top:before { content: "\e6c5";}
.icon-menu:before { content: "\e6c6";}
.icon-contact-list:before { content: "\e6c7";}

.header-top { height: 90px;}
.header-top .container { position: relative; height: 90px;}
.header-top .logo { float: left; margin: 18px 30px 0 0;}
.header-top .slogan { float: left; margin-top: 36px; padding: 0 40px; position: relative; font-size: 16px; color: #c00b0b; line-height: 1;}
.header-top .slogan:before { position: absolute; top:8px; left: 0;  content: ""; display: block; width: 34px; height: 1px; background: #c00b0b;}
.header-top .slogan:after { position: absolute; top:8px; right: 0;  content: ""; display: block; width: 34px; height: 1px; background: #c00b0b;}
.top-menu { float: right; margin-top: 7px;}
.top-menu ul { margin: 0; padding: 0;}
.top-menu ul li { list-style: none; display: inline; font-size: 14px; color: #999; line-height: 26px;}
.top-menu ul li a { font-size: 13px; color: #999;}
.top-menu ul li a:hover { color: #c00b0b;}
.top-menu ul li.lang { margin-left: 40px;}
.top-menu .lang-toggle { display: inline-block; height: 26px; margin-left: 10px;}
.top-menu .lang-toggle a { display: inline-block; height: 26px; padding: 0 3px; border: solid 1px #999; background: #fff;}
.top-menu .lang-toggle a.active { border: solid 1px #c00b0b; background: #c00b0b; color: #fff;}
.top-menu .lang-toggle a:hover { text-decoration: none;}
.header-top .contact { position: absolute; right: 15px; bottom:15px; font-size: 24px; color: #c00b0b; letter-spacing: 1px; line-height: 1;}
.header-top .contact .icon-tel { margin-right: 10px; font-size: 24px; line-height: 1;}
.header-top .contact strong { font-weight: normal;}
.header-top .btn-menu { position: absolute; top: 50%; right: 15px; display: none; width: 40px; height: 40px; margin-top: -20px; text-align: center; line-height: 40px; text-decoration: none !important;}
.header-top .btn-menu .icon-menu { font-size: 46px; color: #c00b0b;}
.header-top .btn-menu:hover { text-decoration: none;}

.header-nav { height: 60px; background: #c00b0b; position: relative; z-index: 999;}
.header-nav nav>ul { margin: 0 -20px 0 -20px; padding: 0;}
.header-nav nav>ul>li { float: left; margin-right: 25px; list-style: none; position: relative;}
.header-nav .sub-nav { position: absolute; top: 100%;left: 0; margin: 0; padding: 0; background: #c00b0b; height: 0; overflow: hidden; opacity: 0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; min-width: 100%;}
.header-nav nav>ul>li:hover .sub-nav { height: auto; opacity: 1;}
.header-nav .sub-nav>li { display: block; height: 44px;}
.header-nav .sub-nav>li:last-child { margin-bottom: 11px;}
.header-nav .sub-nav>li>a { display: block; height: 44px; padding: 0 20px; font-size: 16px; color: #fff; background: #c00b0b; line-height: 44px; white-space: nowrap;}
.header-nav .sub-nav>li>a:hover { background: #870808; text-decoration: none;}
.header-nav nav>ul>li:last-child { margin-right: 0;}
.header-nav nav>ul>li>a { display: block; padding: 0 20px; font-size: 16px; color: #fff; line-height: 60px;}
.header-nav nav>ul>li.active>a, .header-nav nav>ul>li>a:hover { background: #fff; color: #c00b0b; text-decoration: none;}

.footer-top { background: #870808; padding: 35px 0;}
.footer-top .about { float: left; width: 34%;}
.footer-top nav { float: left; margin-top: 10px;}
.footer-top nav.footer-nav1 { width: 15%;}
.footer-top nav.footer-nav2 { width: 15%;}
.footer-top nav.footer-nav3 { width: 24%;}
.footer-top .follow-us { float: right; margin-top: 10px; width: 12%;}
.footer-top .about .logo { display: inline-block; margin-bottom: 20px;}
.footer-top .about dl { margin: 0; font-size: 14px; color: #fff;}
.footer-top .about dt { margin-bottom: 5px; font-weight: normal;}
.footer-top .about dt .iconfont { margin-right: 5px;}
.footer-top .about dd { margin-bottom: 15px; padding-left: 20px;}
.footer-top nav { padding:  0 30px; border-left: solid 1px #fff;}
.footer-top nav h4 { margin: 0 0 15px; font-size: 18px; color: #fff; line-height: 1;}
.footer-top nav h4 small { display: block; margin-top: 8px; font-size: 14px; color: #fff; opacity: 0.5; text-transform: uppercase;}
.footer-top nav ul { float: left; margin: 0; padding: 0;}
.footer-top nav ul li { list-style: none; margin-top: 15px;}
.footer-top nav ul li a { font-size: 14px; color: #fff;}
.footer-top nav.footer-nav3 ul { margin-right: 30px;}
.footer-top nav.footer-nav3 ul:last-child { margin-right: 0;}
.footer-top .follow-us figure { float: right; width: 100px;}
.footer-top .follow-us figure img { width: 100%; height: auto;}
.footer-top .follow-us p { margin-top: 10px; font-size: 13px; color: #fff; text-align: center;}
.footer-bottom { background: #c00b0b; padding: 29px 0;}
.footer-bottom p { margin: 0; font-size: 14px; color: #fff; line-height:1.5; text-align: center;}

.sticky-bar { position: fixed; bottom: 200px; right: 20px; display: block; width: 60px; box-shadow: 0 0 24px rgba(30,22,22,0.27); -webkit-box-shadow: 0 0 24px rgba(30,22,22,0.27); -moz-box-shadow: 0 0 24px rgba(30,22,22,0.27); z-index: 9999;}
.sticky-bar a { display: block; background: #fff; padding: 20px 15px 24px; font-size: 22px; line-height: 1.2; text-align: center; color: #c00b0b !important; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.sticky-bar a:hover { background: #c00b0b; padding: 20px 15px 24px; font-size: 22px; line-height: 1.2; text-align: center; color: #fff !important; text-decoration: none;}
.sticky-bar .icon-contact-list { display: inline-block; margin-bottom: 20px; font-size: 24px;}

.sticky-content { position: fixed; bottom: 200px; right: 10px; display: block; width: 180px; padding: 20px 15px; background: #fff; box-shadow: 0 0 24px rgba(30,22,22,0.27); -webkit-box-shadow: 0 0 24px rgba(30,22,22,0.27); -moz-box-shadow: 0 0 24px rgba(30,22,22,0.27); z-index: 99999; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.sticky-content .btn-close { position: absolute; top: 0px; right: 5px; display: block; width: 10px; height: 10px; color: #c9c9c9; text-align: center; line-height: 18px;}
.sticky-content.animate { right: -300px;}
.sticky-content .btn-close:hover { color: #c00b0b;}
.sticky-content .search-form { height: 44px; margin-bottom: 20px; border: solid 1px #c00b0b; position: relative; padding-right: 31px;}
.sticky-content .search-form input { width: 100%; height: 42px; padding: 0 0 0 5px; border: 0 none; color: #201d1d; outline: none;}
.sticky-content .search-form button { position: absolute; top: 0; right: 0; width: 30px; height: 42px; border: 0 none; background: none; color: #c00b0b; outline: none;}
.sticky-content .search-form button:hover { background: #c00b0b; color: #fff; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;}
.sticky-content .contact-list { margin: 0; padding: 0;}
.sticky-content .contact-list li { list-style: none; margin-bottom: 15px; padding-left: 20px; position: relative;}
.sticky-content .contact-list li .iconfont { position: absolute; top: 0; left: 0; font-size: 20px; color: #201d1d;}
.sticky-content .contact-list li .iconfont.icon-scan { font-size: 16px;}
.sticky-content .contact-list li a { color: #c00b0b; font-size: 16px; padding-left: 5px;}
.sticky-content .contact-list li dl { margin: 0; padding-left: 5px;}
.sticky-content .contact-list li dt { color: #201d1d; font-size: 16px; font-weight: normal;}
.sticky-content .contact-list li dd { color: #c00b0b; font-size: 14px;}
.sticky-content .contact-list figure { width: 112px; margin-bottom: 10px;}
.sticky-content .contact-list figure figcaption { color: #201d1d; font-size: 14px; text-align: center;}

.back-top { position: fixed; bottom: 100px; right: 20px; display: block; width: 60px; height: 60px; background: #fff; line-height: 60px; color: #c00b0b!important; text-align: center; box-shadow: 0 0 24px rgba(30,22,22,0.27); -webkit-box-shadow: 0 0 24px rgba(30,22,22,0.27); -moz-box-shadow: 0 0 24px rgba(30,22,22,0.27); text-decoration: none !important; z-index: 9999;}
.back-top:hover { background: #c00b0b; color: #fff!important; text-decoration: none;}
.back-top .icon-back-top { font-size: 24px;}

.section-banner figure img { width: 100%; height: auto;}
.section-banner { position: relative;}
.section-banner .owl-dots { position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center;}
.section-banner .owl-dots button { width: 10px; height: 10px; margin: 0 10px; border-radius: 50%; background: #fff; border: 0 none !important; outline: 0!important;}
.section-banner .owl-dots button.active { background: #c00b0b;}

.section-about-us { background: #fff; padding: 80px 0;}
.section-about-us h2 { margin-bottom: 50px; font-size: 36px; color: #c00b0b; text-align: center; line-height: 1; font-weight: normal;}
.section-about-us h2 small { display: block; margin-top: 10px; font-size: 18px; color: #4e0505; text-transform: uppercase;}
.section-about-us p { margin-bottom: 50px; text-indent: 40px; font-size: 16px; line-height: 2.1; color: #201d1d;}
.section-about-us .btn-red.block { margin-top: 10px; margin-bottom: 25px;}
.com-list { margin: 0; padding: 0;}
.com-list li { list-style: none; margin-bottom: 2px;}
.com-list li:last-child { margin-bottom: 0;}
.com-list li figure { position: relative;}
.com-list li figure picture { font-size: 0; line-height: 0;}
.com-list li figure img { width: 100%; height: auto;}
.com-list li figure p { position: absolute; top: 50%; left: 0; width: 100%; margin: -21px 0 0; text-align: center; color: #fff; text-indent: 0;}
.section-about-us .link-more { float: right; margin-top: 15px;}

.section-products { padding: 60px 0 80px; background: url(../images/bg-products.jpg) no-repeat 50% 50%; background-size: cover;}
.section-products h3 { margin:  0 0 50px 0; padding-left: 45px; font-size: 30px; color: #fff; line-height: 1; position: relative;}
.section-products h3:before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 30px; height: 30px; background: #fff;}
.section-products h3 small { position: absolute; left: 160px; top: 30px; padding-left: 32px; font-size: 18px; color: #cba4a4; white-space: nowrap; text-transform: uppercase;}
.section-products h3 small:before { position: absolute; top: -5px; left: -12px; content: ""; display: block; width: 66px; height: 1px; background: #fff; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.section-products .btn-red { padding: 20px 40px; font-weight: normal;}
.nav-tabs.vertical-tab { border: 0 none;}
.nav-tabs.vertical-tab>li { display: block; height: 60px; margin: 10px 0 0; float: none;}
.nav-tabs.vertical-tab>li>a { display: block; margin: 0; border-radius: 0; border: 0 none !important; height: 60px; padding: 0; background: #fff; font-size: 18px; color: #313131; line-height: 60px; text-align: center;}
.nav-tabs.vertical-tab>li.active>a { border-left: solid 4px #c00b0b !important; color: #c00b0b;}
.nav-tabs.vertical-tab>li>a:hover { color: #c00b0b;}
.pdt-list { margin: 0 -5px 0 -5px; padding: 0; overflow: hidden;}
.pdt-list li { float: left; width: 33.3333%; margin-bottom: 30px; padding: 0 5px; list-style: none;}
.pdt-list li figure { position: relative;}
.pdt-list li figure img { width: 100%; height: auto;}
.pdt-list li figure p { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; margin: 0; padding: 0 10px; text-align: center; color: #fff; line-height: 50px; white-space: nowrap; text-overflow: ellipsis; background: #313131; opacity: 0.8; overflow: hidden;}
.pdt-list li a:hover p { background: #c00b0b; }
.section-products .link-more { float: right;}

.section-application { padding: 80px 0;}
.section-application h3 { margin:  0 0 80px 0; padding-left: 45px; font-size: 30px; color: #c00b0b; line-height: 1; position: relative;}
.section-application h3:before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 30px; height: 30px; background: #c00b0b;}
.section-application h3 small { position: absolute; left: 160px; top: 30px; padding-left: 32px; font-size: 18px; color: #4e0505; white-space: nowrap; text-transform: uppercase;}
.section-application h3 small:before { position: absolute; top: -5px; left: -12px; content: ""; display: block; width: 66px; height: 1px; background: #c00b0b; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.app-list { margin: 0; padding: 0;}
.app-list .card { float: left; width: 228px; list-style: none;}
.app-list .card a { display: block; position: relative;}
.app-list .card figure img { width: 100%; height: auto;}
.app-list .card h4 { position: absolute; top: 90px; left: 0; width: 100%; padding: 0 10px; font-size: 30px; color: #fff; z-index: 4; text-align: center; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.app-list .card h4 small {  display: block; margin-bottom: 10px; font-size: 18px; color: #fff; text-transform: uppercase;}
.app-list .card p { position: absolute; top: 200px; left: 0; width: 100%; text-align: center; font-size: 14px; color: #fff; padding: 0 20px; line-height: 1.4; z-index: 3; opacity: 0; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.app-list .link-more { position: absolute; bottom: -30px; left: 50%; margin-left: -42px; opacity: 0; z-index: 2; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.app-list .bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: #c00b0b; opacity: 0.8; z-index: 1; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.app-list .card a:hover h4 { top: 45px; }
.app-list .card a:hover p { top: 150px; opacity: 1; }
.app-list .card a:hover .link-more { bottom: 30px; opacity: 1; }
.app-list .card a:hover .bg { height: 100%; }

.section-news { padding: 80px 0;}
.section-news h3 { float: left; margin:  0; padding-left: 45px; font-size: 30px; color: #c00b0b; line-height: 1; position: relative;}
.section-news h3:before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 30px; height: 30px; background: #c00b0b;}
.section-news h3 small { position: absolute; left: 160px; top: 30px; padding-left: 32px; font-size: 18px; color: #4e0505; text-transform: uppercase; white-space: nowrap;}
.section-news h3 small:before { position: absolute; top: -5px; left: -12px; content: ""; display: block; width: 66px; height: 1px; background: #c00b0b; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.section-news .section-head { margin-bottom: 50px;}
.card .card-body { background: #f6f6f6; padding: 36px 36px 36px 120px; position: relative;}
.card .card-body .date { position: absolute; left: 36px; top: 36px; text-align: center; font-size: 16px; color: #444;}
.card .card-body .date strong { display: block; font-size: 24px; color: #212123; font-weight: normal;}
.card .card-body h4 { margin: 0 0 20px; font-size: 20px; line-height: 1; padding-right: 60px;}
.card .card-body h4 a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #212123;}
.card .card-body h4 a:hover { color: #c00b0b; text-decoration: none;}
.card .card-body p { margin: 0; font-size: 14px; color: #444; line-height: 1.5;}
.card .card-body .icon-arrow-go { position: absolute; top: 36px; right: 36px; color: #ccc;}
.link-list { float: right; margin: 0; padding: 0;}
.link-list li { float: left; margin-left: 20px; list-style: none;}
.link-list li a { display: block; height: 49px; padding: 0 20px; background: #f6f6f6; color: #c00b0b; font-size: 18px; line-height: 49px;}
.link-list li a:hover, .link-list li.active a  { background: #c00b0b; color: #fff; text-decoration: none;}
.news-list { margin: 0; padding: 0;}
.news-list li { list-style: none; padding: 20px 0; border-bottom: solid 1px #ccc; position: relative;}
.news-list li h4 { margin: 0 0 15px; font-size: 20px; line-height: 1; padding-right: 108px; position: relative;}
.news-list li h4 a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #212123;}
.news-list li h4 a:hover { color: #c00b0b; text-decoration: none;}
.news-list li .date { position: absolute; top: 0; right: 0; font-size: 20px; color: #212123;}
.news-list li p { margin: 0; padding-right: 108px; font-size: 16px; color: #444; line-height: 1.5;}
.news-list li .icon-arrow-go { position: absolute; bottom: 36px; right: 0; color: #ccc;}

.section-partner { padding: 80px 0; background: url(../images/bg-partner.jpg) no-repeat 50% 50%; background-size: cover;}
.section-partner h2 { margin-bottom: 50px; font-size: 36px; color: #c00b0b; text-align: center; line-height: 1; font-weight: normal;}
.section-partner h2 small { display: block; margin-top: 10px; font-size: 18px; color: #4e0505; text-transform: uppercase;}
.partner-carousel figure { width: 220px;}
.partner-carousel figure a { display: block;}
.partner-carousel figure img { width: 100%; height: auto;}
.section-partner .hover-scale { overflow: visible;}
.section-partner .hover-scale:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; background: #c00b0b; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 0 none !important; outline: none!important; }
.owl-carousel .owl-nav button.owl-prev { left: -70px;}
.owl-carousel .owl-nav button.owl-next { right: -70px;}
.owl-carousel .owl-nav button.owl-prev.disabled, .owl-carousel .owl-nav button.owl-next.disabled {background: #fff; color: #c1c1c1;}
.owl-carousel .owl-nav button.owl-prev:before { content: "\e67a"; font-family: "iconfont" !important;}
.owl-carousel .owl-nav button.owl-next:before { content: "\e678"; font-family: "iconfont" !important;}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span { display: none !important;}
.section-partner .owl-carousel .owl-stage-outer { padding: 20px 0;}

.sidebar { width: 240px; float: left; padding: 0; background: #f6f6f6;}
.sidebar .nav-list { margin: 30px 0 0; padding: 0 0 30px;}
.sidebar .nav-list>li { list-style: none; }
.sidebar .nav-list>li>a { display: block; font-size: 16px; color: #201d1d; line-height: 24px; padding: 13px 20px 13px 40px;}
.sidebar .nav-list>li.active>a, .sidebar .nav-list>li>a:hover  { color: #fff; background: #c00b0b; border-left: solid 4px #870808; text-decoration: none;}
.sidebar .nav-list>li .sub-nav { display: none;}
.sidebar .nav-list>li.active .sub-nav { display: block;}
.sidebar .nav-list>li .sub-nav { margin: 0; padding: 15px 20px 15px 40px; border-left: solid 4px #c00b0b; background: #eeeeee;}
.sidebar .nav-list>li .sub-nav li { list-style: square outside;}
.sidebar .nav-list>li .sub-nav li a { display: block; padding: 10px 0; font-size: 16px; line-height: 1.2; color: #201d1d;}
.sidebar .nav-list>li .sub-nav li.active, .sidebar .nav-list>li.active .sub-nav li:hover { color: #c00b0b;}
.sidebar .nav-list>li .sub-nav li.active a, .sidebar .nav-list>li.active .sub-nav li a:hover { color: #c00b0b; text-decoration: none;}
.sidebar .panel { margin: 0; padding-top: 30px; box-shadow: none;}
.sidebar .panel h3 { margin: 0 0 15px; padding-bottom: 10px; font-size: 18px; line-height: 2; color: #201d1d; border-bottom: solid 1px #ccc;}
.sidebar .panel ul { margin: 0; padding: 0;}
.sidebar .panel ul li { margin-bottom: 10px; list-style: none; color: #3c3c3c; font-size: 16px; line-height: 24px; position: relative; padding-left: 20px;}
.sidebar .panel ul li:before { content: ""; display: block; width: 10px; height: 10px; background: #ccc; position: absolute; top: 8px; left: 0;}
.sidebar .panel ul li a { color: #3c3c3c;}
.sidebar .panel ul li a:hover { color: #c00b0b;}

.section-bcn .container { position: relative;}
.section-bcn h3 { float: left; width: 240px; height: 100px; margin: -27px 0 0; font-size: 24px; line-height: 100px; text-align: center; color: #fff; background: #c00b0b; position: relative; z-index: 99;}
.bcn { padding-left: 280px; padding-top: 40px; font-size: 14px; color: #727272;}
.bcn .icon-location2 { color: #c00b0b; margin-right: 5px;}
.bcn a:hover { color: #c00b0b;}

.content { padding: 25px 0 100px 280px;}
.content.full-width { padding: 60px 0 100px 0;}
.content-head { margin-bottom: 40px; padding-bottom: 15px; border-bottom: solid 1px #ccc; text-align: center;}
.content-head h1 { margin: 0; font-size: 22px; line-height: 2; color: #c00b0b; font-weight: bold;}
.content-head .meta-info { padding: 10px 0; font-size: 14px; color: #707070;}
.content-head .meta-info span { padding: 0  15px;}
.btn-links { padding: 10px 0; text-align: center;}
.btn-links a { display: inline-block; text-align: center; margin: 0 8px; padding: 10px 25px; white-space: nowrap; background-color: #f6f6f6; font-size: 14px; line-height: 1.25; color: #c00b0b; border: 0 none;}
.btn-links a.active { background: #c00b0b; color: #fff;}
.btn-links a:hover { background-color: #c00b0b; color: #fff; text-decoration: none;}
.btn-links a.active:hover { background-color: #870808; }
.img-center { margin-bottom: 60px; text-align: center;}
.img-center figure { display: inline-block; padding: 20px; border: solid 1px #ccc;}
.img-center figure img { max-width: 100%; height: auto;}
.content-body h2 { color: #c00b0b; font-size: 20px; line-height: 2; margin: 0 0 20px;}
.content-body ol { margin: 0 0 40px; padding: 0;}
.content-body ol li { margin-bottom: 20px; font-size: 14px; line-height: 30px; color: #201d1d; list-style: decimal inside;}
.content-body table { width: 100%; max-width: 100%; margin-bottom: 20px;}
.content-body table>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9;}
.content-body table>tbody>tr:hover { background-color: #f5f5f5;}
.content-body table>tbody>tr>td { border: 0 none; padding: 10px 30px; border-right: solid 1px #fff; font-size: 14px; line-height: 30px; color: #201d1d;}
.article h3 { margin: 0 0 20px; font-size: 18px; line-height: 1.8; font-weight: bold; color: #c00b0b;}
.article p { margin: 0 0 20px; font-size: 14px; line-height: 2; color: #201d1d;}
.text-with-left-image { overflow: hidden;}
.text-with-left-image figure { float: left; margin: 0 40px 20px 0;}
.text-with-left-image figure img { max-width: 100%; height: auto;}

.text-list { margin: 0 0 60px; padding: 0; border-top: solid 1px #ccc;}
.text-list li { list-style: none; padding: 20px 30px; border-bottom: solid 1px #ccc; overflow: hidden;}
.text-list li .date { float: left; width: 80px; padding: 0; font-size: 36px; line-height: 1; color: #201d1d; text-align: center;}
.text-list li .date small { display: block; margin-top: 15px; padding-top: 15px; font-size: 18px; border-top: solid 1px #ccc;}
.text-list li .news-body { padding-left: 110px;}
.text-list li h4 { margin-bottom: 15px; font-size: 16px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.text-list li h4 a { color: #201d1d;}
.text-list li h4 a:hover { color: #c00b0b; text-decoration: none; font-weight: bold;}
.text-list li p { margin-bottom: 10px; font-size: 14px; color: #606060; line-height: 1.5; text-indent: 0;}
.text-list li figure { float: right; margin-left: 30px; max-width: 30%;}
.text-list li figure img { width: 100%; height: auto;}

.images-list { margin: 0 -4px; padding: 0; overflow: hidden;}
.images-list li { float: left; width: 33.3333%; list-style: none; margin-bottom: 30px; padding: 0 4px;}
.images-list li .img-box { padding: 9px; border: solid 1px #ccc;}
.images-list li .img-box figure a { display: block;}
.images-list li .img-box figure img { width: 100%; height: auto;}
.images-list li p { margin: 0; padding: 0 15px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.images-list li p a { color: #201d1d; line-height: 40px;}
.images-list li p a:hover { color: #c00b0b; text-decoration: none;}

.page-navigation { margin-top: 30px; text-align: center;}
.page-navigation ul { display: inline-block; margin: 0; padding: 0;}
.page-navigation ul li { display: inline-block; margin: 0 5px;}
.page-navigation ul li a { display: block; height: 40px; padding: 0 15px; font-size: 16px; color: #201d1d; line-height: 40px; border: solid 1px #ccc;}
.page-navigation ul li.active a, .page-navigation ul li a:hover, .page-navigation ul li span.active { color: #c00b0b; border: solid 1px #c00b0b; text-decoration: none; background: none;}
.page-navigation ul li.disabled a, .page-navigation ul li.disabled a:hover { color: #ccc; border: solid 1px #ccc; cursor: default;}
.page-navigation ul li span { display: block; height: 40px; padding: 0 15px; font-size: 16px; color: #201d1d; line-height: 40px; background: #f6f6f6;}

form .row { overflow: hidden;}
form .form-group { margin-bottom: 30px;}
form .form-group label { margin-bottom: 15px; line-height: 1; font-size: 16px; color: #201d1d; font-weight: normal;}
form .form-group .form-control { height: 50px; padding: 12px 18px; border: solid 1px #ccc; border-radius: 0; font-size: 16px; color: #201d1d;}
form .form-group .form-control.error { border: solid 1px #c00b0b;}
form .form-group textarea.form-control { height: 200px; }
form .btn-submit { padding: 15px 60px;}

.other-news-link a { display: block; margin-bottom: 10px;}

.search { display: none;}

@media (max-width: 1440px) {
    .text-list li figure {margin-left: 20px;max-width: 30%;}
}

@media (max-width: 1199px) {
    .header-nav nav>ul>li { margin-right: 8px;}
    .text-list li { padding: 20px;}
    .text-list li figure { margin-left: 20px; max-width: 30%;}
    .text-list li .news-body { padding-left: 100px;}
}

@media (max-width: 991px) {
    .header-top .logo { margin-right: 20px;}
    .top-menu ul li.lang { margin-left: 20px;}
    .header-nav nav>ul { margin: 0 -10px 0 -10px;}
    .header-nav nav>ul>li { margin-right: 5px;}
    .header-nav nav>ul>li>a { padding: 0 10px; font-size: 18px;}
    .footer-top .about { width: 55%;}
    .footer-top nav.footer-nav1 { width: 25%;}
    .footer-top nav.footer-nav2 { display: none;}
    .footer-top nav.footer-nav3 { display: none;}
    .footer-top .follow-us { width: 20%;}
    .section-news h3 { float: none; margin-bottom: 50px;}
    .link-list { float: none;}
    .link-list li { margin-right: 20px; margin-left: 0;}

    .section-about-us p { margin-bottom: 30px; font-size: 16px; line-height: 2;}
    .section-about-us .btn-red { width: 180px; display: block; margin: 0 auto 40px;}
    .section-about-us .btn-red.block { width:100%;}

    .section-products .btn-red { display: none;}
    .nav-tabs.vertical-tab { margin: 10px -2px 30px; overflow: hidden;}
    .nav-tabs.vertical-tab>li { float: left; width: 25%; margin: 0; padding: 2px;}

    .text-list li .date { width: auto; display: block; float: none; font-size: 16px; text-align: left;}
    .text-list li .date small { float: left; font-size: 16px; border-top: 0 none; margin: 0; padding: 0;}
    .text-list li .date small:after { content: "-";}
    .text-list li .news-body { padding-left: 0;}

    .images-list li { width: 50%; margin-bottom: 20px;}

    .page-navigation ul li { margin: 0 0 5px;}
    .page-navigation ul li a { height: 30px; font-size: 14px; line-height: 30px; padding: 0 10px;}
    .page-navigation ul li span { height: 30px; font-size: 14px; line-height: 30px; padding: 0 10px;}
}

@media (max-width: 767px) {
    .header-top, .header-top .container { height: 45px;}
    .header-top .logo { margin: 9px 0 0;}
    .header-top .logo img  { width: 96px; height: auto;}
    .header-top .btn-menu .icon-menu { font-size: 24px;}
    .header-top .btn-menu { display: block;}
    .header-nav, .header-top .slogan, .top-menu ul li, .top-menu ul li.lang span, .header-top .contact { display: none;}
    .top-menu ul li.lang { display: block; padding: 3px 50px 0 0;}
    .sticky-bar, .sticky-content, .back-top { display: none;}
    .btn-red { display: block; margin: 0 auto; padding: 0 20px; width: 150px; height: 30px; line-height: 30px; font-size: 12px;}
    .link-more { display: block; margin: 0 auto; padding: 0 20px; width: 150px; height: 30px; background: #fff; border: solid 1px #c00b0b; font-size: 12px; line-height: 30px; text-align: center;}
    .link-more:before {display: none !important;}
    .link-more.white { color: #c00b0b;}
    .link-more.white:hover, .link-more:hover { color: #870808; text-decoration: none;}

    .header-nav { display: block; height: auto; bottom: 100%; overflow: hidden; position: absolute; top: 45px; left: 0; z-index: 999; width: 100%; background: url(../images/overlay.png) repeat 0 0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;}
    .header-nav.animate { bottom: 0;}
    .header-nav .container { padding: 0;}
    .header-nav nav { float: right; width: 240px; background: #c00b0b;}
    .header-nav nav>ul { margin: 0;}
    .header-nav nav>ul>li { float: none; margin: 0;}
    .header-nav nav>ul>li>a { font-size: 14px; line-height: 40px; padding: 0 20px;}
    .header-nav .sub-nav { position: static; background: #870808;}
    .header-nav .sub-nav>li>a { background: #870808; font-size: 14px; padding: 0 20px 0 40px; height: 40px; line-height: 40px;}
    .header-nav .sub-nav>li>a:hover { background: #fff; color: #c00b0b; }
    .header-nav .sub-nav>li:last-child { margin-bottom: 0;}
    .header-nav .has-sub-nav { position: relative;}
    .header-nav .has-sub-nav:after { content: "\e634"; font-family: "iconfont" !important; font-size: 16px;font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 20px;}
    .header-nav .has-sub-nav:hover:after { content: "\e635";}

    .footer-top { padding: 30px 0; position: relative;}
    .footer-top .about { padding: 0 110px 10px 0; margin-bottom: 20px; border-bottom: solid 1px #fff;}
    .footer-top .about .logo { margin-bottom: 10px;}
    .footer-top .about .logo img { width: 108px; height: auto;}
    .footer-top .about { float: none; width: 100%;}
    .footer-top nav.footer-nav1 { float: none; width: 100%;}
    .footer-top .follow-us { position: absolute; top: 97px; right: 15px; float: none; width: 100px;}
    .footer-top .about dl { font-size: 14px;}
    .footer-top .about dd { margin-bottom: 10px;}
    .footer-top nav { padding: 0; border-left: 0 none;}
    .footer-top nav h4 { font-size: 16px;}
    .footer-top nav h4 small { margin-top: 5px; font-size: 12px;}
    .footer-top nav ul { float: none; overflow: hidden;}
    .footer-top nav ul li { float: left; margin: 0 10px 0 0; }
    .footer-top nav ul li a { font-size: 12px;}
    .footer-bottom { padding: 15px 0;}
    .footer-bottom p { font-size: 12px;}

    .section-about-us { padding: 40px 0;}
    .section-about-us h2, .section-partner h2 { margin: 0 0 20px; font-size: 20px;}
    .section-about-us h2 small, .section-partner h2 small { margin-top: 5px; font-size: 12px;}
    .section-about-us p { height: 72px; overflow: hidden; margin-bottom: 20px; font-size: 12px; text-indent: 24px;}
    .section-about-us .col-md-4 { position: relative; margin-top: 30px; padding-left: 10px; padding-bottom: 55px;}
    .section-about-us .btn-red.block { position: absolute; top: 0; left: 15px; bottom: 55px; width: 30px; padding: 20px 6px; height: auto; margin: 0; white-space: normal; line-height: 1.4; display: flex; justify-content: center; align-items: center; display:none;}
    .section-about-us .link-more { position: absolute; bottom: 0; left: 50%; margin-left: -75px;}
	.com-list li figure { height: 60px; overflow: hidden;}
    .com-list li figure p { margin: -12px 0; font-weight: bold;}

    .section-products { padding: 40px 0;}
    .section-products .btn-red { display: none;}
    .nav-tabs.vertical-tab { margin: 10px -2px 15px; overflow: hidden;}
    .nav-tabs.vertical-tab>li { float: left; width: 25%; margin: 0; padding: 2px; height: 30px;}
    .nav-tabs.vertical-tab>li>a { height: 30px; font-size: 12px; line-height: 30px;}
    .pdt-list { margin: 0 -4px 0 -4px;}
    .pdt-list li { margin-bottom: 15px; padding: 0 4px;}
    .pdt-list li figure p { height: 25px; line-height: 25px; font-size: 12px;}
    .section-products .link-more { margin-top: 5px; float: none;}
    .section-products h3, .section-application h3, .section-news h3 { margin: 0 0 25px; padding-left: 25px; font-size: 18px;}
    .section-products h3:before, .section-application h3:before, .section-news h3:before { width: 18px; height: 18px;}
    .section-products h3 small, .section-application h3 small, .section-news h3 small { left: 95px; top: 15px; padding-left: 18px; font-size: 14px;}
    .section-products h3 small:before, .section-application h3 small:before, .section-news h3 small:before { width: 33px; top: 0; left: -6px;}

    .section-application { padding: 40px 0;}
    .app-list .card h4 { font-size: 18px;}
    .app-list .card h4 small { margin-bottom: 5px; font-size: 14px;}
    .app-list .card p { font-size: 12px;}
    .app-list .link-more { width: 100px; margin-left: -50px;}
    .section-news { padding: 20px 0 40px;}
    .section-application h3, .section-news h3 { margin-bottom: 40px;}
    .section-news .section-head { margin-bottom: 25px;}
    .link-list { text-align: center;}
    .link-list li { float: none; display: inline-block; margin: 0 5px;}
    .link-list li a { height: 30px; padding: 0 10px; font-size: 12px; line-height: 30px;}
    .section-news .card { display: none;}
    .card .card-body { padding: 18px 18px 18px 70px;}
    .card .card-body .date { left: 18px; top: 18px; font-size: 12px;}
    .card .card-body .date strong { font-size: 16px;}
    .card .card-body h4 { margin: 0 0 10px; font-size: 18px; padding-right: 40px;}
    .card .card-body p { font-size: 12px;}
    .card .card-body .icon-arrow-go { top: 18px; right: 18px;}
    .news-list li { padding: 15px 0;}
    .news-list li h4 { margin: 0 0 10px; font-size: 16px; padding-right: 60px;}
    .news-list li .date { font-size: 12px;}
    .news-list li p { font-size: 12px; padding-right: 60px;}
    .news-list li .icon-arrow-go { bottom: 18px;}
    .section-partner { padding: 40px 0;}

    .section-bcn h3 { width: 150px; height: 50px; line-height: 50px; margin-top: -12px; font-size: 18px;}
    .bcn { padding-top: 10px; padding-left: 170px; font-size: 12px;}
    .sidebar { width: 150px;}
    .content { padding: 30px 0 30px 170px;}
    .bcn .icon-location2 {font-size: 12px;}
    .sidebar .nav-list { margin: 20px 0 0; padding: 0 0 20px;}
    .sidebar .nav-list>li>a { padding: 10px 20px; font-size: 14px; line-height: 20px;}
    .sidebar .nav-list>li .sub-nav { padding: 10px 0 10px 30px;}
    .sidebar .nav-list>li .sub-nav li a { font-size: 14px;}
    .sidebar .panel h3 { font-size: 16px;}
    .sidebar .panel ul li { font-size: 12px; line-height: 20px; padding-left: 10px;}
    .sidebar .panel ul li:before { width: 5px; height: 5px;}

    .content-head { margin-bottom: 30px;}
    .content-head h1 { font-size: 18px;}
    .content-head .meta-info { font-size: 12px;}
    .img-center { margin-bottom: 30px;}
    .img-center figure { padding: 10px;}
    .content-body h2 { margin: 0 0 10px; font-size: 18px;}

    .content.full-width { padding: 30px 0 50px;}
    .content-body ol { margin: 0 0 20px;}
    .content-body ol li { margin-bottom: 10px; font-size: 12px; line-height: 20px;}
    .content-body table>tbody>tr>td { font-size: 12px; line-height: 20px; padding: 10px 20px;}
    .article h3 { font-size: 16px; margin: 0 0 10px;}
    .article p { margin: 0 0 10px; font-size: 12px;}
    .text-with-left-image figure { margin: 0 20px 10px 0; width: 30%;}
    .text-list { margin: 0 0 30px;}
    .text-list .link-more { margin: 0;}
    .text-list li figure { max-width: 100%; margin: 15px 0; float: none;}

    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { width: 40px; height: 40px; margin-top: -20px;}
    .owl-carousel .owl-nav button.owl-prev { left: -15px;}
    .owl-carousel .owl-nav button.owl-next { right: -15px;}
}

@media (max-width: 480px) {
    .section-bcn h3 { display: none;}
    .bcn { display: none; padding: 10px 0;}
    .sidebar { float: none; width: 100%; display: none;}
    .sidebar .panel { padding-top: 20px;}
    .content { padding: 20px 0;}
    .app-list .card { width: auto;}
    .app-list .card a:hover p { top: 110px;}
    .text-list li figure { display: none;}
    html, body { height: 100%;}
    .main { min-height: 100%; margin-bottom: -100px; padding-bottom: 100px;}
    .search { display: block;}
    .search .search-form { height: 44px; margin-bottom: 20px; border: solid 1px #c00b0b; position: relative; padding-right:60px;}
    .search .search-form input { width: 100%; height: 42px;  padding: 0 0 0 10px; border: 0 none; color: #201d1d; outline: none;}
    .search .search-form button { position: absolute; top: 0; right: 0; width: 60px; height: 42px; border: 0 none; background: none; color: #c00b0b; outline: none;}
    .search .search-form button:hover { background: #c00b0b; color: #fff; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;}
    .search .nav-list { margin: 0 0 20px; padding: 0;}
    .search .nav-list:after { display: table; content: " "; clear: both;}
    .search .nav-list>li { float: left; margin-right: 5px; list-style: none; position: relative;}
    .search .nav-list>li>a { display: block; height: 30px; padding: 0 10px; background: #f6f6f6; color: #c00b0b; font-size: 12px;
        line-height: 30px; text-decoration: none!important;}
    .search .nav-list>li.active>a, .search .nav-list>li>a:hover { background: #c00b0b; color: #fff; text-decoration: none;}
    .search .nav-list>li .sub-nav { margin: 0; padding: 10px 0; position: absolute; left: 0; top: 100%; background: #f6f6f6; min-width: 100%; box-shadow: 0 0 4px rgba(0,0,0,0.1); display: none;}
    .search .nav-list>li>a:hover .sub-nav { display: block;}
    .search .nav-list>li .sub-nav li { padding: 0 15px; list-style: square inside; color: #333; white-space: nowrap;}
    .search .nav-list>li .sub-nav li:hover { color: #c00b0b;}
    .search .nav-list>li .sub-nav li a { font-size: 12px; color: #333; line-height: 30px; white-space: nowrap;}
    .search .nav-list>li .sub-nav li.active a, .search .nav-list>li .sub-nav li a:hover  { color: #c00b0b; text-decoration: none;}
}

@media (max-height: 768px) {
    .back-top { bottom: 20px;}
    .sticky-bar, .sticky-content { bottom: 100px;}
}