/*.navbar{ height: 110px; background: #FFFFFF;}*/
a {
    color: #666666;
    text-decoration: none;
    background-color: transparent;
}
a:hover{
    color: #555555;
    text-decoration: none;
}
.btn-danger {
    color: #fff;
    background-color: #0040a2;
    border-color: #0040a2;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #0040a2;font-weight: bold;
}
.navbar-light .navbar-nav  > .nav-item{ margin: 0 10px;}
.navbar-light .navbar-nav  > .nav-link a{ font-weight: bold; color: #191919; }
.navbar-light .navbar-nav  > .nav-link a:hover{ font-weight: bold; color: #0040a2;}
.navbar-light .navbar-nav .nav-link {
    color: #191919;font-weight: bold;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #0040a2;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0040a2;
}
.header-top{ width: 100%; margin: 0 auto; padding: 0px; font-size: 14px; line-height: 46px;
    background: #0040a2; color: #ffffff;}
.header-top i{ margin-right: 4px;}
.header-top span{ margin-right: 8px; font-size: 16px;}
#carouselExampleIndicators{/* margin-top: 110px;*/}
.index-products{ width: 100%; overflow: hidden; background: #f7f7f7;}
.index-products>.container> h3{
    background: #ffffff;
    line-height: 2em; border-radius: 4px;}
.index-products ul{padding: 0px; margin: 0 auto;display: flex; flex-direction: row; justify-content: center; width: 100%;}
.search-products{ height: 80px;background: #f0f0f0; line-height: 80px; color: #636363;}
.search-products form{ padding: 0px; margin-top: 20px; text-align: right;    }
.search-products form input{outline: none;  border: none;}
.search-products form input:focus{outline: none;}
.search-products .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #636363;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff;
    border: 0px solid #ced4da;
    border-radius: 0.25rem;
}
.search-products .input-group-text button{ border: none; background: transparent;}
div>.container>h2{ margin: 30px auto;font-size: 1.6rem;}
div>.container>h2 span::before{ content: "——"; color: #999999; margin-right: 8px;}
div>.container>h2 span::after{ content: "——";color: #999999;margin-left: 8px;}
div>.container{ margin-bottom: 30px;}
.index-advantage{ width: 100%; overflow: hidden;
    background: #f0f0f0;}
.index-advantage .container{ margin: 40px auto;}
header .container-fluid .container{ margin-bottom: 0px;}
.index-advantage h2{ font-size: 1.8rem; margin: 20px auto; text-align: center; line-height: 3em;}
.index-advantage h3{font-size: 1.5rem; text-align: center;}
.index-advantage .card{    background: #ffffff; border-radius: 0px; border: 0px;   padding: 5px;}
.index-advantage .card img{ }
.index-advantage .card p{font-size: 14px;}
.index-products .container{ margin: 30px auto;}
.index-products .container>h3{ margin-bottom: 30px;}
.index-products .container>h3 a{ color: #666; font-size: 1.2rem; margin-right: 8px;}
.index-products .container>h3 a::before{ content: "-";}
.index-products .container>h3 a::after{ content: "-";}
.index-products .container .row{ margin-bottom: 30px;}
.index-products .container .row .prod{position: relative;width: 100%; height: 100%;}
.index-products .container .row .prod>.prod-desc{display: none;}
.index-products .container .row .prod>.prod-desc a{text-decoration: none;}
.index-products .container .row .prod:hover>.prod-desc{ position:absolute; top:0px;left: 0px;display: block; width: 100%; height: 100%;background: rgba(0,0,0,0.5); cursor: pointer;}
.index-products .container .row .prod:hover>.prod-desc h2,.index-products .container .row .prod:hover>.prod-desc h3{
    color: #ffffff; text-align: center;
}
.index-products .container .row .card{ margin-bottom: 15px;}
.index-products .container .row .card a h5{ font-size: 1.2em;}

.index-products .container .row .prod:hover>.prod-desc h2{ font-size: 2rem;}
.index-products .container .row .prod:hover>.prod-desc h3{font-size: 1rem;}
.index-products .container .row .prod:hover>.prod-desc>.prod-desc-body{ width: 90%; height: 90%;border: 2px #0040a2 solid; margin: 5% 0 0 5%;}
.index-ys{ width: 100%; margin: 0 auto; padding: 30px 0;background:url("../images/index-ys-bg.jpg") top center;}
.index-ys h2{ margin: 20px auto; color: #ffffff;}
.index-ys .container .row{ height: 260px;}
.index-ys .container .row>div.pic{ width: 100%; height: 100%;}
.index-ys .container .row img{ width: 100%;}
.index-ys .index-ys-desc{ width: 100%; height: 260px;background: #787878; padding: 20px; color: #fff; }
.index-ys .index-ys-desc button{ margin: 20px 0; /*background: url("../images/index-ys-button-bg.png") center center;*/ color: #ffffff; border: none; width: 108px; height: 41px; text-align: center; font-weight: bold; font-size: 1.2rem; border-radius: 15px;}
.index-ys .index-ys-desc p{ line-height: 2em;}
.index-about{background: url("../images/index-about-bg.jpg") top center; width: 100%; margin: 0 auto; padding: 30px 0px; overflow: hidden;}
.index-about >.container>h2{ text-align: center; color: #ffffff;}/**/
.index-about >.container .index-about-desc{ color: #ffffff;}
.index-about >.container .index-about-desc p{ line-height: 2em;}
.index-about >.container h3{color: #ffffff; text-align: left;}
.index-about >.container .row .col-md-6 h3{font-size: 1.3rem;}
.index-news .index-news-list{ width: 100%;}
.index-news .container .row .col-md-6 h3{ text-align: left;font-size: 1.2rem; line-height: 2.4em;}
.index-news .container .row .col-md-6 h3 span{ float: right;}

.index-news .index-news-list ul{width: 100%;list-style: none; padding: 0px; margin: 0 auto;}
.index-news .index-news-list ul li{ list-style: none; padding: 0px; margin: 0 auto; width: 100%; font-size: 15px; line-height: 2.2em; border-bottom: #f1f1f1 dashed 1px}
.index-news .index-news-list ul li span{ float: right;}
.index-news .index-news-list ul li a{ color: #666;text-decoration: none;}

.index-news .index-news-right-list ul{width: 100%;list-style: none; padding: 0px; margin: 0 auto;}
.index-news .index-news-right-list ul li{ list-style: none; height: 58px; padding: 0px 10px; margin: 2px auto; width: 100%; font-size: 15px; line-height: 57px; background: #efefef;}
.index-news .index-news-right-list ul li:hover{background: #0040a2; color: #ffffff; cursor: pointer;}
.index-news .index-news-right-list ul li:hover a{color: #ffffff;}
.index-news .index-news-right-list ul li span{ float: right;}
.index-news .index-news-right-list ul li a{ color: #666;text-decoration: none;}
.index-news .media-body h5{ font-size: 17px;}
.index-links .row a{ color: #666666;}
footer{ width: 100%; margin: 0 auto; padding: 0px;
    background: #f0f0f0; overflow: hidden;}
footer .footer-col .container{ margin: 30px auto; color: #636363;}
footer .footer-col .container .row .col-md-4>h4{ font-size: 1rem; margin-bottom: 20px; color: #383838;}
footer .footer-col .container .row>div>h4{ font-size: 1rem; margin-bottom: 20px;color: #383838;}
footer .footer-col .container .row .col-md-4>p{font-size: 14px;}
footer .footer-col .container .row>div>p{font-size: 14px;}
footer .footer-col ul.address li{ width: 50%; margin: 0 auto; padding: 0px; float: left; line-height: 3em; font-size: 14px;}
footer .footer-col ul.address li i{ margin-right: 4px;}
footer .footer-col ul.address li i.fa-mobile{ font-size: 1.1rem;}
footer .footer-col ul.footer-col-nav li{ width: 50%; margin: 0 auto; padding: 0px; float: left; line-height: 3em; font-size: 14px;}
footer .footer-col ul.footer-col-nav li a{ color: #191919; text-decoration: none;}
footer .footer-col .container .row>div>.footer-ma{width: 130px;}
footer .footer-col .container .row >div>.footer-ma p{ text-align: center;font-size: 14px; line-height: 3em;}
footer .footer-copy{width: 100%; margin: 0 auto; padding: 0px;
    background: #e4e4e4; height: 50px; }
footer .footer-copy p{ line-height: 50px; color: #191919;font-size: 14px;}

@media screen and (max-width: 768px) {
    body{ }
    #carouselExampleIndicators{ margin-top: 110px;/**/}
    .header-top .row .text-right{ font-size: 12px;}
    .header-top .row .text-right span:first-child{display: none;}
    .search-products{ height: 120px;background: #787878; line-height: 25px; color: #ffffff; font-size: 14px;}
    .search-products form{ padding: 0px; margin-top: 20px; text-align: right;    }
    .index-products .container .row>div{ margin-bottom: 15px;}
    .index-advantage .row>div{ margin-bottom: 10px;}
    .index-ys .container> .row{  margin-bottom: 0px;height: 90px;}
    .index-ys .container> .row .pic img{ height: 90px;}
    .index-ys .container> .row .index-ys-desc{ height: 90px;}
    .index-ys .container> .row .index-ys-desc p{ font-size: 14px; line-height: 1.6em;}
    .index-ys .container> .row .index-ys-desc>button{display: none; }
    .index-about img{ margin-bottom: 20px;}
    .navbar .navbar-brand img{ width: 200px;}
    .index-news .container .row .col-md-6 img{width: 30%;}
    .footer-copy p{font-size: 14px;}
    .footer-copy p span{ display: none;}
}