.nav-on {
    position: absolute;
    top: 15px;
    right: 15px;
    line-height: 32px;
    font-size: 24px
}

.logo {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center
}

.logo img {
    height: 48px;
    display: inline-block
}

.w33 {
    width: 33%
}

.w25 {
    width: 25%
}

.xtitle .center {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px #f3f3f3 solid;
    height: inherit;
    justify-content: center;
    text-align: center
}

.xtitle .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    text-indent: 0
}

.xtitle .text::before {
    display: block;
    background: #999;
    width: 16px;
    height: 1px;
    margin-left: 10px;
    top: 0;
    border-radius: inherit;
    position: relative;
    content: "";
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.xtitle .icon {
    position: relative;
    display: block;
    background: #999;
    width: 16px;
    height: 1px;
    margin-right: 10px;
    top: 0;
    border-radius: inherit
}

.xtitle .wz {
    background: inherit;
    padding: inherit;
    border-radius: inherit;
    font-weight: bolder;
    font-size: 20px
}

.xtitle a {
    color: #ff3131
}

.tys {
    color: #ff3131
}

.cn ul {
    padding-bottom: 15px
}

.wb33 {
    width: 33.33%
}

.cn ul li {
    float: left;
    height: 36px;
    color: #666;
    margin-bottom: 10px
}

.cn ul li a {
    font-size: 16px;
    background: #f0eff4;
    color: #666;
    width: 100%;
    line-height: 36px;
    display: block;
    text-align: center
}

.cn ul .on a {
    background: #f30;
    color: #fff
}

.pages {
    padding: 10px 5px;
    text-align: center;
    color: #666;
    font-size: 14px;
    margin-top: 30px
}

.pages li {
    display: inline-block;
    display: inline
}

.pages a,
.pages span {
    display: inline-block;
    height: 38px;
    text-align: center;
    line-height: 38px;
    padding: 0 20px;
    margin: 0 10px;
    font-size: 14px;
    color: #666;
    background: #efeff4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.pages span {
    padding: 0 4px
}

.pages .active span,
.pages a:hover {
    color: #fff;
    border: 1px solid #ff9500;
    background: #ff9500
}

.pages .active span {
    color: #fff;
    border: 1px solid #ff9500;
    background: #ff9500
}

.pages .disabled a,
.pages .disabled span {
    color: #999;
    border: 1px solid #eee;
    background: #eee
}

.t3 {
    background: #24282c
}

.t3 .tab .menu {
    text-align: center;
    margin-bottom: 35px
}

.t3 .tab .menu li {
    height: 38px;
    line-height: 38px;
    border: 1px solid #9f8b8b;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 5px;
    margin-right: 5px;
    float: left
}

.t3 .tab .menu li a {
    display: block;
    padding: 0 15px;
    color: #d3c3c3
}

.t3 .tab .menu li:hover {
    border: 1px solid #d35d5d
}

.t3 .tab .menu li a:hover {
    color: #d35d5d
}

.t3 .list {
    margin-left: 2%
}

.t3 .list ul li {
    width: 49%;
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 1%
}

.t3 .list ul li:nth-child(2n) {
    margin-right: 0
}

.t3 .list .wedo_list_li {
    position: relative
}

.t3 .list .wedo_img {
    margin: 4px 2px;
    position: relative;
    overflow: hidden
}

.t3 .list .wedo_list_li .wedo_img img {
    width: 100%;
    transition: all .5s
}

.wedo_list_li .image_info {
    opacity: 0
}

.image_info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.image_info_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.image_info .overlay {
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.image_icon {
    z-index: 5;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding-top: 80px;
    width: 100%
}

.image_txt {
    z-index: 5;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding-top: 20px;
    width: 100%
}

.wedo_list_li:hover .wedo_img img {
    transform: scale(1.2, 1.2)
}

.wedo_list_li:hover .image_info {
    opacity: 1;
    transition: all .5s;
    display: block
}

.xmore {
    text-align: center
}

.xmore a {
    padding: 10px 30px;
    border: 1px solid #bdb1b1;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 50px;
    border-radius: 50px;
    color: #fff
}

.xmore a:hover {
    color: #da251d
}

.news_list ul li {
    padding: 10px 10px;
    border-bottom: 1px solid #efeff4
}

.newstop {
    border-bottom: 1px solid #efeff4;
    padding: 0 15px 0 15px
}

.newstop h1 {
    line-height: 35px;
    color: #3c3c3c;
    font-size: 20px;
    padding: 10px 0;
    font-weight: 600
}

#play {
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 5px auto
}

#play .change_a {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    display: block;
    overflow: hidden;
    background: url(about:blank)
}

