@charset "utf-8";

.container .banner {
    font-size: 0;
}
.container .banner img {
    width: 100%;
}
.container .pubTitles {
    margin: 80px auto 0 auto;
    width: fit-content;
}
.container .pubTitles .pubIcon {
    font-size: 0;
}
.container .pubTitles .pubWords {
    font-family: "Arial";
    font-size: 36px;
    font-weight: bold;
    color: #000;
}
.container .partOne {
    margin: 60px 100px 0 100px;
}
.container .partOne ul li {
    float: left;
    width: 22%;
    margin-right: 3%;
    border-radius: 10px;
    height: 340px;
    margin-top: 20px;
    text-align: center;
    position: relative;
    cursor: pointer;
    box-shadow: 0 -2px 10px -2px rgba(102,102,102,0.3),/* 上侧阴影 */
                2px 0 10px -2px rgba(102,102,102,0.3),/* 右侧阴影 */
                0 2px 10px -2px rgba(102,102,102,0.3),/* 下侧阴影 */
                -2px 0 10px -2px rgba(102,102,102,0.1);/* 左侧阴影 */
}
.container .partOne ul li:last-child {
    margin-right: 0;
}
.container .partOne ul li.partOneMiddle {
    height: 360px;
    background: #ffb92b;
    margin-top: 0;
    box-shadow: unset;
}
.container .partOne ul li .oneName {
    font-size: 23px;
    color: #000;
    margin-top: 20px;
}
.container .partOne ul li .oneWords {
    font-size: 14px;
    color: #959595;
    margin: 20px 20px 0 20px;
    line-height: 18px;
}
.container .partOne ul li .oneColor {
    color: #fff;
}
.container .partOne ul li.partOneMiddle img.door {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.container .partOne ul li:hover .oneName {
    color: #ffb92b;
}
.container .partOne ul li.partOneMiddle:hover .oneName {
    color: #000;
}
.container .partTwo {
    margin-top: 60px;
    background: #fdf0d9;
    padding-bottom: 110px;
}
.container .partTwo .partTwoSon {
    margin: 0 100px;
}
.container .partTwo .partTwoSon .aboutLeft {
    float: left;
    width: calc(100% - 680px);
    position: relative;
}
.container .partTwo .partTwoSon .aboutLeft .compName {
    width: 590px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    border-radius: 30px;
    font-size: 30px;
    font-weight: bold;
    color: #ffb92b;
    text-align: center;
    position: absolute;
    left: 0;
    top: -30px;
}
.container .partTwo .partTwoSon .aboutLeft .aboutContext {
    margin-top: 100px;
    margin-right: 10%;
}
.container .partTwo .partTwoSon .aboutLeft .aboutContext .aboutContextSon {
    font-size: 16px;
    color: #707070;
    line-height: 24px;
    text-align: justify;
}
.container .partTwo .partTwoSon .aboutLeft .aboutContext .aboutMore {
    margin-top: 20px;
}
.container .partTwo .partTwoSon .aboutLeft .aboutContext .aboutMore ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -o-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
}
.container .partTwo .partTwoSon .aboutLeft .aboutContext .aboutMore ul li {
    float: left;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.container .partTwo .partTwoSon .aboutLeft .aboutContext .aboutMore ul li img {
    max-width: 100%;
}
.container .partTwo .partTwoSon .aboutLeft .aboutContext .aboutMore ul li .lookMore {
    display: inline-block;
    height: 35px;
    line-height: 34px;
    font-size: 15px;
    color: #959595;
    background: #fff;
    padding: 0 6px 0 10px;
}
.container .partTwo .partTwoSon .aboutLeft .aboutContext .aboutMore ul li .lookMore:hover {
    color: #ffb92b;
}
.container .partTwo .partTwoSon .aboutLeft .aboutContext .aboutMore ul li .lookMore span {
    display: inline-block;
    width: 23px;
    height: 15px;
    background: url(../img/jian.jpg) no-repeat;
    margin-left: 5px;
    margin-top: 10px;
    float: right;
}
.container .partTwo .partTwoSon .aboutLeft .aboutContext .aboutMore ul li .lookMore:hover span {
    background: url(../img/jianon.jpg) no-repeat;
}
.container .partTwo .partTwoSon .aboutRight {
    float: right;
    width: 500px;
    text-align: right;
}
.container .partTwo .partTwoSon .aboutRight img {
    width: 100%;
    max-width: 567px;
    margin-top: -122px;
}
/* 未使用 Start */
.container .partTwo .partTwoSon .aboutRight .taizhou {
    float: left;
    width: 260px;
    margin-top: 180px;
    -webkit-transform-origin: center bottom; /* Chrome <36, Safari <9, iOS <9, Android <4.4 */
    -moz-transform-origin: center bottom; /* Firefox <16 */
    -ms-transform-origin: center bottom; /* IE 9 */
    -o-transform-origin: center bottom; /* Opera <23 */
    transform-origin: center bottom;
    /* 向上倾斜10度 */
    -webkit-transform: rotate(-10deg); /* Chrome <36, Safari <9, iOS <9, Android <4.4 */
    -moz-transform: rotate(-10deg); /* Firefox <16 */
    -ms-transform: rotate(-10deg); /* IE 9 */
    -o-transform: rotate(-10deg); /* Opera <23 */
    transform: rotate(-10deg);
}
.container .partTwo .partTwoSon .aboutRight .taizhou img {
    width: 260px;
}
.container .partTwo .partTwoSon .aboutRight .shanghai {
    float: left;
    margin-top: 78px;
    margin-left: 65px;
}
.container .partTwo .partTwoSon .aboutRight .picName {
    font-size: 16px;
    color: #898989;
    text-align: center;
}
/* 未使用 End */
.container .partThree {
    margin: -40px 7% 0 7%;
    padding-bottom: 20px;
    background: #fff;
    box-shadow: 2px 0 25px -10px rgba(0, 0, 0, 0.2),/* 右边阴影 */
                0 2px 25px -10px rgba(0, 0, 0, 0.2),/* 下边阴影 */
                -2px 0 25px -10px rgba(0, 0, 0, 0.2);/* 左边阴影 */
}
.container .partThree .partThreeSon {
    padding: 30px 50px 0 50px;
}
.container .partThree .partThreeSon .threeLeft {
    float: left;
    width: 46%;
}
.container .partThree .partThreeSon .threeLeft .contactUs {
    width: 190px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dfdfdf;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    color: #bfbfbf;
    margin-top: 10px;
}
.container .partThree .partThreeSon .threeLeft .threeWds {
    font-size: 34px;
    font-weight: bold;
    color: #000;
    margin-top: 25px;
}
.container .partThree .partThreeSon .threeLeft .threeWds span.first {
    color: #ffb92b;
}
.container .partThree .partThreeSon .threeLeft .threeWds span.second {
    color: #60ae2e;
}
.container .partThree .partThreeSon .threeLeft .headsets {
    height: 85px;
    margin-top: 180px;
}
.container .partThree .partThreeSon .threeLeft .headsets .headsetsOne {
    width: 84px;
    height: 85px;
    background: #ffb92b;
    text-align: center;
    float: left;
}
.container .partThree .partThreeSon .threeLeft .headsets .headsetsOne img {
    width: 40px;
    height: 40px;
    margin-top: 26px;
}
.container .partThree .partThreeSon .threeLeft .headsets .headsetsTwo {
    height: 85px;
    float: left;
}
.container .partThree .partThreeSon .threeLeft .headsets .headsetsTwo .callMe {
    font-size: 29px;
    color: #898989;
    font-weight: bold;
    margin-left: 28px;
    margin-top: 3px;
}
.container .partThree .partThreeSon .threeLeft .headsets .headsetsTwo .callPhone {
    font-size: 29px;
    color: #ffb92b;
    font-weight: bold;
    margin-left: 28px;
}
.container .partThree .partThreeSon .threeRight {
    float: right;
    width: 50%;
}
.container .partThree .partThreeSon .threeRight ul li {
    float: left;
    width: 100%;
    height: 88px;
    background: #ffb92b;
    margin-bottom: 30px;
    position: relative;
}
.container .partThree .partThreeSon .threeRight ul li .circle {
    float: left;
    width: 120px;
    height: 98px;
    background: #fff;
    border-radius: 0 50px 50px 0;
    margin-top: -5px;
}
.container .partThree .partThreeSon .threeRight ul li .circle .circleSon {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    margin-top: 5px;
    border: 1px solid #ffb92b;
    text-align: center;
}
.container .partThree .partThreeSon .threeRight ul li .serialNumber {
    float: left;
    width: 230px;
    height: 36px;
    margin-left: 8px;
    margin-top: 26px;
}
.container .partThree .partThreeSon .threeRight ul li .serialNumber .digit {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    font-size: 20px;
    color: #ffb92b;
    margin-top: 2px;
    float: left;
}
.container .partThree .partThreeSon .threeRight ul li .serialNumber .title {
    font-size: 18px;
    color: #fff;
    margin-left: 9px;
    height: 36px;
    line-height: 18px;
    float: left;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.container .partThree .partThreeSon .threeRight ul li .details {
    float: left;
    margin-left: 5px;
    margin-right: 7px;
    font-size: 16px;
    color: #fff;
    width: calc(100% - 370px);
    height: 88px;
    line-height: 22px;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}
.container .partThree .partThreeSon .threeRight ul li .details .detailsSmall {
    font-size: 16px;
    color: #fff;
    padding: 0 10px;
    width: calc(100% - 140px);
    height: 88px;
    line-height: 22px;
    position: absolute;
    right: 0;
    top: 0;
    background: #ffb92b;
    display: none;
}
@media screen and (max-width: 1510px) {
    .container .partThree .partThreeSon .threeRight ul li .details {
        cursor: pointer;
    }
    .container .partThree .partThreeSon .threeRight ul li .details:hover .detailsSmall {
        display: block;
        display: flex;
        display: -webkit-flex;
        -webkit-align-items: center;
        align-items: center;
    }
}
.container .partFour {
    margin-top: 120px;
    position: relative;
}
.container .partFour .swiper-container .swiper-wrapper .swiper-slide img {
    max-width: 100%;
}
.container .partFour .swiperPrev {
    position: absolute;
    right: 19%;
    bottom: 20px;
    z-index: 100;
}
.container .partFour .swiperNext {
    position: absolute;
    right: 16%;
    bottom: 20px;
    z-index: 100;
}
.container .appendNews {
    margin-top: 100px;
}
.container .appendNews .newLeft {
    float: left;
    width: 49.4%;
    height: 570px;
    background: #f8f8f8;
}
.container .appendNews .newLeft .videos {
    width: 80%;
    margin: -30px auto 0 auto;
}
.container .appendNews .newLeft .videos .swiper-slide {
    float: left;
    width: 50%;
    height: 520px;
    position: relative;
}
/* 视频设置 Start */
.container .appendNews .newLeft .videos .radiusSetting video,
.container .appendNews .newLeft .videos .vjs-control-bar,
.container .appendNews .newLeft .videos .video-js {
    border-radius: 25px;
}
.container .appendNews .newLeft .videos .vjs-poster {
    background-size: 100% 100%;
    border-radius: 25px;
}
.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started .vjs-big-play-button,.video-js .vjs-big-play-button {
    display: none;
}
/* 视频设置 End */
.container .appendNews .newLeft .videos .swiper-slide img {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 20;
    cursor: pointer;
}
.container .appendNews .newLeft .videos .swiper-slide .tmDiv {
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: rgba(67,67,67,0.6);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.container .appendNews .newLeft .videos .viewMore {
    width: 200px;
    height: 40px;
    line-height: 38px;
    border-radius: 50px;
    background: #ffb92b;
    margin-top: 20px;
    font-size: 16px;
    padding: 0 12px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.container .appendNews .newLeft .videos .viewMore .viewMoreSon1 {
    width: 24px;
    height: 40px;
    background: url(../img/jiantou2.png) no-repeat;
    background-position: left center;
    background-size: 24px auto;
    float: left;
}
.container .appendNews .newLeft .videos .viewMore .viewMoreSon2 {
    width: 24px;
    height: 40px;
    background: url(../img/jiantou.png) no-repeat;
    background-position: left center;
    background-size: 24px auto;
    float: right;
}
.container .appendNews .newLeft .videos .viewMore:hover {
    background: #60ae2e;
}
.container .appendNews .newRight {
    float: right;
    width: 49.4%;
}
.container .appendNews .newRight .newRightSon {
    margin-right: 60px;
    display: flex;
    flex-direction: column;
    height: 570px;
}
.container .appendNews .newRight .newRightSon .hotNews {
    font-family: "Arial";
    width: 240px;
    height: 50px;
    line-height: 50px;
    background: #ffb92b;
    margin-top: -55px;
    font-size: 37px;
    font-weight: bold;
    color: #fff;
    border-radius: 25px 0 25px 0;
    text-align: center;
}
.container .appendNews .newRight .newRightSon .twoNews {
    margin-top: 10px;
}
.container .appendNews .newRight .newRightSon .twoNews ul li {
    float: left;
    width: 49%;
    font-size: 0;
    margin-right: 2%;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.container .appendNews .newRight .newRightSon .twoNews ul li:last-child {
    margin-right: 0;
}
.container .appendNews .newRight .newRightSon .twoNews ul li img {
    max-width: 100%;
    max-height: 250px;
}
.container .appendNews .newRight .newRightSon .twoNews ul li .newsTitle {
    width: 100%;
    max-height: 62px;
    font-size: 16px;
    text-align: left;
    color: #fff;
    background: #ffb92b;
    padding: 6px 10px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    position: absolute;
    left: 0;
    bottom: 0;
}
.container .appendNews .newRight .newRightSon .twoNews ul li .marks {
    width: 100%;
    height: 100%;
    background: rgba(225,185,43,0.8);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.container .appendNews .newRight .newRightSon .twoNews ul li .marks img {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.container .appendNews .newRight .newRightSon .twoNews ul li:hover .newsTitle {
    display: none;
}
.container .appendNews .newRight .newRightSon .twoNews ul li:hover .marks {
    display: block;
}
.container .appendNews .newRight .newRightSon .threeNews {
    margin-top: 10px;
    background: #f8f8f8;
    padding: 15px 40px 0 20px;
    clear: left;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.container .appendNews .newRight .newRightSon .threeNews .everyOneNews {
    flex: 1;
    margin-bottom: 20px;
    cursor: pointer;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.container .appendNews .newRight .newRightSon .threeNews .everyOneNews .newsTime {
    width: 60px;
    height: 50px;
}
.container .appendNews .newRight .newRightSon .threeNews .everyOneNews .newsTime .monthDay {
    font-size: 20px;
    color: #c9c9c9;
    margin-top: -3px;
    text-align: center;
}
.container .appendNews .newRight .newRightSon .threeNews .everyOneNews .newsTime .year {
    font-size: 20px;
    color: #7d7d7d;
    margin-top: -10px;
    text-align: center;
}
.container .appendNews .newRight .newRightSon .threeNews .everyOneNews .titleDegist {
    width: calc(100% - 90px);
    margin-left: 30px;
}
.container .appendNews .newRight .newRightSon .threeNews .everyOneNews .titleDegist .title {
    font-size: 18px;
    color: #000;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.container .appendNews .newRight .newRightSon .threeNews .everyOneNews:hover .titleDegist .title {
    color: #ffb92b;
}
.container .appendNews .newRight .newRightSon .threeNews .everyOneNews .titleDegist .degist {
    font-size: 14px;
    color: #c9c9c9;
    max-height: 38px;
    line-height: 18px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.container .partFive {
    margin: 120px 6% 0 6%;
}
.container .partFive ul li {
    float: left;
    width: 31%;
    margin-right: 3%;
    margin-bottom: 80px;
    padding-bottom: 18px;
    text-align: center;
    box-shadow: 0 -2px 28px -2px rgba(0,0,0,0.1),/* 上侧阴影 */
                2px 0 28px -2px rgba(0,0,0,0.1),/* 右侧阴影 */
                0 2px 28px -2px rgba(0,0,0,0.1),/* 下侧阴影 */
                -2px 0 28px -2px rgba(0,0,0,0.1);/* 左侧阴影 */
}
.container .partFive ul li:nth-child(3n) {
    margin-right: 0;
}
.container .partFive ul li .everyPro {
    margin: 30px 30px 0 30px;
}
.container .partFive ul li .everyPro .imgs{
    height: 268px;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.container .partFive ul li .everyPro .imgs img {
    max-width: 100%;
    max-height: 268px;
}
.container .partFive ul li .everyPro .proName {
    font-size: 18px;
    color: #000;
    text-align: left;
    margin-top: 10px;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: center;
}
.container .partFive ul li .everyPro .viewDetail {
    margin-top: 45px;
}
.container .partFive ul li .everyPro .viewDetail a {
    display: block;
    width: 50px;
    height: 40px;
    line-height: 40px;
    background: #ffb92b;
    border-radius: 0 50px 50px 0;
    text-align: left;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    transition: width 0.3s linear;
    -webkit-transition: width 0.3s linear;
    -ms-transition: width 0.3s linear;
    -moz-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
}
.container .partFive ul li .everyPro .viewDetail a .jiantou {
    float: left;
    width: 24px;
    margin: 6px 0 0 15px;
}
.container .partFive ul li .everyPro .viewDetail a .jiantou img {
    width: 24px;
}
.container .partFive ul li .everyPro .viewDetail a .lookmore {
    float: left;
    margin-left: 15px;
}
.container .partFive ul li:hover .everyPro .viewDetail a {
    width: 160px;
    background: #60ae2e;
}
.container .partFive .allPros {
    margin-bottom: 130px;
}
.container .partFive .allPros a {
    display: block;
    width: 178px;
    height: 50px;
    padding-left: 15px;
    margin: 0 auto;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    background: #ffb92b;
}
.container .partFive .allPros a:hover {
    background: #60ae2e;
}
.container .partFive .allPros a span {
    display: block;
    width: 25px;
    height: 23px;
    float: right;
    margin: 14px 18px 0 0;
    background: url(../img/allpro.png) no-repeat;
}