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



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



/*邮箱 btoe@btoe.cn*/



/*合作电话 400-0599-360*/



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



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











/*Generated by wjdhcms 3.0 */











::-webkit-scrollbar {



    width: 8px;



    height: 8px;



    background-color: #F5F5F5;



}







::-webkit-scrollbar-track {



    border-radius: 10px;



    background-color: #E2E2E2;



}







::-webkit-scrollbar-thumb {



    border-radius: 10px;



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



    color: #fff;



}







::-moz-selection {



    background-color: #f76800;



    color: #fff;



}







::-webkit-selection {



    background-color: #f76800;



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



        default;



}







a {



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



}







.section{



    overflow: hidden;



}











/* 右侧导航 */



#fp-nav {



    _display: none;



    font-size: 12px;



    right: 0;



}







#fp-nav li {



    width: 90px;



    height: 21px;



    margin: 10px 0 0;



    vertical-align: middle;



}







#fp-nav li a {



    float: right;



    width: 21px;



    height: 21px;



    color: #000;



    text-decoration: none;



    text-align: right;



    background: url(../image/dot.png) 8px 5px no-repeat;



}







#fp-nav .active {



    background-position: 0 bottom;



}







#fp-nav span {



    display: none;



}







.fullPage-tooltip {



    float: left;



    top: 0;



    margin-right: 5px;



    font: 12px "Microsoft Yahei";



    color: #8F9DA4;



    line-height: 21px;



}



















.clear {



    clear: both;



}















