.probig { background-color: #f7f7f7; padding-top: 90px; padding-bottom: 90px; }
.prolist { max-width: 1380px; margin: 0px auto; border: solid 0px #000; }
    .prolist > ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; }
        .prolist > ul > li { position: relative; overflow: hidden; border: solid 0px #000; width: 50%; margin: 0px 0%; padding: 15px 30px; }
            .prolist > ul > li .picx { overflow: hidden; position: relative; border: solid 0px #000; text-align: center }
                .prolist > ul > li .picx img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; }
            .prolist > ul > li .zhezhao { -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; color: #8a8a8a; text-align: left; padding: 0px 10px; font-size: 12px; overflow: hidden; border-radius: 5px 5px 0 0; position: absolute; bottom: 15px; left: 120px; right: 120px; background-color: hsla(0,0%,100%,.85) }
                .prolist > ul > li .zhezhao .pname { color: #fff; display: block; overflow: hidden; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; }
                    .prolist > ul > li .zhezhao .pname .ptit { display: block; padding: 25px 0 5px; text-align: center; }
                        .prolist > ul > li .zhezhao .pname .ptit h2 { color: #000; font-weight: 400; font-size: 1.875rem; text-transform: uppercase; margin-bottom: 20px; line-height: 115%; }
                            .prolist > ul > li .zhezhao .pname .ptit h2 span { color: #c31f18; -webkit-text-fill-color: #fff; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #c31f18; margin-right: 10px; font-weight: 400; text-rendering: optimizelegibility; text-transform: uppercase }
                    .prolist > ul > li .zhezhao .pname .more { font-size: 1rem; text-align: center; height: 0px; color: #000; overflow: hidden; padding: 0px 35px; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; }
                        .prolist > ul > li .zhezhao .pname .more p { font-size: 1rem; margin-bottom: 20px; color: #000; line-height: 25px; font-weight: 300; text-align: center; }
                            .prolist > ul > li .zhezhao .pname .more p.range { font-size: 13px; color: #0f1624; margin-bottom: 20px; line-height: 21px; }
                                .prolist > ul > li .zhezhao .pname .more p.range > span { color: #c31f18; }
            .prolist > ul > li:hover .zhezhao .pname .more { height: 136px; }


@media only screen and (max-width:1024px) {
    .prolist > ul > li { padding: 15px 15px; }
        .prolist > ul > li .zhezhao { left: 0px; right: 0px; }
}

@media only screen and (max-width:640px) {
    .probig { padding-top: 45px; padding-bottom: 45px; }
    .prolist > ul > li { width: 100%; padding: 15px 15px; }
        .prolist > ul > li .zhezhao { left: 0px; right: 0px; }
            .prolist > ul > li .zhezhao .pname .ptit h2 { font-size: 1.375rem; }
        .prolist > ul > li:hover .zhezhao .pname .more { height: 110px; }
        .prolist > ul > li .zhezhao .pname .more p { margin-bottom: 10px; }
}



.aboutbigbox { background-color: #f3f3f3 }
.aboutbig { max-width: 1380px; margin: 0px auto; border: solid 0px #000; padding: 100px 30px 100px 30px; }
    .aboutbig > .conn { width: 100%; display: flex; flex-wrap: wrap; }
        .aboutbig > .conn > .left { width: 50%; }
            .aboutbig > .conn > .left > .img { max-width: 630px; width: 100%; }
                .aboutbig > .conn > .left > .img > img { max-width: 100%; }
        .aboutbig > .conn > .right { width: 50%; padding: 0px 15px; }
            .aboutbig > .conn > .right > .text { width: 100%; }
                .aboutbig > .conn > .right > .text > h3.headline { font-size: 35px; line-height: 40px; margin-bottom: 2pc; font-weight: 700; color: #000 }
                .aboutbig > .conn > .right > .text > p { line-height: 1.5; font-size: 1rem; color: #333; margin-bottom: 2rem }
                .aboutbig > .conn > .right > .text > a { font-size: 1rem; color: #666; line-height: 24px; }
                    .aboutbig > .conn > .right > .text > a > span { color: #666; }

@media only screen and (max-width:768px) {
    .aboutbig { padding: 40px 15px 40px 15px; }
        .aboutbig > .conn > .left { width: 100%; text-align: center; }
            .aboutbig > .conn > .left > .img { margin: 0px auto; }
        .aboutbig > .conn > .right { width: 100%; margin-bottom: 30px; padding: 0px 0px; }
}







.newsbigbox { background-color: #f7f7f7 }
.newsbig { max-width: 1380px; margin: 0px auto; border: solid 0px #000; padding: 100px 30px 100px 30px; }
    .newsbig > .conn { width: 100%; }
        .newsbig > .conn > .item { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 2rem; }
            .newsbig > .conn > .item > .left { width: 50%; }
                .newsbig > .conn > .item > .left > .img { max-width: 630px; width: 100%; }
                    .newsbig > .conn > .item > .left > .img > img { max-width: 100%; }
            .newsbig > .conn > .item > .right { width: 50%; padding: 0px 15px; }
                .newsbig > .conn > .item > .right > h3 { font-size: 1.5rem; line-height: 1.5; margin-bottom: 1rem; font-weight: 700; color: #000 }
                .newsbig > .conn > .item > .right > p { line-height: 1.5; font-size: 1rem; color: #333; margin-bottom: 2rem }
                .newsbig > .conn > .item > .right > a { font-size: 1rem; color: #666; line-height: 24px; }
                    .newsbig > .conn > .item > .right > a > span { color: #666; }




@media only screen and (max-width:768px) {
    .newsbig { padding: 40px 15px 40px 15px; }
        .newsbig > .conn > .item > .left { width: 100%; text-align: center; margin-bottom: 15px; }
            .newsbig > .conn > .item > .left > .img { margin: 0px auto; }
        .newsbig > .conn > .item > .right { width: 100%; margin-bottom: 30px; padding: 0px 0px; }
            .newsbig > .conn > .item > .right > h3 { font-size: 1.15rem; }
}