@charset "utf-8";

.container .banner .bannerOne {
    display: inline-block;
    height: 0.24rem;
    line-height: 0.2rem;
    background: url(../img/bannerone.png) no-repeat center right;
    background-size: 0.24rem 0.24rem;
    font-size: 0.24rem;
    color: #fff;
    padding-right: 0.3rem;
    position: absolute;
    left: 3%;
    bottom: 8%;
}
.container .banner .bannerOne:hover {
    color: #ffce0e;
    background: url(../img/banneroneOn.png) no-repeat center right;
    background-size: 0.24rem 0.24rem;
}
.container .banner .bannerTwo {
    height: 0.65rem;
    background: #8abcd1;
    border-radius: 50px;
    cursor: pointer;
    padding-right: 0.2rem;
    position: absolute;
    left: 8%;
    bottom: 27%;
}
.container .banner .bannerTwo .downIcon {
    float: left;
    width: 0.43rem;
    height: 0.31rem;
    margin-top: 0.17rem;
    margin-left: 0.2rem;
    background: url(../img/broCat.png) no-repeat;
    background-size: 100% 100%;
}
.container .banner .bannerTwo .downWords {
    float: left;
    height: 0.28rem;
    line-height: 0.22rem;
    margin-left: 0.18rem;
    margin-top: 0.19rem;
    font-size: 0.24rem;
    color: #fff;
}
.container .banner .bannerTwo .downWords span {
    font-size: 0.24rem;
    color: #535353;
}
.container .banner .bannerTwo:hover .downIcon {
    background: url(../img/broCatOn.png) no-repeat;
    background-size: 100% 100%;
}
.container .banner .bannerTwo:hover .downWords {
    color: #535353;
}
.container .banner .bannerTwo:hover .downWords span {
    color: #fff;
}
.container .banner .swiper-slide {
    font-size: 0;
}
.container .banner .swiper-slide img {
    width: 100%;
}
.container .marqueeNews {
    width: 12.8rem;
    margin: 0.07rem auto 0;
}
.container .marqueeNews .eventsNews {
    padding-bottom: 0.06rem;
    border-bottom: 1px solid #389cc3;
    height: 0.37rem;
}
.container .marqueeNews .eventsNews .eventsOne {
    float: left;
    width: 1.29rem;
    height: 0.37rem;
    line-height: 0.37rem;
    background: #f7b30d;
}
.container .marqueeNews .eventsNews .eventsOne img {
    float: left;
    width: 0.31rem;
    height: 0.21rem;
    margin-top: 0.08rem;
    margin-left: 0.09rem;
}
.container .marqueeNews .eventsNews .eventsOne span {
    margin-left: 0.12rem;
    font-size: 0.18rem;
    font-weight: bold;
    color: #fff;
}
.container .marqueeNews .eventsNews .eventsTwo {
    float: left;
    width: calc(100% - 1.29rem);
    height: 0.37rem;
    overflow: hidden;
}
.container .marqueeNews .eventsNews .eventsTwo ul li {
    width: 100%;
    height: 0.37rem;
    line-height: 0.37rem;
    font-size: 0.18rem;
    font-weight: bold;
    color: #535353;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.container .marqueeNews .eventsNews .eventsTwo ul li a {
    font-size: 0.18rem;
    font-weight: bold;
    color: #535353;
    margin-right: 0.2rem;
}
.container .marqueeNews .eventsNews .eventsTwo ul li a:hover {
    color: #19b760;
}
.container .partOne {
    width: 12.8rem;
    margin: 0.8rem auto 0;
}
.container .partOne .oneWords {
    width: 4.5rem;
    height: 0.52rem;
    line-height: 0.45rem;
    font-size: 0.35rem;
    color: #158bb8;
    text-align: center;
    font-weight: 600;
    margin: 0 auto;
}
.container .partOne .oneWords span {
    font-size: 0.35rem;
    color: #313131;
}
.container .partOne .oneWords .oneWordsIcon1 {
    float: left;
    width: 0.48rem;
    height: 0.52rem;
    background: url("../img/indexIcon1.jpg") no-repeat;
    background-size: 100% 100%;
}
.container .partOne .oneWords .oneWordsIcon2 {
    float: right;
    width: 0.48rem;
    height: 0.52rem;
    background: url("../img/indexIcon2.jpg") no-repeat;
    background-size: 100% 100%;
}
.container .partOne ul {
    margin-top: 0.4rem;
}
.container .partOne ul li {
    float: left;
    width: 4rem;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
}
.container .partOne ul li:nth-child(3n) {
    margin-right: 0;
}
.container .partOne ul li .proCateImg {
    width: 4rem;
    height: 2.85rem;
    background: rgba(138,188,209,0.22);
    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 .partOne ul li .catsName {
    margin-top: 0.12rem;
    font-size: 0.22rem;
    color: #535353;
}
.container .partOne ul li a.viewMore {
    display: inline-block;
    margin-top: 0.2rem;
    height: 0.34rem;
    line-height: 0.32rem;
    background: #eaeaea;
    padding: 0 0.1rem;
    font-size: 0.17rem;
    color: #158bb8;
}
.container .partOne ul li a.viewMore span {
    float: right;
    display: inline-block;
    width: 0.35rem;
    height: 0.34rem;
    background: url("../img/certRight.png?v=2") no-repeat right center;
    background-size: 0.24rem 0.15rem;
}
.container .partOne ul li:hover .proCateImg {
    background: rgba(21,139,184,0.22);
}
.container .partOne ul li:hover a.viewMore {
    background: #27ce78;
    color: #fff;
}
.container .partOne ul li:hover a.viewMore span {
    background: url("../img/certRighton.png?v=2") no-repeat right center;
    background-size: 0.24rem 0.15rem;
}
.container .partTwo {
    margin-top: 0.75rem;
}
.container .partTwo 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 ul li.first {
    float: left;
    width: 50%;
    font-size: 0;
}
.container .partTwo ul li.first img {
    width: 100%;
}
.container .partTwo ul li.second {
    float: left;
    width: 50%;
    background: #8abcd1;
    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 .partTwo ul li.second .videoPlay {
    width: 88%;
    height: 82%;
    position: relative;
}
.container .partTwo ul li.second .videoPlay .playButton {
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 20;
    cursor: pointer;
}
.container .partTwo ul li.second .videoPlay .playBackgm {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
/* 视频设置 Start */
.container .partTwo ul li.second .radiusSetting video,
.container .partTwo ul li.second .vjs-control-bar,
.container .partTwo ul li.second .video-js {
    border-radius: 25px;
}
.container .partTwo ul li.second .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 .partThree {
    margin-top: 0.75rem;
}
.container .partThree .threeWds1 {
    font-size: 0.35rem;
    color: #158bb8;
    font-weight: 600;
    text-align: center;
}
.container .partThree .threeWds1 span {
    font-size: 0.35rem;
    color: #1b1b1b;
}
.container .partThree .threeWds2 {
    font-size: 0.24rem;
    color: #959595;
    text-align: center;
    margin-top: -0.07rem;
}
.container .partThree .partThreeSon {
    background: #efefef;
    margin-top: 0.75rem;
    padding: 0.35rem 0 1.5rem 0;
}
.container .partThree .partThreeSon .threeContxt {
    width: 15.4rem;
    margin: 0 auto;
}
.container .partThree .partThreeSon .threeContxt ul li {
    float: left;
    width: 3.64rem;
    height: 0.56rem;
    border: 0.01rem solid #aaa;
    border-radius: 12px;
    margin-right: 0.28rem;
    box-sizing: border-box;
}
.container .partThree .partThreeSon .threeContxt ul li:last-child {
    margin-right: 0;
}
.container .partThree .partThreeSon .threeContxt ul li .curysIcon {
    float: left;
    height: 0.34rem;
    margin-top: 0.1rem;
    margin-left: 0.05rem;
}
.container .partThree .partThreeSon .threeContxt ul li .curysIcon img {
    float: left;
    height: 0.34rem;
}
.container .partThree .partThreeSon .threeContxt ul li .curysWds {
    text-align: center;
    line-height: 0.54rem;
    font-size: 0.24rem;
    color: #959595;
}
.container .partThree .partThreeSon .aboutUs {
    width: 15.4rem;
    margin: 0.45rem auto 0;
    font-size: 0.2rem;
    color: #aaa;
    line-height: 0.26rem;
    text-align: justify;
}
.container .partThree .partThreeSon .aboutUs span {
    font-size: 0.2rem;
    color: #158bb8;
}
.container .partThree .partThreeSon .production {
    margin-top: 0.4rem;
    font-size: 0.4rem;
    font-weight: 600;
    color: #1b1b1b;
    text-align: center;
}
.container .partThree .partThreeSon .production span {
    font-size: 0.4rem;
    color: #158bb8;
}
.container .partThree .videoList {
    width: 14.48rem;
    height: 1.98rem;
    margin: -0.94rem auto 0;
}
.container .partThree .videoList ul li {
    float: left;
    width: 3.17rem;
    height: 1.98rem;
    margin-right: 0.6rem;
    text-align: center;
    cursor: pointer;
}
.container .partThree .videoList ul li:first-child {
    cursor: default;
}
.container .partThree .videoList ul li:last-child {
    margin-right: 0;
}
.container .partThree .videoList ul li.videoLi1 {
    background: url("../img/video0.jpg") no-repeat;
    background-size: 100% 100%;
}
.container .partThree .videoList ul li.videoLi2 {
    background: url("../img/video1.jpg") no-repeat;
    background-size: 100% 100%;
}
.container .partThree .videoList ul li.videoLi3 {
    background: url("../img/video2.jpg") no-repeat;
    background-size: 100% 100%;
}
.container .partThree .videoList ul li.videoLi4 {
    background: url("../img/video3.jpg") no-repeat;
    background-size: 100% 100%;
}
.container .partThree .videoList ul li .ourcomps {
    display: inline-block;
    height: 0.36rem;
    line-height: 0.32rem;
    padding-left: 0.1rem;
    font-size: 0.17rem;
    color: #313131;
    background: #fff;
    border-radius: 50px;
    margin-top: 0.81rem;
}
.container .partThree .videoList ul li .ourcomps span.oneColor {
    font-size: 0.17rem;
    color: #158bb8;
}
.container .partThree .videoList ul li .ourcomps span.oneIcon {
    float: right;
    display: inline-block;
    width: 0.35rem;
    height: 0.36rem;
    background: url("../img/certRightbl.png") no-repeat right center;
    background-size: 0.24rem 0.15rem;
    margin-right: 0.1rem;
}
.container .partThree .videoList ul li .showVideos {
    padding-top: 0.7rem;
}
.container .partThree .videoList ul li .showVideos .vIcons {
    width: 0.45rem;
    height: 0.45rem;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
}
.container .partThree .videoList ul li .showVideos .vIcons .vIconsSon {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
}
.container .partThree .videoList ul li .showVideos .vIcons .vIconsSon1 {
    background: url("../img/videoIcon1.png") no-repeat;
    background-size: auto 0.23rem;
    background-position: center center;
}
.container .partThree .videoList ul li.active .showVideos .vIcons .vIconsSon1 {
    background: url("../img/videoIcon1on.png?v=1") no-repeat;
    background-size: auto 0.23rem;
    background-position: center center;
}
.container .partThree .videoList ul li .showVideos .vIcons .vIconsSon2 {
    background: url("../img/videoIcon2.png") no-repeat;
    background-size: auto 0.23rem;
    background-position: center center;
}
.container .partThree .videoList ul li.active .showVideos .vIcons .vIconsSon2 {
    background: url("../img/videoIcon2on.png?v=1") no-repeat;
    background-size: auto 0.23rem;
    background-position: center center;
}
.container .partThree .videoList ul li .showVideos .vIcons .vIconsSon3 {
    background: url("../img/videoIcon3.png") no-repeat;
    background-size: auto 0.23rem;
    background-position: center center;
}
.container .partThree .videoList ul li.active .showVideos .vIcons .vIconsSon3 {
    background: url("../img/videoIcon3on.png?v=1") no-repeat;
    background-size: auto 0.23rem;
    background-position: center center;
}
.container .partThree .videoList ul li .vwords {
    display: inline-block;
    margin-top: 0.09rem;
    height: 0.34rem;
    line-height: 0.3rem;
    background: #fff;
    border-radius: 50px;
    font-size: 0.18rem;
    color: #313131;
    padding: 0 0.15rem;
}
.container .partThree .videoList ul li.active .vwords {
    color: #158bb8;
}
.container .partFour {
    margin-top: 0.8rem;
    width: 100%;
    height: 3.36rem;
    background: url("../img/fourbj.jpg") no-repeat;
    background-size: 100% 100%;
}
.container .partFour .partFourSon {
    margin-left: 10%;
    padding-top: 3%;
}
.container .partFour .partFourSon .fourWds1 {
    font-size: 0.36rem;
    color: #fff;
}
.container .partFour .partFourSon .fourWds1 span {
    font-size: 0.36rem;
    color: #158bb8;
}
.container .partFour .partFourSon .fourWds2 {
    font-size: 0.18rem;
    color: #fff;
}
.container .partFour .partFourSon a {
    display: block;
    width: 2rem;
    height: 0.45rem;
    line-height: 0.42rem;
    background: #158bb8;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    margin-top: 0.4rem;
}
.container .partFour .partFourSon a:hover {
    background: #fff;
    color: #158bb8;
}
.container .partFive {
    margin-top: 1rem;
}
.container .partFive .certs {
    padding: 0 1.2rem;
    position: relative;
}
.container .partFive .certs .swiper-container .swiper-wrapper .swiper-slide {
    text-align: center;
}
.container .partFive .certs .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    max-width: 320px;
}
.container .partFive .certs .swiperPrev {
    width: 0.4rem;
    height: 0.6rem;
    background: #158bb8;
    border-radius: 0 50px 50px 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.container .partFive .certs .swiperPrev img {
    height: 0.15rem;
    margin-top: 0.227rem;
    margin-left: 2px;
}
.container .partFive .certs .swiperNext {
    width: 0.4rem;
    height: 0.6rem;
    background: #158bb8;
    border-radius: 50px 0 0 50px;
    text-align: right;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.container .partFive .certs .swiperNext img {
    height: 0.15rem;
    margin-top: 0.227rem;
    margin-right: 2px;
}
.container .partSix {
    margin: 1rem 0;
}
.container .partSix .hotPros {
    font-size: 0.35rem;
    color: #1b1b1b;
    text-align: center;
    font-weight: 600;
}
.container .partSix .hotPros span {
    font-size: 0.35rem;
    color: #158bb8;
}
.container .partSix .hotProLists {
    background: #f9f9f9;
    padding: 0.3rem 0;
    margin-top: 0.3rem;
}
.container .partSix .hotProLists .hotProListsSon {
    width: 15.2rem;
    margin: 0 auto;
}
.container .partSix .hotProLists .hotProListsSon ul li {
    float: left;
    width: 3.5rem;
    background: #fff;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    padding-bottom: 0.2rem;
    box-shadow: 0 -2px 10px -2px rgba(0,0,0,0.1),/* 上侧阴影 */
                2px 0 10px -2px rgba(0,0,0,0.1),/* 右侧阴影 */
                0 6px 10px -2px rgba(0,0,0,0.2),/* 下侧阴影 */
                -2px 0 10px -2px rgba(0,0,0,0.1);/* 左侧阴影 */
}
.container .partSix .hotProLists .hotProListsSon ul li:nth-child(4n) {
    margin-right: 0;
}
.container .partSix .hotProLists .hotProListsSon ul li .proImgs {
    height: 2.85rem;
    border: 1px solid #eaeaea;
    margin: 0.28rem 0.3rem 0;
    padding: 0.1rem;
    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 .partSix .hotProLists .hotProListsSon ul li .proImgs img {
    max-width: 100%;
    max-height: 100%;
}
.container .partSix .hotProLists .hotProListsSon ul li .proName {
    margin: 0.2rem 0.05rem 0;
    height: 0.48rem;
    line-height: 0.24rem;
    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 .partSix .hotProLists .hotProListsSon ul li .proName .proNameSon {
    font-size: 0.2rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: center;
}
.container .partSix .hotProLists .hotProListsSon ul li .proName .proNameSon a {
    font-size: 0.2rem;
    color: #000;
}
.container .partSix .hotProLists .hotProListsSon ul li:hover .proName .proNameSon,
.container .partSix .hotProLists .hotProListsSon ul li:hover .proName .proNameSon a {
    color: #27ce78;
}
.container .partSix .hotProLists a.allPros {
    display: inline-block;
    height: 0.5rem;
    line-height: 0.5rem;
    padding: 0 0.12rem 0 0.08rem;
    font-size: 0.16rem;
    color: #fff;
    background: #ffa20a;
    margin-top: 0.08rem;
}
.container .partSix .hotProLists a.allPros:hover {
    background: #27ce78;
}
.container .partSix .hotProLists a.allPros span {
    float: right;
    width: 0.3rem;
    height: 0.5rem;
    background: url(../img/allpro.png) no-repeat right center;
    background-size: 0.25rem 0.23rem;
}