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



/*copyright by 动力无限  www.btoe.cn*/



/*邮箱 btoe@btoe.cn*/



/*相助电话 400-0599-360*/



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



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











/*Generated by wjdhcms 3.0 */



@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: #2688db;



	color: #fff;



}







::-moz-selection {



	background-color: #2688db;



	color: #fff;



}







::-webkit-selection {



	background-color: #2688db;



	color: #fff;



}







#wjdh-kefu .wjdh-kefu-qq p,



#wjdh-kefu .wjdh-kefu-qq a,



#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 { 



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



    color: #333;



    margin: 0; 



    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;



}







.webqq_ewm{box-sizing: content-box;}











.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_cn/images/cur.png),



        default;



}







a{



   cursor: url(/templates/pc_cn/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_cn/images/Acur.png),



   default  !important;



}







input,button{



        outline: none;



}







@keyframes animated {



    0% {



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



        auto;



    }







    8.8% {



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



            auto;



    }







    17.6% {



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



            auto;



    }







    26.4% {



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



            auto;



    }







    35.2% {



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



            auto;



    }







    44% {



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



            auto;



    }







    52.8% {



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



            auto;



    }







    61.6% {



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



            auto;



    }







    70.4% {



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



            auto;



    }







    79.2% {



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



            auto;



    }







    88% {



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



            auto;



    }







    100% {



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



            auto;



    }







    



}















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







.UrbansubstationBox {



    display: inline-block;



    position: relative;



    z-index: 999;



}







.Urbansubstation {



    position: absolute;



    bottom: 100%;



    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: #2688db;



}







.Urbansubstation p a:hover::after {



    background: #2688db;



}







.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: #2688db !important;



}







.disablemouserightclick,.disablechoose,.disablecopy{



    display: none;



}







@media (min-width: 1200px){



    .container,dl-container {



        width: 1200px  !important;



    }



}















.businessLicenseBox{



    display: none;



    position: fixed;



    z-index: 9999;



    background: rgba(0,0,0,.1);



    top: 0;



    left: 0;



    width: 100vw;



    height: 100vh;



    -webkit-transition: .5s;



    transition: .5s;



}







.businessLicenseBoxCenter{



    position: fixed;



    top: 50%;



    left: 50%;



    transform: translate(-50%,-50%);



    max-width: 70vw;



    box-sizing: border-box;



    padding: 15px;



    background: #fff;



    display: block;



    border-radius: 10px;



}







.businessLicenseImg{



    max-width: 70vw;



    max-height: 70vh;



    display: block;



    border-radius: 10px;



    object-fit: contain;



}







.businessLicenseClose{



    position: absolute;



    top: -12px;



    right: -12px;



    background: #fff;



    border-radius: 50%;



    box-sizing: border-box;



    width: 30px;



    height: 30px;



    padding: 3px;



    cursor: pointer;



}







.businessLicense img{



    height: 18px;



    vertical-align: middle; 



    width: auto;



}















html {



    font-size: 100px;



  }







  .clear{



    clear: both;



}















.page_center{



    width: 82%;



    max-width: 1580px;



    margin: 0 auto;



}















/*header*/







.top_bg{



    width: 100%;



    margin: 0 auto;



    height: 1.2rem;



    background: url(/templates/pc_cn/images/top_bg.jpg) no-repeat top center;



    position: relative;



    z-index: 9;



}







.top_bg .top_con{



    width: 69%;



    max-width: 1300px;



    margin: 0 auto;







}











.top_bg .top_con .logo{



    float: left;



    margin: 0.25rem 0 0 0;



}







.top_bg .top_con .logo img{



    display: block;



    width: 3.93rem;



    height: 0.69rem;







}







.top_bg .top_con .tel{



    float: right;



    margin-top: 0.34rem;



}







.top_bg .top_con .tel em{



    display: block;



    float: left;



    border-radius: 8px;



    width: 0.52rem;



    height: 0.52rem;



    background: #2688db;



}







.top_bg .top_con .tel em img{



    display: block;



    width: 0.52rem;



    height: 0.52rem;



}







