* {
    margin: 0;
    padding: 0;
}

/* html,
body {
    overflow-x: hidden;
} */


a:hover {
    text-decoration: none !important;
}

ul,
li {
    list-style: none;
}

/* 商务通 */
.offline {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: rgb(241, 111, 27);
    text-align: center;
    position: fixed;
    bottom: 28%;
    right: 15px;
}

.icon-xiazai16-copy {
    font-size: 34px !important;
    color: #fff;
    line-height: 63px !important;
}

/* 头部 */
.nav .open>a {
    background-color: #fff !important;
}

.navbar-toggle:hover {
    background-color: #fff;
}

.navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #fff !important;
}

.navbar-default {
    background-color: #fff !important;
    border: none !important;
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
    height: 140px;
}

.navbar-toggle {
    height: 50px;
    border-color: #fff !important;
}

.header-top {
    text-align: end;
    margin-bottom: 15px;
}

.products-mobile {
    display: none;
}

.icon-dianhua {
    height: 59px;
    width: 8%;
    color: #fff;
    text-align: center;
    font-size: 30px !important;
    display: inline-block;
    background: #044055;
    padding-top: 6px;
}

@media(max-width:768px) {
    .icon-dianhua {
        color: #044055;
        font-size: 34px !important;
        float: left;
        background-color: #fff;
        margin-left: 13px;
        margin-top: 4px;
    }
}

.top-tel {
    height: 59px;
    width: 20%;
    display: inline-block;
    background: #022E3D;
    padding-top: 15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin-left: -4px;
    margin-right: 10px;
}

