body,
h1,
h2, 
h3, 
h4, 
h5, 
h6, 
hr, 
p, 
blockquote, 
dl, 
dt, 
dd, 
ul, 
ol, 
li, 
pre, 
form, 
fieldset, 
legend, 
button, 
input, 
textarea, 
th, 
td { 
  margin:0; 
  padding:0; 
}
html, body {
  font-family:"微软雅黑"
}
body{
  overflow-x: hidden;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6{ 
  font-size:100%; 
  font-weight: normal;
}
address, 
cite, 
dfn, 
em, 
var { 
  font-style:normal; 
}
small{ 
  font-size:12px; 
}
ul, ol { 
  list-style:none; 
}
a { 
  text-decoration:none; 
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;

}
sup { 
  vertical-align:text-top; 
}
sub{ 
  vertical-align:text-bottom; 
}
legend { 
  color:#000; 
}
fieldset, img { 
  border:0; 
}
button, input, select, textarea { 
  font-size:100%; 
  outline: none;
}
img{
  display: block;
  max-width: 100%;
}
img{
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
.clear {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.show{
  display: block!important;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear {
    display: block !important;
    float: none !important;
    clear: both;
    overflow: hidden;
    width: auto !important;
    height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0
}

::-webkit-input-placeholder {
    color: #666;
    font-size: 16px;
}

::-ms-input-placeholder {
    color: #666;
    font-size: 16px;
}
textarea::-webkit-input-placeholder {
    color: #666;
    font-size: 16px;
    font-family: '微软雅黑';
    
  }
  textarea:-moz-placeholder {
    color: #666;
    font-size: 16px;
    font-family: '微软雅黑';
  }
  textarea::-moz-placeholder {
    color: #666;
    font-size: 16px;
    font-family: '微软雅黑';
  }
  textarea::-ms-input-placeholder {
    color: #666;
    font-size: 16px;
    font-family: '微软雅黑';
  }
.clearfix:after {
    content: "";
    overflow: hidden;
    display: block;
    height: 0px;
    clear: both;
}

.dn {
    display: none!important;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dkjz{
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
a{transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;}
@font-face {
  font-family: 'iconfont';  /* project id 2428149 */
  src: url('//at.alicdn.com/t/font_2428149_q2joq9k7oal.eot');
  src: url('//at.alicdn.com/t/font_2428149_q2joq9k7oal.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2428149_q2joq9k7oal.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2428149_q2joq9k7oal.woff') format('woff'),
  url('//at.alicdn.com/t/font_2428149_q2joq9k7oal.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2428149_q2joq9k7oal.svg#iconfont') format('svg');
}
.iconfont {
font-family: iconfont !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: .2px;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'gothic';  /* project id 2428149 */
  src: url('../font/GOTHICB.ttf');
  
}
.num {
font-family: gothic !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: .2px;
-moz-osx-font-smoothing: grayscale;
}
/* 头部 */
.tapbar{background:#041d2f;height:50px;line-height:50px;color:#fff;font-size:14px;}
.tapbar .left {height:50px;}
.tapbar .left span{font-size:18px;margin-left:10px;}
.tapbar .right{width:100px;line-height:32px;color:#fff;text-align: center;background:#066dc0;border-radius:4px;position: absolute;top:9px;right:190px;z-index:2;}
.tapbar .right a{color:#fff;font-size:16px;display: block;line-height:32px;height:32px;}
.tapbar .right a .iconfont{font-size:9px;display:inline-block;transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;vertical-align: middle;}
.tapbar .right:hover{height:64px;}
.tapbar .right:hover a.dn{display: block!important;}
.tapbar .right:hover .iconfont{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.tapbar .guquan{position: absolute; right: 0;top: 0;font-size: 17px;}
.nav_all{
    width: 100%;
    height: 100px;
    background: #fff;
  }
  .nav_logo{
    float: left;
    margin-top: 22px;
  }
  .nav_logo a{
    display: block;
  }
  .nav_dh{
    height: 100px;
    float: left;
    margin-left: 38px;
  }
  .nav_dh>ul>li{
    
    margin:0 6px;
    height: 100px;
    float: left;
    text-align: center;
    position: relative;
  }
  .nav_dh>ul>li>a{
    display: block;
    padding:0 26px;
    height: 96px;
    text-align: center;
    line-height: 96px;
    color: #333333;
    font-size: 18px;
  }
  .nav_dh>ul>li:hover>a{
    border-bottom:4px solid #066dc0;
    color: #066dc0;
    font-weight:600;
  }
  .nav_dh>ul>li:hover .subMenu{display: block;}
  .nav_dh>ul .cur>a{
    border-bottom:4px solid #066dc0;
    color: #066dc0;
    font-weight:600;
  }
  .nav_ss{
    float: right;
    margin-top: 31px;
  }
  .nav_ss .nav_ssk{
    width: 123px;
    height: 36px;
    background: #f0f3f5;
    border: none;
    border-radius: 18px;
    text-indent: 8px;
    font-size: 14px;
    padding-right: 45px;
    padding-left: 10px;
  }
  .nav_ss form{
    position: relative;
  }
  .nav_ss form .nav_tj{
    position: absolute;
    width: 25px;
    height: 25px;
    border: none;
    cursor: pointer;
    top: 6px;
    right: 15px;
    background: url(../images/ss.png) no-repeat center;
  }
  .subMenu{display: none;position: absolute;top:100px;left:0;width:100%;background:#fff;z-index:5;}
  .subMenu a{display: block;line-height:40px;text-align: center;color:#333333;}
  /* 底部 */
  .footer{background:#041d2f;padding-top:54px;border-top:6px solid #066dc0;}
  .foot_logo{float:left;width:21.25%;box-sizing: border-box;border-right:1px solid #444;height:171px;font-size:18px;font-weight:600;color:#fff;text-align: center;}
  .foot_logo img{margin:29px auto 27px;}
  .footer .contact{width:37.66%;box-sizing: border-box;border-right:1px solid #444;height:171px;font-size:14px;color:#999;float:left;display: flex;justify-content: center;}
  .footer .contact .center p{margin:13px 0;}
  .footer .foot_nav{width:22.333%;float:left;box-sizing: border-box;border-right:1px solid #444;height:171px;display: flex;justify-content: center;}
  .footer .foot_nav .hd{margin-bottom:18px;color:#fff;}
  .footer .foot_nav .hd h1{font-size:22px;line-height:1;font-weight:600;margin-bottom:5px;}
  .footer .foot_nav .hd span{font-size:16px;font-weight:normal;}
  .footer .foot_nav  .center{width:65.16%}
  .footer .foot_nav  .bd ul li{float:left;font-size:14px;color:#999;width:50%;line-height:30px;}
  .footer .foot_nav  .bd ul li a{color:#999;}
  .footer .foot_nav  .bd ul li a:hover {color:#fff;}
  .footer .wx{width:18.75%;float:right;text-align: center;font-size:14px;line-height:35px;color:#fff;}
  .footer .wx img{width:56%;margin:23px auto 0;}
  .footer .link{font-size:14px;color:#999;padding-top:10px!important;}
  .footer .link a{color:#999;margin:0 5px;}
  .footer .link p{width:58%;margin:0 auto;}
  .footer .link a:hover{color:#fff;}
  .footer .copyright{font-size:14px;color:#999;text-align: center;padding:30px 0;}
  .footer .copyright a{color:#999;}
  .goTop{position: fixed;width:45px;height:45px;background:#066dc0;text-align: center;line-height:45px;font-size:20px;color:#fff;right:0;bottom:20%;cursor: pointer;z-index:1000;display: none;}
  .pageList{margin:20px 0 0;}
  .pageList .pages{height:auto!important;}
  .pageList .tcdPageCode a:hover{border:1px solid #066dc0!important;}
  .pageList .tcdPageCode a.current{border:1px solid #066dc0!important;}
  
  
   .sideBar {
     position: fixed;
     right: 0;
     top: 40%;
     transform: translateY(-50%);
     z-index: 998;
 }

 .side1 {
     width: 50px;
     height: 150px;
     background: rgba(227, 7, 19, .9);
     text-align: center;
     transition: all 0.5s;
     display: flex;
     align-items: center;
     justify-content: center;
     top: 102px;
     position: absolute;
     right: 0px;
 }

 .side1 a,
 .side1 img,
 .side1 i,
 .side1 span {
     display: block;
 }

 .side1 img {
     margin: 0 auto;
 }

 .side1 i {
     margin: 10px auto;
     width: 1px;
     height: 20px;
     background: #fff;
     transition: all 0.5s ease;
 }

 .side1 span {
     color: #fff;
     font-size: 14px;
     writing-mode: vertical-lr;
     margin: 0 auto;
     letter-spacing: 2px;
 }

 .side1:hover {
     background: #066dc0;
 }

 .side1:hover a img {
     animation: jitter 0.5s;
 }

 .side {
     height: 50px;
     position: absolute;
     transition: all 0.5s;
 }

 .side a {
     display: block;
     height: 50px;
     font-size: 0;
 }

 .side i,
 .side span {
     display: inline-block;
     vertical-align: middle;
     height: 100%;
     line-height: 50px;
 }

 .side i {
     width: 50px;
     text-align: center;
     background: #066dc0;
     transition: all 0.3s;
 }

 .side i img {
     vertical-align: middle;
         display: inline;
 }

 .side span {
     text-align: center;
     line-height: 50px;
     background: #333;
     font-size: 13px;
     color: #fff;
     transition: all 1s;
 }

 .side2 {
     top: 253px;
     right: -140px;
     width: 190px;
 }

 .side2 span {
     width: 140px;
 }

 .side3 {
     right: -190px;
     width: 240px;
     top: 202px;
 }

 .side3 span {
     width: 190px;
 }

 .side4 {
     right: -140px;
     width: 190px;
     top: 253px;
 }

 .side4 span {
     width: 140px;
 }

 .side5 {
     right: -90px;
     width: 140px;
     top: 304px;
     cursor: pointer;
 }

 .side5 span {
     width: 90px;
     font-size: 14px;
 }

 .qcodePic {
     width: 100%;
     position: absolute;
     top: 50px;
     left: 0;
     display: none;
     z-index: 99;
     text-align: center;
     background: #fff;
     border: 1px solid #e5e5e5;
 }
.qcodePic img {
    display: inline;
}
 .side5:hover .qcodePic {
     display: block;
 }

 .side6 {
     right: -90px;
     width: 140px;
     top: 355px;
     cursor: pointer;
 }

 .side6 span {
     width: 90px;
     font-size: 14px;
 }

 .side:hover {
     right: 0;
 }

 .side:hover i {
     background: #066dc0;
 }

 .wxPic {
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: rgba(0, 0, 0, 0.8);
     z-index: 9999;
     display: none;
 }

 .wxPic img {
     width: auto;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }