@charset "UTF-8";
.details .clearfix li {
    font-size: 12px;

    float: left;
    margin-right: 20px;
        list-style: none;
margin-right: 20px;
}

.clearfix li,.clearfix li a {
    font-size: 14px;
    color: #fdc900;
}
.clearfix  li>a div.txt>span {
    margin-right: 5px;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;

}
.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
*, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@font-face {font-family: "iconfont";
  src: url('iconfont.eot-t=1533635472348')/*tpa=http://www.cncablegroup.com/templates/youlian/d/css/iconfont.eot?t=1533635472348*/; /* IE9*/
  src: url('iconfont.eot-t=1533635472348#iefix')/*tpa=http://www.cncablegroup.com/templates/youlian/d/css/iconfont.eot?t=1533635472348#iefix*/ format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('iconfont.ttf-t=1533635472348')/*tpa=http://www.cncablegroup.com/templates/youlian/d/css/iconfont.ttf?t=1533635472348*/ format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg-t=1533635472348#iconfont')/*tpa=http://www.cncablegroup.com/templates/youlian/d/css/iconfont.svg?t=1533635472348#iconfont*/ format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
/* float:right;*/

    -webkit-text-stroke-width: 0.2px;
}
.bread_nav_inner a {
    display: inline-block;
    color: #2e2e2e;
}

