﻿ /*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:#fff;



 }







 :focus {



     outline: 1;



 }







 article,



 aside,



 canvas,



 details,



 figcaption,



 figure,



 footer,



 header,



 hgroup,



 menu,



 nav,



 section,



 summary {



     display: block;



 }







 a {



     color: #333;



     text-decoration: none;



     /* -webkit-transition: all .3s ease-out; */



     /* 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: #1B7CDA;

     transition: all 0.3s ease-out 0s;

 }



 a:active {

     text-decoration: none;

     color: #404040;

 }



 



 ::selection {

    background-color: #1B7CDA;

    color: #FFF;

}



::-moz-selection {

    background-color: #1B7CDA;

    color: #FFF;

}



::-webkit-selection {

    background-color: #1B7CDA;

    color: #FFF;

}





 



 .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: 130px;

     overflow: hidden;

     

 }



 .logo {

    margin: 40px 0 0 0px;

}







 



 .biaoyu{font-size: 18px;font-weight: bold;color: #1B7CDA;margin:36px 0 0 20px;line-height: 30px;}



 

 .biaoyu p {

     color: #020202; 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: 26px;

     display: block; 

     font-family: Arial, Helvetica, sans-serif; 

     color: #333333; 

 }



 

 /*<!--nav-->*/



 



 .nav_xiala_xx {

     width: 100%;

     background: #1B7CDA;  

     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;

     padding: 0px 30px;

  }



  .nav_xiala>ul>li{background: url(../images/nav_tag.jpg) no-repeat right center;}



  .nav_xiala>ul>li>a{font-weight: bold;}



 .nav_xiala ul li a {

     display: block;

     color: #fff;

     height: 56px;

     line-height: 56px;

     overflow: hidden;

 }



 .nav_xiala ul li:hover {

     background: #000000;

     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: 56px;

     left: 250px;

     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;

 }



 .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: 130px;

     /*和一级栏目一样宽度*/

     height: 0px;
	 margin-left: -30px;

     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;

 }



 .nav_xiala .erji_xiala1 a:hover {

     color: #fff;

     padding-left: 15px;

 }





 .nav_xiala>ul>li.another {

     background: #000000;

 }



 .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_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 100px;width:600px;line-height: 30px;}



 



 









