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



/*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: #015ec2;



	color: #fff;



}







::-moz-selection {



	background-color: #015ec2;



	color: #fff;



}







::-webkit-selection {



	background-color: #015ec2;



	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;



}







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



    }



}



.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled,.swiper-pagination-bullet{opacity: 1;}



.center{width:1200px;max-width:1200px;margin: auto;}



.hide{display: none;}



.clear{clear:both;}



.clears::after{content: "";display: block;clear: both;}



.empty{height: 1px;}















/* header */



.header{



    width: 100%;



    height: 100px;



}



.header .center{



}



.header h1{



    float: left;



    /* width: 266px; */



    height: 100%;



    padding: 16px 0 11px;



    box-sizing: border-box;



}



.header h1 a,.header h1 img{



    display: block;



    width: 100%;



    height: 100%;



}



/*导航开始*/



.webq_head_xx{ width: calc(100% - 288px); height:100px;float: left;margin-left: 22px;    }







.nav_xiala_xx{ width:100%; height: 100px; background:#ffffff;}







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



.nav_xiala ul li{ float:left; width: 160px; height: 100px;  text-align:center; font-size:16px; position:relative;-webkit-transition: all .5s; transition: all .5s;}







.nav_xiala ul li:first-child,.nav_xiala ul li:last-child{ width: 110px;}







.nav_xiala > ul > li > a{ display:block; color:#000000; height: 100px; line-height: 100px;  overflow: hidden;-webkit-transition: all .5s; transition: all .5s;}







.nav_xiala ul li:hover{ color:#fff;



    background: -webkit-linear-gradient(left, #015ec2, #015ec2) no-repeat;



    background: linear-gradient(to right, #015ec2, #015ec2) no-repeat;



    background-size: 100% 100%;



}







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







.nav_xiala > ul > li > a:hover{



    background: -webkit-linear-gradient(left, #015ec2, #015ec2) no-repeat;



    background: linear-gradient(to right, #015ec2, #015ec2) no-repeat;



    background-size: 100% 100%;



}











.nav_xiala .erji_xiala{  position:absolute; top: 100px; left: 50%; margin-left: -80px; z-index:20;  height:0; visibility: hidden; width: calc(100% + 45px); /*和一级栏目一样宽度*/ }



.nav_xiala .erji_xiala i{ display: block; opacity: 0; border-bottom:1px solid rgba(255,255,255,0.35); background:#015ec2;  position:relative;  }



.nav_xiala .erji_xiala i a{ height: 40px; line-height: 40px;  font-size:14px; display: block; color:#FFF; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }



.nav_xiala .erji_xiala i a:hover{  color:#000000;  }



.nav_xiala .erji_xiala i:hover{ background:#FFFFFF; }



.nav_xiala .erji_xiala i:hover a{color:#000000;}/* 这个是三级菜单hover之后二级栏字体的颜色 */











.nav_xiala .erji_xiala i a{



    background: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF) no-repeat;



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



    background-size: 0% 100%; -webkit-transition: all .5s; transition: all .5s;



}







.nav_xiala .erji_xiala i a:hover{



    background: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF) no-repeat;



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



    background-size: 100% 100%;



}











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







.nav_xiala .erji_xiala i{ opacity: 0; transform: rotateY(90deg); transition:.5s;}







.nav_xiala ul li:hover .erji_xiala i{ opacity: 1;  transform: rotateY(0); }







.nav_xiala ul li:hover .erji_xiala i:nth-child(1){ transition-delay: 50ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(2){ transition-delay: 100ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(3){ transition-delay: 150ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(4){ transition-delay: 200ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(5){ transition-delay: 250ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(6){ transition-delay: 300ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(7){ transition-delay: 350ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(8){ transition-delay: 400ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(9){ transition-delay: 450ms;}



.nav_xiala ul li:hover .erji_xiala i:nth-child(10){ transition-delay: 500ms;}







.nav_xiala  .erji_xiala i:nth-child(1){ transition-delay: 500ms;}



.nav_xiala  .erji_xiala i:nth-child(2){ transition-delay: 450ms;}



.nav_xiala  .erji_xiala i:nth-child(3){ transition-delay: 400ms;}



.nav_xiala  .erji_xiala i:nth-child(4){ transition-delay: 350ms;}



.nav_xiala  .erji_xiala i:nth-child(5){ transition-delay: 300ms;}



.nav_xiala  .erji_xiala i:nth-child(6){ transition-delay: 250ms;}



.nav_xiala  .erji_xiala i:nth-child(7){ transition-delay: 200ms;}



.nav_xiala  .erji_xiala i:nth-child(8){ transition-delay: 150ms;}



.nav_xiala  .erji_xiala i:nth-child(9){ transition-delay: 100ms;}



.nav_xiala  .erji_xiala i:nth-child(10){ transition-delay: 50ms;}











.nav_xiala .sanji_xiala {  width: 165px; height:0px; visibility: hidden; position: absolute; top: 0px; left: 100%; /*和一级栏目一样left*/  }



.nav_xiala .sanji_xiala span{ border-bottom:1px dashed rgba(0,0,0,0.35); display: block; background:#ffffff; text-align: left; opacity: 0; }



.nav_xiala .sanji_xiala span a { height: 40px; line-height: 40px; display: block; color:#000000; font-size:14px; padding-left: 10px; padding: 0 8px 0 15px;



    overflow: hidden;   white-space: nowrap; text-overflow: ellipsis; }



.nav_xiala .sanji_xiala span a:hover{  color:#000000; padding-left: 25px; }











.nav_xiala .sanji_xiala span a{



    background: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF) no-repeat;



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



    background-size: 100% 0%; -webkit-transition: all .5s; transition: all .5s;



}







.nav_xiala .sanji_xiala span a:hover{



    background: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF) no-repeat;



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



    background-size: 100% 100%;



}











.nav_xiala .sanji_xiala_di{ background:url(../images/liqsub_ss.png) no-repeat center; width: 7px; height: 11px; position: absolute; top: 14px; right: 5px;}







.nav_xiala .erji_xiala i:hover .sanji_xiala{ height:auto; visibility: visible; }







.nav_xiala .sanji_xiala span{ opacity: 0; transform: rotateY(90deg); transition:.5s;}







.nav_xiala .erji_xiala i:hover .sanji_xiala span{ opacity: 1;  transform: rotateY(0); }



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(1){ transition-delay: 50ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(2){ transition-delay: 100ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(3){ transition-delay: 150ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(4){ transition-delay: 200ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(5){ transition-delay: 250ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(6){ transition-delay: 300ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(7){ transition-delay: 350ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(8){ transition-delay: 400ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(9){ transition-delay: 450ms;}



.nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(10){ transition-delay: 500ms;}















.nav_xiala > ul > li.another{ background:#015ec2; color:#fff;    }



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







/*首页banner*/



.pics_wrap {



    width: 100%;



    height: auto;



    overflow: hidden;



}



.html5zoo-img-0 img {



    width: 100%;



}



.html5zoo-arrow-left-0 {



    left: 10% !important;



}



.html5zoo-arrow-right-0 {



    right: 10% !important;



}



.html5zoo-bullet-wrapper-0 div {



    margin: 0 4px !important;



}



.html5zoo-nav-0 {



    margin-top: -35px !important;



    left: 48% !important;



}



.html5zoo-bullet-wrapper-0 {



    width: 100% !important;



}



.banner {



    width: 100%;



    margin: 0 auto;



    position: relative;



}



.banner ul.bb {



    position: relative;



    padding: 0px;



    margin: 0px;



    z-index: 5;



}



.banner ul.bb li {



    position: absolute;



    display: none;



}



.banner .num {



    position: absolute;



    right: 2px;



    bottom: 10px;



    z-index: 100;



}



.banner .num li {



    width: 18px;



    height: 18px;



    display: inline-block;



    margin-right: 4px;



    background: #fff;



    line-height: 18px;



    text-indent: -100px;



    overflow: hidden;



    border-radius: 10px;



}



.banner .num li.num_hover {



    background-color: #f7de07;



}



.banner .num li.num_hover a {



    color: #fff;



}



.banner .num li a {



    float: left;



    display: block;



    text-align: center;



    color: #666;



    text-decoration: none;



    cursor: pointer;



    width: 18px;



    height: 18px;



    line-height: 18px;



}



#bannerArrow,#bannerCircle{display: none}



/*幻灯片样式2*/



#focus {



    width: 255px;



    height: 188px;



    overflow: hidden;



    position: relative;



}



#focus ul {



    height: 188px;



    position: absolute;



}



#focus ul li {



    float: left;



    width: 255px;



    height: 188px;



    overflow: hidden;



    position: relative;



    background: #000;



}



#focus ul li a img {



    height: 188px;



    width: 255px;



}



#focus ul li div {



    position: absolute;



    overflow: hidden;



}



#focus .btnBg {



    position: absolute;



    width: 255px;



    height: 20px;



    left: 0;



    bottom: 0;



    background: #000;



}



#focus .btn {



    position: absolute;



    width: 255px;



    height: 10px;



    padding: 5px 10px;



    right: 0;



    bottom: 0;



    text-align: right;



}



#focus .btn span {



    display: inline-block;



    _display: inline;



    _zoom: 1;



    width: 25px;



    height: 10px;



    _font-size: 0;



    margin-left: 5px;



    cursor: pointer;



    background: #fff;



}



#focus .btn span.on {



    background: #fff;



}











/*foot*/



.footBox{



    width: 100%;



    height: 380px;



    overflow: hidden;



    padding-top: 58px;



    box-sizing: border-box;



    background: #333333;



}



.footBox .left{



    float: left;



}



.footBox .right{



    float: right;



}



.footA{



    width: 100%;



    height: 215px;



    padding-bottom: 54px;



    box-sizing: border-box;



    border-bottom: 1px solid rgba(102,102,102,.35);



}



.footA .foot-logo{



    width: 380px;



    height: 215px;



}



.footA .foot-logo img{

 


    height: 73px;



    display: block;



}



.footA .foot-logo p{



    margin-top: 34px;



}



.footA .foot-logo p b{



    font-size: 14px;



    font-weight: bold;



    line-height: 14px;



    color: #999999;



    display: block;



}



.footA .foot-logo p span{



    display: block;



    font-family: Arial;



    font-size: 32px;



    line-height: 24px;



    color: #ffffff;



    margin-top: 15px;



}



.footA .foot-nav{



    height: 160px;



    padding-bottom: 50px;



    padding-left: 92px;



    box-sizing: border-box;



    border-left: 1px solid rgba(102,102,102,.38);



    overflow: hidden;



}



.foot-nav-li{



    width: 90px;



    height: 114px;



    margin-right: 26px;



    overflow: hidden;



}



.foot-nav-li:last-child{



    margin-right: 0;



}



.foot-nav-li h3{



    color: #fff;



    font-size: 16px;



    line-height: 18px;



    font-weight: bold;



    margin-bottom: 14px;



}



.foot-nav-li a{



    display: block;



    line-height: 30px;



    color: #999;



    font-size: 14px;



    transition: all .5s;



}



.footA .foot-nav .foot-nav-li a:hover{



    color: #ffffff;



}



.footA .foot-er{



    width: 117px;



    height: 215px;



    margin-right: 10px;



}



.footA .foot-er img{



    width: 117px;



    height: 117px;



    display: block;



}



.footA .foot-er p {



    margin-top: 12px;



    text-align: center;



    font-size: 14px;



    line-height: 14px;



    color: #999999;



}



.footB{



    height: 106px;



    text-align: center;



    color: #777;



    font-size: 14px;



    padding: 26px 0 32px;



    box-sizing: border-box;



}



.footB p{



    text-align: center;



    color: #777;



    font-size: 14px;



    line-height: 32px;



}



.footB p span{



    margin-right: 12px;



}



.footB p span:last-child{



    margin-right: 0;



}



.footB p a{



    color: #777;



    font-size: 14px;



    margin-left: 5px;



    transition: all .5s;



}



.footB p a:hover{



    color: #FFFFFF;



}



.footB p img{



    vertical-align: middle;



}