/*-----------------------------------------------------------*/

/*成都鑫福生缘建材有限公司*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/





/* Legacy theme stylesheet */

@charset "utf-8";



::-webkit-scrollbar {

    width: 12px;

    height: 12px;

    background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

    border-radius: 12px;

    background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

    border-radius: 12px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555;

}



 ::selection {

	background-color: #439bff;

	color: #fff;

}



::-moz-selection {

	background-color: #439bff;

	color: #fff;

}



::-webkit-selection {

	background-color: #439bff;

	color: #fff;

}



#wjdh-kefu .wjdh-kefu-tel p,

#wjdh-kefu .wjdh-kefu-tel img,

#wjdh-kefu .wjdh-kefu-erweima img{

    box-sizing: content-box;

}

* {

    padding: 0;

    margin: 0;

    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

    max-width: 1920px !important;

    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    margin: 0 auto !important;

    line-height: 1.5;

}

*:before, *:after {

    box-sizing: content-box;

}

:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    color: #333;

    text-decoration: none;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}



li,

ul {

    list-style-type: none;

}



img {

    border: none;

}

input,textarea {

    outline: 0;

    border: 0;

    resize: none;

}







h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}



.fixedNav {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 100000;

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop));

   box-shadow: 0px 10px 12px rgba(0,0,0,.1);

}







html{

        cursor: url(../../../templates/pc_wjdh/images/cur.png),

        default;

}



a{

   cursor: url(../../../templates/pc_wjdh/images/Acur.png),

   default ;

}



textarea{

    animation: animated 1s infinite;

    -moz-animation: animated 1s infinite;

    -webkit-animation: animated 1s infinite;

    -o-animation: animated 1s infinite;

 

}



input[type="text"]{

     animation: animated 1s infinite;

    -moz-animation: animated 1s infinite;

    -webkit-animation: animated 1s infinite;

    -o-animation: animated 1s infinite;

}

input[type="button"]

{

   cursor: url(../../../templates/pc_wjdh/images/Acur.png),

   default  !important;

}



input,button{

        outline: none;

}



@keyframes animated {

    0% {

        cursor: url('../images/Pcuro1.png'),

        auto;

    }



    8.8% {

        cursor: url('../images/Pcuro2.png'),

            auto;

    }



    17.6% {

        cursor: url('../images/Pcuro3.png'),

            auto;

    }



    26.4% {

        cursor: url('../images/Pcuro4.png'),

            auto;

    }



    35.2% {

        cursor: url('../images/Pcuro5.png'),

            auto;

    }



    44% {

        cursor: url('../images/Pcuro6.png'),

            auto;

    }



    52.8% {

        cursor: url('../images/Pcuro7.png'),

            auto;

    }



    61.6% {

        cursor: url('../images/Pcuro8.png'),

            auto;

    }



    70.4% {

        cursor: url('../images/Pcuro9.png'),

            auto;

    }



    79.2% {

        cursor: url('../images/Pcuro10.png'),

            auto;

    }



    88% {

        cursor: url('../images/Pcuro11.png'),

            auto;

    }



    100% {

        cursor: url('../images/Pcuro12.png'),

            auto;

    }



    

}







.wjdh-ico1,.wjdh-ico2{vertical-align: middle;}



.UrbansubstationBox {

    display: inline-block;

    position: relative;

}



.Urbansubstation {

    position: absolute;

    bottom: 40px;

    left: -50%;

    transform: translateX(-25%);

    background: #f8f8f8;

    width: 0;

    height: 0;

    overflow: hidden;

    box-sizing: border-box;

    line-height: 0;

    font-size: 0;

    border-radius: 10px;

    color: #333 !important;

}



.Urbansubstationfenzhan {

    height: 40px;

    line-height: 40px;

    font-weight: bold;

    font-size: 16px;

    display: block;

    text-align: center;

    color: #333 !important;

}



.UrbansubstationBoxCenter p {

    width: 94%;

    height: 100%;

    border: 1px dashed #e2e2e2;

    margin: 0 auto 10px;

    border-radius: 5px;

    line-height: 0 !important;

}



.UrbansubstationBoxCenter p a {

    text-align: left;

    position: relative;

    width: 100%;

    box-sizing: border-box;

    display: block;

    color: #666 !important;

    padding: 5px 10px 5px 30px;

    line-height: 26px !important;

    font-size: 16px;

    -webkit-transition: .5s;

    transition: .5s;

}



.UrbansubstationBox:hover .Urbansubstation {

    min-width: 160px;

    height: auto;

    background-color: #ffffff;

    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15);

    border-radius: 5px;

}



.Urbansubstation p a:hover::before {

    border-color: #439bff;

}



.Urbansubstation p a:hover::after {

    background: #439bff;

}



.Urbansubstation p a::after {

    content: "";

    width: 6px;

    height: 6px;

    background: #ddd;

    position: absolute;

    top: 16px;

    left: 15px;

    border-radius: 50%;

    -webkit-transition: .5s;

    transition: .5s;

}



.Urbansubstation p a::before {

    content: "";

    width: 14px;

    height: 14px;

    border: 1px solid #ddd;

    position: absolute;

    top: 11px;

    left: 10px;

    border-radius: 50%;

    -webkit-transition: .5s;

    transition: .5s;

}



