*{padding: 0;margin: 0}a{transition: all ease .3s;color: #333}a:hover,a:focus{text-decoration: none;color: #000}
body{font-size: 15px;line-height: 1.6;color: #333;font-family: 'Roboto', sans-serif}
input:focus,textarea:focus,input:visited,textarea:visited{outline: none}textarea{resize: none}
section.container{background-color: #fff}
.pn-wrapper img{max-width: 100%;height: auto}
.pn-top{background-color: #333436}
.pn-hot-news{float: left;max-width: 50%;margin: 9px 0;position: relative;padding-left: 70px;height: 18px;overflow: hidden;}
.pn-hot-news > span{color: #fff;float: left;font-size: 13px;line-height: 18px;position: absolute;left: 0}
.pn-hot-news > span:before{font-family: "FontAwesome";content: "\f0ac";float: left;margin-right: 5px;color: #848586}
.pn-hot-news a{display: block;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left: 5px;font-size: 13px;line-height: 18px}
.pn-hot-news .owl-carousel .owl-item{height: 18px}
header{margin-bottom: 20px}
.pn-logo{display: table;float: left}
.pn-logo a{display: table-cell;height: 60px;vertical-align: middle}
.pn-logo img{max-width: 100%;max-height: 100%}
.pn-wrapper-menu{background-color: #cb1a1a}
.pn-wrapper-menu ul{margin-bottom: 0;list-style: none}
.pn-menu li{position: relative}
.pn-menu li a{padding: 15px;display: block}
.pn-menu li a:hover{text-decoration: none}
.pn-search{width: 210px;float: right;position: relative;height: 22px;margin: 7px 0;border-bottom: 1px solid #464647;padding-right: 22px}
.pn-search input{ width: 100%; height: 22px; color: rgba(153,153,153,1.0); border: none;background-color: transparent;font-size: 13px}
.pn-search button{ position: absolute; right: 0; height: 22px; background-color: transparent; border: none; width: 22px; color: #cb1a1a; }
.pn-item{margin-bottom: 10px;position: relative;border-bottom: 1px solid #e1e1e1;padding-bottom: 10px}
.pn-image{display: block;overflow: hidden;position: relative;text-align: center}
.pn-image img{max-width: 100%}
.pn-name{display: block;font-weight: bold;color: #000;font-size: 14px;line-height: 19px;margin-bottom: 5px}
.pn-name:hover{color: #cb1a1a}
.pn-name-category{color: #d81c1c; font-size: 13px; line-height: 18px;display: inline-block;margin-bottom: 5px}
.pn-date{color: rgba(153,153,153,1.0);font-size: 13px;line-height: 18px;margin-bottom: 0}
.pn-item .pn-image{float: left;width: 145px;margin-right: 10px;}
.pn-item .pn-name + p{color: #777;font-size: 12px;line-height: 17px;margin-bottom: 0;}
.pn-title{margin: 0 0 20px 0;border-bottom: 4px solid #d81c1c;color: #333436;font-weight: bold;font-size: 19px;line-height: 24px;padding-bottom: 7px}
.pn-title a{display: inline-block;font-size: 19px;line-height: 24px}
.pn-sidebar,.pn-list-career{position: sticky;top: 80px;}
.pn-sidebar .pn-item .pn-name{font-size: 13px;line-height: 18px}
.pn-sidebar .pn-wrapper-item .pn-item:nth-child(4n) .pn-image,.pn-sidebar .pn-wrapper-item .pn-item:nth-child(5n) .pn-image{display: none}
.pn-sidebar .pn-wrapper-item .pn-item:nth-child(4n) .pn-name-category,.pn-sidebar .pn-wrapper-item .pn-item:nth-child(5n) .pn-name-category{background-color: #d81c1c;color: #fff;padding: 6px 10px 4px 10px}
footer{background-color: #333436;padding-top: 30px;color: #868991;margin-top: 30px}
footer .row [class*='col-']{margin-bottom: 30px}
footer form .row [class*='col-']{margin-bottom: 0}
footer a:hover{text-decoration: none}
footer .pn-pagelink{margin-bottom: 0}
footer .pn-pagelink li{list-style: none;margin-bottom: 10px}
footer .pn-pagelink li a{display: inline-block;color: rgba(153,153,153,1.0);font-size: 14px;line-height: 19px}
footer .pn-pagelink li a:hover{color: rgba(255,255,255,1.0)}
footer form{padding-right: 20px;border-right: 1px solid #48494a;}
footer form .form-control{margin-bottom:10px;border: none; border-radius: 0;outline: none;box-shadow: none;color: #868991}
footer form .row{margin: 0 -5px}
footer form .row [class*='col-']{padding: 0 5px}
footer form .form-control:focus{box-shadow: none;}
footer form button{background-color: #d81c1c;color: #fff;border: none;font-size: 14px;line-height: 18px;padding: 8px 15px 6px 15px;float: right;margin:15px -21px 0 0}
.captcha-field{background-color: #fff;position: relative;padding-right: 115px}
.captcha-field .form-control{background-color: transparent;margin-bottom: 0;padding-right: 0;}
.captcha-field span{position: absolute;right: 0;top: 3px}
.pn-title-ft{ font-size: 17px; font-weight: 700; line-height: 22px; margin: 0 0 20px 0; color: #fff; }
.pn-copyright{border-top: 1px solid #48494a}
.pn-copyright p{margin-bottom: 0;font-size: 14px;line-height: 20px;display: inline-block;padding: 10px 0}
.pn-gotop{width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 25px;background-color: #000;color: #fff;position: fixed;right: 15px;bottom: 15px;display: none;border-radius: 5px}
.pn-gotop:hover,.pn-gotop:focus{color: #fff;background-color: #d81c1c}
.pn-breadcrumb{margin-bottom: 20px;font-size: 14px;line-height: 19px}
.pn-breadcrumb a{font-size: 14px;line-height: 19px}
.pagination{margin: 20px 0 0 0}
.pagination>li>a, .pagination>li>span{margin: 0 5px 0 0;color: #333;border-color: transparent;background-color: #eee;border-radius: 100%}
.pagination>li:first-child>a, .pagination>li:first-child>span,.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 100%}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: #cb1a1a;border-color: #cb1a1a}
.breadcrumbs{margin-top: -10px;font-size: 13px;margin-bottom: 15px;}
@media only screen and (min-width: 1300px){
    .container{width: 1200px}
}
@media only screen and (min-width: 992px){
    header.fixed .pn-wrapper-menu{z-index: 100;top: 0;position: fixed;width: 100%}
    .pn-wrapper-menu{transition: top ease .3s}
    .pn-menu{float: right}
    .pn-menu > li{float: left}
    .pn-menu > li{border-right: 1px solid #e43535}
    .pn-menu > li:first-child{border-left: 1px solid #e43535}
    .pn-menu > li > a{color: #fff;font-size: 16px;line-height: 21px;padding: 20px 15px 19px 15px}
    .pn-menu > li.active > a,.pn-menu > li:hover > a{background-color: #bb0808}
    .pn-menu > li.pn-dropdown > a:after{font-family: "FontAwesome";content: "\f107";margin-left: 5px}
    .pn-menu li > .fa{display: none}
    .pn-menu li ul{position: absolute;left: 0;top: 100%;width: 230px;transition: all ease .3s;transform: scaleY(0);transform-origin: top;background-color: #cb1a1a;z-index: 100;box-shadow: 0 10px 30px 0 rgba(45,45,45,.2)}
    .pn-menu li ul li:hover > a{color: #fff;background-color: #bb0808;}
    .pn-menu li ul li{border-top: 1px solid rgba(255,255,255,0.1)}
    .pn-menu li ul li a{color: #fff;padding: 10px 15px;font-size: 13px;line-height: 18px}
    .pn-menu li:hover > ul{transform: scaleY(1)}
    .pn-menu li ul li ul{transform: scaleX(0);transform-origin: left;top: 0;left: 100%}
    .pn-menu li ul li:hover > ul{transform: scaleX(1)}
    .pn-icon-menu{display: none}
}
@media only screen and (max-width: 991px){
    .container{width: 100%}
    .pn-header{padding: 15px}
    .pn-wrapper-menu{position: relative}
    .pn-wrapper-menu .pn-menu{position: absolute;width: 100%;left: 0;z-index: 100;top: 100%;background-color: #961818;display: none}
    .pn-menu li .fa{position: absolute;right: 0;top: 0;cursor: pointer}
    .pn-menu li{border-bottom: 1px solid #b12727}
    .pn-menu li:last-child{border-bottom: 0}
    .pn-menu li a{font-size: 14px;line-height: 19px;color: #fff;padding: 10px 15px}
    .pn-menu li ul{display: none;background-color: #840707}
    .pn-menu li ul li ul{background-color: #cb1a1a}
    .pn-menu li.ShowChild > ul{display: block}
    .pn-menu li.pn-dropdown{padding-right: 39px}
    .pn-menu li.pn-dropdown ul{margin-right: -39px}
    .pn-menu li .fa{width: 39px;height: 39px;text-align: center;line-height: 39px;cursor: pointer;color: #fff}
    .pn-icon-menu{width: 40px;height: 25px;border: none;background-color: transparent;margin: 17.5px 0;float: right}
    .pn-icon-menu:focus{outline: none}
    .pn-icon-menu span{width: 40px;height: 2px;background-color: #fff;display: block;margin-bottom: 8px}
    .pn-icon-menu span:last-child{margin-bottom: 0}
}
@media only screen and (max-width: 570px){
    .pn-hot-news{display: none}
    .pn-search{width: 100%}
    .pagination>li>a, .pagination>li>span{padding: 3px 9px;}
}
@media only screen and (max-width: 370px){
    .pn-wrapper-search > span{background-color: #000}
}