@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
    font-family: 'Roboto', sans-serif;
    font-size:16px;
    color:#515151;
}
b, strong {
    font-family: sans-serif;
}
.h_top {
    background-color:#005d92;
    height:40px;
    line-height:40px;
    color:#fff;
}
a:hover, a:active, a:focus {
    text-decoration:none;
}
header {
    background-color:#0182CD;
}
.logo {
    padding-top:10px;
}
nav > ul {
    float:right;
    margin-bottom:0;
}
nav > ul > li {
    padding-top:30px;
    padding-bottom:30px;
    float:left;
    list-style:none;
    padding-left:25px;
}
nav > ul > li > a {
    font-size:15px;
    color:#fff;
    text-transform:uppercase;
}
header ul li a:hover, header ul li a:focus {
    color:#ffd800 !important;
}
.dropdown-menu > li > a {
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:dashed 1px #e2e2e2;
}
.dropdown-menu > li > a:hover {
    color:#0182CD !important;
}
.dropdown-menu > li:last-child > a {
    border-bottom:none;
}
.home4-hero-area {
    margin-bottom:20px;
}
.bg-index
{
    padding: 50px 0 60px 0;
    background-image: url(../upload/icon/services.png);
    background-repeat: no-repeat;
    background-position: 50% -35px;
    position:relative;
}
.bg-title
{
    top:30px;
    background-image: url(../upload/icon/theme-icon.png);
    background-size: contain;
    height: 80px;
    width: 100px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    background-position: center center;
    background-repeat: no-repeat;
}
.bg-index h1, .bg-sp h2{
    letter-spacing: .01em;
    color: #0182cd;
    margin: 0;
    font-size: 27px;
    text-transform: uppercase;
    text-align:center;
    font-weight:600;
    margin-bottom:10px;
}
.bg-index p, .bg-sp p {
    text-align:center;
    color:#515151;
    margin-bottom:40px;
}
.bg-white {
    background-color:#fff !important;
}
.index-img img {
    margin-left:auto;
    margin-right:auto;
}
.index-name {
    text-align:center;
    padding-top:15px;
    text-transform: uppercase;
    height:60px;
}
.index-name a {
    color:#515151;
    font-weight:bold;
}
.index-name a:hover {
    color:#0182CD !important;
}
.bg-sp
{
    padding: 50px 0 60px 0;
    background-color:#fafafa;
    position:relative;
}
.bg-sp ul {
    display:table;
    margin-left:auto;
    margin-right:auto;
    padding-left:0;
}
.bg-sp ul li {
    float:left;
    list-style:none;
    border:solid 2px #0182CD;
    padding:5px 20px;
    border-radius:25px;
    margin-left:10px;
    margin-right:10px;
}
.bg-sp ul li:hover {
    background-color:#0182CD;
}
.bg-sp ul li:hover a {
    color:#fff;
}
.i-product {
    margin-top:30px;
}
.col-md-25 {
    width:25%;
    float:left;
    padding-left:10px;
    padding-right:10px;
}
.index-img {
    margin-bottom:10px;
}
.col-pro {
    background-color:#fff;
    padding:20px;
    margin-bottom:20px;
}
.price {
    text-align:center;
    height:35px;
    line-height:20px;
    font-weight:bold;
    color:#d00303;
    font-size:14px;
    clear:both;
}
.rate {
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    color:#ffba00;
}
.rate i{
    margin-right:2px;
}
.bg-news {
    padding:50px 0 60px 0;
    position:relative;
    background-color:#fafafa;
}
.bg-news h3{
    letter-spacing: .01em;
    color: #0182cd;
    margin: 0;
    font-size: 27px;
    text-transform: uppercase;
    text-align:center;
    font-weight:600;
    margin-bottom:10px;    
}
.bg-news p {
    text-align:center;
    color:#515151;
    margin-bottom:40px;
}
.col-news {
    border:solid 1px #e2e2e2;
    padding:10px;
    margin-bottom:20px;
}
.col-news:nth-child(1) {
    width:calc(50% - 10px);
}
.col-news:nth-child(2),.col-news:nth-child(4) {
    width:calc(50% - 10px);
    float:right;
}
.col-news:nth-child(3) {
    clear:both;
    width:calc(50% - 10px);
}
.col-news:nth-child(1) .news-img, .col-news:nth-child(2) .news-img {
    width:calc(50% - 15px);
    float:left;
    margin-right:15px;
}
.col-news:nth-child(3) .news-img, .col-news:nth-child(4) .news-img {
    width:calc(50% - 15px);
    float:right;
    margin-left:15px;
}
.news-content {
    width:50%;
    float:left;
    color:#6d6d6d;
    line-height:1.6em;
    position:relative;
}
.news-content .news-name {
    margin-bottom:10px;
}
.news-content .news-name a {
    color:#515151;
    font-weight:bold;
    font-size:16px;
}
.news-img a {
    display:block;
    position:relative;
}
.news-img a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(1, 130, 205, 0.5);
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.col-news:hover a {
    color:#0182CD !important;
}
.col-news:hover .news-img a:before {
    opacity: 0.7;
}
.col-news:nth-child(1) .news-content:before, .col-news:nth-child(2) .news-content:before {
    content: '';
    display: block;
    position: absolute;
    left: -25px;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    opacity: 0;
    background-color: rgba(1, 130, 205, 0.5);
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.col-news:nth-child(1):hover .news-content:before,.col-news:nth-child(2):hover .news-content:before,.col-news:nth-child(3):hover .news-content:before,.col-news:nth-child(4):hover .news-content:before {
    opacity:1;
    z-index:999;
}
.col-news:nth-child(3) .news-content:before, .col-news:nth-child(4) .news-content:before {
    content: '';
    display: block;
    position: absolute;
    right: -25px;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    opacity: 0;
    background-color: rgba(1, 130, 205, 0.5);
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}


footer {
    background:url(../upload/icon/footer7.png) center bottom no-repeat;
    background-color:#eff7fb;
    padding-bottom:150px;
    padding-top:60px;
    color:#515151;
}
footer .sub-footer {
    
    line-height:50px;
    color:#515151;
    height:50px;
    overflow:hidden;
}
footer .sub-footer p {
    margin-bottom:0;
}
footer a {
    color:#515151;
}
footer ul {
    margin:0;
    padding:0;
}
footer li {
    list-style:none;
    line-height:25px;
}
.f_title {
    font-size:16px;
    text-transform:uppercase;
    font-weight:bold;
    margin-bottom:15px;
}
.ft_hotline {
    background-color: #005d92;
    position: fixed;
    bottom: 40px;
    height: 40px;
    line-height: 37px;
    padding: 0 0px 0 0px;
    border-radius: 40px;
    color: #fff;
    left: 20px;
    z-index: 99999;
    border: solid 2px #fff;
}
.ft_hotline a {
    display: block;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    padding-left: 18px;    
}
.ft_hotline i {
    font-size: 20px;
    line-height: 32px;
    background: #ffffff;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    text-align: center;
    float: right;
    border: solid 3px #0182cd;
    margin-left: 12px;
    color: #0182cd;
    -webkit-animation-name: opacity;
      -webkit-animation-duration: 3s;
      -webkit-animation-iteration-count: infinite;
      animation-name: opacity;
      animation-duration: 2s;
      animation-iteration-count: infinite;
}
@keyframes opacity {
  0%, 100% {background-color:#fff;}
  50% {background-color:#ffd800;}
}
.f_news {
    clear:both;
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:dashed 1px #e2e2e2;
    width:100%;
    display:table;
    position:relative;
}
.f_left {
    width:calc( 25% - 10px );
    margin-right:10px;
    float:left;
}
.f_right {
    width:75%;
    float:left;
}
.breadcrumb {
    padding:12px 15px;
}
.breadcrumb ul {
    margin:0;
    padding:0;
}
.breadcrumb li{
    float:left;
    list-style:none;
}
.breadcrumb li:after {
    content: '/';
    padding-left: 5px;
    padding-right: 5px;
    color: #bdbdbd;
}
.breadcrumb li:last-child:after {
    display:none;
}
.page-content {
    padding-top:30px;
    line-height:1.6em;
    padding-bottom:60px;
}
.page-content p {
    margin-bottom:20px;
}
.page-content h1, .page-content h2, .page-content h3, .page-content h4
{
    font-size:20px;
}
.page-content img {
    max-width:100%;
    height:auto !important;
}
.title-section .title {
    margin-bottom: 13px;
}
.title-section .sub-title {
    font-size: 16px;
    color: #777;
    line-height: 30px;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:30px;
}
.iconbox.style2 {
    height: 225px;
    padding: 40px 30px 10px;
    margin-bottom: 0;
}
.iconbox .box-header i {
    font-size: 60px;
    font-weight:400;
    color:#0182cd;
    height:60px; line-height:60px;
    margin-bottom:10px;
}
.iconbox {
    color: #222;
    padding: 61px 30px 57px;
    margin-bottom: 30px;
    border: 1px solid #c7eaff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.iconbox .box-content .box-title {
    font-size: 20px;
    margin-bottom: 15px;
    color:#0182CD;
}
.iconbox.style2 ul {
    margin: 0;
    padding: 0;
}
.iconbox.style2 ul li {
    list-style: none;
    color: #737373;
}
.maps {
    clear:both;
    margin-top:30px;
}
.maps iframe {
    width:100%;
}
.widget.widget_categories {
    margin-bottom: 50px;
}
.widget .widget-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
}
.widget a {
    color:#333333;
    position:relative;
}
.widget .widget-title::before {
    content: '';
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background-color: #0182cd;
    position: absolute;
}
.widget ul {
    margin:0;
    padding:0;
}
.widget li {
    list-style:none;
    position:relative;
    border-bottom: 1px solid #ebebeb;
    padding: 12px 0px 13px 16px;
}
.widget.widget_categories ul li:before {
    position: absolute;
    left: 0;
    top: 12px;
    content: "\f0da";
    font-family: "FontAwesome";
}
.widget.widget_listing ul li {
    padding-bottom:10px;
    margin-bottom:10px;
    display:table;
    padding-left:0;
    padding-right:0;
    width:100%;
}
.widget.widget_listing ul li .featured img {
    height:100%;
    object-fit:cover;
}
.widget.widget_listing ul li .featured {
    float: left;
    margin-right: 20px;
    width:70px;
    height:100%;
    margin-right:10px;
}
.widget.widget_listing ul li .info-listing {
    width:calc(100% - 80px);
    float:right;
}
.widget.widget_listing ul li .info-listing h3 {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    margin-top:0;
}
.widget.widget_listing i {
    color: #ffaa30;
    font-size:13px;
}
.widget.widget_listing .price {
    text-align:left;
    clear:none;
}
.share {
    clear: both;
    margin-top: 30px;
    height: 40px;
    line-height: 40px;
    border: dashed 1px #dadada;
    padding-left: 15px;
    color: #515151;
}
.item_news {
    width:100%;
    display:table;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:dashed 1px #e2e2e2;
}
.item_news .col-sm-3 {
    padding-left:0;
}
.item_news .item-name {
    margin-bottom:5px;
    text-transform:uppercase;
    line-height:25px;
    position:relative;
}
.item_news .item-name a{
    color:#515151;
    font-weight:bold;
    font-family:Arial;
}
.item_news:hover a {
    color:#0182CD;
}
.item_news .col-sm-3 a {
    position:relative;
    display:block;
}
.item_news .col-sm-3 a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(1, 130, 205, 0.5);
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.item_news:hover  .col-sm-3 a:before {
    opacity:1;
    z-index:999;
}
.item-date {
    font-size:14px;
    margin-bottom:5px;
    color:#828282;
}
.pager a {
    padding: 7px 15px;
    background-color:#00923f;
    color:#0182cd;
}
    .pager a:hover {
        color:#0182cd;
    }
.pager .active a {
    background-color:#0182cd;
    color:#fff;    
}
.pager .active a:hover, .pager li>a:focus, .pager li>a:hover {
    background-color:#005d92;
}
.pager li > a, .pager li > span {
    border-radius:0;
}
.pager li > a:focus, .pager li > a:hover {
    color:#fff;  
}
.page-category .b-pro {
    border:solid 1px #e2e2e2;
    margin-bottom:20px;
    width:calc(33.3333% - 10px);
}
.page-category .b-pro:nth-child(3n+2) {
    margin-right:15px;
    margin-left:15px;
}
.page-category .index-name {
    height:50px;
    line-height:20px;
}
.info-product {
    width:100%;
    display:table;    
}
.bor {
    margin-top:20px;
    margin-bottom:40px;
    border-bottom:dashed 1px #e2e2e2;
}
.info-product h1 {
    font-family:Arial;
    margin-top:0;
    text-transform:uppercase;
    margin-bottom:5px;
}
.info-product .rate {
    text-align:left;
    font-size: 13px;
}
.info-product .price {
    margin-top:10px;
    font-size:25px;
    text-align:left;
}
.info {
    text-align:justify;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    nav > ul > li {
        padding-left:12px;
    }    
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    nav > ul > li {
        padding-left:12px;
    }
    .col-md-25 {
        width:33.3333%;
    }
    .col-md-25 .index-name {
        height:60px;
    }
}
@media only screen and (max-width: 991px) {
    .info-product {
        width:auto;
    }
    .info-product .price {
        font-size: 18px;
    }
    .bg-index h1, .bg-sp h2,
    .bg-news h3 {
        font-size: 20px;
    }
    .bg-index {
        padding: 30px 0 10px 0;
    }
    .sy-slide > a > img {
        min-height:250px;
        object-fit:cover;
    }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
    
    .mb-t-20 {
        margin-top:20px;
    }
    .col-md-25 {
        width:33.3333%;
    }
    .col-md-25 .index-name {
        height:60px;
    }
    .col-news .news-img,.col-news .news-content {
        width:100% !important;
    }
    .news-content {
        margin-top:10px;
    }
    footer .col-xs-6 {
        width:50% !important;
    }    
    .item_news > .col-sm-3 {
        padding-left: 0;
        width:35%;
    }
    .item_news > .col-sm-9 {
        width:65%;
    }
    .info-product .col-sm-5{
        width:40%;
    }
    .info-product .col-sm-7{
        width:60%;
    }
}
@media only screen and (max-width: 767px) {
    .breadcrumb {
        padding-left:0;
        padding-right:0;
    }   
    .navbar-inverse {
        background-color: #005d92;
        border: none !important;
    }
    .menu-toggle i {
        float: right;
    }
    .stellarnav.light {
        background: none !important;
    }
    .stellarnav.light .menu-toggle, .stellarnav.light .call-btn-mobile, .stellarnav.light .location-btn-mobile {
        color:#fff !important;
    }
    .navbar {
        margin-bottom:0;
        width:100%;
        z-index:99999;
    }
    .affix{
        background-color: rgba(0, 93, 146, 0.8) !important;
        border: none !important;
    }
    .has-sub > ul > li > a:before {
        content:'\f105';
        font-family:FontAwesome; 
        margin-right:5px;
    }
    .stellarnav.mobile > ul {
        margin-bottom:10px !important;
    }
}
@media only screen and (max-width: 480px) {
    .mb-t-20 {
        margin-top:20px;
    }
    .col-news,.col-news .news-img,.col-news .news-content, .col-md-25, .col-xs-4, footer .col-xs-6 {
        width:100% !important;
    }
    .news-content {
        margin-top:10px;
    }
    .col-xs-4 {
        margin-bottom:30px;
    }
    .page-category .b-pro {
        width:100%;
    }
    .item_news .item-name {
        margin-top:10px;
    }
    .item_news .col-xs-12 {
        padding-left:0;
        padding-right:0;
    }
    .info-product h1{
        margin-top:25px;
    }
    .bg-sp ul {
        padding-left:0;
    }
    .bg-sp ul li {
        padding: 5px 10px;
        margin-left: 5px;
        margin-right: 5px;
    }
}