.Urbansubstation p a:hover {

    transform: translateY(-2px);

    color: #439bff !important;

}





@media (min-width: 1200px){

    .container,dl-container {

        width: 1200px  !important;

    }

}





.clear{

    clear: both;

}





.header{

    width: 100%;

    margin: 0 auto;

    height: 1px;

}



/*top*/



.top_bg{

    width: 100%;

    margin: 0 auto;

    height: 120px;

    position: relative;

    z-index: 9;

    background: #fafafa;



}



.top_bg .top_con{

    width: 1300px;

    margin: 0 auto;

    height: 120px;

}



.top_bg .top_con .logo{

    float: left;

    margin-top: 30px;



}



.top_bg .top_con .logo img{

    display: block;

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 60px;

    object-fit: contain;

}


.top_bg .top_con .logo h1{

    display: flex;

    align-items: center;

    gap: 14px;

}



.top_bg .top_con .logo h1>a{

    display: flex;

    align-items: center;

    gap: 14px;

    text-decoration: none;

}



.top_bg .top_con .logo .brand_name{

    display: block;

    border-left: 1px solid #e0e0e0;

    padding-left: 14px;

}



.top_bg .top_con .logo .brand_name strong{

    display: block;

    font-size: 18px;

    line-height: 1.2;

    font-weight: bold;

    color: #222222;

    white-space: nowrap;

}



.top_bg .top_con .logo .brand_name span{

    display: block;

    margin-top: 4px;

    font-size: 10px;

    line-height: 1.2;

    letter-spacing: 0.5px;

    color: #888888;

    white-space: nowrap;

}






/*导航*/



.nav_bg{

    width: 940px;

    height: 120px;

    position: relative;

    z-index: 9;

    box-sizing: content-box;

    float: right;

}



.nav_bg .menu{

    position: relative;

    width: 940px;

    height: 120px;

    margin: 0 auto;

}



.nav_bg .menu>ul>li{

    float: left;

    box-sizing: content-box;

    height: 120px;

    width: 117px;

    text-align: center;

    position: relative;

    z-index: 5;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}





.nav_bg .menu>ul>li>a{

    display: block;

    text-align: center;

    font-size: 16px;

    color: #333333;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    position: relative;

    padding-top: 35px;

    box-sizing: content-box;



}



