* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



body {

    overflow-x: hidden;

}



html,

body,

div,

span,

applet,

object,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    font-weight: normal;

    vertical-align: baseline;

    font-family: 'Microsoft Yahei';

}



/* HTML5 display-role reset for older browsers */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block;

}



ol,

ul,

li {

    list-style: none;

}



blockquote,

q {

    quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: '';

    content: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



th,

td {

    vertical-align: middle;

}



/* custom */

a {

    outline: none;

    color: #333;

    text-decoration: none;

    -webkit-backface-visibility: hidden;

}



a:focus {

    outline: none;

}



input:focus,

select:focus,

textarea:focus {

    outline: -webkit-focus-ring-color auto 0;

}



.clearfix {

    zoom: 1

}



.clearfix:after {

    display: block;

    height: 0;

    content: "";

    clear: both;

    visibility: hidden;

}



.fl {

    float: left !important;

}



.fr {

    float: right !important;

}



.block {

    display: block !important;

}



.inline-block {

    display: inline-block !important;

}



.vertical-middle {

    vertical-align: middle !important;

}



.overflow-hidden {

    overflow: hidden;

}



.relative {

    position: relative;

}



.absolute {

    position: absolute;

}



.img-responsive {

    display: block;

    max-width: 100%;

    max-height: 100%;

    height: auto;

}
.w100 {
    width: 100%;
}

.h100 {
    height: 100%;
}



.w1200 {

    width: 1200px;

    margin: 0 auto;

    position: relative;

}



.bg {

    background-repeat: repeat;

}



.bg-white {

    background: #fff !important;

}



.color-them {

    color: #1b7aad !important;

}



.color-white {

    color: #fff !important;

}



.bg-them {

    background-color: #1b7aad !important;

}



.bg-gray {

    background-color: #575757;

}



.common-title {

    text-align: center;

    margin: 50px auto;

    color: #333;

}



.common-title h3 {

    line-height: 1;

}



.common-title .text-c {

    font-size: 30px;

}



.common-title .text-e {

    font-size: 14px;

    margin-top: 12px;

}



.common-title .text-e span {

    display: block;

}



.common-title .text-e i {

    display: inline-block;

    width: 30px;

    height: 3px;

    background: #1b7aad;

    margin-top: 15px;

}



.header-container {

    height: 120px;

    background: #fff;

}



.header-container .header-left {

    margin-top: 23px;

}



.header-container .header-center {

    width: 300px;

    height: 120px;

    background-image: url('../images/kouhao.png');

    background-repeat: no-repeat;

    background-position: center center;

    margin-left: 130px;

}



.header-container .header-right {

    margin-top: 30px;

}



.header-container .header-right .tel-icon {

    width: 59px;

    height: 59px;

    background-image: url('../images/icon-tel.png');

    background-repeat: no-repeat;

    background-position: center center;

    margin-right: 20px;

}



.header-container .header-right .text-top {

    font-size: 16px;

    color: #000;

}



.header-container .header-right .text-bottom {

    font-size: 22px;

    color: #e2791c;

    font-weight: 700;

    margin-top: 5px;

}







.nav-container {

    background: #1b7aad;

}



.nav-container ul li {

    float: left;

    text-align: center;

    width: 16.66%;

    height: 45px;

    line-height: 45px;

    text-align: center;

    position: relative;

}



.nav-container ul li a {

    color: #fff;

    font-size: 16px;

}



.nav-container ul li a:hover {

    color: #e2791c;

}



.nav-container ul li::after {

    content: "";

    position: absolute;

    width: 2px;

    height: 19px;

    background: #fff;

    right: 0;

    top: 15px;

}



.nav-container ul li:last-child::after {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

}



.banner-container {

    overflow: hidden;

    position: relative;

}



.banner-container .swiper-wrapper .swiper-slide .banner-inner {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;



}



.banner-container .swiper-wrapper .swiper-slide .banner01-inner01 {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

}

.banner-container .swiper-wrapper .swiper-slide .banner-inner img {
    margin: auto auto;
}


.banner-container .swiper-wrapper .swiper-slide .banner01-inner02 {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;
    width: 40%;
    width: 60%;

}


.banner-container .swiper-wrapper .swiper-slide .banner02-inner01 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
}

.banner-container .swiper-wrapper .swiper-slide .banner02-inner02 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
}

.banner-container .swiper-wrapper .swiper-slide .banner03-inner01 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 45%;
}

