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



     background: url(../images/pro_dbg.jpg) repeat;



 }







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

     transition: all 0.3s ease-out 0s;

 }



 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: 100px;

      background:#fff;

    

 }



 .logo {

    margin: 22px 0 0 0px;

}



.logo_title h1 a{font-size: 40px;font-weight: bold;color: #df1414;}

.logo_title h1{height: 100px;line-height: 100px;}



 



 

 



 .iphone {

margin: 15px 0px 0px 0px;

overflow: hidden;

display: block;

line-height: 26px;

/* height: 50px; */

}



 .iphone p {

     display: block;

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

     padding-left: 45px; 

      

 }



 .iphone span {

font-size: 24px;

display: block;

color: #df1414;

line-height: 26px;

}









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





 





 .nav_xiala_xx {

 

  width: 710px; float: left;

     height:100px; margin-left: 50px;

 }



 .nav_xiala {

 

     height: 100px;

     margin: 0 auto;

 }



 .nav_xiala>ul {

     position: relative;

     height: 100px;

 }



 .nav_xiala ul li {
     float: left;
     height: 100px;
     line-height: 100px;
     text-align: center;
     font-size: 16px;
     width: 101px;
  }



 .nav_xiala ul li a {

     display: block;

 color: #565656;`

     height: 100px;

     line-height: 100px;

     overflow: hidden;

 }



 .nav_xiala ul li:hover {

     background: #4e4e4e;

     color: #fff;

 }



 .nav_xiala ul li:hover a {

     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: 100px;
     left: 87px;
     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: 30px;

     line-height: 30px;

     display: block;

     color: #FFF;

     font-size: 13px;

 }



 .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: 100px;

     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 {

     background: #1c1c1c;

 }



 .nav_xiala>ul>li.another>a {

     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) no-repeat top center;

     height: auto;

     color:#fff;

     margin-top: 40px;

     padding-bottom: 30px;

 }





 

 

 

 



 .end_ewm {

     width:350px;height: 142px; margin:40px 0 0 0

     

 }



 .end_ewm img {

     width: 142px; float: left;margin-left: 30px;

     height: 142px; 

 }









 .end_n a {color: #fff;}



 .end_n {

     line-height: 32px;

     margin: 66px 0 0 40px;

     float: left;

     vertical-align: middle;

     width: 750px;

     color: #d3d3d3;background: url(../images/end_tag.jpg) no-repeat left 10px;padding-left: 40px;;

 }





 .end_n img{vertical-align: middle;padding: 0 10px 0 15px;}



 













 ::selection {

    background-color: #d41822;

    color: #FFF;

}



::-moz-selection {

    background-color: #d41822;

    color: #FFF;

}



::-webkit-selection {

    background-color: #d41822;

    color: #FFF;

}