@charset "utf-8";
/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;outline: 0;vertical-align: baseline}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol,li{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{margin: 0;padding: 0;border: none}
img{vertical-align:top}
textarea{resize: none}
a{color:#333; text-decoration: none;}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{ font-weight:400}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box;box-sizing: border-box}
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{content: ".";display: block; overflow: hidden;height: 0;clear: both;visibility: hidden}
.fl{float: left}
.fr{float: right}
html,body{width:100%; min-width:1400px; color:#333; font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;}

/*Top & Meun*/
.top-w{width:100%; min-width:1400px; height:204px; background:#fff; border-bottom:2px solid #ff552e;}
.top-t-w{width:100%; height:36px; background:#ededed; line-height:36px;}
.top-t{width:1200px; height:36px; margin:0 auto;}
.top-t-l{width:50%; height:36px; float:left; font-size:12px; color:#868686;}
.top-t-r{width:50%; height:36px; float:right; text-align:right; font-size:12px; color:#868686;}
.top-t-r span{padding:0 10px; color:#d6d6d6;}
.top-t-r i{padding-right:3px;}
.top-t-r .top-t-in a{color:#868686;}
.top-t-r .top-t-in a:hover{color:#ff552e;}
.top-t-r .top-t-out a{color:#ff552e;}
.top-t-r .top-t-out a:hover{color:#868686;}
.top-t-r .hide{display:none;}

.top-n{width:1200px; height:168px; margin:0 auto;}
.top-logo{width:204px; height:70px; margin-top:34px; float:left;}
.top-logo img{width:100%; height:auto;}
.top-right{width:900px; height:89px; margin-top:34px; float:right;}

.srch{width:630px; height:89px; float:left; overflow:hidden;}
.txt-506{width:506px; height:40px; overflow:hidden; border:2px solid #ff552e;}
.txt-506 input{width:100%; border:none; outline:0; color:#333; padding:5px; line-height:26px; height:36px; background:#fff; text-indent:5px;}
.txt-506 input::-webkit-input-placeholder {color:#a2a2a2;}
.txt-506 input::-moz-placeholder {color:#a2a2a2;}
.txt-506 input:-moz-placeholder {color:#a2a2a2;}
.txt-506 input:-ms-input-placeholder {color:#a2a2a2;}
.ant-srch{width:124px; height:40px;}
.ant-srch button{width:100%; border:0; outline:0; color:#fff; line-height:40px; height:40px; background:#ff552e; font-size:16px; cursor:pointer; text-align:center; font-weight:bold;}
.srch span{ color:#868686; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; width:100%; height:34px; line-height:34px; font-size:12px; overflow:hidden;}
.srch span a{color:#868686; padding-left:10px;}
.srch span a:hover{color:#333;}
.ant-two{width:240px; height:89px; float:right;}
.ant01 a{background:#fff; color:#ff552e; text-align:center; font-size:16px; width:120px; height:40px; border:2px solid #ff552e; display:block; line-height:36px; float:left;}
.ant02 a{background:#ff552e; color:#fff; text-align:center; font-size:16px; width:120px; height:40px; display:block; line-height:40px; float:right;}

.menu-w{width:1200px; height:45px; margin:0 auto; float:left;}
nav {text-align: right; text-transform:uppercase; }
nav ul{width:100%; margin:0 auto; list-style-type:none;}
nav ul li {display:inline-block;}
nav ul li a{color: #333; font-size:16px; display:inline-block; padding:14px 30px 20px; box-sizing:border-box; line-height:16px;}
nav ul li a i{color:#ababab; padding-right:5px;}
nav ul li a:hover{color:#ff552e;}
#menu_button_wrapper{display:none;}
.hidden {display:none;}

.foot-w{width:100%; min-width:1400px; height:224px; background:#333; overflow:hidden;}
.foot-n{width:1200px; height:160px; margin:32px auto; overflow:hidden;}
.foot-n li{width:199px; height:160px; float:left; border-right:1px solid #434343; overflow:hidden;}
.foot-n li .img{width:170px; height:46px; color:#ff552e; font-size:12px; text-align:right;}
.foot-n li span{width:170px; height:20px; line-height:20px; color:#ff552e; font-size:12px; text-align:right; display:block; margin-top:10px;}
.foot-n li h1{width:170px; height:26px; line-height:26px; color:#fff; font-size:21px; text-align:right;}
.foot-n li h2{width:170px; height:18px; line-height:18px; color:#fff; font-size:15px; text-align:right;}
.foot-n li dt{width:100%; height:40px; line-height:40px; color:#fff; font-size:14px; text-align:center; font-weight:bold; display:block;}
.foot-n li dd{width:100%; height:30px; line-height:30px; color:#fff; font-size:12px; text-align:center;}
.foot-n li dd a{color:#b5b5b5;}
.foot-n li dd a:hover{color:#fff;}
.foot-n li .wx-img{width:120px; height:120px; margin:10px auto 0; overflow:hidden;}
.foot-n li .wx-img img{width:120px; height:120px;}
.foot-n li .wx-txt{width:120px; height:30px; line-height:30px; color:#fff; font-size:12px; text-align:center; margin:0 auto;}

.foot-copyright{width:100%; height:120px;}
.foot-crt{width:1200px; height:48px; font-size:12px; line-height:48px; text-align:center; margin:0 auto; color:#5f5f5f;}
.foot-crt a{color:#666;}
.foot-crt-img{width:1200px; height:32px; text-align:center; margin:0 auto;}
.foot-crt-img img{padding:0 5px;}
.foot-menu{display:none;}
  aside {
    position: fixed;
    right: 0;
    bottom: 25%;
    z-index: 999;
	}
    aside li {
      position: relative;
      margin-bottom: 10px; }
      aside li > i.fa {
        display: inline-block;
        width: 52px;
        line-height: 50px;
        text-align: center;
        font-size: 32px;
        background-color: #ff552e;
        color: #fff;
        box-sizing: border-box;
        border: 1px solid #ff552e; }
      aside li figure {
        display: none;
        position: absolute;
        width: 176px;
        right: 100%;
        top: -80px;
        text-align: center;
        background-color: #eee;
        margin-right: 10px;
        border: 1px solid #ff552e;
        border-radius: 5px;
        overflow: hidden; }
        aside li figure figcaption {
          padding: 20px 0; }
          aside li figure figcaption div {
            font-size: 14px;
            line-height: 24px;
            box-sizing: border-box;
            padding: 0 20px; }
            aside li figure figcaption div img, aside li figure figcaption div i {
              vertical-align: middle;
              margin: 0 2px; }
            aside li figure figcaption div i.fa {
              color: #f39800;
              font-size: 14px; }
            aside li figure figcaption div span {
              font-size: 14px; }
          aside li figure figcaption .tishi {
            line-height: 16px;
            margin-top: 15px; }
        aside li figure > img {
          width: 80%;
          box-sizing: border-box;
          margin-top: 20px;
          background-color: #fff; }
        aside li figure > p:first-of-type {
          width: 100%;
          background-color: #ff552e;
          line-height: 52px;
          position: relative;
          color: #fff; }
          aside li figure > p:first-of-type:before, aside li figure > p:first-of-type:after {
            content: "";
            display: inline-block;
            position: absolute;
            border-width: 5px;
            border-style: solid; }
          aside li figure > p:first-of-type:before {
            left: 30px;
            top: 10px;
            border-top-color: #fff;
            border-left-color: #fff;
            border-right-color: transparent;
            border-bottom-color: transparent; }
          aside li figure > p:first-of-type:after {
            right: 30px;
            bottom: 10px;
            border-top-color: transparent;
            border-left-color: transparent;
            border-right-color: #fff;
            border-bottom-color: #fff; }
      aside li:hover {
        z-index: 999; }
        aside li:hover:after {
          content: '';
          display: block;
          position: absolute;
          left: -11px;
          top: 0;
          width: 12px;
          height: 52px;
          border: 1px solid #ff552e;
          border-left-color: transparent;
          border-right-color: transparent;
          background-color: #eee; }
        aside li:hover > i.fa {
          background-color: #eee;
          color: #ff552e; }
        aside li:hover figure {
          display: block; }
    aside .goup {
      position: relative;
      opacity: 0;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      aside .goup i.fa {
        -webkit-transition: 0.5s;
        transition: 0.5s; }
      aside .goup .txt {
        width: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        position: absolute;
        right: -100px;
        top: 0;
        line-height: 52px;
        text-align: center;
        height: 52px;
        width: 100px;
        color: #fff;
        background-color: #ff552e;
        overflow: hidden; }
    aside .goup:hover {
      cursor: pointer; }
      aside .goup:hover:after {
        display: none;
        width: 0; }
      aside .goup:hover > i.fa {
        margin-left: -100px;
        background-color: #ff552e;
        color: #fff; }
      aside .goup:hover .txt {
        right: 0px; } 
.aqq{
            display: inline-block;
            padding: 6px 20px;
            margin: 15px 0;
            border-radius: 6px;
            background-color: #ff552e;
            font-size: 14px;
            color: #fff; 
        }
/* Responsive for smaller screens */
@media (max-width: 768px) {
html,body{min-width:100%;}	
.top-w{width:100%; min-width:100%; height:auto; background:#fff; border-bottom:2px solid #ff552e; padding-bottom:15px;}
.top-t{width:100%; height:36px; margin:0 auto;}
.top-t-l{display:none;}
.top-t-r{width:100%; height:36px; float:right; text-align:right; font-size:12px; color:#868686; padding-right:10px;}
.top-n{width:100%; height:auto; margin:0 auto; position:relative;}
.top-right{display:none;}
.top-logo{width:160px; height:auto; margin-top:15px; margin-left:0.5em;}

.menu-w{width:100%; height:auto; position:absolute; top:0px; z-index:999;}
#menu_button_wrapper{display: block; padding:1.38em 0.5em; color: #9d9d9d;}
#menu_button {box-sizing:border-box; float: right; padding: .5em 1em; color:#333; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#menu_button:hover {cursor: pointer;}
#hamburger {float: right; padding-top:3px;}
#menu_button span{display:block; background:#333; width:30px; height:3px; margin-bottom:3px;}
nav ul {width: 100%; margin: 0 auto; padding: 0;}
nav ul li {display: block;}
nav ul li a {width:100%; color:#fff; background:rgba(51,51,51,0.8);  padding:14px 30px; border-bottom:1px dashed #999;}

.foot-w{ display:none;}
.foot-copyright{width:100%; height:auto;}
.foot-crt{width:80%; height:auto; font-size:12px; line-height:14px; text-align:center; margin:0 auto; color:#999; padding:10px 0;}
.foot-crt-img{width:100%; height:32px; text-align:center; margin:0 auto 20px;}
.foot-crt-img img{width:25%; height:auto;}
.foot-menu{width:90%; height:auto; line-height:30px; font-size:14px; line-height:20px; padding:10px 0 0; margin:0 auto; text-align:center; display:block; color:#999;}
.foot-menu a{color:#5f5f5f; padding:0 8px;}
  aside {
    position: fixed;
    right: 0;
    bottom: 30%;
    z-index: 98;
	}
    aside li {
      position: relative;
      margin-bottom: 10px; }
      aside li > i.fa {
        display: inline-block;
        width: 42px;
        line-height: 40px;
        text-align: center;
        font-size: 24px;
        background-color: rgba(9, 9, 9, 0.8);
        color: #fff;
        box-sizing: border-box;
        border: 1px solid #ff552e;
        border-radius: 50%;
        opacity: .5; }
      aside li figure {
        display: none;
        position: absolute;
        width: 176px;
        right: 100%;
        top: -80px;
        text-align: center;
        background-color: #eee;
        margin-right: 10px;
        border: 1px solid #ff552e;
        border-radius: 5px;
        overflow: hidden; }
        aside li figure figcaption {
          padding: 20px 0; }
          aside li figure figcaption div {
            font-size: 12px;
            line-height: 20px;
            box-sizing: border-box;
            padding: 0 20px; }
            aside li figure figcaption div img, aside li figure figcaption div i {
              vertical-align: middle;
              margin: 0 2px; }
            aside li figure figcaption div i.fa {
              color: #f39800;
              font-size: 16px; }
            aside li figure figcaption div span {
              font-size: 16px; }
          aside li figure figcaption .tishi {
            line-height: 16px;
            margin-top: 15px; }
        aside li figure > img {
          width: 80%;
          box-sizing: border-box;
          margin-top: 20px;
          background-color: #fff; }
        aside li figure > p:first-of-type {
          width: 100%;
          background-color: #ff552e;
          line-height: 52px;
          position: relative;
          color: #fff; }
          aside li figure > p:first-of-type:before, aside li figure > p:first-of-type:after {
            content: "";
            display: inline-block;
            position: absolute;
            border-width: 5px;
            border-style: solid; }
          aside li figure > p:first-of-type:before {
            left: 30px;
            top: 10px;
            border-top-color: #fff;
            border-left-color: #fff;
            border-right-color: transparent;
            border-bottom-color: transparent; }
          aside li figure > p:first-of-type:after {
            right: 30px;
            bottom: 10px;
            border-top-color: transparent;
            border-left-color: transparent;
            border-right-color: #fff;
            border-bottom-color: #fff; }
      aside li:hover {
        z-index: 99; }
        aside li:hover figure {
          display: block; }
    aside .goup {
      position: relative;
      opacity: 0;
      -webkit-transition: 1s;
      transition: 1s; }
      aside .goup i.fa {
        -webkit-transition: 1s;
        transition: 1s; }
      aside .goup .txt {
        width: 0;
        -webkit-transition: 1s;
        transition: 1s;
        position: absolute;
        right: -100px;
        top: 0;
        line-height: 52px;
        text-align: center;
        height: 52px;
        width: 100px;
        color: #fff;
        background-color: #ff552e;
        overflow: hidden; }
    aside .goup:hover {
      cursor: pointer; }
      aside .goup:hover:after {
        display: none;
        width: 0; }
      aside .goup:hover .txt {
        display: none;
        right: 0px; }
}
nav[role="navigation"] {text-align:center;}

.cd-pagination {
  width:100%;
  margin:0 auto;
  text-align: center;
  background:#fff;
  padding:20px 0 30px;
}
.cd-pagination li {
  /* hide numbers on small devices */
  display: none;
  margin:0 .2em;
}
.cd-pagination li.button {
  /* make sure prev next buttons are visible */
  display: inline-block;
}
.cd-pagination a, .cd-pagination span {
  color:#333;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .6em .8em;
  font-size:14px;
}
.cd-pagination a {
  border:1px solid #e6e6e6;
  border-radius: 0.25em;
  background:#fff;
}
.cd-pagination a:hover {
  background: #ff552e;
  color:#fff;
  border:1px solid #ff552e;
}
.cd-pagination a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-pagination a.disabled {
  /* button disabled */
  color:#666;
  pointer-events: none;
}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
  opacity: .4;
}
.cd-pagination .button:first-of-type a::before {
  content: '\00ab  ';
}
.cd-pagination .button:last-of-type a::after {
  content: ' \00bb';
}
.cd-pagination .current {
  /* selected number */
  background-color:#ff552e;
  border-color:#ff552e;
  color: #ffffff;
  pointer-events: none;
}



@media only screen and (min-width: 768px){
  .cd-pagination li{display: inline-block;}
  
}
@media only screen and (min-width: 1400px) {
  .cd-pagination {margin:0 auto;}
}