.nav_bg .menu>ul>li>a>i{

    display: block;

    font-size: 12px;

    color: #999999;

    text-transform: uppercase;

    margin-top: 3px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.nav_bg .menu>ul>li::after{

    position: absolute;

    left: 0px;

    top: 0px;

    content: "";

    z-index: -1;

    width: 100%;

    height: 0px;

    background: url(../../../templates/pc_wjdh/images/nav_hover.png) no-repeat  center;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}





.nav_bg .menu>ul>li:hover>a{

    color: #fff;

}



.nav_bg .menu>ul>li:hover>a>i{

    color: #fff;

}





.nav_bg .menu>ul>li:hover::after{

    height: 100%;

}





.nav_bg .menu>ul>li.another>a{

    color: #fff;

}



.nav_bg .menu>ul>li.another>a>i{

    color: #fff;

}



.nav_bg .menu>ul>li.another::after{

    height: 100%;

}





.nav_bg .sec{

    position: absolute;

    left: -1100px;

    top: 110%;

    background: #f8f8f8;

    width: 1300px;

    border-radius: 5px;

    padding: 0 30px;

    box-sizing: content-box;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.nav_bg .sec .ab_t{

    background: url(../../../templates/pc_wjdh/images/ab_title.png) no-repeat top left;

    width: 298px;

    height: 55px;

    margin-top: 55px;

    overflow: hidden;

}



.nav_bg .sec .ab_t h5 a{

    display: block;

    font-size: 24px;

    color: #333;

    font-weight: bold;

    text-align: left;

    line-height: 30px;

    margin-left: 75px;

}



.nav_bg .sec .ab_t h5 a i{

    font-size: 24px;

    color: #333;

    font-weight: bold;

    margin-left: 25px;

}



.nav_bg .sec .ab_t span{

    display: block;

    text-align: right;

    font-size: 12px;

    color: #999999;

    text-transform: uppercase;

    line-height: 30px;

    margin-top: 5px;

}



.nav_bg .sec .ab_list{

    height: 240px;

    margin: 65px auto 50px auto;

}



.nav_bg .sec .ab_list ul li{

    float: left;

    width: 375px;

    height: 240px;

    position: relative;

    background: #fff;

    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

    border-top-right-radius: 20px;

    border-bottom-left-radius: 20px;

    margin: 0 35px;

}



.nav_bg .sec .ab_list ul li:last-child{

    margin-right: 0;

}



.nav_bg .sec .ab_list ul li .ab_l{

    float: left;

    width: 245px;

    position: relative;

}



.nav_bg .sec .ab_list ul li .ab_l .pic{

    width: 270px;

    height: 170px;

    margin-top: -25px;

    margin-left: -28px;

    position: relative;

}



.nav_bg .sec .ab_list ul li .ab_l .pic img{

    width: 270px;

    height: 170px;

    border-top-right-radius: 25px;

    border-bottom-left-radius: 25px;

}



.nav_bg .sec .ab_list ul li .ab_l .txt{

    margin: 25px 0 0 35px;

}



.nav_bg .sec .ab_list ul li .ab_l .txt a{

    display: block;

    text-align: left;

    font-size: 20px;

    color: #439bff;

    font-weight: bold;

    line-height: 28px;

}



.nav_bg .sec .ab_list ul li .ab_l .txt a i{

    display: block;

    font-size: 14px;

    color: #999999;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;

}





.nav_bg .sec .ab_list ul li .more{

    float: left;

    margin-left: 40px;

    margin-top: 40px;

    position: relative;

}



.nav_bg .sec .ab_list ul li .more a{

    font-size: 14px;

    color: #999999;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;



}



.nav_bg .sec .ab_list ul li:hover .more a{

    color: #439bff;

}



.nav_bg .sec .ab_list ul li .more::after{

    position: absolute;

    content: "";

    left: 20px;

    top: 65px;

    width: 1px;

    height: 110px;

    background: #dedede;

}





.drop-down:hover .sec{

    top: 100%;

    opacity: 1;

    visibility: visible;

    filter: alpha(opacity=100);

}





.nav_bg .news{

    left: -900px;

}



.nav_bg .news .news_t{

    margin-top: 55px;

    overflow: hidden;

}



.nav_bg .news .news_t .news_title{


    width: 298px;

    height: 55px;

    overflow: hidden;

    float: left;

}



.nav_bg .news .news_t .news_title h5 a{

    display: block;

    font-size: 24px;

    color: #439bff;

    font-weight: bold;

    text-align: left;

    line-height: 30px;

    margin-left: 75px;

}



.nav_bg .news .news_t .news_title h5 a i{

    font-size: 24px;

    color: #439bff;

    font-weight: bold;

    margin-left: 25px;

}



.nav_bg .news .news_t .news_title span{

    display: block;

    text-align: right;

    font-size: 12px;

    color: #999999;

    text-transform: uppercase;

    line-height: 30px;

    margin-top: 5px;

}



.nav_bg .news .news_t .news_list{

    float: right;

    height: 33px;

    margin-top: 20px;

}



.nav_bg .news .news_t .news_list ul li{

    float: left;

    margin-left: 60px;

    background: url(../../../templates/pc_wjdh/images/nav_xt1.png) no-repeat  top left;

    width: 81px;

    height: 33px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.nav_bg .news .news_t .news_list ul li a{

    font-size: 16px;

    color: #439bff;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    line-height: 18px;

    margin-left: 15px;

}



.nav_bg .news .news_t .news_list ul li:hover{

    background: url(../../../templates/pc_wjdh/images/nav_xt2.png) no-repeat  top left;

}



.nav_bg .news .news_t .news_list ul li:hover a{

    color: #439bff;

}



.nav_bg .news .news_nr{

    margin: 35px auto 45px auto;

    background: #fff;

    border-radius: 8px;

    overflow: hidden;

    box-sizing: content-box;

    padding: 40px 0;

}



.nav_bg .news .news_nr ul li{

    float: left;

    width: 400px;

    height: 95px;

    border-bottom: 1px solid #dddddd;

    margin: 0 16px 40px 16px;

}



.nav_bg .news .news_nr ul li .txt{

    float: left;

    width: 305px;

    text-align: left;

}



.nav_bg .news .news_nr ul li .txt a{

    font-size: 16px;

    color: #666666;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    line-height: 30px;

    background: url(../../../templates/pc_wjdh/images/nav_buttom.png) no-repeat left center;

    padding-left: 30px;

    box-sizing: content-box;

    margin-top: -5px;

}



.nav_bg .news .news_nr ul li .txt p{

    font-size: 14px;

    color: #999999;

    line-height: 26px;

    height: 52px;

    overflow: hidden;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    margin-left: 30px;

    margin-top: 3px;

}



.nav_bg .news .news_nr ul li .time{

    float: right;

    width: 65px;

    height: 75px;

    background: #439bff;

    border-top-right-radius: 15px;

    border-bottom-left-radius: 15px;

    text-align: center;

} 



.nav_bg .news .news_nr ul li .time span{

    font-size: 30px;

    color: #fff;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 30px;

    display: block;

    margin-top: 12px;

}



.nav_bg .news .news_nr ul li .time p{

    font-size: 12px;

    color: #fff;

    line-height: 26px;

}



.nav_bg .news .news_nr ul li:hover .txt a{

    color: #439bff;

    margin-left: 5px;



}







.nav_bg .pro{

    left: -745px;

    padding-bottom: 50px;

    box-sizing: content-box;

}



.nav_bg .pro .pro_l{

    float: left;

    width: 300px;

}





.nav_bg .pro .pro_l .pro_title{

    margin-top: 55px;

    overflow: hidden;

}



.nav_bg .pro .pro_l .pro_title{

    background: url(../../../templates/pc_wjdh/images/pro_title.png) no-repeat top left;

    width: 298px;

    height: 55px;

    overflow: hidden;

}



.nav_bg .pro .pro_l .pro_title h5 a{

    display: block;

    font-size: 24px;

    color: #333;

    font-weight: bold;

    text-align: left;

    line-height: 30px;

    margin-left: 75px;

}



.nav_bg .pro .pro_l .pro_title h5 a i{

    font-size: 24px;

    color: #333;

    font-weight: bold;

    margin-left: 25px;

}



.nav_bg .pro .pro_l .pro_title span{

    display: block;

    text-align: right;

    font-size: 12px;

    color: #999999;

    text-transform: uppercase;

    line-height: 30px;

    margin-top: 5px;

}



.nav_bg .pro .pro_l h6{

    margin: 40px 0 25px 0;

    font-size: 14px;

    color: #666;

    line-height: 30px;

    text-align: left;

}



.nav_bg .pro .pro_l p{

    text-align: left;

    font-size: 14px;

    color: #666666;

    line-height: 48px;

}



.nav_bg .pro .pro_l p img{

    vertical-align: middle;

    margin-right: 20px;

}



.nav_bg .pro .pro_l .zx{

    width: 150px;

    height: 40px;

    line-height: 40px;

    background: #439bff;

    border-radius: 5px;

    margin-top: 30px;



}



.nav_bg .pro .pro_l .zx a{

    display: block;

    font-size: 14px;

    color: #fff;

    background: url(../../../templates/pc_wjdh/images/nav_buttom2.png) no-repeat 25px center;

    padding-left: 40px;

    box-sizing: content-box;

}



.nav_bg .pro .pro_r_list{

    float: right;

    width: 950px;

    margin-top: 55px;

} 



.nav_bg .pro .pro_r_list .hd{

    width: 950px;

    height: 55px;

    line-height: 55px;

    background: #fff;

    border-top-right-radius: 15px;

    border-bottom-left-radius: 15px;

    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

}



.nav_bg .pro .pro_r_list .hd ul li{

    float: left;

    width: 100px;


    padding: 0 29px;

    text-align: center;

    box-sizing: content-box;

}



.nav_bg .pro .pro_r_list .hd ul li a{

    font-size: 14px;

    color: #666;

    text-align: center;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.nav_bg .pro .pro_r_list .hd ul li.on a{

    border-bottom: 1px solid #439bff;

    color: #439bff;



}





.nav_bg .pro .pro_r_list .bd{

    margin: 40px auto 0 auto;

}



.nav_bg .pro .pro_r_list .bd ul li{

    width: 950px;

}



.nav_bg .pro .pro_r_list .bd ul li dl{

    float: left;

    width: 300px;

    margin-right: 25px;



}



.nav_bg .pro .pro_r_list .bd ul li dl:last-child{

    margin-right: 0;

}



.nav_bg .pro .pro_r_list .bd ul li dl dt{

    width: 298px;

    height: 238px;

    background: #ffffff;

    border: 1px solid #dddddd;

    border-radius: 5px;

}



.nav_bg .pro .pro_r_list .bd ul li dl dt img{

    width: 290px;

    height: 230px;

    border-radius: 5px;

    margin: 4px;

}



.nav_bg .pro .pro_r_list .bd ul li dl dd{

    width: 268px;

    height: 48px;

    line-height: 48px;

    background: #ffffff;

    border: 1px solid #dddddd;

    border-radius: 5px;

    padding: 0 15px;

    box-sizing: content-box;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    margin-top: 10px;

}



.nav_bg .pro .pro_r_list .bd ul li dl dd h5 a{

    float: left;

    width: 200px;

    font-size: 16px;

    color: #666666;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-align: left;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    line-height: 48px;

}



.nav_bg .pro .pro_r_list .bd ul li dl dd .more{

    float: right;


    width: 20px;

    height: 17px;

    margin-top: 20px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.nav_bg .pro .pro_r_list .bd ul li dl:hover dd{

    background: #439bff;

    border: 1px solid #439bff;

}



.nav_bg .pro .pro_r_list .bd ul li dl:hover dd h5 a{

    color: #fff;

}



.nav_bg .pro .pro_r_list .bd ul li dl:hover dd .more{

    background: url(../../../templates/pc_wjdh/images/nav_buttom3.png) no-repeat  center;

}



.fixedNav {

    margin: 0 auto;

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    background: #fff;

    z-index: 100000;

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop));

   box-shadow: 0px 10px 12px rgba(0,0,0,.1);

}





/*footer*/



.footer_bg{

    width: 100%;

    margin: 0px auto 0 auto;

    background: url(../../../templates/pc_wjdh/images/footer_bg.jpg) no-repeat  center;

    height: 489px;

    overflow: hidden;

    position: relative;

  }

  

  .footer_bg .footer{

    width: 1300px;

    margin: 0px auto 0 auto;

    height: 419px;

    padding-top: 10px;

    box-sizing: content-box;

    overflow: hidden;

  }



  .footer_bg .footer .f_l{

      float: left;

      width: 300px;

      margin: 30px 0 0  30px;

  }



  .footer_bg .footer .f_l .title{

      height: 50px;

      box-sizing: content-box;

      padding-top: 15px;

    }



  .footer_bg .footer .f_l .title h3{

    font-size: 20px;

  }



  .footer_bg .footer .f_l .title h3 i{

      letter-spacing: 0px;

      font-size: 30px;

      top: 3px;

      margin-right: 8px;

  }



  .footer_bg .footer .f_l .f_cont{

      margin-top: 40px;

  }



  .footer_bg .footer .f_l .f_cont ul li{

      overflow: hidden;

      width: 300px;

      margin-bottom: 45px;



  }



  .footer_bg .footer .f_l .f_cont ul li img{

      display: block;

      float: left;

      margin-right: 10px;

      margin-top: 5px;

      width: 40px;

      height: 40px;

  }



  .footer_bg .footer .f_l .f_cont ul li p{

      float: left;

      width: 250px;

      font-size: 16px;

      color: #333;

  }



  .footer_bg .footer .f_l .f_cont ul li p span{

      display: block;

      font-size: 14px;

      color: #999999;

      margin-bottom: 2px;

  }



  .footer_bg .footer .f_r{

      float: right;

      width: 890px;

      position: relative;

  } 

  

  .footer_bg .footer .f_r .links{

      position: absolute;

      left: 0px;

      top: 25px;

      height: 55px;

      overflow: hidden;



  }



  .footer_bg .footer .f_r .links .links_t{

    background: url(../../../templates/pc_wjdh/images/links.png) no-repeat left bottom;

    width: 100px;

    height: 40px;

    float: left;

  }



  .footer_bg .footer .f_r .links .links_t i{

      display: block;

      font-size: 16px;

      color: #439bff;

      font-family: "simsun";

      margin-left: 20px;

      margin-top: 3px;

  }



  .footer_bg .footer .f_r .links .yq{

      float: right;

      width: 780px;

      margin-top: 10px;

  } 



  .footer_bg .footer .f_r .links .yq a{

      margin: 0 10px;

      font-size: 16px;

      color: #333333;

      background: url(../../../templates/pc_wjdh/images/buttom6.png) no-repeat right center;

      padding: 0 10px;

      box-sizing: content-box;

  }



  .footer_bg .footer .f_r .f_fl{

      margin-top: 180px;

  }



  .footer_bg .footer .f_r .f_fl .f_fl_nr{

      float: left;

      width: 690px;

  }



  .footer_bg .footer .f_r .f_fl .f_fl_nr dl{

      float: left;

      width: 160px;

      margin-right: 16px;

  }



  .footer_bg .footer .f_r .f_fl .f_fl_nr dl:last-child{

      margin-right: 0;

  }



  .footer_bg .footer .f_r .f_fl .f_fl_nr dl span{

      display: block;

      width: 25px;

      height: 80px;

      border-right: 1px solid #585755;

      font-size: 12px;

      color: #fff;

      font-weight: bold;

      font-family: 'Times New Roman', Times, serif;

      text-transform: uppercase;

      opacity: 0.5;

      writing-mode: tb-rl;

      float: left;

      line-height: 35px;

  }



  .footer_bg .footer .f_r .f_fl .f_fl_nr dl .nr{

      float: left;

      margin-left: 10px;

      width: 124px;

  }



  .footer_bg .footer .f_r .f_fl .f_fl_nr dl dt{

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    background: url(../../../templates/pc_wjdh/images/f_xt.png) no-repeat left bottom;

    height: 38px;

    position: relative;

    margin-top: -5px;

    margin-bottom: 10px;

  }



  .footer_bg .footer .f_r .f_fl .f_fl_nr dl dd a{

    font-size: 14px;

    color: #ffffff;

    line-height: 36px;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    overflow: hidden;

    display: block;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    opacity: 0.6;

  }



  .footer_bg .footer .f_r .f_fl .f_fl_nr dl dd a:hover{

    transform: translateX(10px);

    -webkit-transform: translateX(10px);

    -o-transform: translateX(10px);

    opacity: 1;

}





  .footer_bg .footer .f_r .f_fl .ewm{

      float: right;

      background: url(../../../templates/pc_wjdh/images/ewm_bg.png) no-repeat center;

      width: 144px;

      height: 144px;

  } 



  .footer_bg .footer .f_r .f_fl .ewm img{

      width: 120px;

      height: 120px;

      margin: 11px;



  }



  .footer_bg .end{

    width: 1300px;

    margin: 0px auto 0 auto;

    height: 60px;

    line-height: 60px;

    font-size: 14px;

    color: #333333;

  }



  .footer_bg .end a{

    font-size: 14px;

    color: #333333;

  }



/* Xinfu Shengyuan publishing polish */
.message,
.proMessage,
.scan,
.bshare-custom,
#qrcode {
  display: none !important;
}

.footer_bg .end {
  box-sizing: border-box;
  padding: 14px 20px;
  line-height: 1.65;
  text-align: center;
}

#honorBox1 .image-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#honorBox1 .image-list > li {
  float: none;
}

.newsPageBoxCenterText img[src*='business-license.jpg'] {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  max-height: 920px;
  margin-right: auto;
  margin-left: auto;
}

.proListCenterBpx,
.caseBox li,
.honorBox .cover {
  transition: transform 260ms cubic-bezier(.22, 1, .36, 1), box-shadow 260ms cubic-bezier(.22, 1, .36, 1);
}

.proListCenter1d img,
.caseBox li img,
.honorBox .cover img {
  transition: transform 520ms cubic-bezier(.22, 1, .36, 1);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(67, 155, 255, .55);
  outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
  .proListCenterBpx:hover,
  .caseBox li:hover,
  .honorBox .cover:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 34px rgba(32, 50, 72, .13);
  }

  .proListCenterBpx:hover .proListCenter1d img,
  .caseBox li:hover img,
  .honorBox .cover:hover img {
    transform: scale(1.025);
  }
}

