﻿
/*==============sliderBanner===============*/
#owl-DuanHethong{background:#0F0802;}

#owl-DuanHethong .owl-nav{ display:none;}
#owl-DuanHethong:hover .owl-nav .owl-prev, #owl-DuanHethong:hover .owl-nav .owl-next{display: inline-block;}
#owl-DuanHethong .owl-nav .owl-prev, #owl-DuanHethong .owl-nav .owl-next{display: none;margin-top: -17%;z-index: 3;position: relative;overflow:hidden;}
#owl-DuanHethong .owl-nav .owl-prev{    background:url('/images/icon/arrowSlideBanner.png') no-repeat center;width: 45px;height: 45px;text-indent: -9999px;margin-left: 50px;border-radius:50%;float:left;}
#owl-DuanHethong .owl-nav .owl-next{background: url('/images/icon/arrowSlideBanner.png') no-repeat center;width: 45px;height: 45px;text-indent: -9999px;margin-right: 50px;transform: rotate(180deg);margin-left: 0;border-radius:50%;float:right;}
#owl-DuanHethong .owl-nav .owl-prev:hover, #owl-DuanHethong .owl-nav .owl-next:hover {background-color:rgba(1,1,1,0.4);}
#owl-DuanHethong .owl-dots{width: 100%;margin: 0 auto;margin-top: -30px;position: relative;text-align: center; display:none;}
#owl-DuanHethong .owl-dot{width: 14px;height: 14px;background:transparent ;display: inline-block;margin: 7px 4px;border-radius: 50%;}
#owl-DuanHethong .owl-dot span {background: #fff;    width: 10px;    height: 10px;    display: block;    margin: 2px;    border-radius: 50%;}
#owl-DuanHethong .owl-dot.active span { background: #32a1f7;}

