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



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

     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;

 }



 body {

     margin: 0px;

     color: #404040;

     background: #FFF;

     font-size: 14px;

     font-family: "Microsoft YaHei", "微软雅黑", 宋体, Arial, Helvetica, sans-serif;

     background: #FFF;



     overflow-x: hidden;

 }





 .top_bgk {

     height: 120px;

     overflow: hidden;

    

 }









 .biaoyu {

     float: left;

     display: block;

     margin: 35px 0 0 40px;

     font-size: 20px;

     line-height: 30px;

     color: #d63229;

     border-left: 1px solid #d5d5d5;

     padding: 0px 0 0 40px;

     width: 450px;

     font-weight: bold;

 }



 .biaoyu p {

     color: #676767;

     font-size: 18px;font-weight: normal;

 }



 .logo {

     margin: 14px 0 0 0px;

 }





 .logo_title {

     margin: 35px 0 0 10px; line-height: 30px;;

 }



 .logo_title {

     font-size: 42px;

     font-weight: bold;

     color: #202021;



 }



 .logo_title p {

     margin-top: 2px;

     font-size: 12px;

     color: #676767;

     text-transform: uppercase;

     letter-spacing: 0.4px;
     text-align: center;

 }





 .iphone {

     margin: 35px 0px 0px 0px;

     overflow: hidden;

     display: block;

     line-height: 26px;

     height: 80px;

 }



 .iphone p {

     display: block;

     background: url(../images/top_tel.png) no-repeat left 10px;

     padding-left: 60px;

     height: 80px;

 }



 .iphone span {

     font-size: 28px;

     display: block;

     font-family: arial;

     color: #212121;

 }









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









 .nav_xiala_xx {

     width: 100%;

     background: #015fbf;

     height: 60px;

 }



 .nav_xiala {

     width: 1180px;

     height: 60px;

     margin: 0 auto;

 }



 .nav_xiala>ul {

     position: relative;

     height: 60px;

 }



 .nav_xiala ul li {

     float: left;

     width: 168px;

     height: 60px;

     line-height: 60px;

     text-align: center;

     font-size: 15px;

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

 }



 .nav_xiala ul li a {

     display: block;

     color: #fff;

     height: 60px;

     line-height: 60px;

     overflow: hidden;

 }



 .nav_xiala ul li:hover {

     background: #d63229;

     color: #fff;

 }



 .nav_xiala ul li:hover a {

     color: #fff;

 }



 .nav_xiala ul li:nth-child(1) {

     background: none;

 }



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

     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: 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 {

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

 }



 .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: #1c1c1d;

     height: auto;

     padding: 20px 0;

     margin-top: 40px;

 }





 

 

 





 



 .end_ewm {

     width: 104px;height: 120px;background: #fff;

     margin: 20px 55px 0 0px;border-radius: 20px;text-align: center;

 }



 .end_ewm img {

     width: 80px;

     height: 80px;margin:10px auto 2px;

 }









 .end_n a {color: #afacad;}



 .end_n {

     line-height: 48px;

 

     float: left;vertical-align: middle;

     width: 860px;color: #afacad;

 }





 .end_n img{vertical-align: middle;padding-right: 5px;}



 



















 ::selection {

     background-color: #015fbf;

     color: #FFF;

 }



 ::-moz-selection {

     background-color: #015fbf;

     color: #FFF;

 }



 ::-webkit-selection {

     background-color: #015fbf;

     color: #FFF;

 }