.w-pageline {
    display: table;
    margin: 0 auto;
    float: none;
    padding: 12px 0px 20px;
    font-family: Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,STHeiti;
    font-size: 12px;
}

.w-pagemore {
    margin: 16px 0 20px 0;
    font-family: Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,STHeiti;
    font-size: 12px;
}

.w-pageline ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.w-pageline ul li {
    float: left;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.w-pageline ul li em {
    font-style: normal;
    color: #666;
}

.w-pageline ul li input {
    padding: 0 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    outline: none;
}

.w-pageline ul li a {
    display: block;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-decoration: none;
}

.w-pageline ul li a:hover {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.w-page-cm {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}


.w-page-square li a i {
  display: none; }

.w-page-square li .w-page-flip {
  width: 67px !important; }

.w-page-square li a {
  color: #666666;
  background: white;
  border-color: #dddddd;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px; }

.w-page-square li a:hover {
  background: #eeeeee;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }

.w-page-square li .activi {
  background: #eeeeee;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }
.w-page-round li a span {
  display: none; }

.w-page-round li a {
  color: #666666;
  background: white;
  border-color: #dddddd;
  border-width: 1px;
  border-style: solid;
  border-radius: 16px; }

.w-page-round li a:hover {
  background: #eeeeee;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }

.w-page-round li .activi {
  background: #eeeeee;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }

.w-page-alpha li a span {
  display: none; }

.w-page-alpha li a {
  color: #666666;
  background: white;
  border-radius: 3px; }

.w-page-alpha li a:hover {
  background: #eeeeee; }

.w-page-alpha li .activi {
  background: #eeeeee; }
.w-page-square-blue li a i {
  display: none; }

.w-page-square-blue li .w-page-flip {
  width: 67px !important; }

.w-page-square-blue li a {
  color: #666666;
  background: #eeeeee;
  border-color: #eeeeee;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px; }

.w-page-square-blue li a:hover {
  color: white;
  background: #00acf0;
  border-color: #00acf0;
  border-width: 1px;
  border-style: solid; }

.w-page-square-blue li .activi {
  color: white;
  background: #00acf0;
  border-color: #00acf0;
  border-width: 1px;
  border-style: solid; }
.w-page-square-red li a i {
  display: none; }

.w-page-square-red li .w-page-flip {
  width: 67px !important; }

.w-page-square-red li a {
  color: #666666;
  background: #eeeeee;
  border-color: #eeeeee;
  border-width: 1px;
  border-style: solid;
  border-radius: 0px; }

.w-page-square-red li a:hover {
  color: white;
  background: #ea594f;
  border-color: #ea594f;
  border-width: 1px;
  border-style: solid; }

.w-page-square-red li .activi {
  color: white;
  background: #ea594f;
  border-color: #ea594f;
  border-width: 1px;
  border-style: solid; }
.w-page-square-orange li a i {
  display: none; }

.w-page-square-orange li .w-page-flip {
  width: 67px !important; }

.w-page-square-orange li a {
  color: #666666;
  background: #dddddd;
  border-color: #eeeeee;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px; }

.w-page-square-orange li a:hover {
  color: white;
  background: #f57a19;
  border-color: #f57a19;
  border-width: 1px;
  border-style: solid; }

.w-page-square-orange li .activi {
  color: white;
  background: #f57a19;
  border-color: #f57a19;
  border-width: 1px;
  border-style: solid; }

.#{$StyleItemAndColor} .w-line-height-ie7{*display:inline-block;*height:30px; *line-height:14px; *vertical-align:middle;}

.w-page-rectangle li a i {
  display: none; }

.w-page-rectangle li a {
  color: #666666;
  background: #eeeeee;
  border-color: #dddddd;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px; }

.w-page-rectangle li a:hover {
  background: #dddddd;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }

.w-page-rectangle li .activi {
  background: #dddddd;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }

.w-page-rectangle-white li a i {
  display: none; }

.w-page-rectangle-white li a {
  color: #666666;
  background: white;
  border-color: #999999;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px; }

.w-page-rectangle-white li a:hover {
  background: #cccccc;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }

.w-page-rectangle-white li .activi {
  background: #cccccc;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }

.w-page-rectangle-red li a i {
  display: none; }

.w-page-rectangle-red li input {
  border-radius: 16px !important; }

.w-page-rectangle-red li a {
  color: #ea594f;
  background: white;
  border-color: #ea594f;
  border-width: 1px;
  border-style: solid;
  border-radius: 16px; }

.w-page-rectangle-red li a:hover {
  color: white;
  background: #ea594f;
  border-color: #ea594f;
  border-width: 1px;
  border-style: solid; }

.w-page-rectangle-red li .activi {
  color: white;
  background: #ea594f;
  border-color: #ea594f;
  border-width: 1px;
  border-style: solid; }

.w-page-rectangle-round li a span {
  display: none; }

.w-page-rectangle-round li input {
  border-radius: 16px !important; }

.w-page-rectangle-round li .w-page-flip {
  width: 30px !important; }

.w-page-rectangle-round li a {
  color: #666666;
  background: white;
  border-color: #dddddd;
  border-width: 1px;
  border-style: solid;
  border-radius: 16px; }

.w-page-rectangle-round li a:hover {
  color: #666666;
  background: #cccccc;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }

.w-page-rectangle-round li .activi {
  color: #666666;
  background: #cccccc;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }

.w-page-rectangle-alpha li a span {
  display: none; }

.w-page-rectangle-alpha li input {
  border-radius: 16px !important; }

.w-page-rectangle-alpha li .w-page-flip {
  width: 30px !important; }

.w-page-rectangle-alpha li a {
  color: #666666;
  background: none;
  border-radius: 16px; }

.w-page-rectangle-alpha li a:hover {
  color: #666666;
  background: #cccccc; }

.w-page-rectangle-alpha li .activi {
  color: #666666;
  background: #cccccc; }

.#{$StyleItemAndColor} .w-page2-cm {
    width: 67px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}


.#{$StyleItemAndColor} .w-page-more{display:block; width:100%; height:36px; line-height:36px; color:#666; text-align:center; text-decoration:none;box-sizing: border-box;}
.#{$StyleItemAndColor} .w-page-more:hover{ -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}

.w-page-more-one {
  /*background*/
  background-color: white;
  /*border*/
  border-color: #dddddd;
  border-width: 1px;
  border-style: solid; }

.w-page-more-one:hover {
  background-color: #eeeeee;
  /*border*/
  border-color: #dddddd;
  border-width: 1px;
  border-style: solid; }

.w-page-more-two {
  /*background*/
  background-color: #eeeeee;
  /*border*/
  border-color: #eeeeee;
  border-width: 1px;
  border-style: solid; }

.w-page-more-two:hover {
  background-color: #dddddd;
  /*border*/
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }

.w-page-more-three {
  background-color: white;
  border-color: #eeeeee;
  border-width: 1px;
  border-style: solid;
  border-radius: 40px; }

.w-page-more-three:hover {
  background-color: #eeeeee;
  border-color: #dddddd;
  border-width: 1px;
  border-style: solid; }

.w-page-more-fives {
  background-color: none; }

.w-page-more-fives:hover {
  background-color: #dddddd; }

.w-page-more-six {
  color: #ea594f;
  background-color: white;
  border-color: #ea594f;
  border-width: 1px;
  border-style: solid;
  border-radius: 40px; }

.w-page-more-six:hover {
  color: white;
  background-color: #ea594f;
  border-color: #ea594f;
  border-width: 1px;
  border-style: solid; }


/*banner*/
.banner{position: relative;z-index:22;overflow: hidden;width: 100%;height: 400px;}
.banner1{width: 1920px;height: 400px;margin: 0 auto;}
.banner1 li{float: left; width:100%;height: 692px;text-align: center;}
.banner .tip{width: 1000px;height: 25px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 13px;z-index: 3;}
.banner .tip span{ display: inline-block;width: 14px;height: 14px;cursor: pointer;margin: 0 8px;font-size: 0px;line-height: 0px;background: #ffffff;z-index: 3;-moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px; border:1px solid #00589f;}
.banner .tip .cur{background:#00589f;height: 14px;width: 14px;}