@charset "utf-8";
section.Container {max-width: 1110px}

div.editor>p {text-align: justify}

/* jssor slider loading skin double-tail-spin css */
div#jssor_1 {margin: 0 auto 1rem}
.jssorl-004-double-tail-spin img {
    animation-name: jssorl-004-double-tail-spin;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes jssorl-004-double-tail-spin {
    from {transform: rotate(0deg)}
    to {transform: rotate(360deg)}
}
.jssora073 {display:block;position:absolute;cursor:pointer;}
.jssora073 .a {fill:#ddd; fill-opacity:.7; stroke:#000; stroke-width:160; stroke-miterlimit:10; stroke-opacity:.7}
.jssora073:hover {opacity:.8}
.jssora073.jssora073dn {opacity:.4}
.jssora073.jssora073ds {opacity:.3; pointer-events:none}

dl.prodList {background: url(../images/bg-ind-prod-list.png) 50% top no-repeat}
dl.prodList>dt, dl.prodList>dd {margin-left: 1rem; margin-right: 1rem}
dl.prodList>dt {
    border-bottom: #2c3e50 3px solid;
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 1.25rem;
    padding-top: 1rem
}
dl.prodList>dt>i {font-size: 1.75rem; color: #ff7000; margin-right: .5rem}
dl.prodList>dd {
    background: url(../images/icon-prod-list.png) left .29rem no-repeat;
    border-bottom: #000 1px dashed;
    margin-bottom: .75rem;
    padding-left: 1.5rem;
    padding-bottom: .75rem
}
dl.prodList>dd>a {font-weight:400}
dl.prodList>dd>a>span {color: #ca5d03}

/*mobile*/
.dropdown>a {
    width: 100%; background: #103a68 !important;
    color: #fff;
    padding-top: .5rem;
    padding-bottom: .5rem
}
div.dropdown-menu {width: 93%}
a.dropdown-item {border-bottom: #ddd 1px solid; margin-bottom: .5rem; padding: 0 .75rem .5rem}
div.telInfo {
    background: #2c3e50;
    border-radius: .5rem;
    text-align: center;
    padding: .5rem
}
div.telInfo>p {
    border: #fff 1px solid;
    border-radius: .35rem;
    font-size: 2rem;
    color: #fff;
    margin-bottom: 0;
    padding: 1rem 0
}

/*right*/
h2.title {
    border-bottom: #2c3e50 3px solid;
    font-size: 1.35rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 1rem;
    padding-top: .75rem;
    padding-bottom: .5rem
}
h2.title>i {font-size: 1.75rem}
h2.title>span {float: right}
h2.title>span>a {font-size: .95rem; font-weight: 400}

div.about>h2.title>i {color: #019300}
div.products>h2.title>i {color: #b81b43}
div.case>h2.title>i {color: #5b3bb6}

dl.products {}
dl.products>dd {}
dl.products>dd>figure {position: relative; margin-bottom: .5rem}
dl.products>dd>figure>img {border: #ddd 1px solid}
dl.products>dd>figure>figcaption {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(16, 58, 104, 0.8);
    text-align: center;
    padding-top: 30%;
    position: absolute
}
dl.products>dd>figure>figcaption>img {width: 35%}
dl.products>dd>figure:hover>figcaption {display: block}
dl.products>dd>p {
    font-size: 1.133333333333333rem;
    font-weight: 500;
    color: #b81b43;
    text-align: center;
    margin-bottom: 0
}

dl.case {}
dl.case>dd {}
dl.case>dd>figure {position: relative; margin-bottom: .5rem}
dl.case>dd>figure>img {border: #ddd 1px solid}
dl.case>dd>figure>figcaption {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(91, 59, 182, 0.8);
    text-align: center;
    padding-top: 30%;
    position: absolute
}
dl.case>dd>figure>figcaption>img {width: 35%}
dl.case>dd>figure:hover>figcaption {display: block}
dl.case>dd>p {
    font-size: 1rem;
    font-weight: 500;
    color: #5b3bb6;
    margin-bottom: 0
}

div.item>figure {position: relative; margin-bottom: .5rem}
div.item>figure>img {border: #ddd 1px solid}
div.item>figure>figcaption {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(91, 59, 182, 0.8);
    text-align: center;
    padding-top: 35%;
    padding-left: 35%;
    position: absolute
}
div.item>figure>figcaption>img {width: 50% !important}
div.item>figure:hover>figcaption {display: block}
div.item>p {
    font-size: 1rem;
    font-weight: 500;
    color: #5b3bb6;
    margin-bottom: 0
}

dl.addInfo {}
dl.addInfo>dt {font-size: 2rem; color: #2c3e50}
dl.addInfo>dd {margin-bottom: 0}
dl.addInfo>dd>iframe {width: 100% !important; height: 255px !important}

.owl-controls {display: none !important}