/*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;

 }



 * {

     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;

     

 }



 :focus {

     outline: 1;

 }



 article,

 aside,

 canvas,

 details,

 figcaption,

 figure,

 footer,

 header,

 hgroup,

 menu,

 nav,

 section,

 summary {

     display: block;

 }



 a {

     color: #333;

     text-decoration: none;

      

     transition: all .3s ease-out;

 }



 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;

 }



 textarea {

     resize: none;

 }



 h1,

 h2,

 h3,

 h4,

 h5,

 h6,

 dl,

 dd,

 dt,

 i,

 em,
 p {

     font-weight: normal;

     font-style: normal;

 }


 .clearboth {
     clear: both
 }

 a:link {
     text-decoration: none;
     color: #404040;
 }

 a:visited {
     text-decoration: none;
     color: #404040;
 }

 a:hover {
     text-decoration: none;
     color: #006bda;
     transition: all 0.3s ease-out 0s;
 }
 ::selection {
    background-color: #006bda;
    color: #FFF;
}

::-moz-selection {
    background-color: #006bda;
    color: #FFF;
}

::-webkit-selection {
    background-color: #006bda;
    color: #FFF;
}


 

 a:active {
     text-decoration: none;
     color: #404040;
 }

 .mainall {
     width: 1180px;
     margin: 0 auto;
     overflow: hidden;
 }

 .mainall1 {
     width: 1180px;
     margin: 0 auto;
 }


 .tnr {
     font-family: times new roman;
 }

 .fl {
     float: left;
 }

 .fr {
     float: right;
 }

 .tc {
     text-align: center;
 }

 .re {
     position: relative;
 }

 .ab {
     position: absolute;
 }

 

 .top_bgk {
     height: 120px;
      background:#FFF;
    
 }

 .logo {
    margin: 22px 0 0 0px;
}
.logo h1 a{font-size: 30px;font-weight: bold;color: #333333;}
 
 .logo p{font-size: 16px;color: #333333;font-family: Arial, Helvetica, sans-serif; font-weight: bold;letter-spacing: 1.2px;}


  
.biaoyu {margin:35px 0 0 40px;font-size: 24px;line-height: 24px;color:#006bda;font-weight: bold;border-left: 1px dashed #006bda;padding-left: 30px;height: 48px;line-height: 48px;}


 .iphone {
     margin: 25px 0px 0px 0px;
     overflow: hidden;
     display: block;
    line-height:24px;
 
 }

 .iphone p {
     display: block;
     background: url(../images/top_tel.jpg) no-repeat left center;font-size: 20px;
     padding-left: 65px; color: #333333;
      
 }

 .iphone span {
     font-size: 24px;
 display: block;
  font-family: Arial, Helvetica, sans-serif;
     color: #333333; 
 }




 /*<!--nav-->*/


 


 .nav_xiala_xx {
 width:100%;
 background:rgba(0, 0, 0, 0.3);
 height:60px;
 z-index: 5;
 position: relative;
 }

 .nav_xiala {
 
     height: 60px;width:1180px;
     margin: 0 auto; z-index: 5;
 }

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

 .nav_xiala ul li {
     float: left;
     height: 60px;
     line-height: 60px;
     text-align: center;
    
     font-size: 16px;
     width:130px;
     position: relative;
  }

 .nav_xiala ul li a {
     display: block;
     color: #Fff;
     overflow: hidden;
 }

 .nav_xiala ul li:hover>a {
     background:#006bda; color: #Fff;
 
 }

 
 

 .nav_xiala .erji_xiala {
     z-index: 20;
     height: 0px;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all .3s linear;
     transition: all .3s linear;
     position: absolute;
     top: 60px;
     left: -200px;
     width: calc(196px * 3);
     background: rgba(77, 77, 77, 0.85);
 }

 /*一个分类 *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: 15px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.35);
     display: block;margin:10px auto;
 }

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

 .nav_xiala .erji_xiala .daohang_xiala a { height: 40px; line-height: 40px; display: block;color: #FFF; font-size: 13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

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

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

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

 .nav_xiala .erji_xiala1 {
     position: absolute;
     top: 60px;
     z-index: 20;
     background: rgba(77, 77, 77, 0.85);
     width: 130px;
     /*和一级栏目一样宽度*/
     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: 14px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.35);
     display: block;
 }

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

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


 .nav_xiala>ul>li.another a {
      background:#006bda; color: #Fff;
 }

 

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









 /* end nav*/

 .end_dbg {
     background:url(../images/end_dbg.jpg) repeat;
 
     color:#fff; 
  margin-top: 20px;   
 }

 
 

 



 .end_dbg a {color: #FFF;}

 .end_n {
     line-height: 30px;
     margin-top: 30px;
    
     color: #FFF; 
 }
 

 .end_r{margin-top: 30px;border-top:1px solid #595959;color: #FFF;height: 50px;line-height: 50px;}