.banner-container .swiper-wrapper .swiper-slide .banner03-inner02 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 55%;
}



.banner-bullet-active {

    background: #1b7aad;

    opacity: 1;

}



.banner-bullet-active {

    background: #1b7aad;

    opacity: 1;

}



.swiper-button-next,

.swiper-button-prev {

    color: #1b7aad;

}



.product-container {

    background-image: url('../images/product-bg.jpg');

    overflow: hidden;

    padding-bottom: 30px;

}



.cate-list ul {

    text-align: center;

}



.cate-list ul li {

    float: left;

    width: 9%;

    text-align: center;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-bottom: 15px;

    position: relative;

}





.cate-list ul li a {

    color: #333;

    line-height: 1;

    font-size: 17px;

}



.cate-list ul li a:hover {

    color: #e2791c;

}



.cate-list ul li::after {

    content: "";

    position: absolute;

    width: 2px;

    height: 19px;

    background: #555;

    right: 0;

    top: 0;

}



.cate-list ul li:nth-child(11n)::after {

    width: 0;

    height: 0;

}



.product-list-container {

    padding-top: 30px;

}



.product-list-container .product-list-ul li {

    float: left;

    margin-right: 26px;

    margin-bottom: 10px;

    text-align: center;

    width: 280px;

}



.product-list-container .product-list-ul li .imgwrap {

    border: 2px solid #1b7aad;

}



.product-list-container .product-list-ul li .imgwrap .product-bottom {

    height: 67px;

    background-image: url('../images/product-bottom.jpg');

    background-position: center center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

}





.product-list-container .product-list-ul li:nth-child(4n) {

    margin-right: 0;

}