.active {
   /* border-bottom: 4px solid #cd1816;*/
  /*  background-color: #cd1816;*/

}
.main_nav_inner>ul>li>a.active{
    color: #fff;
}
.main_nav_inner>ul>li>a:hover{
    color: #fff;
    background-color: #cd1816;
     -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.f1>li>a:hover{
    color: #fff;
    background-color: #cd1816;
     -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

.iconfont1 {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float:left;
}

.icon-address:before { content: "\e939"; }

.icon-youtube:before { content: "\e660"; }

.icon-skype:before { content: "\ebf6"; }

.icon-iconfontcaidan:before { content: "\e60f"; }

.icon-google:before { content: "\e68e"; }

.icon-home:before { content: "\e619"; }

.icon-et-return:before { content: "\e675"; }

.icon-facebook:before { content: "\e6e5"; }

.icon-chuanzhen:before { content: "\e608"; }

.icon-dianhua1:before { content: "\e639"; }

.icon-yanjing:before { content: "\e61f"; }

.icon-pinterest:before { content: "\e697"; }

.icon-share:before { content: "\e617"; }

.icon-clock:before { content: "\e624"; }

.icon-linked:before { content: "\e698"; }

.icon-sanjiao_xia:before { content: "\e631"; font-size:12px;}

.icon-dianhua:before { content: "\e64b"; }

.icon-tongxunlu:before { content: "\e661"; }

.icon-icon--:before { content: "\e748"; }

.icon-icon--1:before { content: "\e749"; }

.icon-icon-:before { content: "\e60b"; }

.icon-skype1:before { content: "\e87d"; }

.icon-twitter:before { content: "\e882"; }

.icon-whatsapp:before { content: "\e857"; }

@media screen and (min-width: 992px){
.row_ul{
    column-count: 2;

}}


.sub-menu li{
width:220px;
line-height: 25px;

}

@media screen and (max-width: 992px){
.sub-menu li{
width:257px;
line-height: 25px;
}}

@media screen and (max-width: 1200px){
.wrapper {
    width: 100%;
    padding: 0 10px;
}
}
.wrapper {
    max-width: 1200px;
    margin: 0 auto;
}
.main_ttl {
    font-size: 34px;
    line-height: 48px;
    color: #3c4355;
    font-family: semibold;
    margin: 50px 0;
    text-align: center;
    position: relative;
    text-transform: capitalize;
    padding: 0;
}
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.main_ttl:after {
    content: '';
    width: 80px;
    height: 5px;
    background: #fdc900;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -40px;
}
.index_pro_nav, .pro_nav {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 30px;
}.index_pro_box ul{
	display: none;
}@media screen and (min-width: 992px) and (max-width: 1200px){
.index_pro_nav li, .pro_nav li {
    width: 20%;
    margin-right: 5%;
}}

.index_pro_nav li, .pro_nav li {
    float: left;

    padding: 0 15px;
line-height: 24px;
    margin-bottom: 10px;
    height: 50px;
color: #343434;
background: #3c4355;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    /* line-height: 42px; */
    text-transform: capitalize;
        width: 11%;
    margin-right: 1.2%;
}
@media screen and (max-width: 992px){
.index_pro_nav li, .pro_nav li {
    width: 30%;
    margin-right: 3%;
}}
.index_pro_nav li:hover, .index_pro_nav li.on, .pro_nav li:hover, .pro_nav li.on {
    background: #fdc900;
}
.index_pro_nav li a, .pro_nav li a {
    color: #fff;
    height: 50px;
}
.clearfix li a {
    text-decoration: none;


}
ol, ul, li {
    list-style: none;
}

.index_pro_box{
    
        background: #fff;
    color: #343434;
    font-size: 14px;
    font-family: Source Sans Pro,sans-serif,helvetica,arial,clean;
    height: 100%;
    line-height: 24px;
    overflow-x: hidden;
    
}


.index_pro_box ul {

    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;

}
.index_pro_box ul li {
    width: 24%;
    margin-right: 1%;
    float: left;
    padding: 40px 20px 30px;
    background: #f1f1f1;
    text-align: center;
    margin-bottom: 30px;
    border: 4px solid #f1f1f1;
}
.index_pro_box ul li a .ttl {
    width: 100%;
    text-align: center;
}
.index_pro_box ul li a .ttl p {
    font-family: medium;
    font-size: 16px;
    color: #3c4355;
    height: 50px;
    /* margin-bottom: 20px; */
    text-align: center;
}
.ln2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
}
.index_pro_box ul li .more, .index_pro_box ul li .advisory {
    width: 110px;
    height: 32px;
    display: inline-block;
    border: 1px solid #555;
    text-align: left;
    padding: 0 10px;
    transition: .5s;
    line-height: 32px;
}













.bread_nav {
    width: 100%;
    height: 60px;
    background: #f6f5f5;
    color: #808593;
    line-height: 60px;
}
@media screen and (max-width: 1200px){
.wrapper {
    width: 100%;
    padding: 0 10px;
}}

.wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.bread_nav_inner{
    line-height: 60px;
}
.wrapper .clearfix li a {
    display:block;
     
 }

.pro_list li {
    width: 18%;
    margin: 0 2% 40px 0;
    text-align: center;
    float: left;
}
.clearfix ul{
        margin: 0;
    padding: 0;
}
.pro_list li .con {
    font-size: 14px;
    color: #888787;
    line-height: 18px;
    height: 72px;
}
.ln4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.pro_list li .ttl {
    line-height: 20px;
    font-family: medium;
    height: 40px;
    margin: 20px 0 10px;
}
.ln3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.pro_list >li>a>img {height:181px;

}

.main_con_ttl .ttl, .faq_con h1, .product_list h1, .product_detail h1 {
    font-family: medium;
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 10px;
    text-align: center;
}


.pagination01 {
    width: 100%;
    padding: 30px 0;
    background: #f5f5f5;
    text-align: center;
    margin-top: 50px;
}
.pagination01 a ,.pagination01>b{
    width: 45px;
    height: 35px;
    background: #fff;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 0 4px;
    color: #000000;
}
.pagination01>b{
      background-color: #fdc900;;
  color: white;
  border: 1px solid #fdc900;;
}

.pagination01>a:hover:not(.active) {background-color: #ddd;}



.main_con {
    padding: 40px 0;
}

.pro-single {
    overflow: hidden;
    margin-bottom: 46px;
    margin-top: 25px;
}
@media screen and (max-width: 1440px){
.pro-single .pics-box {
    width: 430px;
}}.pro-single .pro-tit {
    font-size: 36px;
    color: #3e3e3e;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 16px;
}
.pro-single .pics-box {
    width: 520px;
    float: left;
    max-height: 470px;
    overflow: hidden;
}
.img-content {
    width: 100%;
}
.img-content .big-img {
    width: 100%;
    height: 400px;
    position: relative;
}
.img-content * {
    box-sizing: border-box;
}

@media screen and (max-width: 1440px){
.pro-single .pics-box .showpic {
    height: 330px;
}}
.pro-single .showpic {
    /* height: 389px; */
    overflow: hidden;
    background: #f5f5f5;
    border-radius: 4px;
    margin-bottom: 6px;
}

.img-content .big-img img {
    width: 100%;
    height: auto;
    cursor: pointer;
    border-radius: 10px;
    position: absolute;
}
.pro-single .showpic img {
    display: block;
    mix-blend-mode: multiply;
}

.img-content .small-img {
    position: relative;
    width: 100%;
    overflow: hidden;
}.small-img ul {
    list-style: none;
    position: relative;
    width: 5000px;
    margin: 0;
    padding: 0;
    left: 0;
    /* transition: all 1s; */
}
.small-img ul {
    list-style: none;
    position: relative;
    width: 5000px;
    margin: 0;
    padding: 0;
    left: 0;
    /* transition: all 1s; */
}
.pics-box .gallery-item {
    margin-top: 0!important;
    margin: 0 3px;
}
.small-img ul li {
    float: left;
    width: 100px;
    height: auto;
    margin-right: 5px;
    background: #f5f5f5;
    position: relative;
}
.pics-box .gallery-item img.moveimg.active {
    border: 1px solid #ddd;
}
.small-img ul li img.moveimg {
    width: 100%;
    height: 100%;
    cursor: pointer;
    border: 2px solid transparent;
}


@media screen and (max-width: 1440px){
.pro-single .pro-info {
    width: 545px;
}}
.pro-single .pro-tit {
    font-size: 36px;
    color: #3e3e3e;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 16px;
}

.shop-details-main-content .container{
    overflow: hidden;
}

.slick-track .slick-slide {

        overflow: hidden;
    background: #f5f5f5;
    border-radius: 4px;
    margin-bottom: 6px;
}
.slick-track .slick-slide img {
    width: 100%;
    height: auto;
    cursor: pointer;
    border-radius: 10px;

        display: block;
    mix-blend-mode: multiply;
}


.slider-nav .slick-track .slick-slide{
    margin: 0 3px;
height: 75px;
    
}
.slider-nav .slick-track .slick-current {

        border: 1px solid #ddd;
    
}
.col-md-6 .shop-single-slider-wrapper .slider-nav{
    height: 75px;
}
.product-details h2 font{
    font-size: 36px;
    color: #3e3e3e;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 16px;
    
}@media screen and (max-width: 1440px){
.pro-single .meta {
    display: block;
}}
.meta .so-widget-xz-loop_acf>span {
    font-size: 14px;
    color: #3e3e3e;
    display: block;
    margin-right: 30px;
    margin-bottom: 16px;
    font-weight: 500;
}
 .intro {
    font-size: 14px;
    color: #666;
    border-bottom: dotted 1px #ddd;
    margin-bottom: 20px;
}
@media screen and (max-width: 1440px){
.pro-single .intro p {
    margin-bottom: 0.5em;
    line-height: 1.3em;
}}

.product-details .btns a {
    width: 220px;
    height: 48px;
    display: inline-block;
    margin-right: 8px;
    border: 1px solid #fdc900;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    color: #fdc900;
    border-radius: 2px;
    transition: all .3s;
}



.pro_detail_txt .detail_ttl font{
    font-size: 26px;
    font-family: medium;
    margin-bottom: 20px;
}
.detail_ttl,.rel_pro h2{
    margin: 15px 0 15px 0px;
    padding: 0 15px;
    border-left: 5px solid #fdc900;
    background-color: #f2f2f2;
    font-size: 18px;
    line-height: 40px;
}
.rel_pro h2 font{
   font-size: 26px;
    font-family: medium;
    margin-bottom: 20px;
    line-height: 40px;
}
.pro_detail_txt .con {
    margin-bottom: 20px;
}

.pro_detail_txt .detail .detail_ttl{
    font-size: 26px;
    font-family: medium;
    margin-bottom: 20px;
}


.table-width table {
    width: 100%;
        border-collapse: collapse;
    border-spacing: 0;
}

.pro_detail_txt table tr:nth-child(1) {
    background-color: #fdc900;
    color: #fff;
}.pro_detail_txt table tr td {
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
    border-top-color: initial;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
}

tr:nth-child(even) {

            background-color: #f2f2f2;

        }
tr:hover {background-color: #dddddd;}
#rel ul {
    box-shadow: none;
    padding: 0;
    overflow: visible;
    margin-bottom: 70px;
}
.ani_up.onstage {
    transform: translateY(0);
    opacity: 1;
}
.gallery-box {
    border-radius: 4px;

}
.gallery-box .slick-slide {
    width: 277px;
    margin: 10px 3.5px!important;
}
.slick-initialized .slick-slide {
    display: block;
}
@media screen and (max-width: 1440px){
.rel-pro-item {
    height: 182px;
}}
.rel-pro-item {

    overflow: hidden;
    border-radius: 4px;
    background: #f5f5f5;
}
.rel-pro-item {
    position: relative;
}
.slick-slide {
    float: left;

}
.gallery-box .slick-slide a {
    display: block;
    overflow: hidden;
    border-radius: 4px;
}
.gallery-box .slick-slide img {
    width: 100%;
    border: none!important;
    transition: all .3s;
}
.slick-slide img {
    display: block;
}
.slick-initialized .slick-slide {
    display: block;
}
.rel-pro-item h3 {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.6);
    font-size: 16px;
    line-height: 2.5em;
    margin: 0;
    width: 100%;
    text-align: center;
}
.rel-pro-item h3, .rel-sol-item .info h3 {
    padding: 0 10px;
    color: #fff;
    font-weight: 400;
        white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


@media screen and (max-width: 500px){
.index_pro_nav li, .pro_nav li, .pro_list li {
    width: 48%;
    margin-right: 2%;
}}

element.style {
}
@media screen and (max-width: 765px){
.index_pro_box ul li {
    width: 48%;
    padding: 10px;
}}


.news-grids .entry-body h3,.news-grids .entry-body p{
    height: 70px;
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.news-grids .grid .entry-media img{
    height: 150px;
    margin: 0 auto;
    display: block;

}
.clearfix>li>a>img:hover,pro_list>li>a>img:hover,.rel-pro-item .thumb >img:hover{
    transform: scale(1.1);
    -webkit-transition: all .4s ease-in-out;
}


 .table-responsive { width: 100%;margin-bottom: 15px;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;}
.table-responsive {min-height: .01%;overflow-x: auto;}
.table-width .table {width: 100%;max-width: 100%;}
.table-width .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}






.search form {
    width: 245px;
    height: 32px;
    border: 1px solid #d2d2d2;
    position: relative;
    border-radius: 16px;
    line-height: 32px;

}
.search span {
    position: absolute;
    right: 12px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    /* z-index: -1; */
}
input::placeholder {
    color: #fff;
}
.search form .m-text {
    float: left;
    height: 30px;
    line-height: 30px;
    width: 85%;
    border: none;
    outline: none;
    background: none;
    padding-left: 15px;
    color: #fff;
}
.search form .m-submit {
    width: 10%;
    height: 30px;
    border: none;
    background: none;
}
button {
    outline: none;
    font-family: Source Sans Pro,sans-serif,helvetica,arial,clean;
    cursor: pointer;
}


@media screen and (min-width: 992px){#navbar ul>li>a.active {
    color: #fff;
}}
#navbar > ul > li .sub-menu a {
    
    line-height: 25px;

    overflow: hidden;
}
    