.top_bg .top_con .tel p{



    float: left;



    margin-left: 0.1rem;







}







.top_bg .top_con .tel p i{



    display: block;



    font-size: 0.24rem;



    color: #444444;



    font-weight: bold;



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



    line-height: 0.26rem;



}















/*nav*/ 







.nav_bg{



    width: 100%;



    height: 0.6rem;



    position: relative;



    z-index: 9;



    background:  #2688db;



} 







.nav_bg .t_nav{



    width: 69%;



    max-width: 1300px;



    margin: 0 auto;



}







.nav_bg .t_nav>ul>li{



    float: left;



    height: 0.6rem;



    text-align: center;



    position: relative;



    z-index: 5;



    width: 12.5%;



    box-sizing: content-box;



}







.nav_bg .t_nav>ul>li>a{



    display: block;



}







.nav_bg .t_nav>ul>li>a>span{



    display: block;



    font-size: 0.16rem;



    color: #fff;



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



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



    transition: all 0.5s ease-out;



    line-height: 0.6rem;



    box-sizing: content-box;



}







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



    width: 0;



    height:100%;



    position: absolute;



    left: 0%;



    top: 0rem;



    content: "";



    z-index: -1;



    background:  #006ecc;



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



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



    transition: all 0.5s ease-out;



}











.nav_bg .t_nav>ul>li:hover a>span{







}







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



    width: 100%;



}











.nav_bg .t_nav>ul>li.another a>span{







}







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



    width: 100%;



}







.t_nav ul li .submenu {







    display: none;







    position: absolute;







    top: 0.6rem;;







    left: 0px;







    background: #2688db;







    width: 100%;







    z-index: 999;



    overflow: hidden;







}















.t_nav ul li .submenu li {







    padding: 0;







    background: none;







    height: 45px;







    line-height: 45px;







    border-bottom: 1px solid rgba(255, 255, 255, 0.5);







}















.t_nav ul li .submenu>li>a {







    float: none;







    text-align: center;







    font-size: 14px;







    height: 45px;







    line-height: 45px;







    background: none;







    color: #fff;



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



    text-transform: uppercase;







    width: 96%;







    font-weight: normal;







    display: block;







    overflow: hidden;







    text-overflow: ellipsis;







    white-space: nowrap;



    padding: 0 2%;



    box-sizing: content-box;







}











.t_nav ul li .submenu li a:hover {







    background: #006ecc;







    text-decoration: none;







}











.fixedNav {



    margin: 0 auto;



    position: fixed !important;



    top: 0px;



    left: 0px;



    width: 100%;



    z-index: 100000;



    _position: absolute;



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



  



}



















/* phone_header*/







.phone_header{



    width: 100%;



    margin: 0 auto;



    display: none;



    background: #fff;



}







.headerTop {



    position: relative;



    z-index: 9;



    width: 100%;



    height: 0.7rem;



  }



  .headerTop .headerTel {



    float: left;



    margin-top: 0.15rem;



    margin-left: 0.2rem;



  }



  .headerTop .headerTel a {



    display: block;



  }



  .headerTop .headerTel a img {



    width: auto;



    height: 0.4rem;



  }



  .headerTop .heaederMenu {



    position: relative;



    width: 0.27rem;



    height: 0.23rem;



    top: 0.23rem;



    right: 0.2rem;



    float: right;



  }



  .headerTop .heaederMenu span {



    width: 0.27rem;



    height: 0.23rem;



    background: url(/templates/pc_cn/images/menu.png) no-repeat center;



    display: block;



    background-size: 100%;



    -webkit-transition: 0.5s;



    transition: 0.5s;



  }



  .Nav {



    width: 100%;



    height: 100%;



    position: fixed;



    top: 0;



    z-index: 999;



    left: 0;



    background: #2688db;



    display: none;



    overflow-x: hidden;



  }



  .Nav .navBox .close {



    height: 0.45rem;



    width: 0.45rem;



    position: absolute;



    top: 2%;



    right: 2%;



  }



  .Nav .navBox .close img {



    width: 100%;



  }



  .Nav .navBox h4 {



    text-align: center;



    color: #fff;



    font-size: 0.3rem;



    margin-top: 0.5rem;



    font-weight: bold;



  }



  .Nav .navBox ul {



    width: 80%;



    padding: 0 10%;



    margin-top: 20%;



    box-sizing: content-box;



  }



  .Nav .navBox ul li a {



    text-align: center;



    line-height: 3.5;



    color: #fff;



    font-size: 0.18rem;



    border-bottom: 1px solid rgba(255, 255, 255, 0.2);



    display: block;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



  }







  @media (max-width: 1600px){



    .page_center {



        width: 90%;



      }



}