@media (max-width: 767px) {
  .footer_bg .end {
    padding: 12px 16px;
    font-size: 12px;
  }

  #honorBox1 .image-list > li {
    width: min(100%, 380px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

  .footer_bg .end img{
      vertical-align: middle;

  }

/* ===== xfsy consult band ===== */
.xfsy-consult{ box-sizing: border-box; text-align: left; }

.xfsy-consult *{ box-sizing: border-box; }

.xfsy-consult_hd h3{ margin: 0; font-size: 26px; font-weight: bold; color: #163e61; line-height: 1.4; }

.xfsy-consult_hd span{ display: block; font-size: 13px; color: #8aa2b5; letter-spacing: 1px; text-transform: uppercase; }

.xfsy-consult_list{ margin: 0; padding: 0; list-style: none; overflow: hidden; }

.xfsy-consult_list li{ float: left; width: 50%; padding: 12px 20px 12px 0; line-height: 1.6; }

.xfsy-consult_list li.xfsy-consult_wide{ float: none; width: 100%; clear: both; }

.xfsy-consult_ico{ display: inline-block; width: 22px; margin-right: 8px; vertical-align: middle; }

.xfsy-consult_ico img{ display: block; max-width: 100%; height: auto; }

.xfsy-consult_list em{ display: inline-block; margin-right: 10px; font-style: normal; font-size: 14px; color: #8a9aa6; vertical-align: middle; }

.xfsy-consult_list strong{ display: inline-block; font-size: 17px; font-weight: bold; color: #245070; vertical-align: middle; }

.xfsy-consult_act{ clear: both; padding-top: 14px; }

.xfsy-consult_btn{ display: inline-block; min-width: 150px; height: 46px; line-height: 46px; margin: 8px 14px 0 0; padding: 0 24px; border: 1px solid #d5e4f2; border-radius: 3px; color: #245070; font-size: 16px; text-align: center; }

.xfsy-consult_btn:hover{ border-color: #439bff; color: #439bff; }

.xfsy-consult_btn_main{ background: #439bff; border-color: #439bff; color: #fff; }

.xfsy-consult_btn_main:hover{ background: #2d84e6; border-color: #2d84e6; color: #fff; }

/* home page band: mirrors the 1300px rhythm of the old .message block */
.xfsy-consult_home{ width: 1300px; margin: 80px auto 0; overflow: hidden; }

.xfsy-consult_home .xfsy-consult_hd{ float: left; width: 200px; padding-top: 25px; }

.xfsy-consult_home .xfsy-consult_hd span{ font-size: 30px; font-weight: bold; color: #333; letter-spacing: 0; }

.xfsy-consult_home .xfsy-consult_hd h3{ font-size: 22px; color: #666; font-weight: normal; }

.xfsy-consult_home .xfsy-consult_bd{ float: right; width: 1030px; padding: 24px 30px; background: linear-gradient(135deg, #eef7ff, #fff); border: 1px solid #dcecff; }

/* product detail band */
.xfsy-consult_center{ max-width: 1200px; margin: 40px auto 0; padding: 30px 40px; background: linear-gradient(135deg, #eef7ff, #fff); border: 1px solid #dcecff; }

.xfsy-consult_center .xfsy-consult_hd{ margin-bottom: 6px; text-align: center; }

.xfsy-consult_center .xfsy-consult_act{ text-align: center; }

/* product centre column */
.xfsy-consult_inline{ padding: 26px 30px; background: rgba(255,255,255,.92); border: 1px solid #e3e3e3; }

.xfsy-consult_inline .xfsy-consult_list li{ float: none; width: 100%; padding: 9px 0; }

/* hot product panel */
.xfsy-consult_panel{ padding: 26px 30px; background: rgba(255,255,255,.92); border: 1px solid #e3e3e3; }

.xfsy-consult_panel .xfsy-consult_hd h3{ color: #444; }

.xfsy-consult_panel .xfsy-consult_btn_main{ background: #444; border-color: #444; }

.xfsy-consult_panel .xfsy-consult_btn_main:hover{ background: #222; border-color: #222; }

@media screen and (max-width: 1340px){
  .xfsy-consult_home{ width: 100%; padding: 0 20px; }
  .xfsy-consult_home .xfsy-consult_hd,
  .xfsy-consult_home .xfsy-consult_bd{ float: none; width: 100%; }
  .xfsy-consult_home .xfsy-consult_bd{ margin-top: 16px; }
}

@media screen and (max-width: 767px){
  .xfsy-consult_list li{ float: none; width: 100%; }
  .xfsy-consult_btn{ display: block; margin-right: 0; }
}

/* ===== xfsy map card (replaces the dead baidu route widget) ===== */
.wjdh-map > #r-result,
.wjdh-map > #wmap{ display: none !important; }

.xfsy-map-card{ display: flex; align-items: center; gap: 18px; width: 100%; height: 100%; min-height: 220px; padding: 32px 38px; box-sizing: border-box; background: linear-gradient(135deg, #eef7ff, #fff); border: 1px solid #dcecff; color: #245070; text-align: left; }

.xfsy-map-card strong{ display: block; color: #163e61; font-size: 22px; margin-bottom: 12px; }

.xfsy-map-card p{ margin: 0 0 12px; line-height: 1.8; }

.xfsy-map-card a{ color: #2486db; font-weight: bold; }

.xfsy-map-pin{ display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: #439bff; color: #fff; font-size: 34px; flex: none; }

/* ===== xfsy hot keyword strip (replaces the dead search box) ===== */
.xfsy-hotkey{ float: right; width: 300px; height: 50px; line-height: 48px; text-align: right; overflow: hidden; }

.xfsy-hotkey a{ display: inline-block; height: 30px; line-height: 28px; margin-left: 10px; padding: 0 14px; border: 1px solid #d9ebff; border-radius: 15px; font-size: 13px; color: #439bff; vertical-align: middle; }

.xfsy-hotkey a:hover{ background: #439bff; border-color: #439bff; color: #fff; }

/* ===== Òƶ¯¶Ëµ¼º½£¨¡Ü992px£¬º¬Æ½°åÊúÆÁ/ÊÖ»ú£© ===== */
.m-nav-toggle{ display:none; }
.m-nav-mask{ display:none; }

@media (max-width: 992px){
  body.m-nav-open{ overflow:hidden; }

  /* ºº±¤°´Å¥£º×¢Èë .top_bg ÄÚ£¬fixed ÓÒÉÏ½Ç */
  .m-nav-toggle{
    display:block; position:fixed; top:12px; right:14px; z-index:100012;
    width:40px; height:40px; padding:9px 8px; margin:0;
    background:#fff; border:1px solid #e5e5e5; border-radius:6px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
    cursor:pointer; -webkit-tap-highlight-color:transparent;
  }
  .m-nav-toggle span{
    display:block; width:22px; height:2px; margin:5px auto;
    background:#333; border-radius:2px;
    transition:transform .25s ease, opacity .25s ease;
  }
  .m-nav-toggle.is-open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .m-nav-toggle.is-open span:nth-child(2){ opacity:0; }
  .m-nav-toggle.is-open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

  /* ¶¥²¿ÌõѹËõ */
  .top_bg, .top_bg .top_con{ height:64px; }
  .top_bg .top_con{ width:100%; }
  .top_bg .top_con .logo{ margin-top:8px; }
  .top_bg .top_con .logo img{ max-height:46px; }
  .top_bg .top_con .logo .brand_name{ padding-left:10px; }
  .top_bg .top_con .logo .brand_name strong{ font-size:15px; }
  .top_bg .top_con .logo .brand_name span{ display:none; }

  /* ×ÀÃæ²Ëµ¥ ¡ú ÓÒ²à³éÌë */
  .nav_bg{
    position:fixed; top:0; right:0; bottom:0;
    width:min(85vw, 360px); height:100%;
    float:none; margin:0; padding:64px 0 30px;
    background:#fff; box-sizing:border-box;
    overflow-y:auto; -webkit-overflow-scrolling:touch;
    transform:translateX(105%); visibility:hidden;
    transition:transform .3s ease, visibility .3s;
    z-index:100011;
    box-shadow:-6px 0 20px rgba(0,0,0,.12);
  }
  body.m-nav-open .nav_bg{ transform:translateX(0); visibility:visible; }

  .nav_bg .menu{ width:100%; height:auto; }
  .nav_bg .menu>ul>li{
    float:none; width:100%; height:auto; text-align:left;
    border-bottom:1px solid #f0f0f0;
  }
  .nav_bg .menu>ul>li>a{
    padding:14px 22px; font-size:15px; text-align:left;
    display:flex; align-items:center; justify-content:space-between;
  }
  .nav_bg .menu>ul>li>a i{ margin-left:10px; font-size:11px; }
  .nav_bg .menu>ul>li::after{ display:none; }
  .nav_bg .menu>ul>li:hover>a,
  .nav_bg .menu>ul>li.another>a{ background:transparent; color:#333; }

  /* ×Ӳ˵¥£ºÄ¬ÈÏÊÕÆ𣬵ã»÷Õ¹¿ª */
  .nav_bg .sec{
    position:static; left:auto; top:auto; width:100%;
    max-height:0; padding:0 22px; opacity:1; visibility:visible;
    overflow:hidden; box-sizing:border-box;
    transition:max-height .3s ease;
    background:#fafafa; border-radius:0; box-shadow:none;
  }
  .nav_bg .menu>ul>li.open>.sec{ max-height:1200px; padding:10px 22px 16px; }
  .nav_bg .menu>ul>li:hover .sec,
  .nav_bg .menu>ul>li:hover>a i{ opacity:1; visibility:visible; }
  .nav_bg .sec .ab_t{ width:auto; height:auto; margin:8px 0 10px; background:none; }
  .nav_bg .sec .ab_t h5 a{ font-size:18px; }
  .nav_bg .sec .ab_t span{ display:none; }
  .nav_bg .sec .ab_list ul li{ float:none; width:100%; margin-bottom:10px; }
  .nav_bg .sec .ab_list ul li:last-child{ margin-bottom:0; }
  .nav_bg .sec .ab_list ul li .ab_l .pic{ width:56px; height:56px; }
  .nav_bg .sec .ab_list ul li .ab_l .pic img{ width:100%; height:100%; }
  .nav_bg .sec .ab_list ul li .ab_l .txt{ margin-left:8px; }
  .nav_bg .sec .ab_list ul li .ab_l .txt a{ font-size:14px; }
  .nav_bg .sec .ab_list ul li .more{ display:none; }

  /* ²úÆ·´óÏÂÀ­£ºÊÖ»úÉÏÖ»±£Áô·ÖÀàÁ´½Ó */
  .nav_bg .sec.pro .pro_l{ display:none; }
  .nav_bg .sec.pro .pro_r_list{ width:100%; }
  .nav_bg .sec.pro .pro_r_list .hd ul li{ float:none; width:100%; text-align:left; }
  .nav_bg .sec.pro .pro_r_list .bd{ display:none; }
  .nav_bg .sec.pro .pro_r_list .hd ul li a{ font-size:14px; padding:8px 0; }

  /* ÕÚÕÖ */
  .m-nav-mask{
    display:block; position:fixed; inset:0; z-index:100010;
    background:rgba(0,0,0,.45); opacity:0; visibility:hidden;
    transition:opacity .3s ease;
  }
  body.m-nav-open .m-nav-mask{ opacity:1; visibility:visible; }
}

/* ===== ÊÖ»ú£¨¡Ü767px£©Ê×ҳģ¿éÊÊÅä ===== */
@media (max-width: 767px){
  .banner_box{ height:auto; padding-bottom:14px; }
  .fullSlide, .fullSlide .bd, .fullSlide .bd ul, .fullSlide .bd li,
  .fullSlide .bd li a{ height:210px !important; }
  .fullSlide .bd{ width:100%; border-bottom-right-radius:30px; }
  .fullSlide .bd li{ border-bottom-right-radius:30px; }
  .banner_box .trait_box{ display:none; }

  .product .pro_l{ width:100%; float:none; }
  .product .pro_r{ width:100%; float:none; margin-left:0; }
  .product .pro_l .pro_con ul li{ float:left; width:50%; box-sizing:border-box; }
  .product .pro_r .pro_box ul li{ width:48%; margin:1%; }
  .product .pro_r .pro_box ul li .txt h5 a{ font-size:13px; }
  .xfsy-hotkey{ float:none; width:auto; height:auto; text-align:left; margin:6px 0 0; line-height:1.8; }
  .product .pro_r .pro_tab{ position:relative; padding-right:0; }
  .product .pro_r .pro_tab h5{ position:static; float:none; }

  .ys_bg .ys .ys_box .bd ul li{ width:100%; float:none; margin-bottom:18px; }
  .ys_bg .ys .ys_box .bd ul li .ys_img{ float:none; width:100%; margin:10px 0 0; }
  .ys_bg .ys .ys_box .bd ul li .ys_img img{ width:100%; height:auto; }

  .case .case_box{ width:100%; float:none; }
  .case .case_show ul li{ width:48%; margin:1%; }
  .case .case_show ul li .pic{ height:auto; }
  .case .case_show ul li .pic img{ width:100%; height:auto; }
  .case .case_box .pic img{ width:100%; height:auto; }

  .news .news_box .news_l{ width:100%; float:none; margin-right:0; }
  .news .news_box .news_r{ width:100%; float:none; margin-left:0; }
  .news .news_box .news_l ul li .news_img{ width:30%; }
  .news .news_box .news_l ul li .news_img img{ width:100%; height:auto; }
  .news .news_box .news_l ul li dl{ margin-left:10px; }
  .news .news_box .news_r{ margin-top:16px; }
  .news .news_box .news_r ul li .txt_on{ position:static; }

  .ab_bg .about .ab_l{ width:100%; float:none; margin-right:0; }
  .ab_bg .about .ab_img{ width:100%; float:none; margin-left:0; margin-top:16px; }
  .ab_bg .about .ab_l .ry{ display:none; }

  .banner_1 .cont{ padding:24px 16px; }
  .banner_1 .cont h5{ font-size:18px; }
  .footer_bg{ height:auto; padding-bottom:20px; }
  .footer_bg .footer{ width:100%; height:auto; padding:10px 16px 0; box-sizing:border-box; }
  .footer_bg .footer .f_l{ width:100%; float:none; margin:20px 0 0; }
  .footer_bg .footer .f_r{ width:100%; float:none; margin:16px 0 0; }
  .footer_bg .footer .f_r .links{ width:100%; float:none; margin:0 0 16px; }
  .footer_bg .footer .f_r .f_fl{ width:100%; float:none; margin:0; }
  .footer_bg .footer .f_r .f_fl .f_fl_nr dl{ float:left; width:48%; margin-bottom:12px; }
  .footer_bg .end{ padding:12px 16px; font-size:12px; }
}

/* ===== 中英语言切换按钮 (Language Switcher) ===== */
.lang-switch{ position:fixed; top:14px; right:14px; z-index:9999; font-size:0; }
.lang-switch a{ display:inline-block; padding:5px 14px; font-size:13px; line-height:20px;
  border:1px solid rgba(67,155,255,.6); border-radius:20px; color:#439bff; background:rgba(255,255,255,.95);
  text-decoration:none; box-shadow:0 1px 4px rgba(0,0,0,.12); transition:all .2s; font-family:Arial,Helvetica,sans-serif; }
.lang-switch a:hover{ background:#439bff; color:#fff; }
@media (max-width:767px){
  .lang-switch{ top:8px; right:8px; }
  .lang-switch a{ padding:3px 10px; font-size:12px; }
}