#play .prev_a {
    left: 0
}

#play .next_a {
    right: 0
}

#play .change_a span {
    width: 24px;
    height: 43px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    display: none
}

#play .prev_a span {
    background: url(/v1/img/s_gallery_2012110702.png) no-repeat 0 -50px;
    left: 0
}

#play .next_a span {
    background: url(/v1/img/s_gallery_2012110702.png) no-repeat -30px -50px;
    right: 0
}

#play .img_ul {
    position: relative;
    z-index: 1
}

.img_hd {
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    overflow: hidden;
    height: 66px;
    padding: 2px 0;
    margin-top: 15px;
    margin: 5px auto;
    position: relative
}

.img_hd ul {
    position: absolute;
    z-index: 1
}

.img_hd ul li {
    float: left;
    width: 80px;
    height: 60px;
    border: 3px solid #eee;
    cursor: pointer;
    margin: 0 3px 0 1px;
    overflow: hidden;
    padding: 1px;
    text-align: center
}

.img_hd ul li img {
    height: 60px
}

.img_hd ul li.on {
    border-color: #2d96e9
}

.home .swiper-pagination-bullet-active {
    background: rgb(3, 92, 170);
    width: 20px;
    height: 6px;
}


.home .swiper-pagination-bullet {
    height: 6px;
    width: 20px;
    display: inline-block;
    border-radius: 0%;
    background: rgb(3, 92, 170);
}

.xtitle .center {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px #f3f3f3 solid;
    height: inherit;
    justify-content: center;
    text-align: center
}

.xtitle .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    text-indent: 0
}

.xtitle .text::before {
    display: block;
    background: #999;
    width: 16px;
    height: 1px;
    margin-left: 10px;
    top: 0;
    border-radius: inherit;
    position: relative;
    content: "";
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.xtitle .icon {
    position: relative;
    display: block;
    background: #999;
    width: 16px;
    height: 1px;
    margin-right: 10px;
    top: 0;
    border-radius: inherit
}

.xtitle .wz {
    background: inherit;
    padding: inherit;
    border-radius: inherit;
    font-weight: bolder;
    font-size: 20px
}

.xtitle a {
    color: #f76120
}

.tys {
    color: #f76120
}

.zs ul li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 15px;
}



.zs ul li:nth-child(2n) {
    margin-right: 0%;
}

.zd ul li {
    float: left;
    width: 32%;
    margin-bottom: 10px;
}

.cn ul li {
    float: left;
    height: 36px;
    color: #666;
    margin-bottom: 10px
}

.cn ul li a {
    font-size: 14px;
    background: #f0eff4;
    color: #666;
    width: 100%;
    line-height: 36px;
    display: block;
    text-align: center
}

.cn ul .on a {
    background: #f30;
    color: #fff
}

.pages {
    padding: 10px 5px;
    text-align: center;
    color: #666;
    font-size: 14px;
    margin-top: 30px
}

.pages li {
    display: inline-block;
    display: inline
}

.pages a,
.pages span {
    display: inline-block;
    height: 38px;
    text-align: center;
    line-height: 38px;
    padding: 0 20px;
    margin: 0 10px;
    font-size: 14px;
    color: #666;
    background: #efeff4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.pages span {
    padding: 0 4px
}

.pages .active span,
.pages a:hover {
    color: #fff;
    border: 1px solid #ff9500;
    background: #ff9500
}

.pages .active span {
    color: #fff;
    border: 1px solid #ff9500;
    background: #ff9500
}

.pages .disabled a,
.pages .disabled span {
    color: #999;
    border: 1px solid #eee;
    background: #eee
}

.zd ul li {
    margin-right: 2%;
    border: 1px solid #eee;
}

.zd ul li:nth-child(3n) {
    margin-right: 0%;
}

.zd ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.zs .bz {
    border: 1px solid #eee;
}

.fzlc {
    width: 100%;
    background-color: #ea5505;
    overflow: hidden;
}

.img_hd .bottom_a {
    background: url(/v1/img/s_gallery_2012110702.png) no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -11px;
    cursor: pointer;
    z-index: 10
}

.img_hd .prev_a {
    background-position: 0 -24px;
    left: 5px
}

.img_hd .next_a {
    background-position: -30px -24px;
    right: 5px
}