﻿@charset "utf-8";
:root{--color:#336699}
.home-t>span:nth-child(1){background-image:url(/js/36602/tit-l1.png)}
.home-t>span:nth-child(3){background-image:url(/js/36602/tit-r1.png)}
.about .home-t>span:nth-child(1){background-image:url(/js/36602/tit-l2.png)}
.about .home-t>span:nth-child(3){background-image:url(/js/36602/tit-r2.png)}
.details-tit,.news-t{background:rgb(51 102 153 / 10%)}
.about,.addToCart,.case-item-r,.case-item-tit span,.fshare a i,.hot-item-more,.hot-item-tit,.pages-list>div:hover a,.pdshow-r-btn a{color:#fff}
.case-more{border-color:#fff;color:#fff}
.case-more:hover{background:#fff}
.htags,.relatednews,.relatedpro{background:#f4f4f4}
.fcon,.fcon-text a,.maybe-item-more,.maybe-item-tit,.news-t-more:hover,.pdshow-r-btn a:hover{color:#fff}
.fcon-icon{color:#fff;background:var(--color);border-color:var(--color)}
.floatwindow_fd-img,.floatwindow_fd-main .floatwindow_online_service,.floatwindow_fd-main .floatwindow_top{background-color:var(--color)!important}
#jljw_IM_GdImBox .GdImMiniBox{background-color:var(--color)!important;background-image:url(/js/36602/gic-fuwu.png)!important}
#jljw_IM_GdImBox .GdImBox .bubbleList .topload{color:var(--color)!important}
.sendBox-left i.img{background-image:url(/js/36602/img.png)!important}
.sendBox-left i.file{background-image:url(/js/36602/fj.png)!important}
#jljw_IM_GdImBox .ifInput{background-color:#f9f3f3!important}
#jljw_IM_GdImBox .cbTitle{background-image:url(/js/36602/serhead-bg.png)!important}
.serhead{background-image:url(/js/36602/serhead.png)!important}
#jljw_IM_GdImBox .sendBox .sendBox-right{color:var(--color)!important;background-image:url(/js/36602/send.png)!important}
p.tname{font-weight:700;font-size:18px;margin-left:14px;max-width:65%;}
.logo{max-width:inherit;height:100%}
.logo img{height:100%;max-height:80px}
header>.container{max-width:1500px;padding:0 10px}
.mob-box{width:auto}
nav{padding-right:15px}
.nav>li{padding:0 8px}
header{padding:5px 0}
.hot-item-tit{text-align:center}
@media (max-width:1550px){p.tname{font-size:16px}
.nav>li>a{font-size:14px}}
@media (max-width:1350px){p.tname{display:none}}
.home-tit span{max-width:500px;display:block}
@media (max-width:768px){.hot .home-t>span:nth-child(1),.hot .home-t>span:nth-child(3){display:none}}
@media (min-width:1025px){.logo{max-width:inherit;justify-content: flex-start;}
header>.container{flex-wrap:nowrap}
header .mob-box{width:100%;}}