/*头部样式*/

        .topfix {
            width: 100%;
            position: fixed;
            background: #fff;
            left: 0;
            top: 0;
            z-index: 9999;
            box-shadow: 0 2px 5px #ddd;
        }

        .topbox {
            color: #999;
            line-height: 40px;
        }

        .topbox a {
            color: #999;
        }

        #header {
            width: 100%;
            height: 92px;
        }

        #header .boxx {}

        #header .boxx.on {
            max-width: 100%;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        #header .boxx.on .topup {
            max-width: 1200px;
            margin: 0 auto;
        }

        .logo {
            padding-top: 18px;
            position: relative;
            z-index: 9999;
        }

        .logo img {
            max-width: 100%;
            height: auto;
        }

        .btns {
            height: 70px;
            background: url(img/btn.png) no-repeat 50% 50%;
        }

        .topLink {
            float: right;
            text-align: right;
            position: relative;
            z-index: 9999;
        }

        .translate {
            width: 100px;
            position: absolute;
            left: 0;
            top: 10px;
            z-index: 9999;
        }

        .tran-in {
            left: 120px;
        }

        .translate li {
            border: 1px dashed #cccccc;
            line-height: 26px;
            text-align: left;
            background: #fff;
        }

        .translate li a {
            display: block;
            padding-left: 10px;
            background: url(img/dot4.png) no-repeat 88% 11px;
        }

        .translate li a:hover {
            text-decoration: none;
            color: #275cea;
            cursor: pointer;
        }

        .translate-en {
            display: none;
            padding: 6px;
            padding-top: 0px;
        }

        .translate li .translate-en a {
            padding-left: 0px;
            text-align: center;
            background: #fff;
            border-bottom: 1px solid #cccccc;
        }

        .translate li .translate-en a:hover {
            font-weight: bold;
        }

        .topLink .f_count {
            color: #ff0000;
            font-size: 13px;
            font-weight: bold;
        }

        .topLink .k1 {
            line-height: 32px;
            padding-top: 5px;
        }

        .topLink .k2 {
            color: #074b91;
            font-size: 14px;
            font-family: "微软雅黑";
        }

        .sear-btn {
            height: 92px;
            background: url(img/btn.png) no-repeat 50% 50%;
            position: relative;
            width: 60px;
        }

        .hides {
            position: absolute;
            right: 0;
            top: 92px;
            z-index: 99;
            width: 350px;
            background-color: rgba(255, 255, 255, .8);
            padding: 15px 10px;
            display: none;
        }

        #menu {
            position: static !important;
        }

        @media (max-width: 1199px) {
            #header .boxx {
                border-radius: 0;
                padding: 0 15px 0 0;
            }
        }
        /*热门搜索*/

        .search {}

        #formsearch {}

        .hotSearch {
            font-weight: normal;
            padding-right: 15px;
        }

        #search-type {
            float: left;
            width: 100px;
            height: 24px;
            border: 1px solid #c8c8c8;
            margin-right: 5px;
        }
        /*主体样式*/

        #container {
            max-width: 1200px;
            margin: 0 auto;
            margin-top: 10px;
        }

        .boxx {
            padding: 0 4%;
        }

        .boxs {
            padding: 0 12%;
        }

        .boxd {
            max-width: 1200px;
            margin: 0 auto;
        }

        @media (max-width:1419px) {
            .boxx,
            .boxs {
                padding: 0 15px;
            }
        }
        /* 公司简介 */

        .aboutbg {
            padding-top: 95px;
            padding-bottom: 95px;
            background: url(img/bg3.png) no-repeat 50% 50%;
        }

        .about {}

        .about h2 {
            color: #333;
            font: 600 40px/60px "Microsoft Yahei";
        }

        .about .en {
            color: #666;
            font: 600 30px/50px "arial";
            margin: 45px 0;
            height: 100px;
            overflow: hidden;
        }

        .about .content {
            color: #333;
            font: 400 16px/46px "Microsoft Yahei";
        }

        .aboutimg {}

        .aboutimg img {
            max-width: 100%;
            width: auto !important;
            height: auto !important;
        }

        @media (max-width: 1599px) {
            .about .en {
                margin: 10px 0;
                font: 600 30px/40px "arial";
                height: 80px;
            }
            .about .content {
                font: 400 14px/36px "Microsoft Yahei";
            }
        }

        @media (max-width:991px) {
            .about {
                margin-bottom: 30px;
            }
            .about h2 {
                font: 600 30px/60px "Microsoft Yahei";
            }
            .about .en {
                font: 600 24px/40px "arial";
            }
        }

        @media (max-width:767px) {
            .aboutbg {
                padding: 50px 0;
            }
            .about .content {
                height: 252px;
                overflow: hidden;
            }
        }
        /* 优势 */

        .advanbg {
            background: #5d5f63;
            padding: 95px 0 80px;
        }

        .advanbg li {
            text-align: center;
            background: url(img/advan.png) no-repeat 50% 0;
            padding-top: 100px;
        }

        .advanbg li b {
            color: #fff;
            font: 600 48px/60px "arial";
        }

        .advanbg li p {
            color: #fff;
            font: 400 16px/30px "Microsoft Yahei";
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        @media (max-width: 767px) {
            .advanbg {
                padding: 50px 0 20px;
            }
            .advanbg li {
                margin-bottom: 30px;
            }
        }

        @media (max-width: 567px) {
            .advanbg li b {
                font: 600 30px/60px "arial";
            }
            .advanbg li p {
                font: 400 12px/30px "Microsoft Yahei";
            }
        }
        /* 产品中心 */

        .pro-tit {
            color: #333;
            font: 600 40px/90px "Microsoft Yahei";
            position: relative;
            margin-top: 95px;
        }

        .pro-tit a {
            position: absolute;
            right: 0;
            top: 0;
            color: #989898;
            font: 400 24px/90px "Microsoft Yahei";
            text-transform: uppercase;
        }

        .products {
            margin-top: 30px;
            position: relative;
        }

        .products .content li {
            text-align: center;
            width: 0.333333%;
            float: left;
            position: relative;
        }

        .proborder {
            padding: 0 17px;
        }

        .products .content li .img {
            display: block;
            overflow: hidden;
            position: relative;
        }

        .products .content li .covers {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-color: rgba(0, 0, 0, .3);
        }

        .products .content li:hover .covers {
            background: none;
        }

        .products .content li img {
            max-width: 100%;
            height: auto;
            -webkit-transform: scale(1, 1);
            -moz-transform: scale(1, 1);
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .products .content li:hover a.img img {
            -webkit-transform: scale(1.1, 1.1);
            -moz-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
            -webkit-transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            transition: all 0.6s ease-out;
        }

        .products .content li h3 {
            position: absolute;
            left: 30px;
            bottom: 25px;
            text-align: left;
        }

        .products .content li h3 a {
            color: #fff;
            font: 400 20px/40px "Microsoft Yahei";
        }

        .products .content li h3 p {
            color: #fff;
            font: 400 14px/24px "Microsoft Yahei";
            padding-top: 5px;
        }

        .products .content li h3:before {
            position: absolute;
            left: 0;
            top: 40px;
            width: 0;
            height: 1px;
            background: #333;
            content: "";
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
        }

        .products .content li:hover h3:before {
            width: 100%;
        }
        .products .content li:hover h3 a{color:#333;}
        .products .content img {}

        .products .content {
            width: 100%;
            overflow: hidden;
        }

        .prolist {
            width: 10000%;
        }

        .probtn {
            text-align: center;
            padding-top: 90px;
        }

        .pre_left {
            display: inline-block;
            cursor: pointer;
            width: 13px;
            height: 13px;
            background: url(img/p_left1.jpg) no-repeat 50% 50%;
            z-index: 999;
            margin: 0 10px;
        }

        .pre_right {
            display: inline-block;
            cursor: pointer;
            width: 13px;
            height: 13px;
            background: url(img/p_right1.jpg) no-repeat 50% 50%;
            z-index: 999;
        }

        .probtn li {
            float: left;
            width: 12px;
            height: 12px;
            background: #000;
            margin-right: 10px;
        }

        @media (max-width: 991px) {
            .pro-tit {
                font: 600 30px/90px "Microsoft Yahei";
            }
        }

        @media (max-width: 767px) {
            .products .content li {
                width: 0.5%;
            }
            .proborder {
                padding: 0 17px;
            }
            .pro-tit {
                margin-top: 30px;
            }
        }

        @media (max-width: 567px) {
            .products .content li {
                width: 1%;
            }
            .proborder {
                padding: 0;
            }
            .products {
                margin-top: 0;
            }
            .probtn {
                position: absolute;
                width: 100%;
                left: 0;
                top: -50px;
                padding: 0;
                text-align: right;
            }
        }
        /* 首页视频 */

        .video {
            height: 618px;
            background: url(img/video.jpg) no-repeat 50% 0;
            background-size: cover;
            background-attachment: fixed;
            text-align: center;
            margin-top: 100px;
        }

        .video .boxx {
            padding-top: 180px;
        }

        .video .tit {
            color: #000;
            font: 400 36px/66px "Microsoft Yahei";letter-spacing: 10px;
        }
.video  .en{letter-spacing: 3px;
    font-size: 14px;}

        .video .play {
            padding-top: 78px;
        }
.video .play a{display: block;}
        .video .en img {
            max-width: 90%;
            height: auto;
        }

       
        .videobg{position: fixed;width:100%;height:100%;z-index: 99999;background-color:rgba(0,0,0,.8);left:0;top:0;text-align: center;vertical-align: middle;display: none;}
        .videobg .videos{border:15px solid #fff;box-shadow: 2px 2px 10px #000;max-width:750px;height:434px;margin:200px auto 0;}
        .colse{position: absolute;left:50%;margin-left:360px;top:184px;}
        
         @media (max-width: 767px) {
            .video {
                height: 380px;
                margin-top: 50px;
            }
            .video .boxx {
                padding-top: 80px;
            }
            .video .tit {
                color: #fff;
                font: 400 17px/60px "Microsoft Yahei";
            }
            .video .play {
                padding-top: 40px;
            }
             .videobg .videos{height:195px;}
        }
        
        /* 设计师 */

        .designbg {
            background: url(img/design.jpg) repeat;
            padding: 100px 0;
        }

        .tit {
            color: #333;
            font: 600 40px/90px "Microsoft Yahei";
            position: relative;
        }

        .cases {
            margin-top: 70px;
            position: relative;
        }

        .cases .content li {
            width: 0.5%;
            float: left;
            position: relative;
            padding-top: 86px;
        }

        .cases .content li .img {
            display: block;
            overflow: hidden;
            position: absolute;
            left: 50px;
            top: 0;
        }

        .cases .content li img {
            max-width: 100%;
            height: auto;
            -webkit-transform: scale(1, 1);
            -moz-transform: scale(1, 1);
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .cases .content li:hover a.img img {
            -webkit-transform: scale(0.9, 0.9);
            -moz-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
            -webkit-transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            transition: all 0.6s ease-out;
        }

        .cases .content li .d-tit {
            background: #fff;
            padding: 0 50px 40px;
        }

        .cases .content li .d-tit a {
            display: block;
            color: #000;
            font: 600 20px/46px "Microsoft Yahei";
            padding-top: 84px;
        }

        .cases .content li .d-tit p {
            color: #999;
            font: 400 16px/30px "Microsoft Yahei";
            height: 90px;
            overflow:hidden;
        }

        .cases .content img {}

        .cases .content {
            width: 100%;
            overflow: hidden;
        }

        .caselist {
            width: 10000%;
        }

        .pre_left2 {
            position: absolute;
            right: 82px;
            top: -125px;
            cursor: pointer;
            width: 30px;
            height: 30px;
            background: url(img/p_left2.png) no-repeat 50% 50%;
            z-index: 999;
            margin: 0 10px;
        }

        .pre_left2:hover {
            background: url(img/p_left3.png) no-repeat 50% 50%;
        }

        .pre_right2 {
            position: absolute;
            right: 42px;
            top: -125px;
            cursor: pointer;
            width: 30px;
            height: 30px;
            background: url(img/p_right2.png) no-repeat 50% 50%;
            z-index: 999;
        }

        .pre_right2:hover {
            background: url(img/p_right3.png) no-repeat 50% 50%;
        }

        @media (max-width: 991px) {
            .tit {
                font: 600 30px/90px "Microsoft Yahei";
            }
        }

        @media (max-width: 767px) {
            .designbg {
                padding: 50px 0;
            }
            .cases {
                margin-top: 20px;
            }
            .cases .content li {
                width: 1%;
            }
            .cases .proborder {
                padding: 0;
            }
            .pre_left2 {
                right: 40px;
                top: -83px;
            }
            .pre_right2 {
                right: 0;
                top: -83px;
            }
        }
        /* 新闻资讯 */

        .newsbg {
            background: #fff;
            padding: 100px 0 100px;
        }

        .news {
            margin-top: 70px;
            position: relative;
        }

        .news .content li {
            width: 0.5%;
            float: left;
            position: relative;
        }

        .news .content li .img {
            display: block;
            overflow: hidden;
        }

        .news .content li img {
            max-width: 100%;
            height: auto;
            -webkit-transform: scale(1, 1);
            -moz-transform: scale(1, 1);
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .news .content li:hover a.img img {
            -webkit-transform: scale(1.1, 1.1);
            -moz-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
            -webkit-transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            transition: all 0.6s ease-out;
        }

        .news .content li .d-tit {
            background: #fff;
        }

        .news .content li .d-tit a {
            display: block;
            color: #000;
            font: 400 20px/52px "Microsoft Yahei";
        }

        .news .content li .d-tit p {
            color: #666;
            font: 400 14px/26px "Microsoft Yahei";
            margin: 10px 0;
        }

        .news .content li .time {
            display: block;
            color: #999;
            font: 400 14px/26px "Microsoft Yahei";
            background: url(img/time.png) no-repeat 0 50%;
            padding-left: 30px;
            margin-top: 25px;
        }

        .news .content img {}

        .news .content {
            width: 100%;
            overflow: hidden;
        }

        .newslist {
            width: 10000%;
        }

        .pre_left3 {
            position: absolute;
            right: 82px;
            top: -125px;
            cursor: pointer;
            width: 30px;
            height: 30px;
            background: url(img/p_left2.png) no-repeat 50% 50%;
            z-index: 999;
            margin: 0 10px;
        }

        .pre_left3:hover {
            background: url(img/p_left3.png) no-repeat 50% 50%;
        }

        .pre_right3 {
            position: absolute;
            right: 42px;
            top: -125px;
            cursor: pointer;
            width: 30px;
            height: 30px;
            background: url(img/p_right2.png) no-repeat 50% 50%;
            z-index: 999;
        }

        .pre_right3:hover {
            background: url(img/p_right3.png) no-repeat 50% 50%;
        }

        @media (max-width: 767px) {
            .newsbg {
                padding: 50px 0;
            }
            .news .content li {
                width: 1%;
            }
            .news {
                margin-top: 20px;
            }
            .pre_left3 {
                right: 40px;
                top: -83px;
            }
            .pre_right3 {
                right: 0;
                top: -83px;
            }
        }
        /*----- Common css ------*/

        .fl {
            float: left;
        }

        .fr {
            float: right;
        }

        .di {
            _display: inline;
        }

        .fwn {
            font-weight: normal;
        }

        .dib {
            *display: inline;
            _zoom: 1;
            _display: inline;
            _font-size: 0px;
        }
        /*友情链接*/

        .f_linkbg {
            height: 201px;
            background: url(img/link.jpg) no-repeat 50% 0;
        }

        .f_linkbg .boxx {
            padding-toP: 52px;
        }

        .f_linkbg .tit {
            color: #fff;
            text-align: center;
            font: 400 18px/46px "Microsoft Yahei";
            border-bottom: 1px solid #9c897d;
        }

        .f_linkbg .tit span {
            font: 400 24px/46px "Microsoft Yahei";
            padding-right: 15px;
        }

        .f_link .boxx {
            padding-left: 15px;
        }
        /*页面底部*/

        #footer {
            background: #333;
            color: #fff;
            padding: 95px 0;
            position: relative;
        }

        #footer:before {
            position: absolute;
            width: 100%;
            height: 1px;
            background: #737373;
            left: 0;
            top: 1px;
            content: "";
        }

        #footer a {
            color: #fff;
        }

        #footer a:hover {
            text-decoration: none;
        }

        .footlogo {
            padding-top: 10px;
            text-align: center;
        }

        .oath {
            color: #fff;
            line-height: 30px;
            font-size: 13px;
            margin-top: 30px;
        }

        .oath span {
            display: inline-block;
            background: #2b2b2b;
            width: 150px;
        }

        .f-tit {
            color: #fff;
            font: 600 20px/46px "Microsoft Yahei";
            padding-top: 23px;
        }

        .copyr {
            font: 400 14px/30px "Microsoft Yahei";
            padding-top: 46px;
        }

        .contacts {
            text-align: right;
        }

        .contacts h2 {
            font: 600 18px/46px "Microsoft Yahei";
        }

        .contacts .content {
            font: 400 14px/34px "Microsoft Yahei";
        }

        #footer .links {}

        .links {
            text-align: right;
        }

        .links h2 {
            font: 600 18px/46px "Microsoft Yahei";
        }

        .links .content a {
            display: block;
            font: 400 14px/34px "Microsoft Yahei";
        }

        .server h2 {
            font: 600 18px/46px "Microsoft Yahei";
        }

        .server .content a {
            display: block;
            font: 400 14px/34px "Microsoft Yahei";
        }

        .shares .bdshare-button-style0-16 a {
            width: 44px;
            height: 44px;
            padding: 0;
            margin: 0 25px 0 0;
        }

        @media (max-width:1599px) {
            .shares .bdshare-button-style0-16 a {
                margin: 0 10px 0 0;
            }
        }

        .shares .bdshare-button-style0-16 a.bds_weixin {
            background: url(img/s1.png) no-repeat;
        }

        .shares .bdshare-button-style0-16 a.bds_sqq {
            background: url(img/s2.png) no-repeat;
        }

        .shares .bdshare-button-style0-16 a.bds_tsina {
            background: url(img/s3.png) no-repeat;
        }

        .ewm {
            padding-top: 20px;
        }

        @media (max-width: 991px) {
            #footer {
                padding: 50px 0;
            }
            .contacts {
                margin-top: 20px;
            }
        }
         @media (max-width: 767px) {
           .footlogo{margin-bottom:20px;}
            .server {
                text-align:center;
            }
             .server  h2 {
           
            background: #2b2b2b;
           
        }
        }
        /*------------内页-------------------*/

        .left .box {
            padding-bottom: 10px;
        }

        .prodescription {
            border: 1px solid #e5e5e5;
            background: #f9f9f9;
            line-height: 24px;
            padding: 10px;
            margin-bottom: 15px;
            text-indent: 20px;
        }

        .n_bannerbj {
            width: 100%;
            overflow: hidden;
            position: relative;
        }

        .n_banner img {
            max-width: 100%;
            height: auto;
        }

        .n_bannerbj .n_banner {
            padding: 0;
        }

        .left .box {}

        .cate-text {
            position: absolute;
            width: 33.33333333%;
            height: 100%;
            background: url(img/bg1.png) no-repeat 100% 100% #3d3d3d;
            padding-left: 4%;
        }

        .cate-text:before {
            content: ".";
            height: 100%;
            display: inline-block;
            vertical-align: middle;
            visibility: hidden;
        }

        .cate-text .mid {
            display: inline-block;
            vertical-align: middle;
            width: 70%;
        }

        .cate-text .cate-tit {
            color: #fff;
            font: 600 28px/46px "Microsoft Yahei";
        }

        .cate-text .cate-intro {
            color: #d2d2d2;
            font: 400 14px/30px "Microsoft Yahei";
            margin-top: 10px;
        }

        .prodescription {
            border: 1px solid #e5e5e5;
            background: #f9f9f9;
            line-height: 24px;
            padding: 10px;
            margin-bottom: 15px;
            text-indent: 20px;
        }

        .left {}

        .sort_menu h3 {
            background-color: #757575;
            color: #fff;
            font: 400 14px/65px "Microsoft Yahei";
            padding-left: 13.33333333%;
        }

        .sort_menu .content {
            padding-left: 13.33333333%;
            padding-top: 40px;
        }

        .sort_product {
            margin-top: 10px;
        }

        .sort_product h3 {
            background-color: #ececec;
            line-height: 28px;
            padding-left: 15px;
            font-weight: bold;
        }

        .n_contact {
            padding-left: 13.33333333%;
        }

        .n_contact h3 {
            color: #333;
            line-height: 30px;
            padding-left: 36px;
            font-size: 14px;
            font-weight: 600;
            background: url(img/list1.png) no-repeat 0% 50%;
        }

        .n_contact .contents {
            color: #666;
            background: url(img/list2.png) no-repeat 36px 10px;
            padding-left: 60px;
            padding-right: 15px;
            font: 400 12px/24px "Microsoft Yahei";
        }

        .left .n_contact .content {
            line-height: 37px;
            color: #333;
            font-size: 14px;
            padding: 10px 10px 10px 36px;
        }

        .right {
            padding-bottom: 10px;
        }

        .pages {
            position: relative;
        }

        .pages:before {
            position: absolute;
            left: 0;
            top: 0;
            width: 33.33333333%;
            height: 100%;
            background: url(img/bg2.png) no-repeat 50% 100% #eaeaea;
            content: "";
            display: block !important;
        }

        .pages .left {
            padding: 0;
        }

        .pages .right {
            padding: 0;
        }

        .sitemp {
            background: #7f7f7f;
            color: #fff;
            font: 400 14px/65px "Microsoft Yahei";
            padding-left: 45px;
        }

        .sitemp a {
            color: #fff;
        }

        .right .contentt {
            padding: 30px 15px 50px;
            overflow: hidden;
            line-height: 24px;
        }

        .right .content {
            padding: 10px 0;
        }

        @media (max-width: 767px) {
            .pages .contentt img {
                max-width: 100%;
                width: auto !important;
                height: auto !important;
            }
            .pages:before {
                width: 0;
            }
            .pages .left {
                background: url(img/bg2.png) no-repeat 50% 100% #eaeaea;
            }
             .sitemp {
        
            padding-left: 25px;
        }
        }
        /*德式舒适*/

        .tab-nav li {
            width: 16.66%;
            float: left;
            color: #333;
            font: 400 16px/50px "Microsoft Yahei";
            padding-bottom: 10px;
            border-bottom: 1px solid #d2d2d2;
            text-align: center;
            position: relative;
            cursor: pointer;
        }

        .years li {
            width: 10%;
        }

        .tab-nav li.cur:before {
            position: absolute;
            bottom: -2px;
            left: 50%;
            margin-left: -38px;
            width: 76px;
            height: 4px;
            background: #d2d2d2;
            content: "";
        }

        .tab-content {
            padding-top: 34px;
        }

        .adstext {
            padding-top: 30px;
            color: #666;
            font: 400 14px/24px "Microsoft Yahei";
        }

        .tab-content .adsimg img {
            max-width: 100%;
            height: auto;
        }

        @media (max-width: 991px) {
            .years li {
                width: 20%;
            }
        }

        @media (max-width: 767px) {
            .tab-nav li {
                width: 33.3333%;
            }
            .years li {
                width: 20%;
            }
        }

        .pagepros {
            margin-top: 30px;
            position: relative;
            padding: 0 50px;
        }

        .pagepros .content li {
            text-align: center;
            width: 0.333333%;
            float: left;
            position: relative;
        }

        .paborder {
            padding: 0 17px;
        }

        .pagepros .content li .img {
            display: block;
            overflow: hidden;
            position: relative;
        }
        /* .pagepros .content li .covers {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-color: rgba(0, 0, 0, .3);
        }

        .pagepros .content li:hover .covers {
            background: none;
        } */

        .pagepros .content li img {
            max-width: 100%;
            height: auto;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .pagepros .content li:hover a.img img {
            -webkit-transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            transition: all 0.6s ease-out;
        }

        .pagepros .content li:hover h3:before {
            width: 100%;
        }

        .pagepros .content img {}

        .pagepros .content {
            width: 100%;
            overflow: hidden;
        }

        .palist {
            width: 10000%;
        }

        .pabtn {
            text-align: center;
            padding-top: 90px;
        }

        .pagepros .pre_left {
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -15px;
            cursor: pointer;
            width: 30px;
            height: 30px;
            background: url(img/p_left2.png) no-repeat 50% 50%;
            z-index: 999;
        }

        .pagepros .pre_right {
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -15px;
            cursor: pointer;
            width: 30px;
            height: 30px;
            background: url(img/p_right2.png) no-repeat 50% 50%;
            z-index: 999;
        }

        .pabtn li {
            float: left;
            width: 12px;
            height: 12px;
            background: #000;
            margin-right: 10px;
        }

        @media (max-width: 767px) {
            .pagepros .content li {
                width: 0.5%;
            }
        }

        @media (max-width: 567px) {
            .pagepros .content li {
                width: 1%;
            }
        }