

.fl{
    float: left;
}
.fr{
    float: right;
}
.ma30{
    margin: 30px auto;
}
.ma50{
    margin: 50px auto;
}
.mt30{
    margin-top: 30px;
}
.case-bd li div em,
.case-bd li div,
.products ul li div, 
.products ul li,
.products ul li:after,
.products ul li:before,
.products ul li span em{
    transition: all .5s ease-in-out;
}
.news-left-list li,
.news-left-list li a{
    transition: all .5s linear;
}
/* top */
.container{
    max-width: 1200px !important;
}
.inner{
    width: 1170px;
    margin-left: auto;
    margin: auto;
}
.top_bg{
    background-color: #e9e9e9;
    font-size: 12px;
    padding: 5px 0;
}
/* logo */
.logo{
    margin-top: .5rem;
}
.logo > a{
    display: block;
    width: 413px;
    height: 0;
    padding-top: 90px;
    float: left;
}
.logo-wz{
    margin-top: 15px;
    margin-right: 30px;
    position: relative;
}
.logo-wz h1{
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 4px;
}
.logo-wz p{
    font-size: 14px;
    text-transform: uppercase;
    line-height: 2.5;
    color: #555;
}
/* menu */
.menu > li{
    float: left;
    position: relative;
    line-height: 110px;
}
.menu > li:last-child{
    text-align: center;
}
.menu > li:nth-last-of-type(1) > a{
    display: inline;
    padding: 0;
}
.menu > li > a{
    padding: 0 30px;
    display: block;
}
.menu > li:hover > a{
    background-color: #0E6EB8;
    color: #fff;
}
.meu_drop li a:hover{
    background-color: gray;
    color: #fff;
}
.meu_drop{
    position: absolute;
    min-width: 100%;
    z-index: 99;
    background-color: #0E6EB8;
    text-align: center;
    display: none;
    line-height: 2.5;
    border: 1px solid #ccc;
    border-top-color: transparent;
}
.meu_drop a{
    color: #fff;
    display: block;
}
@media screen and (max-width: 760px) {
    .banner {
		height: 180px;
		width:100%;
		object-fit: cover;
		object-position: center;
	}
}

#cards div:hover{ background:#0E6EB8 !important;}

#cards:hover .card div p a{
	color: #fff !important;
}

.main2 {
    width: 1500px;
    margin: 0 auto;
    overflow: hidden;
}

.adv .adv_l {
    width: auto;
    overflow: hidden;
    float: left;
    padding-top: 40px;
}

.adv .adv_l b {
    display: block;
    font-size: 24px;
    font-weight: normal;
}

.adv .adv_l i {
    display: block;
    font-style: normal;
    font-size: 12px;
    color: #0E6EB8;
    font-family: Arial;
}

.adv .adv_l p {
    font-size: 16px;
    padding-top: 30px;
}

.adv .adv_r {
    width: auto;
    overflow: hidden;
    float: right;
    padding-top: 60px;
}

.adv .adv_r .phone {
    width: auto;
    overflow: hidden;
    line-height: normal;
    background: url(/static/images/phone.png) no-repeat left center;
    padding-left: 50px;
}

.adv .adv_r .more {
    width: 172px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    display: block;
    margin: 25px auto 0 auto;
    background: #FFF;
    color: #0E6EB8;
    border: 1px #FFF solid;
}

.example_responsive_2 { height:125px; }
@media(min-width: 800px) { .example_responsive_2 { height:300px; } }

.example_responsive_3 { height:125px; }
@media(min-width: 800px) { .example_responsive_3 { height:200px; } }

[class*="col-"]{
	padding: 0 8px 0 8px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #FFF !important;
    background-color: #0E6EB8 !important;
    border-color: #dee2e6 #dee2e6 #fff !important;
}

.btn-secondary:hover{background-color:#0E6EB8; !important;}


.sida1 > div:hover{
    background-color: #0E6EB8 !important;
	color:#fff;
}

.sida1 > div:hover > svg{
    background: #fff !important;
	fill: #0E6EB8 !important;
}

#a1{height: 122px; overflow: hidden;}
#a1 li{height: 120px; float: left;}