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



/*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: #00693e;



	color: #fff;



}







::-moz-selection {



	background-color: #00693e;



	color: #fff;



}







::-webkit-selection {



	background-color: #00693e;



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







.main{



    width: 1200px;



    margin: 0 auto;



}



.myclearfix:after{



    content:"";



    display:block;



    clear:both;



}



.left{



    float: left;



}



.right{



    float: right;



}







 /* xunpan S */ 



 .container1 {



    height: auto;



    margin: 0 auto;



}



.topxunpan {



    text-align: left;



}



.topxunpan .xp {



    position: relative;



    color: #adadad;



    font-size: 14px;



}



.topxunpan .xp img {



    position: relative;



    top: 2px;



    margin-right: 2px;



}



.topxunpan .xp i {



  color: #adadad;



  font-size: 14px;



}







.topxunpan .xp #xunpantip {



    z-index: 999;



    position: absolute;



    top: 35px;



    left: 50%;



    width: 180px;



    height: 30px;



    line-height: 30px;



    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: #005fb3;



    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: #005fb3;



}



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



}







/* nav S */



.nav{



    width: 900px;



    height: 100%;



    background: #fff;



    margin-left: 30px;



  }



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



  



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



  



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



    box-sizing: border-box;



  }



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



  .nav_xiala ul>li{ float:left; width: 110px; 



    box-sizing: border-box;



    height:120px; text-align:center; font-size:16px; -webkit-transition: all .3s linear; transition: all .3s linear; 



}



  .nav_xiala ul li>a{ display:block; color:#333333; height:120px;  overflow: hidden; font-size: 16px; position: relative; z-index: 2; cursor: pointer;



    text-align: center;



    line-height: 120px;



  }



  



  .nav_xiala ul li>a::after{



      content: "";



      position: absolute;



      width: 0;



      height: 3px;



      background-color: #00693e;



      top: 85px;



      left: 50%;



      transform: translate(-50%);



      z-index: -1;



      transition: all .5s ease-in-out;



      -webkit-transition: all .5s ease-in-out;



  }



  



  .nav_xiala ul li:hover>a::after{



    width: 83px;



  }



  



  .nav_xiala ul li:hover{ color:#333333;}



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



  .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:120px; left:0;  width: 100%; background:#00693e;  }  /*一个分类 *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: 120px; 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, #31b87f, #31b87f) no-repeat;



  background: linear-gradient(to right, #31b87f, #31b87f) 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, #31b87f, #31b87f) no-repeat;



  background: linear-gradient(to right, #31b87f, #31b87f) 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:120px; z-index:20;  width: 96px;  /*和一级栏目一样宽度*/



  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:#00693e; 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, #31b87f, #31b87f) no-repeat;



  background: linear-gradient(to right, #31b87f, #31b87f) 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, #31b87f, #31b87f) no-repeat;



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



  background-size: 100% 100%;  }



  



  .nav_xiala > ul > li.another{}



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



  .nav_xiala ul li.another>a::after{



    width: 83px;



  }



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



  }



  



  



  @keyframes menu1 {



    0% {



      opacity: 0;



      transform: translateX(8px);



    }



    100% {



      opacity: 1;



      transform: translateX(0);



    }



  }



  



  @keyframes myfirst {



      0%,100%{



          -webkit-transform: translate(-5px,0) rotateZ(20deg);



      }



      50%{



          -webkit-transform: translate(0,0) rotateZ(-20deg);



      }



    }



    @-webkit-keyframes myfirst {



      0%,100%{



          -webkit-transform: translate(-5px,0) rotateZ(20deg);



      }



      50%{



          -webkit-transform: translate(0,0) rotateZ(-20deg);



      }



    }



    



    @keyframes myfirst2 {



    0%,100%{



        -webkit-transform: translate(-10px,0);



    }



    50%{



        -webkit-transform: translate(0,0);



    }



    }



    @-webkit-keyframes myfirst2 {



    0%,100%{



      -webkit-transform: translate(-10px,0);



    }



    50%{



        -webkit-transform: translate(0,0);



    }



    }



  



    @keyframes msClock {



      0%,70%,100% {



        transform: rotate(0) scale(1);



      }



      10%,30% {



        transform: rotate(-15deg) scale(1.1);



      }



      20%,40% {



      transform: rotate(15deg) scale(1.1);



      }



  }











  .top_line {



    width: 100%;



    height: 1px;



  }



  .head {



    width: 100%;



    height: 120px;



    background: #ffffff;



  }



  .head .head_main {



    height: 100%;



    position: relative;



    z-index: 2;



  }



  .head .head_main > h1 {



    margin-top: 34px;



    width: 200px;



    height: 70px;



  }



  .head .head_main > h1 > a {



    display: block;



    width: 100%;



    height: 100%;



  }



  .head .head_main > h1 > a > img {



    width: 100%;



    height: 100%;



  }



  .head .head_main .ser {



    width: 32px;



    height: 32px;



    background: url(../images/ser.png) center no-repeat #00693e;



    border-radius: 4px;



    margin-top: 40px;



    cursor: pointer;



  }



  .head .head_main .seech {



    position: absolute;



    width: 0;



    height: 40px;



    right: 0;



    bottom: -40px;



    overflow: hidden;



    transition: all 0.7s ease-in-out;



    -webkit-transition: all 0.7s ease-in-out;



  }



  .head .head_main .seech > input {



    width: 100%;



    height: 100%;



    border: 1px solid #ccc;



    background: #ffffff;



    border-radius: 5px;



    padding: 0 50px 0 10px;



    box-sizing: border-box;



  }



  .head .head_main .seech > button {



    position: absolute;



    width: 32px;



    height: 32px;



    background: url(../images/ser.png) center no-repeat #00693e;



    right: 10px;



    top: 4px;



    cursor: pointer;



    border-radius: 5px;



  }



  .head .head_main .on_ser {



    width: 300px;



  }







  /* foo S */







  .foo {



    width: 100%;



    height: 387px;



    padding-top: 30px;



    box-sizing: border-box;



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



  }



  .foo .foo_main .foo_top{



    height: 204px;



    overflow: hidden;



  }



  .foo .foo_main .foo_top .foo_nav > dl {



    float: left;



    width: 146px;



    margin-right: 70px;



  }



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



    width: 100%;



    height: 30px;



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



    line-height: 30px;



    padding-left: 55px;



    box-sizing: border-box;



    font-size: 16px;



    color: #ffffff;



    margin-bottom: 24px;



  }



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



    width: 100%;



    height: 40px;



    line-height: 40px;



    text-align: center;



    margin-bottom: 10px;



  }



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



    display: block;



    width: 100%;



    height: 100%;



    padding: 0 5px;



    box-sizing: border-box;



    overflow: hidden;



    white-space: nowrap;



    text-overflow: ellipsis;



    font-size: 14px;



    color: #b8ccc1;



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



    border-radius: 4px;



  }



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



    color: #ffffff;



    border-radius: 20px;



    border: solid 1px #fff;



  }



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



    margin-right: 0;



  }



  .foo .foo_main .foo_top .ewm {



    margin-top: 23px;



  }



  .foo .foo_main .foo_top .ewm > img {



    width: 116px;



    height: 116px;



  }



  .foo .foo_main .foo_top .ewm > p {



    font-size: 14px;



    height: 14px;



    line-height: 14px;



    color: #ffffff;



    margin: 15px 0 11px;



  }



  .foo .foo_main .foo_top .ewm > h3 {



    font-size: 24px;



    height: 24px;



    line-height: 24px;



    font-family: Arial;



    color: #ffffff;



  }



  .foo .foo_main .foo_txt {



    width: 100%;



    height: 66px;



    box-sizing: border-box;



    padding: 0 25px;



    margin-top: 20px;



    border: solid 2px rgba(255, 255, 255, 0.3);



  }



  .foo .foo_main .foo_txt .foo_item {



    width: 20%;



    padding-top: 10px;



    box-sizing: border-box;



    height: 100%;



  }



  .foo .foo_main .foo_txt .foo_item:hover > i {



    transform: rotateY(360deg);



  }



  .foo .foo_main .foo_txt .foo_item > i {



    width: 28px;



    height: 32px;



    margin-top: 5px;



    transition: all 0.7s ease-in-out;



    -webkit-transition: all 0.7s ease-in-out;



  }



  .foo .foo_main .foo_txt .foo_item .foo_txt_main {



    margin-left: 15px;



  }



  .foo .foo_main .foo_txt .foo_item .foo_txt_main > p {



    font-size: 14px;



    color: #ffffff;



    height: 14px;



    line-height: 14px;



    margin-bottom: 11px;



    font-weight: bold;



  }



  .foo .foo_main .foo_txt .foo_item .foo_txt_main > h3 {



    font-size: 14px;



    color: #ffffff;



    height: 14px;



    line-height: 14px;



  }



  .foo .foo_main .foo_txt .foo_item:nth-child(1) > i {



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



  }



  .foo .foo_main .foo_txt .foo_item:nth-child(2) {



    width: 35%;



  }



  .foo .foo_main .foo_txt .foo_item:nth-child(2) > i {



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



  }



  .foo .foo_main .foo_txt .foo_item:nth-child(3) > i {



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



  }



  .foo .foo_main .foo_txt .foo_item:nth-child(4) {



    width: 25%;



  }



  .foo .foo_main .foo_txt .foo_item:nth-child(4) > i {



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



  }



  .foo .foo_main .bq {



    text-align: center;



    font-size: 14px;



    color: rgba(255, 255, 255, 0.6);



    margin-top: 20px;



  }



  .foo .foo_main .bq a {



    color: rgba(255, 255, 255, 0.6);



    margin-left: 5px;



  }



  .foo .foo_main .bq a:hover {



    color: #ffffff;



  }



  .foo .foo_main .bq img {



    vertical-align: middle;



    display: inline-block;



    margin-left: 2px;



  }







  /* foo E */