@media screen and (min-width: 992px){#navbar > ul > li .sub-menu a {
        height: 40px;
}}


.product-details .btns a:hover {
    background: #fdc900;
    color: #fff;
}

.product-details .btns a {
    margin-bottom: 10px;

}

@media screen and (max-width: 765px){
    

.product-details .btns a {
    margin-bottom: 10px;
    width: 100%;
}}


.pro_list li>a div.txt>span {
    display: block;
    width: 110px;
    height: 36px;
    margin: 35px auto 0;
    line-height: 36px;
    color: #888787;
    border: 1px solid #888787;
    transition: .5s;
}
.pro_list li:hover span{
	background: #fdc900;
	color: #fff;
	border: 0;
}


mark {
    background-color: yellow;
    color: black;
}
.row {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 992px) {
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (min-width: 992px) {
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
.ltn__contact-address-item-3 {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid var(--border-color-11);
    padding: 50px 30px 25px;
}

.ltn__contact-address-item {
    padding: 40px 30px 10px;
    text-align: center;
    -webkit-box-shadow: var(--ltn__box-shadow-2);
    box-shadow: var(--ltn__box-shadow-2);
    margin-bottom: 30px;
    -webkit-transition: all 0.5s;
}
.box-shadow {
    -webkit-box-shadow: var(--ltn__box-shadow-2);
    box-shadow: var(--ltn__box-shadow-2);
}
:root {
    --ltn__primary-color: #0B2C3D;
    --ltn__primary-color-2: #141414;
    --ltn__primary-color-3: #133236;
    --ltn__secondary-color: #ffbc05 --ltn__secondary-color-2: #ffbc05;
    --ltn__secondary-color-3: #ffbc05;
    --ltn__heading-color: #ffbc05;
    --ltn__paragraph-color: #152E3A;
    --ltn__heading-font: 'Rajdhani', sans-serif;
    --ltn__body-font: 'Nunito Sans', sans-serif;
    --ltn__color-1: #8cb2b2;
    --ltn__color-2: #ACD2D8;
    --ltn__color-3: #A3BCC0;
    --ltn__color-4: #84A2A6;
    --ltn__color-5: #5C727D;
    --ltn__color-6: #969FA5;
    --ltn__color-7: #e5e5e5;
    --gradient-color-1: linear-gradient(90deg, rgba(242, 139, 194, 1) 0%, rgba(216, 177, 242, 1) 50%);
    --gradient-color-2: linear-gradient(to top, rgba(7, 28, 31, 0) 0%, rgba(7, 28, 31, 1) 90%);
    --gradient-color-3: linear-gradient(to bottom, rgba(7, 28, 31, 0) 0%, rgba(7, 28, 31, 1) 90%);
    --gradient-color-4: linear-gradient(to top, rgba(242, 246, 247, 0) 0%, rgba(242, 246, 247, 1) 90%);
    --gradient-color-5: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 70%);
    --section-bg-1: #F9F8FB;
    /* --section-bg-1: #F2F6F7; */
    --section-bg-2: #171B2A;
    --section-bg-5: #FFF2F0;
    --section-bg-6: #0B2C3D;
    --section-bg-7: #282b38;
    --section-bg-8: #2D4A58;
    --border-color-1: #e5eaee;
    --border-color-2: #1e2021;
    --border-color-3: #5C617F;
    --border-color-4: #eb6954;
    --border-color-5: #bc3928;
    --border-color-6: #103034;
    --border-color-7: #d1dae0;
    --border-color-8: #f6f6f6;
    --border-color-9: #e4ecf2;
    --border-color-10: #ebeeee;
    --border-color-11: #ededed;
    --border-color-12: #e1e6ff;
    --border-color-13: #f1f8ff;
    --ltn__box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
    --ltn__box-shadow-2: 0 0 4px rgba(0, 0, 0, 0.1);
    --ltn__box-shadow-3: 0 1px 6px 0 rgba(32, 33, 36, .28);
    --ltn__box-shadow-4: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
    --ltn__box-shadow-5: 0 8px 16px 0 rgba(93, 93, 93, 0.1);
    --ltn__box-shadow-6: 0 0 25px 2px rgba(93, 93, 93, 0.2);
    --ltn__box-shadow-7: 0 0 10px 0px rgba(93, 93, 93, 0.2);
    --black: #000000;
    --black-2: #22355B;
    --white: #fff;
    --white-2: #F2F6F7;
    --white-3: #e8edee;
    --white-4: #e6ecf0;
    --white-5: #f0f4f7;
    --white-6: #f1f1f1;
    --white-7: #F7F7F7;
    --white-8: #FAFAFA;
    --white-9: #F2F7FA;
    --white-10: #EDEDED;
    --red: #FF0000;
    --red-2: #f34f3f;
    --red-3: #DB483B;
    --silver: #C0C0C0;
    --gray: #808080;
    --maroon: #800000;
    --yellow: #FFFF00;
    --olive: #808000;
    --lime: #00FF00;
    --green: #77C720;
    --green-2: #008000;
    --aqua: #00FFFF;
    --teal: #008080;
    --blue: #0000FF;
    --navy: #000080;
    --fuchsia: #B13BFF;
    --purple: #800080;
    --pink: #FFC0CB;
    --nude: #ebc8b2;
    --orange: #ffa500;
    --ratings: #FFB800;
    --facebook: #365493;
    --twitter: #3CF;
    --linkedin: #0077B5;
    --pinterest: #c8232c;
    --dribbble: #ea4c89;
    --behance: #131418;
    --google-plus: #dd4b39;
    --instagram: #e4405f;
    --vk: #3b5998;
    --wechat: #7bb32e;
    --youtube: #CB2027;
    --email: #F89A1E;
}
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.ltn__contact-address-item-3 .ltn__contact-address-icon {
    margin-bottom: 35px;
}
.ltn__contact-address-item-3 .ltn__contact-address-icon img {
    max-width: 80px;
}

.ltn__contact-address-item:hover {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
}

    /* 报价 */
    .quote {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .quote {
      font-family: Arial, sans-serif;
      background-color: #fff;
      color: #333;
/*      padding: 40px;*/
    }

    /* 表单整体容器 */
    .quote.bootstrap-frm {
      max-width: 1150px;
      margin: 0 auto;
      border: 1px solid #eee;
      padding: 30px;
      border-radius: 4px;
    }

    /* 标题样式 */
    .quote.bootstrap-frm h1 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 25px;
      display: flex;
      align-items: center;
      color: #fdb429;
    }
    
    .quote.bootstrap-frm h1::before {
      content: "";
      display: inline-block;
      width: 3px;
      height: 24px;
      background-color: #fdb429;
      margin-right: 10px;
    }

    /* 描述文本 */
    .quote.bootstrap-frm p {
      font-size: 14px;
      color: #666;
      margin-bottom: 24px;
      line-height: 1.5;
    }

    /* 表单行布局 */
    .quote.form-row {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -15px;
      margin-bottom: 20px;
    }

    /* 表单组 - 使用相对定位以容纳绝对定位的图标 */
    .quote.form-group {
      flex: 0 0 50%;
      max-width: 50%;
      padding: 0 15px;
      position: relative;
    }

    /* 占满一行的表单组 */
    .quote.form-group.full {
      flex: 0 0 100%;
      max-width: 100%;
    }

    /* 标签样式 - 隐藏原始标签 */
    .quote.bootstrap-frm label:not(.save-label) {
      display: none;
    }

    /* 输入框容器 - 用于包含输入框和图标 */
    .quote.input-container {
      position: relative;
      width: 100%;
    }

    /* 输入框、文本域通用样式 */
    .quote.bootstrap-frm input[type="text"],
    .quote.bootstrap-frm input[type="email"],
    .quote.bootstrap-frm textarea {
      width: 100%;
      padding: 12px 45px 12px 15px; /* 右侧预留图标空间 */
      border: 1px solid #dfe1e5;
      border-radius: 4px;
      font-size: 14px;
      color: #333;
      outline: none;
      transition: all 0.3s ease;
    }

    /* 图标样式 - 使用Font Awesome，显示在右上角 */
    .quote.input-icon {
      position: absolute;
      right: 15px; /* 右侧定位 */
      top: 50%;
      transform: translateY(-50%);
      color: #999;
      font-size: 16px;
      pointer-events: none; /* 避免点击图标影响输入 */
    }

    /* 文本域图标特殊处理 */
    .quote.form-group.full .input-icon {
      top: 24px; /* 文本域图标位置调整 */
      transform: none;
    }

    /* 输入框聚焦样式 */
    .quote.bootstrap-frm input[type="text"]:focus,
    .quote.bootstrap-frm input[type="email"]:focus,
    .quote.bootstrap-frm textarea:focus {
      border-color: #999;
      box-shadow: 0 0 0 2px rgba(253, 180, 41, 0.2);
    }

    /* 文本域样式 */
    .quote.bootstrap-frm textarea {
      min-height: 120px;
      resize: vertical;
    }

    /* 提交按钮样式 */
    .quote.bootstrap-frm .button {
      background-color: #fdc900;
      color: #fff;
      border: none;
      padding: 12px 30px;
      font-size: 14px;
      font-weight: bold;
      border-radius: 4px;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

    .quote.bootstrap-frm .button:hover {
      background-color: #fa6423;
    }
    

    /* 响应式适配 */
    @media (max-width: 768px) {
      .quote.form-group {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
      }
      
      .quote.form-row {
        margin-bottom: 0;
      }
      
      .quote {
        padding: 20px;
      }
      
      .quote.bootstrap-frm {
        padding: 20px;
      }
    }