.slider-banner-title {display: table;    position: absolute;    left: 0;    right: 0;    top: 25%;    margin: auto;    color: #fff;    text-transform: uppercase;    font-size: 24px;     width: 100%;    text-align: left;}
.slider-banner-title p {       font-family: osfonb;    font-weight: 400;    line-height: normal;    margin: 0 0 10px;    word-wrap: break-word;    text-rendering: optimizeLegibility;    color: #fff;    text-transform: uppercase; }
.button-link {    display: inline-block;    font-weight: normal;    margin: 0;    line-height: normal;    border: 0;    box-shadow: none;    text-align: center;    vertical-align: middle;    cursor: pointer;    white-space: nowrap;    -webkit-transition: .18s background-color ease, .18s color ease, .18s border-color ease;    transition: .18s background-color ease, .18s color ease, .18s border-color ease;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    border-radius: 20px;    width: auto;    height: auto;    background-image: none;    text-transform: uppercase;    color: #fff;    background-color: #237ebf;    border: 0;    font-family: osfonl;   padding: 10px 26px;    font-size: 14px; transition: all 0.5s;}
.button-link:hover { background: #ff0000; transition: all 0.5s;}

.button-link-2 {    display: inline-block;    font-weight: normal;    margin: 0;    line-height: normal;    border: 0;    box-shadow: none;    text-align: center;    vertical-align: middle;    cursor: pointer;    white-space: nowrap;    -webkit-transition: .18s background-color ease, .18s color ease, .18s border-color ease;    transition: .18s background-color ease, .18s color ease, .18s border-color ease;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    border-radius: 20px;    width: auto;    height: auto;    background-image: none;    text-transform: uppercase;    color: #333;    background-color: rgba(255,255,255,0.8);    border: 0;    font-family: osfonb;   padding: 10px 26px;    font-size: 14px; transition: all 0.5s;}
.button-link-2:hover { background: #237ebf; color: #fff; transition: all 0.5s;}

.button-link-3 {    display: inline-block;    font-weight: normal;    margin: 0;    line-height: normal;   box-shadow: none;    text-align: center;    vertical-align: middle;    cursor: pointer;    white-space: nowrap;    -webkit-transition: .18s background-color ease, .18s color ease, .18s border-color ease;    transition: .18s background-color ease, .18s color ease, .18s border-color ease;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    border-radius: 20px;    width: auto;    height: auto;    background-image: none;    text-transform: uppercase;    color: #333;    background-color: #fff;    border: 1px solid #237ebf;    font-family: osfonb;   padding: 10px 45px;    font-size: 14px; transition: all 0.5s;}
.button-link-3:hover { background: #237ebf; color: #fff; transition: all 0.5s;}

.hr_4 { width: 110px; border: 0; border-top: 1px solid #1c99af; margin: 0 auto;}
.hr_5 { width: 110px; border: 0; border-top: 1px solid #1c99af;}

.nameDuan {display: block;
    text-align: center;
    font: 16px osfonb;    
    background: rgba(50, 161, 247,0.7);
    color: #fff;
    bottom: 15%;
    position: absolute;
    padding: 10px 0;
    width: calc(100% - 20px);
    z-index: 1;
    transition: bottom .25s;}
div:hover>a.nameDuan {
    bottom: 0;
    transition: bottom .25s;
}

.bg-duan { background: url('/images/icon/bg-dichvu.jpg') no-repeat; background-size: 100% 100%;}
.line-after::after {     left: 100%;    background: #237ebf;    content: "";    display: block;    height: 2px;    position: absolute;    top: 50%;    width: 1345%;}

/*==============CusSaid===============*/
#owl-CusSaid{background:transparent; }

#owl-CusSaid .owl-nav{ display: none;}
#owl-CusSaid:hover .owl-nav .owl-prev, #owl-CusSaid:hover .owl-nav .owl-next{display: inline-block;}
#owl-CusSaid .owl-nav .owl-prev, #owl-CusSaid .owl-nav .owl-next{display: none;z-index: 3;top:48%; position: absolute;overflow:hidden;} /*margin-top: -225px;*/
#owl-CusSaid .owl-nav .owl-prev{    background:url('/images/icon/arrowSlideBanner.png') no-repeat 100% 100%;width: 40px;height: 40px;text-indent: -9999px;margin-left: 0;border-radius:50%;float:left;}
#owl-CusSaid .owl-nav .owl-next{background: url('/images/icon/arrowSlideBanner.png') no-repeat 100% 100%;width: 40px;height: 40px;text-indent: -9999px;margin-right: 0;transform: rotate(180deg);margin-left: 0;border-radius:50%;float:right;right:0;}
#owl-CusSaid .owl-nav .owl-prev:hover, #owl-CusSaid .owl-nav .owl-next:hover {background-color:rgba(1,1,1,0.4);}
#owl-CusSaid .owl-dots{display:inline-block;width: 67%;margin: 0 auto;margin-top: -30px;position: relative;text-align: center; float: right;}
#owl-CusSaid .owl-dot{width: 10px;height: 10px;background:transparent ;display: inline-block;margin: 7px 4px;border-radius: 50%;background:#ddd;}
#owl-CusSaid .owl-dot.active {background: #203f63;}

.bg-lienheYC { background: url('/images/icon/bg-lienheYC.jpg') no-repeat; background-size: 100% 100%;}



@media screen and (max-width: 479.5px)
{
   .font-size-xs-11 { font-size: 11px}
   .font-size-xs-12 { font-size: 12px}
}

@media screen and (max-width: 767.5px) and (min-width: 479.5px)
{
    .font-size-xs-11 { font-size: 11px}
    .font-size-xs-12 { font-size: 12px}
}



@media screen and (max-width: 991px) and (min-width: 767.5px)
{
   .font-size-xs-11 { font-size: 11px}
   .font-size-xs-12 { font-size: 12px}
   .position-absolute-md { position:absolute;}
}
@media screen and (min-width: 991px)
{	    
   #owl-DuanHethong .owl-nav{ display:block;}
   .position-absolute-md { position:absolute;}
}