@media (max-width: 1200px){



    .page_center {



        width: 94%;



      }



      



}















@media (max-width: 768px){



    .top_bg{



        display: none;



    }







    .nav_bg{



        display: none;



    }







    .phone_header{



        display: block;



    }



}















/* footer */ 







.footer_bg{



    width: 100%;



    margin: 0rem auto 0 auto;



    overflow: hidden;



    background: #222222;



}







.footer_bg .footer{



    margin: 0 auto;



    height: 3.1rem;



}







.footer_bg .footer .f_fl{



    float: left;



    margin-top: 0.3rem;



    width: 49%;



}







.footer_bg .footer .f_fl dl{



    float: left;



    width: 33.33%;



}







.footer_bg .footer .f_fl dl dt{



    font-size: 0.2rem;



    color: #fff;



    font-weight: bold;



    margin-bottom: 0.15rem;







}







.footer_bg .footer .f_fl dl dt i{



    font-size: 0.2rem;



    color: #fff;



    font-weight: normal;



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



}







.footer_bg .footer .f_fl dl dd a{



    font-size: 0.16rem;



    color: #fff;



    line-height: 0.36rem;



    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_fl dl dd a:hover{



    opacity: 1;



    transform: translateX(10px);



}











.footer_bg .footer .f_cont{

    float: left;

    width: 23%;

    margin-right: 2%;

    margin-top: 0.75rem;

} 







.footer_bg .footer .f_cont ul li{

    width: 100%;

    overflow: hidden;

    line-height: 0.3rem;

    margin-bottom: 0.3rem;

    display: flex;

    justify-content: flex-start;

    flex-wrap: nowrap;

}







.footer_bg .footer .f_cont ul li span{

    display: block;

    float: left;

    font-size: 0.16rem;

    color: #fff;

    width: 5em;

}







.footer_bg .footer .f_cont ul li p{

    float: left;

    font-size: 0.16rem;

    color: #fff;

    flex: 1;

}







.footer_bg .footer .f_cont ul li p i{



    display: block;



    font-size: 0.2rem;



    color: #fff;



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



}







.footer_bg .footer .f_cont ul li p em{



    display: block;



    font-size: 0.18rem;



    color: #fff;



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



}











.footer_bg .footer .ewm{

    float: right;

    width: 21%;

    margin-top: 0.65rem;

    display: flex;

    align-content: center;

    align-items: center;

    justify-content: space-between;

}







.footer_bg .footer .ewm img{

    display: block;

    width: 45%;

}











.end_bg{



    width: 100%;



    margin: 0rem auto 0 auto;



    border-top: 1px solid #393939;



    padding: 0.22rem 0;



    box-sizing: content-box;



}







.end_bg .end{



    line-height: 0.4rem;



    text-align: center;



    font-size: 0.16rem;



    color: #ffffff;



}







.end_bg .end a{



    font-size: 0.16rem;



    color: #ffffff;



}







/* 询盘*/



i {



    font-weight: normal;



    font-style: normal;



  }



  



  .topxunpan {



    position: relative;



    z-index: 5;



    display: inline-block;



  



  }



  



  



  .topxunpan .xp {



    position: relative;



    height: 0.4rem;



    line-height: 0.4rem;



    font-size: 0.16rem;



    color: #ffffff;



    cursor: pointer;



  



  }



  



  .topxunpan .xp img {



    position: relative;



    top: 0px;



    margin: 0 8px 0 0px;



    vertical-align: middle;



  }



  



  .topxunpan .xp i {



    padding: 0px;



    margin-left: 0px;



    margin-right: 0px;



    box-sizing: border-box;



    font-size: 0.16rem;



    color: #ffffff;



  }



  



  .topxunpan .xp #xunpantip {



    z-index: 999;



    position: absolute;



    top: -35px !important;



    left: 50%;



    width: 180px;



    height: 34px;



    line-height: 34px;



    text-align: center;



    color: #fff;



    font-size: 14px;



    -webkit-transform: translateX(-50%) scale(0);



    -moz-transform: translateX(-50%) scale(0);



    -o-transform: translateX(-50%) scale(0);



    -ms-transform: translateX(-50%) scale(0);



    transform: translateX(-50%) scale(0);



    -webkit-transition: transform .4s, opacity .4s;



    -moz-transition: transform .4s, opacity .4s;



    -o-transition: transform .4s, opacity .4s;



    -ms-transition: transform .4s, opacity .4s;



    transition: transform .4s, opacity .4s;



    background-color: #2688db;



    border-radius: 4px;



    opacity: 0;



    font-weight: bold;



    box-shadow: 5px 5px 2px #dfdfdf;



  }



  



  .topxunpan .xp #xunpantip::after {



    content: '';



    position: absolute;



    top: -16px;



    left: 50%;



    width: 0;



    height: 0;



    -webkit-transform: translateX(-50%);



    -moz-transform: translateX(-50%);



    -o-transform: translateX(-50%);



    -ms-transform: translateX(-50%);



    transform: translateX(-50%);



    border: 8px solid transparent;



    border-bottom-color: #2688db;



    display: none;



  }



  



  .topxunpan .xp #xunpantip.xunpantextactive {



    -webkit-transform: translateX(-50%) scale(1);



    -moz-transform: translateX(-50%) scale(1);



    -o-transform: translateX(-50%) scale(1);



    -ms-transform: translateX(-50%) scale(1);



    transform: translateX(-50%) scale(1);



    opacity: 1;



  }



  























  @media (max-width: 980px){







    .footer_bg{



    }



    



    .footer_bg .footer{



        margin: 0 auto;



        height: auto;



        overflow: hidden;



        padding-top: 0.2rem;



        padding-bottom: 0.2rem;



    }



    



    .footer_bg .footer .f_fl{



        display: none;



    }



    



    



    .footer_bg .footer .f_cont{



        float: none;



        width: 98%;



        margin: 0% auto;



    } 



    



    .footer_bg .footer .f_cont ul li{



        width: 100%;



        overflow: hidden;



        line-height: 0.3rem;



        margin-bottom: 0.05rem;



    }



    



    .footer_bg .footer .f_cont ul li span{



        display: block;



        float: left;



        font-size: 0.16rem;



        color: #fff;



    }



    



    .footer_bg .footer .f_cont ul li p{



        float: left;



        font-size: 0.16rem;



        color: #fff;



        width: 75%;



    }



    



    .footer_bg .footer .f_cont ul li p i{



        display: block;



        font-size: 0.18rem;



        color: #fff;



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



    }



    



    



    .footer_bg .footer .ewm{



        float: none;



        width: 100%;



        margin: 0.25rem auto 0 auto;



    }



    



    .footer_bg .footer .ewm img{



        display: block;



        width: 1rem;



        height: 1rem;



        margin: 0 auto;



    }



    



    



    .end_bg{



        width: 100%;



        margin: 0rem auto 0 auto;



        border-top: 1px solid #393939;



        padding: 0.15rem 0;



        box-sizing: content-box;



    }



    



    .end_bg .end{



        line-height: 0.24rem;



        text-align: center;



        font-size: 0.15rem;



        color: #ffffff;



    }



    



    .end_bg .end a{



        font-size: 0.15rem;



        color: #ffffff;



    }







  }















<!--耗时1774263009.9614秒-->