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



/*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: #001e57;



	color: #fff;



}







::-moz-selection {



	background-color: #001e57;



	color: #fff;



}







::-webkit-selection {



	background-color: #001e57;



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



        default;



}







a{



   cursor: url(../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(../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;}







.clear {



    clear: both;



}







/* top */







.top_bg{



    width: 100%;



    margin: 0 auto;



    height: 51px;



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



}







.top_bg .top_con{



    width: 1200px;



    margin: 0 auto;



    height: 50px;



}







.top_bg .top_con .tel{



    float: left;



    background: url(../images/tel.png) no-repeat left center;



    padding-left: 25px;



    line-height: 50px;



}







.top_bg .top_con .tel span{



    margin-right: 12px;



    font-size: 15px;



    color: #fff;



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



    font-weight: bold;



}







.top_bg .top_con  .top_r{



    float: right;



}







.top_bg .top_con  .top_r .ly{



    float: left;



    width: 125px;



    line-height: 50px;



    border-left: 1px solid #66789a;



}







.top_bg .top_con  .top_r .ly a{



    display: block;



    text-align: center;



    font-size: 15px;



    color: #fff;



} 







.top_bg .top_con .top_r .ly a img{



    vertical-align: middle;



    margin-right: 10px;



}







/* 询盘*/



i {



    font-weight: normal;



    font-style: normal;



}







.topxunpan {



    height: 50px;



    line-height: 50px;



    float: right;



    position: relative;



    padding-left: 20px;



    box-sizing: content-box;



    border-left: 1px solid #66789a;







}











.topxunpan .xp {



    position: relative;



    font-size: 15px;



    color: #fff;



    cursor: pointer;



}







.topxunpan .xp img {



    position: relative;



    margin-right: 10px;



    vertical-align: middle;



}







.topxunpan .xp i {



    padding: 3px 5px;



    margin-left: 0px;



    margin-right: 0px;



    font-size: 15px;



    color: #fff;



    border-radius: 5px;



    box-sizing: border-box;



    background: #df6512;



}







.topxunpan .xp #xunpantip {



    z-index: 999;



    position: absolute;



    top: 35px;



    left: 50%;



    width: 180px;



    height: 50px;



    line-height: 50px;



    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: #df6512;



    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: #df6512;



}







.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;



}











/* pagetop */







.pagetop_bg{



    width: 100%;



    height: 120px;



    margin: 0 auto;



    background: #fff;



}







.pagetop_bg .pagetop{



    width: 1200px;



    margin: 0 auto;



    height: 120px;



}







.pagetop_bg .pagetop .logo{



    float: left;



    margin-top: 35px;



}







.pagetop_bg .pagetop .logo img{



    width: 238px;



    height: 50px;



}















/*导航栏样式*/







.nav_bg {

    height: 40px;

    margin: 40px 0 0 40px;

    width: 830px;

    position: relative;

    z-index: 5;

    float: left;

}







.menu {



    width: 100%;



    margin: 0px auto;



    height: 40px;



    position: relative;



}







.nav {



    width: 100%;



    height: 40px;



    margin: 0 auto;



}







.nav>li {

    height: 40px;

    text-align: center;

   padding: 0 20px;

    float: left;

    position: relative;

    z-index: 999;

    box-sizing: content-box;

}







.nav>li>a {

    display: block;

    color: #333;

    font-size: 15px;

    font-weight: bold;

    line-height: 40px;

    margin: 0 auto;

    position: relative;

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

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

    transition: all 0.5s ease-out;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}











.nav>li:hover{



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



}







.nav>li:hover>a{



    color: #df6512;



}







.nav>li.another {



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



}







.nav>li.another>a{



    color: #df6512;



}







.nav .sec {



    height: 0;



    width: 1000px;



    overflow: hidden;



    z-index: 9999;



    position: absolute;



    top: 80px;



    left: -700px;



    background: #fafafa;



    text-align: center;



}











.secleft {



    width: 1000px;



    margin: 0 auto;



}







.secleft ul {



text-align: center;



}







.secleft  ul li{



    display: inline-block;



    margin: 0 80px;







}







.secleft  ul li img{



    display: block;



    width: 30px;



    height: 30px;



    margin: 50px auto 20px auto;



}







.secleft  ul li a{



    display: block;



    text-align: center;



    font-size: 14px;



    color: #666;



}