.product-list-container .product-list-ul li h6 {

    height: 50px;

    line-height: 50px;

    color: #333;

    font-size: 14px;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.product-list-container .product-list-ul li h6:hover {

    color: #e2791c;

}



.product-list-container .product-list-ul li .img {

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

    display: block;

}



.product-list-container .product-list-ul li .img:hover {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.product-list-container .product-list-ul li .imgbox .icon {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 73px;

    height: 73px;

    margin-top: -36px;

    margin-left: -36px;

    background-image: url('../images/icon-play.png');

    background-size: 100% 100%;

    background-repeat: no-repeat;

}



.youshi-container {

    height: 700px;

    background: url('../images/youshi-bg.jpg') 100% 100% no-repeat;

    overflow: hidden;

}





.youshi-container .youshi-list {

    position: relative;

}



.youshi-container .youshi-list ul li {

    float: left;

    width: 50%;

    height: 200px;

    background-repeat: no-repeat;

    margin-bottom: 50px;

}





.youshi-container .youshi-list ul li:nth-child(1),

.youshi-container .youshi-list ul li:nth-child(3) {

    background-position: top left;

}



.youshi-container .youshi-list ul li:nth-child(2),

.youshi-container .youshi-list ul li:nth-child(4) {

    background-position: top right;

}



.youshi-container .youshi-list ul li .descbox h6 {

    font-size: 24px;

    margin-bottom: 10px;

}



.youshi-container .youshi-list ul li .descbox p {

    font-size: 16px;

}



.youshi-container .youshi-list ul li:nth-child(1) {

    background-image: url('../images/youshi_01.png');

}



.youshi-container .youshi-list ul li:nth-child(2) {

    background-image: url('../images/youshi_02.png');

}



.youshi-container .youshi-list ul li:nth-child(3) {

    background-image: url('../images/youshi_03.png');

}



.youshi-container .youshi-list ul li:nth-child(4) {

    background-image: url('../images/youshi_04.png');

}



.youshi-container .youshi-list ul li:nth-child(1) .descbox {

    margin-left: 150px;

    margin-top: 20px;

}



.youshi-container .youshi-list ul li:nth-child(2) .descbox {

    margin-right: 150px;

    margin-top: 20px;

    float: right;

}





.youshi-container .youshi-list ul li:nth-child(3) .descbox {

    margin-left: 150px;

    margin-top: 70px;

}



.youshi-container .youshi-list ul li:nth-child(4) .descbox {

    margin-right: 150px;

    margin-top: 70px;

    float: right;

}



.youshi-container .youshi-list .youshi-product {

    position: absolute;

    width: 700px;

    height: 530px;

    left: 255px;

    top: -20px;

}



.about-video-container {

    height: 1150px;

    background: url('../images/about-video-bg.jpg') 100% 100% no-repeat;

    overflow: hidden;

}



.about-container .about-outerbox {

    position: relative;

}



.about-container .about-outerbox::after {

    content: "";

    width: calc(50% - 600px);

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    background: rgba(255, 255, 255, 0.8);

}



.about-container .common-title {

    color: #fff;

}



.about-container .common-title .text-e i {

    background: #fff;

}



.about-container .about-box {

    margin-top: 45px;

    background: rgba(255, 255, 255, 0.8);

    padding: 50px 0 50px 50px;

    border-top-left-radius: 15px;

    border-bottom-left-radius: 15px;

}



.about-container .about-box .about-right {

    width: 645px;

}



.about-container .about-box .about-right .about-desc p {

    font-size: 16px;

    line-height: 32px;

    text-indent: 32px;

    color: #333;

    text-align: justify;

}



.about-container .about-box .about-left .imgbox {

    overflow: hidden;

}



.about-container .about-box .about-left .imgbox img {

    display: block;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.about-container .about-box .about-left .imgbox img:hover {

    -webkit-transform: scale(1.1);

            transform: scale(1.1);

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.video-container .common-title {

    color: #fff;

}



.video-container .video-swiper {

    position: relative;

    overflow: hidden;

}



.video-container .video-swiper .swiper-slide {

    overflow: hidden;

}



.video-container .video-swiper img {

    display: block;

    margin: 0 auto;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

    width: 100%;

}



.video-container .video-swiper img:hover {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.video-swiper-relative {

    padding: 40px 20px;

    background: rgba(255, 255, 255, 0.8);

    border-top-right-radius: 15px;

    border-bottom-right-radius: 15px;

}



.video-container .imgbox .icon {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 73px;

    height: 73px;

    margin-top: -36px;

    margin-left: -36px;

    background-image: url('../images/icon-play.png');

    background-size: 100% 100%;

    background-repeat: no-repeat;

}



.video-container p {

    color: #fff;

    font-size: 18px;

    line-height: 1;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-top: 15px;

    color: #333;

}



.video-container p:hover {

    color: #e2791c;

}



.video-swiper-relative-outer {

    position: relative;

}



.video-swiper-relative-outer::after {

    content: "";

    width: calc(50% - 600px);

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(255, 255, 255, 0.8);

}



.video-swiper-relative .video-swiper {

    width: 1060px;

    margin: 0 auto;

}



.video-swiper-relative .swiper-button-prev {

    left: 20px;

    width: 33px;

    height: 33px;

    bottom: 20px;

    outline: none;

    border: 0;

}



.video-swiper-relative .swiper-button-next {

    right: 20px;

    width: 33px;

    height: 33px;

    outline: none;

    border: 0;

}



.video-swiper-relative .swiper-button-prev::after {

    content: "";

    background-image: url('../images/video-swiper-prev-button.png');

    display: inline-block;

    width: 33px;

    height: 33px;

}



.video-swiper-relative .swiper-button-next::after {

    content: "";

    background-image: url('../images/video-swiper-next-button.png');

    display: inline-block;

    width: 33px;

    height: 33px;

}













.news-container {

    height: 822px;

    background: url('../images/news-bg.jpg') 100% 100% no-repeat;

    overflow: hidden;

}



.news-container .news-list ul li {

    float: left;

    width: 380px;

    margin-right: 30px;

}



.news-container .news-list ul li:nth-child(3n) {



    margin-right: 0;

}



.news-container .news-list ul li .imgbox {

    overflow: hidden;

    height: 250px;

}



.news-container .news-list ul li .imgbox img {

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

    display: block;

}



.news-container .news-list ul li .imgbox img:hover {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.news-container .news-list ul li .descbox {

    background: #1b7aad;

    padding: 15px;

    height: 150px;

    color: #fff;

}



.news-container .news-list ul li .descbox h3 a {

    font-size: 16px;

    color: #fff;

}



.news-container .news-list ul li .descbox h3 a:hover {

    color: #e2791c;

}



.news-container .news-list ul li .descbox p {

    font-size: 14px;

    line-height: 24px;

    margin: 15px 0;

}



.news-container .news-list ul li .descbox .date {

    font-size: 12px;

}



.news-container .news-list ul li .descbox .date .icon {

    display: inline-block;

    width: 15px;

    height: 15px;

    background-image: url('../images/icon-date.png');

    background-repeat: no-repeat;

    vertical-align: middle;

}



.news-container .news-list ul li .descbox .morebtn {

    color: #fff;

    font-size: 14px;

}



.news-container .news-list ul li .descbox .morebtn:hover {

    color: #e2791c;

}



.concat-container {

    height: 400px;

    position: relative;

}



.concat-container .concat-container-position {

    position: absolute;

    width: 100%;

    top: -246px;

    z-index: 2;

}



.concat-container .concat-list {

    background: #1b7aad;

    border-radius: 15px;

    height: 150px;

}



.concat-container .concat-list ul li {

    float: left;

    width: 25%;

    text-align: center;

}



.concat-container .concat-list ul li i {

    display: block;

    width: 38px;

    height: 38px;

    margin: 0 auto 18px;

    background-position: center center;

    background-repeat: no-repeat;

    margin-top: 35px;

}



.concat-container .concat-list ul li:nth-child(1) i {

    background-image: url('../images/icon-concat-man.png');

}



.concat-container .concat-list ul li:nth-child(2) i {

    background-image: url('../images/icon-concat-mobile.png');

}



.concat-container .concat-list ul li:nth-child(3) i {

    background-image: url('../images/icon-concat-tel.png');

}



.concat-container .concat-list ul li:nth-child(4) i {

    background-image: url('../images/icon-concat-address.png');

}



.concat-container .concat-list ul li span {

    font-size: 15px;

    color: #fff;

    line-height: 1;

}



.footer-container {

    background: #1b7aad;

    overflow: hidden;

}



.footer-container .nav-container ul li {

    height: 80px;

    line-height: 80px;

}



.footer-container .nav-container ul li a {

    font-size: 18px;

}



.footer-container .nav-container ul li::after {

    top: 33px;

}



.footer-container .copyright {

    text-align: center;

    font-size: 16px;

    color: #fff;

    height: 56px;

    line-height: 56px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.footer-container .copyright a {

    color: #fff;

}



.footer-container .copyright a:hover {

    color: #e2791c;

}





.detail-content-title {

    border-bottom: 1px solid #ddd;

}



.detail-content-title h3 {

    font-size: 18px;

    color: #1b7aad;

    font-weight: 700;

}





.detail-content-title p {

    margin-top: 15px;

}



.detail-content-title p span {

    font-size: 14px;

    color: #999;

    margin: 0 5px;

}



.detail-content-body {

    text-align: left;

    text-indent: 28px;

    font-size: 14px;

    line-height: 35px;

    color: #333;

    margin: 20px 0;

}



.detail-content-body p {

    color: #333;

}





.yunu-showcase {

    margin: 15px 0 40px;

}



.yunu-showcase-info {

    margin-left: 430px;

    text-align: left;

}



.yunu-showcase-info h1 {

    font-size: 24px;

    margin: 0 0 30px;

    font-weight: normal;

}



.yunu-showcase-info p {

    margin: 5px 0 0;

    color: #666;

    line-height: 1.8;

    min-height: 250px;

}



.yunu-showcase-info .tel {

    border-top: 2px solid #e6e6e6;

    margin-top: 15px;

    padding-top: 15px;

    background: url(../images/pc-xc-icon2.png) no-repeat 0 15px;

    /* height: 42px; */

    padding-left: 60px;

    line-height: 21px;

    font-size: 18px;

}



.yunu-showcase-info .tel a {

    float: right;

    line-height: 42px;

    padding: 0 15px;

    background-color: #1b7aad;

    color: #fff;

}



.pc-slide {

    float: left;

    width: 400px;

}



.title-1 {

    background-color: #ebebeb;

    font-size: 0;

    margin-bottom: 20px;

    text-align: left;

}



.title-1 span {

    display: inline-block;

    line-height: 50px;

    background-color: #1b7aad;

    font-size: 18px;

    color: #fff;

    padding: 0 30px;

}



#bodycon {

    width: 1200px;

    margin: 0 auto

}



#bodycon #left {

    float: left;

    width: 0;

}



#bodycon #center {

    width: 1200px;

}



#bodycon #right {

    float: left;

    width: 0;

}



#bodycontent {

    width: 1200px;

    margin: 0 auto;

    line-height: 180%;

    text-align: center

}



.shopmrsc:hover {

    background-color:#f9f9f9

}

.shopmrsc {

    border-bottom:#efefef solid 1px;

    overflow:hidden;

    padding:15px 5px

}

.shopmrsc a {

    float:left;

    display:block;

    height:135px;

    text-decoration:none;

    position:relative

}

.shopmrsc a:hover {

    color:red;

    text-decoration:none

}

.xwlb_img {

    float:left;

    margin-right:15px;

    width:205px;

    height:135px;

    background-color:#dbd9da

}

.xwlb_img img {

    width:205px;

    height:135px;

    display:table-cell

}

.shopmrsc p {

    font-size:16px;

    font-weight:700;

    overflow:hidden;

    text-align:left;

    margin:0 auto;

    border-bottom:none

}

.shopmrsc p.xwlbbt {

    font-size:16px;

    font-family:microsoft yahei;

    font-weight:400

}

.shopmrsc p.xwlbnr {

    font-size:14px;

    font-weight:400;

    height:50px;

    line-height:24px;

    margin-top:7px;

    color:#999

}

.shopmrsc p.xwlbsj {

    font-size:14px;

    font-weight:400;

    color:#787878;

    position:absolute;

    line-height:20px;

    bottom:0

}



.mianbxContent {

    height: 40px !important;

    line-height: 40px !important;

    font-size: 16px !important;

    text-align: left !important;

    background-color: #eee;

    width: 100% !important;

    text-indent: 2.5em;

    -webkit-transition: .1s all;

    transition: .1s all;

    background: url(../images/b.png) no-repeat 7px 12px;

    border-bottom: 1px solid #eee;

    letter-spacing: 1px;

    position: relative;

    border-top: 1px solid #eee

}



.mianbxContent a {

    font-size: 15px !important

}



.mianbxContent:hover {

    background-position: 7px -29px

}



.strong_title {

    display: none

}



.centerHeadImage {

    border: 0;

    display: none

}



.mianbxContent a:hover {

    color: #1b7aad;

    font-size: 15px !important

}



.mianbxContent::after,

.mianbxContent:after {

    content: '';

    position: absolute;

    display: block;

    height: 40px;

    width: 200px;

    top: 0;

    right: 0

}



.mianbxContent {

    margin-bottom: 20px !important;

    height: 40px !important;

    line-height: 40px !important;

    font-size: 16px !important;

    text-align: left !important;

    background-color: #eee;

    width: 100% !important;

    text-indent: 2.5em;

    -webkit-transition: .1s all;

    transition: .1s all;

    background: url(../images/b.png) no-repeat 7px 12px;

    border-bottom: 1px solid #eee;

    letter-spacing: 1px;

    position: relative;

    border-top: 1px solid #eee

}



.mianbxContent a {

    font-size: 15px !important

}



.mianbxContent:hover {

    background-position: 7px -29px

}



.strong_title {

    display: none

}



.centerHeadImage {

    border: 0;

    display: none

}



.mianbxContent a:hover {

    color: #1b7aad;

    font-size: 15px !important

}



.mianbxContent::after,

.mianbxContent:after {

    content: '';

    position: absolute;

    display: block;

    height: 40px;

    width: 200px;

    top: 0;

    right: 0

}



.pro_all_class {

    width: 1200px !important;

    height: auto !important;

    margin: 0 auto !important;

    padding-top: 8px;

    overflow: hidden;

    font-size: 0;

    line-height: 0;

    border-bottom: none !important;

    margin-bottom: 20px !important;

    text-align: center;

}



.pro_all_class a {

    display: inline-block;

    width: 100px;

    height: 40px;

    line-height: 40px;

    overflow: hidden;

    text-align: center;

    margin-right: 8px;

    font-size: 14px;

    color: 279c2c;

    background: #1b7aad;

    white-space: nowrap;

    text-overflow: ellipsis;

    text-decoration: blink;

    color: #fff

}



.pro_all_class a:nth-child(11n) {

    margin-right: 0;

}



.pro_all_class a:hover {

    background: #e2791c;

    color: #fff

}



.pro_all_class strong {

    background: #e2791c;

    color: #fff;

    display: block

}



.news_content_title h3,

.news_content_title h3 strong {

    font-size: 18px;

    height: 55px;

    line-height: 55px;

    color: #1b7aad;

}



.pages-list>ul li {

    float: left;

    width: 288px;

    border: 1px solid #1b7aad;

    margin-right: 15px;

    margin-bottom: 15px;

}



.pages-list>ul li:nth-child(4n) {

    margin-right: 0;

}



.pages-list>ul li .imgbox {

    overflow: hidden;

    position: relative;

}



.pages-list>ul li .imgbox img {

    width: 100%;

    height: 216px;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

    display: block;

}



.pages-list>ul li:hover .imgbox img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.pages-list>ul li .imgbox .icon {

    position: absolute;

    width: 50px;

    height: 50px;

    left: 50%;

    top: 50%;

    margin-left: -25px;

    margin-top: -25px;

    background-image: url('../images/icon-play.png');

    background-size: 50px 50px;

}



.pages-list>ul li h3 {

    height: 40px;

    line-height: 40px;

    color: #333;

    border-top: 1px solid #ddd;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.pages-list>ul li:hover h3 {

    color: #fff;

    background: #1b7aad;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}





.pagess {

    clear: both;

    margin: 20px;

    overflow: hidden;

    margin-left: 0;

    text-align: center;

    font-size: 12px;

    margin-top: 50px;

}



.pagess ul li {

    display: inline-block;

    border: 1px solid #ccc;

    padding: 4px 12px;

    margin: 0 1px;

    line-height: 24px;

    background: #fff;

    color: #999

}



.pagess ul li:hover {

    background: #1b7aad;

    color: #fff;

    border: 1px solid #1b7aad

}



.pagess ul li:hover a {

    color: #fff

}



.pagess ul li.thisclass {

    display: inline-block;

    border: 1px solid #1b7aad;

    padding: 4px 12px;

    margin: 0 1px;

    background: #1b7aad;

    color: #fff

}



.pagess ul li.thisclass a {

    color: #fff

}



.pagess ul li a {

    display: block;

    color: #999;

    width: 100%;

    height: 100%;

}



.pagess ul li a:hover {

    color: #fff

}



.dede_pages {

    padding: 20px 0;

    font-size: 14px;

    text-align: center;

    overflow: hidden

}



.dede_pages ul {

    display: inline-block;

    margin: 0 auto;

    padding: 0

}



.dede_pages ul li {

    float: left;

    font-family: microsoft yahei;

    margin: 0 2px;

    padding: 0 10px;

    line-height: 25px;

    background: #fff;

    border: 1px solid #d8dadf

}



.dede_pages ul li a {

    float: left;

    color: #555;

    display: block

}



.dede_pages ul li:hover {

    text-decoration: none;

    color: #fff;

    border: 1px #1b7aad solid;

    background-color: #1b7aad

}



.dede_pages ul li:hover a {

    color: #fff

}



.dede_pages ul li:hover a:hover {

    color: #fff;

    text-decoration: none

}



.dede_pages ul li.thisclass {

    background-color: #1b7aad;

    color: #fff;

    border: 1px #1b7aad solid

}



.dede_pages ul li.thisclass a {

    color: #fff

}



.dede_pages .pageinfo {

    line-height: 30px;

    padding-left: 5px

}



.dede_pages strong {

    font-weight: 400

}


/*网分页样式*/
.pageno{clear: both;margin:40px auto 20px auto; overflow: hidden; text-align: center;font-size:14px;}


.page-numbar .page-num {
	border: 1px solid #ccc;
	padding: 6px 15px;
	margin: 0 1px;
	line-height: 24px;
	background: #fff;
	color: #999;
	border-radius: 2px;
	
}
.page-numbar a{
    display: inline-block;	
}
.page-numbar .page-num:hover{background:#0e75c8;color:#fff;border: 1px solid #0e75c8}
.page-numbar .page-num:hover a{color:#fff;}

.pageno .page-num-current{display: inline-block;border: 1px solid #0e75c8;padding:6px 15px;margin: 0 1px;background: #0e75c8;color: #fff;}
.pageno .page-num-current {
	color: #FFFFFF;
}


.pageno .page-index,.pageno .page-status,.pageno .page-last{display: inline-block;border: 1px solid #ccc;padding: 6px 15px;margin: 0 1px;line-height:24px;background: #fff;color:#ccc;border-radius:2px}
.pageno .page-index a,.pageno .page-next a,.pageno .page-last a{
	color:#999;
}

.pageno .page-index:hover{background:#0e75c8;color:#fff;border: 1px solid #0e75c8}
.pageno .page-pre:hover{background:#0e75c8;color:#fff;border: 1px solid #0e75c8}
.pageno .page-next:hover{background:#0e75c8;color:#fff;border: 1px solid #0e75c8}
.pageno .page-last:hover{background:#0e75c8;color:#fff;border: 1px solid #0e75c8}

.pageno .page-index:hover a{color:#fff;}
.pageno .page-pre:hover a{color:#fff;}
.pageno .page-next:hover a{color:#fff;}
.pageno .page-last:hover a{color:#fff;}

.page-numbar>span,.page-next,.page-pre{
    display: none;
}