.top-quote {
    background: linear-gradient(90deg, #F16F1B 0%, #DB8925 100%);
    height: 59px;
    width: 17%;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    padding-top: 20px;
    color: #fff !important;
    text-decoration: none;
}

.header-nav {
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
}

.navbar-right {
    font-size: 20px;

}

.dropdown-toggle {
    color: #333;
}

.dropdown-toggle:hover {
    color: #333;
}

.dropdown-menu>li>a {

    height: 80px;
    font-size: 18px;
    padding-top: 30px !important;
    margin: -5px 0px;
}

.dropdown-menu>li>a:hover {
    color: #fff !important;
    background: linear-gradient(90deg, #F16F1B 0%, #DB8925 100%) !important;
}

.products {
    width: 100vw;
    height: 510px;
    position: absolute !important;
    left: -685px !important;
    margin-top: 10px !important;
    border: none !important;
    background-color: #f4f4f4 !important;
}

.services {
    width: 100vw;
    height: 510px;
    position: absolute !important;
    left: -873px !important;
    margin-top: 10px !important;
    border: none !important;
    background-color: #f4f4f4 !important;
}

.products-mobile,
.services-mobile {
    display: none !important;
}

.menu-title {
    color: #F16F1B;
    font-size: calc(1.22031vw + 19.78635px);
    line-height: calc(0.05357vw + 1.05714em);
    margin-left: 35px;
    margin-top: 50px
}

.menu-text {
    font-family: "Nunito Sans", sans-serif;
    font-size: 18px;
    color: #454849;
    line-height: 2;
    margin-left: 35px;
    margin-top: 15px
}

.menu-list {
    opacity: 0.85;
    background: #022E3D;
    height: 210px;
    border: 1px solid #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: relative;
    padding-bottom: 30px;
}

.menu-list:hover {
    background-color: rgb(243, 133, 61);
}

.boxed-title {
    color: #fff;
    font-size: 26px;
}

.boxed-title::after {
    background-color: #F16F1B;
    height: 5px;
    width: 100px;
    color: #fff;
    position: absolute;
    display: block;
    content: '';
    left: 35%;
}

.boxed-title:hover {
    color: #fff;
    text-decoration: none;
}

.menu-item {
    margin-top: 20px;
}

.service-title {
    color: #F16F1B;
    font-size: 20px;
    margin-top: 45px;
}

.hr {
    border-bottom: 1px solid;
    height: 1px;
}

.service-text a {
    font-size: 22px;
    color: #000;
    line-height: 2;
}

.service-text a:hover {
    color: #000;
    text-decoration: none;
}

.logo {
    width: 250px;
    margin: 20px 40px;
}




/* 底部 */
.footer {
    background: #f4f4f4;
    padding-top: 20px;
    padding-left: 20px;
    /* height: 300px; */

}

.footerTel {
    display: none;
}

.dotted {
    border-bottom: 2px dotted #ccc;
    padding: 20px 0px;
}

.footer-title {
    text-transform: uppercase;
    font-size: 22px;
}

.footer-list a {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 2;
}

.footer-list a:hover {
    color: #F16F1B;
    text-decoration: none;
}

.footer-icon .iconfont {
    font-size: 30px !important;
}

.footerMobile {
    display: none;
}

.footer-copyright {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: right;
    font-size: 16px;
}


@media(max-width:768px) {
    .logo {
        margin: -3px;
        width: 200px;
        margin-left: -5px;
    }

    .header-top {
        display: none;
    }

    .products-PC,
    .services-PC {
        display: none !important;
    }

    .products-mobile,
    .services-mobile {
        display: block !important;
    }

    .navbar-default {
        height: auto;
    }

    .navbar-right {
        background: -webkit-gradient(linear, left top, right top, from(#F16F1B), to(#DB8925));
    }

    .dropdown-toggle {
        color: #fff !important;
        height: 50px;
        margin-top: 20px;
        border-bottom: 1px solid rgba(224, 224, 224, 0.3);
    }

    .dropdown-menu {
        background: #022E3D !important;
    }

    .dropdown-menu>li>a {
        color: #fff !important;
        border-bottom: 1px solid rgba(224, 224, 224, 0.3);
    }

    .navbar-nav>.open>a:hover {
        background: -webkit-gradient(linear, left top, right top, from(#F16F1B), to(#DB8925));

    }

    .main {
        height: 250px;
    }

    .footer {
        padding: 0;
    }

    .footerPC {
        display: none;
    }

    .footer-title {
        border-bottom: 2px dotted #ccc;
        line-height: 3;
        /* border: 1px solid red; */
    }

    .footer-list {
        display: none;
    }
  
    .icon-arrow-right {
        float: right;
        margin-top: -8px;
        font-size: 26px !important;
    }

    .footerTel {
        display: block;
    }
}

/* banner */
.managers {
    padding: 0px !important;
    margin-top: -20px !important;
}

.manager_banner {
    background-image: url(/static/images/manager_banner.jpg);
    height: 240px;
    text-align: center;
    padding-top: 45px;
}

.manager_banner p {
    color: #F16F1B;
    font-size: 3rem;
    font-weight: 100;
}

.manager_banner h1 {
    font-size: calc(3.73301vw + 27.78525px);
    color: #fff;
}

.manager-desc {
    font-family: "Nunito Sans", sans-serif;
    font-size: 19px;
    height: 150px;
    padding-top: 50px;
    text-align: center;
}

@media(max-width:768px) {
    .news-link {
        padding: 30px !important;

    }
}

/* 谈谈锅炉 */

.talk {
    height: 123px;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    background: linear-gradient(90deg, #F16F1B 0%, #DB8925 100%);
}

.talk:hover {
    background: linear-gradient(90deg, #DB8925 0%, #F16F1B 100%);
}
.talk-title{
    width: 100%;
    display: block;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.talk-us {
    text-align: center;
    color: #fff !important;
    font-size: calc(0.61788vw + 19.0817px);
}

.talk-title:hover {
    text-decoration: none;
}

/* banner下面文字以及案例 */
.case {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(800px + 2rem);
    padding: 4vw 1em;
}

.case-desc {
    line-height: calc(-0.07143vw + 2.05714em);
    font-family: "Nunito Sans", sans-serif;
    font-size: 18px;
}



.case-item {
    width: 43%;
}

.case-item:hover {
    opacity: 0.6
}

.case-item:hover .case-title {
    color: #F16F1B;
    transition: color 0.3s ease;
}

.case-info {
    background: #fff;
    position: relative;
    top: -83px;
    width: 90%;
    left: 10%;
    padding: 15px;
}

.case-title {
    color: #000;
    font-size: calc(0.61788vw + 19.0817px);
    line-height: calc(0vw + 1.4em);
    margin: 0 0 0.5rem;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.case-text {
    font-size: 18px;
    color: #454849;
    line-height: calc(-0.07143vw + 2.05714em);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.case-more {
    color: #DB8925;
    text-transform: uppercase;
    font-size: 18px;
}
.icon-youjiantou {
    width: 5%;
    height: 40px;
    background: linear-gradient(90deg, #F16F1B 0%, #DB8925 100%);
    display: inline-block;
    text-align: center;
    position: relative;
    right: 1%;
    color: #fff;
    font-size: 24px !important;
    bottom: -4px;
    line-height: 40px;
}
@media(max-width:768px) {
    .icon-youjiantou {
        width: 15%;
        position: relative;
        right: 2%;
    }

    .case-item {
        width: 100%;
    }

    .case-info {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 15px;
    }
}

/* 相关文章 标题及横线*/
.related-title h2 {
    font-size: calc(1.22031vw + 19.78635px);
    line-height: calc(0.05357vw + 1.05714em);
    font-weight: bold;
    text-align: center;
    margin-bottom: 60px;
}

.related-title h2:after {
    display: block;
    width: 100px;
    height: 2px;
    margin: 1rem auto;
    content: '';
    background-color: #DB8925;

}