/*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: #333333;
     transition: all 0.3s ease-out 0s;
 }
 ::selection {
    background-color: #333333;
    color: #FFF;
}

::-moz-selection {
    background-color: #333333;
    color: #FFF;
}

::-webkit-selection {
    background-color: #333333;
    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: 150px;
     overflow: hidden;background: url(../images/top_bg.jpg) no-repeat top center;
     
 }

 .logo {
    margin: 40px 0 0 0px;
}



 

 .biaoyu{font-size: 18px;font-weight: bold;color: #0063d1;margin:50px 0 0 20px;}

 
 .biaoyu p {
     color: #333333; font-weight: bold;
      
 }

 

 
 

 .iphone {
     margin: 35px 0px 0px 0px;
     overflow: hidden;
     display: block;
     height: 74px; background: url(../images/top_tel.jpg) no-repeat left center;
     padding-left:10px;
     width:200px;
 }

 .iphone p {
     display: block;
     line-height: 24px;
       color: #666666; 
 }

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

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

 

 .nav_xiala_xx {
     width: 100%;
     background: #0063d1;  
     height: 56px; 
 }

 .nav_xiala {
     width: 1180px;
     height: 56px;
     margin: 0 auto;  }

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

 .nav_xiala ul li {
     float: left;
     height: 56px;
     line-height: 56px;
     text-align: center;
     font-size: 14px;
   width: 115px;
  }

  .nav_xiala>ul>li{border-right:1px solid #0044be;}

 .nav_xiala ul li a {
     display: block;
     color: #fff;
     height: 56px;font-weight: bold;
     line-height: 56px;
     overflow: hidden;
 }

 .nav_xiala ul li:hover {
     background: #0063d1;
     color: #fff;
 }

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

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


.nav_xiala>ul>li.another {
    background: #cb1a18;
}

.nav_xiala>ul>li.another>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: 56px;
     left: 130px;
     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;
 }

 .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; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
 }

 .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: 56px;
     z-index: 20;
     background: rgba(77, 77, 77, 0.85);
     width: 115px;
     /*和一级栏目一样宽度*/
     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 {
     padding: 0 0 5px 0;
 }

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


 .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_tel {
    background:#2e2e2e;
    height: 134px;
    color:#fff;
    border-bottom: 1px solid #464646;
}
.end_tel  ul{width:103%;}
.end_tel li{width: 29%;float: left;padding: 40px 0 0 50px;position: relative;display: block;height: 92px;}

.end_tel li:after{
    background: #464646;
    width: 1px;
    height: 82px;
    content:"";
    display: block;
    position: absolute;
    right: 0px;
    top: 29px;
    }

.end_tel li p{font-size: 14px;line-height: 28px;color:#fff;float: left;margin-left:20px;}

.end_tel li span{display: block;}

.end_tel li i{float: left;}


 .end_dbg {
     background:#2e2e2e;
     height: auto;
     color:#fff;
     padding-bottom: 30px;
 }


 
 
 .end_logo{margin:30px 0 0 30px;}

 

 .end_ewm {
     width: 250px; 
     margin: 40px 0px 0 0px;  
 }

 .end_ewm h3{width: 122px;height: 70px;border: 1px solid #fff;text-align: center;color:#fff;float: left;line-height: 24px; letter-spacing: 2px;font-size: 14px;padding-top: 30px;;}
 .end_ewm img {
     width: 103px; 
     height: 103px;  float: left;
 }
 


 .end_n a {color: #fff;}

 .end_n{    margin: 40px 0 0 40px;width:730px;line-height: 30px;}