.top_bg{position:fixed;width:100%;height:80px;margin:0 auto;background:#fff;z-index:99999;top:0;-moz-box-shadow:0px 5px 10px #feecdf;-webkit-box-shadow:0px 5px 10px #feecdf;box-shadow:0px 5px 10px #feecdf;}



.top_bg .top_con{max-width:1200px;height:80px;margin:0 auto;position:relative;}



.top_bg .top_con .logo{float:left;}



.top_bg .top_con .logo h1{height:70px;margin:5px 0 !important;}



.top_bg .top_con .logo img{width:100%;height:100%;}



/*导航开始*/



.nav_xiala_xx{float:right;width:690px;height:40px;margin:20px 0;}



.nav_xiala{width:690px;height:40px;margin:0 auto;}



.nav_xiala>ul{position:relative;height:40px;display:flex;justify-content: space-between;}



.nav_xiala ul li{float:left;width:60px;height:40px;line-height:40px;text-align:center;}



.nav_xiala>ul>li>a{display:block;font-size:15px;color:#333;overflow:hidden;}



.nav_xiala>ul>li>a:hover{color:#f76800;}



.nav_xiala ul li:nth-of-type(6),



.nav_xiala ul li:nth-of-type(7),



.nav_xiala ul li:nth-of-type(8){width:110px;height:40px; background:#f76800;border-radius:20px;}



.nav_xiala ul li:nth-of-type(6) a,



.nav_xiala ul li:nth-of-type(7) a,



.nav_xiala ul li:nth-of-type(8) a{color:#fff;}



.nav_xiala ul li:nth-of-type(6).another a,



.nav_xiala ul li:nth-of-type(7).another a,



.nav_xiala ul li:nth-of-type(8).another a{color:#fff;}



















/*一个分类 *1 一个分类 *2  六个分类100%  left:修改到合适位置; */







.nav_xiala ul li:hover .erji_xiala {



    height: auto;



    visibility: visible;



    opacity: 1;



}







.nav_xiala .erji_xiala .daohang_xiala {



    float: left;



    width: 156px;



    padding: 0 20px 5px 20px;



}







.nav_xiala .erji_xiala .daohang_xiala i {



    font-size: 16px;



    display: block;



}







.nav_xiala .erji_xiala .daohang_xiala span {



    display: block;



    text-align: left;



}







.nav_xiala .erji_xiala .daohang_xiala a {



    height: 40px;



    line-height: 40px;



    display: block;



    color: #ccc;



    font-size: 14px;



    overflow: hidden;



}







.nav_xiala .erji_xiala .daohang_xiala i a {



    font-size: 16px;



    text-align: left;



    overflow: hidden;



}















.nav_xiala .erji_xiala1 {



    position: absolute;



    top:60px;



    z-index: 20;



    background:#f76800;



    width:140px;margin-left:-40px;



    /*和一级栏目一样宽度*/



    height: 0px;



    visibility: hidden;



    opacity: 0;



    -webkit-transition: all .3s linear;



    transition: all .3s linear;



}







.nav_xiala ul li:hover .erji_xiala1 {



    height: auto;



    visibility: visible;



    opacity: 1;



}







.nav_xiala .erji_xiala1 .daohang_xiala {}







.nav_xiala .erji_xiala1 .daohang_xiala i {



    font-size: 16px;



    display: block;



}



.nav_xiala .erji_xiala1 .daohang_xiala i:hover{ background:#333;}



.nav_xiala .erji_xiala1 .daohang_xiala a {



    height: 45px;



    line-height: 45px;



    font-size: 14px;



    display: block;



    color: #fff;



    overflow: hidden;



}







.nav_xiala .erji_xiala1:hover .daohang_xiala a{



    color: #fff;



}







.nav_xiala>ul>li.another a{color: #f76800;}











.webq_cd_right {



    width: 130px;



    height: auto;



    background-color: rgba(0, 0, 0, 0.85);



}







.webq_cd_right ul li {



    height: 47px;



    text-align: center;



    font-size: 15px;



}







.webq_cd_right ul li a {



    color: #FFF;



    line-height: 46px;



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



    display: block;



    font-size: 14px;



}







.webq_cd_right ul li a:hover {



    background: #f76800;







}











/*手机端导航*/







.style-1 {



    height: 50px;



    display: none;



    position: absolute;



    right: 20px;



    top:0px;



}







.style-1xx {



    height: 50px;



    position: relative;



    z-index: 300;



}







.style-1 .nav_ss {



    -webkit-transition: all .3s ease-out;



    transition: all .3s linear;



    opacity: 0;



    width: 130px;



    position: absolute;



    right: -130px;



    top: 95px;



    z-index: 200;



    background: #020413;display:none;



}







.style-1 .nav--active .nav_ss {



    -webkit-transition: all .3s ease-out;



    transition: all .3s linear;



    right: 0px;



    opacity: 1;display:block;







}







.webq_cd_right ul li {



    height: 47px;



    text-align: center;



    font-size: 15px;



}







.webq_cd_right ul li a {



    color: #FFF;



    line-height: 46px;



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



    display: block;



    font-size: 14px;



}







.style-1 .nav--active .nav__icon {



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



}







.style-1 .nav--active .nav__icon:before {



    margin-top: 0;



    -webkit-transform: rotate(45deg);



    transform: rotate(45deg);



}







.style-1 .nav--active .nav__icon:after {



    margin-top: 0;



    -webkit-transform: rotate(-45deg);



    transform: rotate(-45deg);



}







.webq_head {



    width: 100%;



    height: 136px;



}











/**



* Navigation Defaults



*/



.navtree { 



    position: absolute;



    z-index: 10;



    opacity: 0;



    -webkit-transition-property: all;



    transition-property: all;



    -webkit-transition-duration: 300ms;



            transition-duration: 300ms;



  }



  



  /* Default navigation icon */



  .nav__trigger {



    display: block;



    position: absolute;



    width: 30px;



    height: 25px; right:10px;  



    top: 32px;



    z-index: 200;



  }



  .nav--active .nav__trigger {



    opacity: 1;



  }



  .nav__icon {



    display: inline-block;



    position: relative;



    width: 26px;



    height: 4px;



    background-color: #f76800;



    -webkit-transition-property: background-color, -webkit-transform;



    transition-property: background-color, -webkit-transform;



    transition-property: background-color, transform;



    transition-property: background-color, transform, -webkit-transform;



    -webkit-transition-duration: 300ms;



            transition-duration: 300ms;



  }



  .nav__icon:before,



  .nav__icon:after {



    content: '';



    display: block;



    width: 26px;



    height: 4px;



    position: absolute;



    background: #f76800;



    -webkit-transition-property: margin, -webkit-transform;



    transition-property: margin, -webkit-transform;



    transition-property: margin, transform;



    transition-property: margin, transform, -webkit-transform;



    -webkit-transition-duration: 300ms;



            transition-duration: 300ms;



  }



  .nav__icon:before {



    margin-top: -8px;



  }



  .nav__icon:after {



    margin-top: 8px;



  }







  @media (max-width: 1200px) {



    .style-1 {



        display: block;



        position: absolute;



        right: 10px;



        top: 5px;



    }



    .nav_xiala_xx{



        display: none;



    }



    .webq_head {



        height: 100px;



    }



}











@media (max-width: 910px) {



    .style-1 {



        display: block;



    }



    .nav_xiala_xx{



        display: none;



    }







    .top_bg .top_con .logo img {



        width: 109

        height: 100%;



        padding-left:10%;box-sizing:content-box;



    }



}















/* 底部 */



.ny_footer{width:100%;height:310px;padding-top:50px;box-sizing:content-box;background: url(../image/ft_back.png) center center no-repeat;position:relative;}







.ny_footer .tent{width:auto;max-width:1200px;height:auto;margin:0 auto;display:flex;justify-content:space-between;flex-flow:row wrap;}







.ny_footer .tent .txt{padding:0;box-sizing:content-box;}







.ny_footer .tent .txt h4{font-size:36px;color:#fff;font-weight:bold;line-height:38px;margin:25px 0;}







.ny_footer .tent .txt p{font-size:16px;color:rgba(255,255,255,0.8);line-height:30px;}







.ny_footer .tent .infro{width:45%;display:flex;justify-content:space-between;flex-flow:row wrap;}







.ny_footer .tent .infro .ewm{width:130px;height:130px;padding:16px;box-sizing:content-box;background:url(../image/kuang.png);float:left;}







.ny_footer .tent .infro .ewm img{width:130px;height:130px; vertical-align:top;}







.ny_footer .tent .infro .wz{width:calc(100% - 200px);float:right;}







.ny_footer .tent .infro .wz p{font-size:16px;color:#fff;line-height:16px;margin-top:25px;}







.ny_footer .tent .infro .wz p span{font-weight:bold;}





.ny_footer .tent .infro .wz p:nth-of-type(3){line-height:25px;}



.ny_footer .copy{width:100%;height:80px;text-align:center;background:#f76800;position:absolute;left:0;bottom:0;-moz-box-shadow:0px -5px 10px #e96200; -webkit-box-shadow:0px -5px 10px #e96200; box-shadow:0px -5px 10px #e96200;}







.ny_footer .copy span{line-height:80px;font-size:14px;color:#fff;margin:0 20px;}







.ny_footer .copy span a{color:#fff;}











@media (max-width: 768px){



.top_bg{height: auto;}







.ny_footer{width:100%;height:auto;padding:50px 0 100px 0;box-sizing:content-box;background: url(../image/ft_back.png) center center no-repeat; background-size:100% 100%;position:relative;}







.ny_footer .tent{width:90%;height:auto;margin:0 auto;display:flex;justify-content:space-between;flex-flow:row wrap;}







.ny_footer .tent .txt h4{font-size:24px;color:#fff;font-weight:bold;line-height:26px;margin:0;text-align:center;}







.ny_footer .tent .txt p{font-size:14px;color:rgba(255,255,255,0.8);line-height:25px;margin:20px 0 0 0;}







.ny_footer .tent .infro{width:auto;display:flex;justify-content:space-between;flex-flow:row wrap;}







.ny_footer .tent .infro .ewm{width:100px;height:100px;padding:11px;box-sizing:content-box;margin:30px auto 0 auto;background:url(../image/kuang.png);background-size:122px 122px;float:none;}







.ny_footer .tent .infro .ewm img{width:100px;height:100px; vertical-align:top;}



.ny_footer .tent .infro .wz{float:none;width:100%;}



.ny_footer .tent .infro .wz p{font-size:14px;color:#fff;line-height:15px;margin-top:20px;}







.ny_footer .tent .infro .wz p span{font-weight:bold;}







.ny_footer .copy{width:100%;height:60px;padding:10px 0;box-sizing:content-box;text-align:center;background:#f76800;position:absolute;left:0;bottom:0px;display:flex;justify-content:space-between;flex-flow:row wrap;}







.ny_footer .copy span{line-height:20px;font-size:14px;color:#fff;margin:0 25px;}







.ny_footer .copy span a{color:#fff;}







}







.right_y{display:none;}