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


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


/*邮箱 btoe@btoe.cn*/


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


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


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








/*Generated by wjdhcms 3.0 */


@charset "utf-8";





::-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: #055db4;


	color: #fff;


}





::-moz-selection {


	background-color: #055db4;


	color: #fff;


}





::-webkit-selection {


	background-color: #055db4;


	color: #fff;


}


* {


    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;


}


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








.main{


    width: 1200px;


    margin: 0 auto;


}


.myclearfix:after{


    content:"";


    display:block;


    clear:both;


}


.left{


    float: left;


}


.right{


    float: right;


}


/* nav S */


.nav{


    position: relative;


    height: 1px;


    margin-top: 1px;


    z-index: 1;


}


.nav_box{


    position: absolute;


    width: 100%;


    height: 115px;


    top: 0;


    left: 50%;


    top: 0;


    background: rgba(255, 255, 255, .6);


    transform: translate(-50%);


}


.logo{


    width: 276px;


    height: 66px;


    margin-top: 24px;


}


.logo>h1 img{


    width: 326px;


    height: 66px;


}


.nav_con{


    width: 860px;


    height: 115px;


}


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


a {color: #222; text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }





.nav_xiala_xx{ width:100%; height:115px; }





.nav_xiala{ width:100%; height:115px; margin: 0 auto; }


.nav_xiala > ul{  position:relative; height:115px;  }


.nav_xiala ul li{float:left; width: 122px; height:115px; line-height: 115px; text-align:center; font-size:14px;  -webkit-transition: all .3s linear; transition: all .3s linear; }


.nav_xiala ul li>a{ display:block; color:#333333; height:115px; line-height:115px; overflow: hidden;font-size: 16px;}


.nav_xiala ul li:hover{	background: #055db4; color: #ffffff;  }


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


.nav_xiala .erji_xiala{  z-index:20; height:0px; visibility: hidden; opacity:0;  -webkit-transition: all .2s linear; transition: all .2s linear;


position:absolute; top:115px; left:0;  width: 100%; background:#055db4;  }  /*一个分类 *1 一个分类 *2  六个分类100%  left:修改到合适位置; */





.nav_xiala ul li:hover .erji_xiala{ height:auto; visibility: visible; opacity: 1; border-radius:0px 0px 15px 15px;}





.nav_xiala .erji_xiala .daohang_xiala{ float:left; width: 156px; padding: 10px 20px 10px 20px; opacity: 0;  }


.nav_xiala .erji_xiala .daohang_xiala i{ font-size: 15px; border-bottom:1px solid rgba(255,255,255,0.35); display: block; font-weight: bold;}


.nav_xiala .erji_xiala .daohang_xiala span{ border-bottom:1px dashed rgba(255,255,255,0.3); display: block; text-align: left;  }


.nav_xiala .erji_xiala .daohang_xiala a { height: 35px; line-height: 35px; display: block; color:#FFF; font-size:14px; overflow: hidden; text-indent: 10px; }


.nav_xiala .erji_xiala .daohang_xiala i a{  font-size:15px;  text-align: left; background:url(../images/liqsub_ss.png) 0px no-repeat; padding-left: 13px;  overflow: hidden; }


.nav_xiala .erji_xiala .daohang_xiala i a:hover{ background:url(../images/liqsub_ss.png) 10px no-repeat; padding-left: 23px; }


.nav_xiala .erji_xiala a:hover{  color:#FFF; padding-left: 15px; }


.nav_xiala .erji_xiala .daohang_xiala span a{color:rgba(255,255,255,0.85);  background: -webkit-linear-gradient(left, #6aacec, #6aacec) no-repeat;


background: linear-gradient(to right, #6aacec, #6aacec) no-repeat;


background-size: 0% 100%; }


.nav_xiala .erji_xiala .daohang_xiala span a:hover{color:rgba(255,255,255,0.85); background: -webkit-linear-gradient(left, #6aacec, #6aacec) no-repeat;


background: linear-gradient(to right, #6aacec, #6aacec) no-repeat;


background-size: 100% 100%;  }





.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(1){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.2s;}


.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(2){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.25s;}


.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(3){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.3s;}


.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(4){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.35s;}


.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(5){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.4s;}


.nav_xiala ul li:hover .erji_xiala .daohang_xiala:nth-child(6){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.45s;}





.nav_xiala .erji_xiala1{  position:absolute; top:115px; z-index:20;  width: 122px;  /*和一级栏目一样宽度*/


height:0px; visibility: hidden;  }





.nav_xiala ul li:hover .erji_xiala1{ height:auto; visibility: visible;  }





.nav_xiala .erji_xiala1 .daohang_xiala{  }


.nav_xiala .erji_xiala1 .daohang_xiala i{ font-size: 15px; border-bottom:1px solid rgba(255,255,255,0.35); display: block; background:#055db4; opacity: 0; }


.nav_xiala .erji_xiala1 .daohang_xiala a{ height: 40px; line-height: 40px;  font-size:14px; display: block; color:#FFF; overflow: hidden;  }


.nav_xiala .erji_xiala1 a:hover{  color:#FFF; padding-left: 15px; }





.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(1){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.2s;}


.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(2){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.24s;}


.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(3){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.28s;}


.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(4){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.32s;}


.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(5){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.36s;}


.nav_xiala ul li:hover .erji_xiala1 .daohang_xiala i:nth-child(6){  animation: menu1 0.3s ease-in-out forwards; animation-delay: 0.4s;}





.nav_xiala .erji_xiala1 .daohang_xiala a{color:rgba(255,255,255,0.85);  background: -webkit-linear-gradient(left, #6aacec, #6aacec) no-repeat;


background: linear-gradient(to right, #6aacec, #6aacec) no-repeat;


background-size: 0% 100%; }


.nav_xiala .erji_xiala1 .daohang_xiala a:hover{color:rgba(255,255,255,0.85); background: -webkit-linear-gradient(left, #6aacec, #6aacec) no-repeat;


background: linear-gradient(to right, #6aacec, #6aacec) no-repeat;


background-size: 100% 100%;  }





.nav_xiala > ul > li.another{ background: #055db4; color:#333; }


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





.fixedNav { 


    position: fixed;


    top: 0px;


    left: 0px;


    z-index:99999;


    _position: absolute;


    _top: expression(eval(document.documentElement.scrollTop));  box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08); 


}


.fixedNav .nav_box{


  background: #fff;


}








@keyframes menu1 {


  0% {


    opacity: 0;


    transform: translateX(8px);


  }


  100% {


    opacity: 1;


    transform: translateX(0);


  }


}








/* foo S */


.foo {


    cursor: default !important;


  }


  .foo .foo_top {


    width: 100%;


    height: 620px;


    padding-top: 85px;


    box-sizing: border-box;


    background: #272a31;


  }


  .foo .foo_top .foo_main .links {


    width: 100%;


    height: 28px;


    line-height: 28px;


  }


  .foo .foo_top .foo_main .links > span {


    float: left;


    font-size: 28px;


    color: #e3e3e3;


    margin-right: 40px;


  }


  .foo .foo_top .foo_main .links > a {


    float: left;


    color: #818182;


    font-size: 14px;


    padding: 0 25px;


  }


  .foo .foo_top .foo_main .links > a:hover {


    color: #fff;


    transform: translateY(-5px);


  }


  .foo .foo_top .foo_main .foo_add {


    width: 100%;


    height: 158px;


    border-top: 1px solid #373c42;


    border-bottom: 1px solid #373c42;


    margin-top: 55px;


  }


  .foo .foo_top .foo_main .foo_add .add_list > li {


    float: left;


    width: 25%;


    height: 58px;


    margin-top: 50px;


  }


  .foo .foo_top .foo_main .foo_add .add_list > li .add_ico {


    width: 55px;


    height: 100%;


    border-right: 1px solid #d8dde1;


  }


  .foo .foo_top .foo_main .foo_add .add_list > li .add_ico > img {


    display: block;


    margin: 10px auto;


  }


  .foo .foo_top .foo_main .foo_add .add_list > li .add_txt {


    margin-left: 22px;
    width: 212px;


  }


  .foo .foo_top .foo_main .foo_add .add_list > li .add_txt > p {


    font-size: 16px;


    line-height: 16px;


    color: #ffffff;


    margin-bottom: 10px;


    margin-top: 10px;


  }


  .foo .foo_top .foo_main .foo_add .add_list > li .add_txt > h4 {


    font-size: 16px;


    line-height: 16px;


    color: #999999;


  }


  .foo .foo_top .foo_main .foo_botom {


    margin-top: 74px;


  }


  .foo .foo_top .foo_main .foo_botom .foo_nav > dl {


    float: left;


    width: 90px;


    margin-right: 80px;


  }


  .foo .foo_top .foo_main .foo_botom .foo_nav > dl > dt {


    width: 100%;


    font-size: 18px;


    height: 18px;


    line-height: 18px;


    color: #fefefe;


    overflow: hidden;


    white-space: nowrap;


    text-overflow: ellipsis;


    margin-bottom: 40px;


  }

  .foo .foo_top .foo_main .foo_botom .foo_nav > dl > dt a{
    color: #fefefe;
  }


  .foo .foo_top .foo_main .foo_botom .foo_nav > dl > dd {


    width: 100%;


    font-size: 14px;


    height: 16px;


    line-height: 16px;


    color: #adadad;


    margin-bottom: 20px;


  }


  .foo .foo_top .foo_main .foo_botom .foo_nav > dl > dd > a {


    display: block;


    color: #adadad;


    height: 100%;


    width: 100%;


    overflow: hidden;


    white-space: nowrap;


    text-overflow: ellipsis;


  }


  .foo .foo_top .foo_main .foo_botom .foo_nav > dl > dd > a:hover {


    color: #fff;


    transform: translate(5px);


  }


  .foo .foo_top .foo_main .foo_botom .foo_nav > dl:nth-last-child(1) {


    margin-right: 0;


  }


  .foo .foo_top .foo_main .foo_botom .foo_ewm .foo_qq {


    float: left;


    width: 71px;


    height: 71px;


    border: solid 1px #77797c;


    border-radius: 50%;


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


  }


  .foo .foo_top .foo_main .foo_botom .foo_ewm .foo_ewm_box {


    position: relative;


    float: left;


    width: 71px;


    height: 71px;


    border: solid 1px #77797c;


    border-radius: 50%;


    margin-left: 25px;


    cursor: pointer;


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


  }


  .foo .foo_top .foo_main .foo_botom .foo_ewm .foo_ewm_box:hover > img {


    height: 139px;


  }


  .foo .foo_top .foo_main .foo_botom .foo_ewm .foo_ewm_box > img {


    position: absolute;


    left: -292px;


    top: -34px;


    width: 139px;


    height: 0;


    transition: all 0.5s ease-in-out;


  }


  .foo .foo_top .foo_main .foo_botom .foo_ewm .foo_wb {


    float: left;


    width: 71px;


    height: 71px;


    border: solid 1px #77797c;


    border-radius: 50%;


    margin-left: 25px;


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


  }


  .foo .bq {


    width: 100%;


    height: 66px;


    line-height: 66px;


    background: #1f242a;


  }


  .foo .bq .bq_main > p {


    font-size: 14px;


    color: #bcbcbd;


  }


  .foo .bq .bq_main .jishu {


    font-size: 14px;


    color: #bcbcbd;


  }


  .foo .bq .bq_main a {


    font-size: 14px;


    color: #bcbcbd;


  }


  .foo .bq .bq_main a:hover {


    color: #fff;


  }