.secleft .nav_txt{



    float: left;



    width: 400px;



    margin-left: 50px;



    margin-top: 50px;







}







.secleft .nav_txt ul li{



    width: 180px;



    height: 50px;



    line-height: 50px;



    background: #001e57;



    margin: 10px;



    float: left;



}







.secleft .nav_txt ul li a{



    text-align: center;



    font-size: 16px;



    color: #fff;



    white-space: nowrap;



    text-overflow: ellipsis;



    -o-text-overflow: ellipsis;



    overflow: hidden;



    display: block;



}







.secleft .nav_r{



    float: right;



    width: 460px;



    height: 210px;



    margin: 20px 50px 0 0;



}







.secleft img{



    width: 460px;



    height: 210px;



}















/*.nav_line {



    width: 980px;



    height: 4px;



    background: #e3e3e3;



    position: absolute;



    right: 0;



    bottom: 4px;



}*/







.nav li.pro.non {



    background: #001e57;



}







.nav .secs {



    height: 0;



    background: #fff;



    width: 1200px;



    overflow: hidden;



    z-index: 9999;



    position: absolute;



    top: 80px;



    left: -470px;



}











.nav .secs li.nlayer1 .nav_img {



    width: 266px;



    height: 153px;



    margin: 10px auto 0 auto;



    border: 1px solid #eee;



}







.nav .secs li.nlayer1 img {



    width: 256px;



    height: 143px;



    padding: 5px;



    display: block;



}







.nav .secs li.nlayer1 {



    float: left;



    width: 298px;



    background: none;



    margin-top: 12px;



    border-right: 1px solid #cccccc;



    height: 400px;



    overflow: hidden;



}







.nav .secs li.nlayer1:nth-child(4) {



    border-right: none;



}







.nav .secs li.nlayer1>a {



    text-align: center;



    width: 268px;



    line-height: 34px;



    height: 34px;



    background: #f2f2f2;



    margin-left: 15px;



    color: #333;



    font-weight: bold;



}







.nav .secs li.nlayer1 a.a {



    background: #d9d9d9;



    margin: 10px auto 0 auto;



    display: block;



}







.nav .secs .nlayer2 {



    width: 268px;



    margin-left: 15px;



    position: relative;



}







.nav .secs .nlayer2 a {



    margin-top: 7px;



    text-align: center;



    line-height: 30px;



    height: 30px;



    background: #f2f2f2;



    color: #666;



    font-weight: normal;



    white-space: nowrap;



    text-overflow: ellipsis;



    -o-text-overflow: ellipsis;



    overflow: hidden;



    display: block;



    font-size: 14px;



    width: 258px;



    padding: 0 5px;



    box-sizing: content-box;



    position: relative;



    z-index: 5;



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



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



    transition: all 0.8s ease-out;



}







.nav .secs .nlayer2 span {



width: 0;



height: 30px;



background: #001e57;



position: absolute;



left: 0;



bottom: 0;



display: block;



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



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



transition: all 0.5s ease-out;



z-index: -1;



}







.nav .secs .nlayer2 a:hover span{



    width: 100%;



}







.nav .secs .nlayer2 a:hover{



    color: #fff;



}







.fixedNav {



    position: fixed;



    top: 0px;



    left: 0px;



    width: 100%;



    z-index: 100000;



    _position: absolute;



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



}











.pagetop .search {



    height: 46px;



    z-index: 6;



    position: relative;



    float: right;



    width: 46px;



    top: 0;



    z-index: 5;



    margin-top: 37px;



  }



  .pagetop .search .searchIco {



    display: block;



    margin: auto;



    width: 46px;



    height: 46px;



    overflow: hidden;



    cursor: pointer;



  }



  .pagetop .search .searchIco em {



    display: block;



    width: 100%;



    height: 100%;



    position: relative;



    top: 0;



    padding: 0;



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



    transition: all 0.4s ease-out;



  }



  .pagetop .search .searchIco em.show {



    background: url(../images/sou.png) center center no-repeat;



  }



  .pagetop .search .searchIco em.hide {



    background: url(../images/topSehide.png) center center no-repeat;



  }



  .pagetop .search .searchIco.top em {



    top: -100%;



  }



  .pagetop .search .searchBox {



    width: 0;



    height: 50px;



    position: absolute;



    right: 96%;



    background: #fff;



    top: 50%;



    margin-top: -25px;



    overflow: hidden;



    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);



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



    transition: all 0.4s ease-out;



  }



  .pagetop .search .searchBox .searchInp {



    width: 250px;



    height: 50px;



    border: none;



    line-height: 50px;



    background: none;



    float: left;



    -webkit-box-sizing: border-box;



    -ms-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



    padding: 0 15px;



    font-size: 14px;



  }



  .pagetop .search .searchBox .searchInp::-webkit-input-placeholder {



    color: #adadad;



  }



  .pagetop .search .searchBox .searchInp:focus::-webkit-input-placeholder,



  .pagetop .search .searchBox .searchInp:active::-webkit-input-placeholder {



    opacity: 0.6;



    filter: alpha(opacity=60);



  }



  .pagetop .search .searchBox .submitBtn {



    position: absolute;



    right: 0;



    top: 0;



    background: url(../images/sou.png) center center no-repeat;



    width: 50px;



    height: 50px;



    cursor: pointer;



    border: none;



    float: right;



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



    transition: all 0.6s ease-out;



    opacity: 0;



    filter: alpha(opacity=0);



  }



  .pagetop .search .searchBox.searchShow {



    width: 300px;



  }



  .pagetop .search .searchBox.searchShow .submitBtn {



    opacity: 1;



    filter: alpha(opacity=100);



    -webkit-transition-delay: 0.3s;



    transition-delay: 0.3s;



  }



  .pagetop .search .searchBox.searchShow .submitBtn:hover {



    opacity: 0.7;



    filter: alpha(opacity=70);



  }















/*footer*/







.footer_bg{



    width: 100%;



    height: 620px;



    margin: 0 auto;



    background: #030e22;



}







.footer_bg .footer{



    width: 1200px;



    margin: 0 auto;



    padding-top: 80px;



    box-sizing: content-box;



}







.footer_bg .footer .f_logo{



    margin: 0 auto;



}







.footer_bg .footer .f_logo img{



    display: block;



    width: 303px;



    height: 64px;



    margin: 0 auto;



}







.footer_bg .footer .links{



    width: 1200px;



    margin: 30px auto 40px auto;



    height: 60px;



    border-bottom: 1px solid #4f5765;







}







.footer_bg .footer .links a{



    margin: 0 20px 0 0;



    font-size: 14px;



    color: #bdbfc2;



    line-height: 28px;



}







.footer_bg .footer .f_l{



    float: left;



    width: 575px;



    background: url(../images/f_xt.png) no-repeat  right top;



    



}







.footer_bg .footer .f_l dl{



    float: left;



    width: 120px;



    margin-right: 23px;



}







.footer_bg .footer .f_l dl dt{



    font-size: 16px;



    color: #fff;



    font-weight: bold;



    margin-bottom: 20px;



    margin-top: -5px;







}







.footer_bg .footer .f_l dl dd a{



    font-size: 14px;



    color: #bdbfc2;



    line-height: 36px;



    display: block;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



}







.footer_bg .footer .f_c{



    float: left;



    width: 320px;



    margin-left: 70px;



}







.footer_bg .footer .f_c h5{



    font-size: 16px;



    color: #fff;



    font-weight: bold;



    margin-bottom: 20px;



    margin-top: -5px;



}







.footer_bg .footer .f_c p{



    font-size: 14px;



    color: #bdbfc2;



    line-height: 36px;



}







.footer_bg .footer .f_r{



    float: right;



    width: 120px;



}







.footer_bg .footer .f_r h5{



    font-size: 16px;



    color: #fff;



    font-weight: bold;



    margin-bottom: 25px;



    margin-top: -5px;



}







.footer_bg .footer .f_r img{



    width: 120px;



    height: 120px;







}







.footer_bg .end{



    width: 1200px;



    margin: 30px auto 0 auto;



    border-top: 1px solid #4f5765;



    text-align: center;



    padding-top: 35px;



    box-sizing: content-box;



}







.footer_bg .end p{



    font-size: 14px;



    color: #bdbfc2;



    line-height: 36px;







}







.footer_bg .end p a{



    font-size: 14px;



    color: #bdbfc2;



}







.footer_bg .end p img{



    vertical-align: middle;



    margin: 0 1px;



}