*{box-sizing: border-box;}
body{background: #f2f2f2;}

/*img src*/
.headwarp .head .h-logo a span
{
    background-image: url(../img/waddscript.png);
    background-image: -webkit-image-set(url(../img/waddscript.png) 1x,url(../img/waddscript@2x.png) 2x);
    background-repeat: no-repeat;
}

/*top*/
.qdxinChanl{display: none;}

/*head*/
.channalTop-mask{display: none;}
.headwarp{position:fixed;z-index: 1000;;width: 100%;height: 40px;background: #fff;top: 0;}
.headwarp .head{margin: auto;width: 100%;height: 40px;position: relative;display: block;z-index: 1000;padding: 0px 0;left:0;margin-left: 0;}

.headwarp .head .h-logo a{display: block;overflow: hidden;width: 60px;height:40px;margin: auto;}
.headwarp .head .h-logo a span{display: block;float: left; ;width: 60px;
    height: 40px; display: block;background-position: 3px -55px;background-size: 224px auto;text-indent:-99999em;}
.headwarp .head .h-logo a em{display: none;}

.headwarp .head .h-info{background: #f7f7f7;padding: 13px 5px 13px 10px;color: #7d7d7d;position: absolute;top: 7px;line-height: 0;left: 0;font-size: 12px;}
.headwarp .head .h-info::after{content: "";position: absolute;height: 0;
    width: 0;border-top: 27px solid #e6e6e6;border-right: 7px solid transparent; top: 0;right: -6px;}
.headwarp .head .h-info span{display: none;}

.headwarp .head .h-search{position: absolute;right: 55px;top: 8px;height: 25px;width: 25px;}
.headwarp .head .h-search a .wadd-search{float: none;width: 25px;height: 25px;background-position:-76px -50px;display: block;}
.headwarp .head .h-search a em{display: none;}
/*head end*/

/*touch nav*/
/* animation */
.menuPop{position: fixed;width: 100%;background:#eaeaea;z-index: 88; top:0;  /*z-index: 777;*/
-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 0.4s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/
 }
@-webkit-keyframes fadeIn{
0% {opacity: 0; }
50% {opacity: 0.5;}
100% {opacity: 1;}
}
.anmaiClose{-webkit-animation-name: closefadeIn; /*动画名称*/
-webkit-animation-duration: 0.4s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/
}
@-webkit-keyframes closefadeIn{
0% {opacity: 1; }
50% {opacity: 0.5;}
100% {opacity: 0;}
}
.xin-searchOpen{-webkit-animation-name: openfadeIn; /*动画名称*/
-webkit-animation-duration: 0.4s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/
}
@-webkit-keyframes openfadeIn{
0% {opacity: 0;}
50% {opacity: 0.5;}
100% {opacity: 1; }
}

.nav-hamburger-link{display: block;}
#menuPid{display: block;}
.nav-hamburger{height: 30px;  width: 30px;  cursor: pointer;position: fixed; top:10px; z-index: 1001;right:10px;}
.nav-hamburger .nav-hamburger-line {
    display: block;
    position: relative;
    width: 25px;
    height: 1px;
    background: rgba(102, 102, 102, 0.85);
    -webkit-transition-property: transform, opacity, -webkit-transform;
    -moz-transition-property: transform, opacity, -webkit-transform;
    -ms-transition-property: transform, opacity, -webkit-transform;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -ms-transition-duration: 0.25s;
    transition-duration: 0.25s;
}
.nav-hamburger .nav-hamburger-line:nth-child(1) {
    top: 2px;
    -webkit-transform-origin: 2px 3px;
    -moz-transform-origin: 2px 3px;
    -ms-transform-origin: 2px 3px;
    transform-origin: 2px 3px;
}
.nav-hamburger .nav-hamburger-line:nth-child(2) {
    top: 8px;
    opacity: 1;
}
.nav-hamburger .nav-hamburger-line:nth-child(3) {
    top: 15px;
    -webkit-transform-origin: 4px 0px;
    -moz-transform-origin: 4px 0px;
    -ms-transform-origin: 4px 0px;
    transform-origin: 4px 0px;
}
.nav-hamburger-link .opened .nav-hamburger-line {
    background-color:rgba(102, 102, 102, 0.85);
}
.nav-hamburger-link .opened .nav-hamburger-line:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-hamburger-link .opened .nav-hamburger-line:nth-child(2) {
    opacity: 0;
}
.nav-hamburger-link .opened .nav-hamburger-line:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*menu2017*/
.disnone{display: none;}
.menuPop{    width: 100%;
    background: #f2f2f2;
    position: fixed;
    z-index: 99;
    top: 24px;
    padding: 25px 10px 50px 10px;}
.menuPop{box-sizing: border-box;}
.menuPop .Mnei p{margin-bottom: 10px;text-align: left;color: #B3B3B3;border-bottom: 1px solid #e6e6e6;font-size: 16px;line-height: 28px;}
.menuPop .Mnei ul{display: flex; width: 100%; flex-wrap:wrap;}
.menuPop .Mnei ul li{display: inline-block;width: 20%;}
.menuPop .Mnei ul li a{display: block;width: 100%;text-align: center;font-size: 16px;color: #4d4d4d;line-height: 30px;}

.menuPop .Mnei .shequc{color: #EDB717;}
.menuPop .Mnei .baoc{color: #DD5E5A;}
.menuPop .Mnei .findc{color: #F59221;}
.menuPop .Mnei .piyaoc{color: #2195F5;}
.menuPop .Mnei .margli{margin: 0 15px;}
.menuPop .margtop{margin-top: 25px;}
.menuPop .Mnei4 ul li{width: 25%;}
.Mdown{top: 24px;}
.Mup{top: -490px;}

.black {
    position: fixed;
    background: #000;
    opacity: .9;
    width: 100%;
    height: 100%;
    z-index: 98;
    top: 0;
    right: 0;
    left: 0;
}

.movedown{
-webkit-animation-name:menudown;
-webkit-animation-duration:.5s;
-webkit-animation-iteration-count:1;
-webkit-animation-delay:0s;
}
@-webkit-keyframes menudown{
0%{opacity: 0;top: -389px;}
50%{opacity: 0.5;top: 24px;}
75%{opacity: 0.75;top: 34px;}
100%{opacity: 1;top: 24px;}
}
.moveup{
-webkit-animation-name:menuup;
-webkit-animation-duration:.4s;
-webkit-animation-iteration-count:1;
-webkit-animation-delay:0s;
}
@-webkit-keyframes menuup{
0%{opacity: 1;top:24px;padding-bottom: 50px}
50%{opacity: 1;top:24px;padding-bottom: 60px;}
75%{opacity: 1;top:24px;padding-bottom: 50px}
100%{opacity:1;top: -389px;}
}
/*遮罩层*/
.blackdis{position: fixed;width: 100%;height:100%;top: 0;right: 0;left: 0;z-index: 1001;}
.blackdis{
-webkit-animation-name:blacknone;
-webkit-animation-duration:.4s;
-webkit-animation-iteration-count:1;
-webkit-animation-delay:0s;
}
@-webkit-keyframes blacknone{
0%{background: rgba(0,0,0,.8);}
50%{background:rgba(0,0,0,.4);}
100%{background: rgba(0,0,0,0);}
}
/*touch nav end*/


/*footer*/
.bot1000{margin-top: 0px; padding-top: 0px; padding-bottom: 0px; background-color: #fff;}
.bot1000 ul{width: 100%; margin: 0 auto;}
.bot1000 ul li{text-align: center;  line-height: 30px; color: #555;font-size: 12px;}
.bot1000 ul li span{display: none;}
.bot1000 ul li span i{margin: 0 8px;}
.bot1000 ul li a{padding: 0 10px;}
.bot1000 ul li em{margin-right: 5px;}
.bot1000 ul li a:hover{color: #FFBF00;}
.bot1000 ul li i{display: none;}
.wabout a{font-size: 12px;color: #555;padding: 0 20px;}
.border_lra{border-left: 1px solid #999999;border-right: 1px solid #999999;}
.borderb0{border-bottom: 0;}
.bot1000 ul li:first-child{position: relative;top: 21px}
.bot1000 ul li:last-child{position: relative;top:-32px;}
.bot1000 .wabout{display: none;}
.daoHbot{height: 40px; line-height: 40px;  margin: 3px 4% 0 4%;display: block;}
.daoHbot li{float: left; width:16.5%; text-align: center;}
.daoHbot li a{color: #4d4d4d; font-size: 15px;}

/*share*/
.fenXang {
    background-color: #E6E6E6;
    box-sizing: border-box;
    padding:10px 4%;overflow: hidden;
}
.fenW{width: 100%;margin: 20px auto 0;}
.fenXang .fenC{float: left;height: 45px;}

/*mainbody*/
#mainArticle{margin: 41px auto 30px;}
.main-title{
width:100%;height: auto; 
position: relative;
background: #010d5a; /* Old browsers */
}
.main-title img.pc{
    display: none;
}
.main-title .inner{
    width: 100%;
    min-height: 250px;
    background-color: #f2f2f2;
}
.main-title img.phone{
    display: block;
}
.main-title img{
    width: 100%;
    height: auto;
}
.main-title p{width: 100%;height: 77px;margin: auto;background-position: center 0; /*background-size: 700px*/;text-indent: -9999em;background-size: 190%;position: absolute;}

.main-pi{width: 100%;margin:10px 0 0 0;padding: 0 15%;}
.main-pi ul li{float: none;width: 100%;margin:15px 0;}
.main-pi ul li:first-child{margin-left: 0;}
.main-pi ul li a{display: block;position: relative;background: }
.main-pi ul li a p{position: absolute;bottom: 20px;color: #fff;font-size: 18px;width:180px;left: 50%;margin-left: -90px;text-align: center;height: 50px;line-height: 50px;}
.main-pi ul li a .netqd{line-height: 24px;bottom: 15px;}
.main-pi ul li a img{width: 100%;}
/*.main-pi ul li:last-child a p{line-height: 24px;}*/

.email-tell{width: 100%;margin: auto;padding: 0 4%;height: auto;}
.email-tell ul:first-child li:first-child{display: none;}
.email-tell ul li{float: none;margin-bottom: 0;}
.email-tell ul li p{height: 40px;line-height: 40px;color: #23A1D0}
.email-tell ul li span{
    display: block;
}

/*main body end*/

/*go-top*/
a#go-top {
    width: 36px;
    height: 36px;
    text-align: center;
    text-decoration: none;
    line-height: 25px;
    color: #999;
    text-indent: -9999em;
    background-position: -161px -4px;
    background-color: #ECE6B2;
}

.piyao-text{
    width: 100%;
    padding: 4%;
    background: #fff;
}
.piyao-text h2{font-size: 24px;width: 100%;text-align: center;font-weight: bold;color: #EA4747;padding: 10px; 0;}
.piyao-text p{width: 100%;line-height: 36px;font-size: 18px;}
.piyao-text span{display: block;color:#EA4747; padding: 15px 0 5px 0;font-size: 20px;}
.piyao-text p i{display: block;}
.piyao-text ul li{display: block;font-size: 18px;line-height: 36px;}

.email-tell ul{width: 100%;}

      .jubao-shouli {
        margin-top: 20px;
      }
        .jubao-shouli li{
          overflow: hidden;
          padding: 10px 0;
          float: none;
          width: 100%;
          display: block;
        }
        .jubao-shouli .year{
          display: block;
          width: 100%;
          font-size: 22px;
          font-weight: 700;
          text-align: center;
          margin-bottom: 20px;
        }
        .jubao-shouli .month{
          display: flex;
          flex-wrap: wrap;
          width: 100%;
        }
        .jubao-shouli .month a{
          display: inline-block;
          width: 20%;
          font-size: 16px;
          text-align: center;
          margin-bottom: 10px;
        }
        .jubao-shouli .month a:hover{
          color: #D97F24;
        }






.top-banner{
  padding: 20vh 0 10px;
  background: #010d5a url('../img/top-bg-m.jpg') top center no-repeat;
  background-size: auto 100%;
  min-height: 300px;
}
.top-banner .link-ul{
   display: flex;
   gap: 5px;
   width: 90%;
   margin: 0 auto;
   flex-wrap: wrap;
}
.top-banner .link-item{
  flex: 0 0 48%;
  margin-bottom: 10px;
}
.top-banner img{
  display: block;
  width: 100%;
}





/*替换头图开启以下样式*/
/*
.main-title{
width:100%;height: 66px;
background: #00aa4b; 
background: -moz-linear-gradient(top, #00aa4b 0%, #006936 100%); 
background: -webkit-linear-gradient(top, #00aa4b 0%,#006936 100%);  Chrome10-25,Safari5.1-6 
background: linear-gradient(to bottom, #00aa4b 0%,#006936 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aa4b', endColorstr='#006936',GradientType=0 ); 
}
.main-title p{
    background-size: 190%;background-position:center 0
}
*/