/* 
* @Author: wzl
* @Date:   2019-01-28 15:01:18
* @Last Modified by:   wzl
* @Last Modified time: 2019-03-19 15:02:33
*/
@charset "utf-8";

.content {
    background-color: #fff;
}

/** 我们的技术 部分 */
.part1-content {
    height: 422px;
}

.part1-content .card1 {
    float: left;
    margin-right: 20px;
    position: relative;
}

.part1-content .last {
    margin-right: 0;
}

.part1-content .card1 .card-img {
    color: #fff;
}

.part1-content .card1 .card-img img {
    width: 285px;
    height: 260px;
}

.part1-content .card1 .card-img .p-box {
    width: 285px;
    height: 68px;
    position: absolute;
    top: 60px;
    text-align: center;
}

.part1-content .card1 .card-img .p-box .p1 {
    font-size: 30px;
    line-height: 50px;
}

.part1-content .card1 .card-img .p-box .p2 {
    font-size: 20px;
}

.part1-content .desc {
    height: 230px;
    width: 265px;
    position: absolute;
    top: 190px;
    left: 10px;
    background-color: #fff;
    box-shadow: -1.046px -11.954px 10px 0 rgba(0, 0, 0, 0.22);
}

.part1-content .desc .p1 {
    padding-top: 20px;
    color: #333;
    font-size: 22px;
    text-align: center;
}

.part1-content .desc .p2 {
    color: #666;
    font-size: 14px;
    padding: 20px;
    line-height: 26px;
}

.part1-content .desc .btn {
    width: 100px;
    height: 36px;
    background-color: #008aff;
    margin: 0 auto;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 20px;
}

.part1-content .desc .btn a {
    color: #fff;
    display: block;
}

/* card1鼠标经过效果 */
.part1-content .card1:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 1);
}

.part1-content .card1:hover .desc {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.part1-content .card1:hover .btn {
    width: 105px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
}

.part1-content .btn {
    transition: all 0.2s;
}

/** 产品介绍 部分 */
.part2-content {
    height: 449px;
}

.part2-content .swiper-product-container {
    position: relative;
}

.part2-content .swiper-product-container .swiper-product {
    width: 1000px;
}


.part2-content .swiper-product-container .swiper-product .swiper-wrapper .swiper-slide {
    width: 318px !important;
    border: 1px solid rgb(233, 233, 233);
    /* box-sizing: border-box; */
    /* margin-right: 0 !important; */
}

.part2-content .swiper-product-container .swiper-product .swiper-wrapper .swiper-slide:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.part2-content .card2 {
    width: 318px;
    height: 449px;
    overflow: hidden;
    float: left;
    margin-right: 18px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
}

/* .part2-content .card2:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
} */

.part2-content .last {
    margin-right: 0;
}

.part2-content .card2 .product-img {
    padding: 41px 0;
    text-align: center;
}

.part2-content .card2 .product-img img {
    /*width: 100%;
    height: auto;*/
}

.part2-content .card2 .product-desc {
    height: 189px;
    padding: 20px;
    background-color: #f2f2f2;
}

.part2-content .card2 .product-desc .p1 {
    font-size: 22px;
    color: #008aff;
    line-height: 41px;
}

.part2-content .card2 .product-desc .p2 {
    font-size: 14px;
    color: #333;
    line-height: 27px;
}

/** 我们的优势 部分 */
.part3-content {
    height: 192px;
    width: 1000px;
    padding: 104px 100px;
    background-image: url('https://wanzai-1306339220.cos.ap-shanghai.myqcloud.com/ChuangHai/image/index/youshibeijing.jpg');
}

.part3-content .icon {
    float: left;
    padding-left: 20px;
    width: 18%;
}

.part3-content .icon p {
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    padding-left: 20px;
}

.part3-content .icon .img {
    height: 128px;
    width: 128px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 128px;
}

.part3-content .icon:hover .img {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.part3-content .icon:hover p {
    font-size: 24px;
}

/** 新闻动态 部分 */
.part4-content {
    height: 398px;
    display: flex;
    justify-content: space-around;
}

.part4-content .card4 {
    height: 398px;
    width: 285px;
    margin: 0 10px;
    /* float: left; */
    /* margin-right: 20px; */
}

.part4-content .last {
    margin-right: 0;
}

.part4-content .card4 .news-img {
    height: 180px;
}

.part4-content .card4 .news-img img {
    height: 180px;
    widows: 285px;
}

.part4-content .card4 .new-content {
    padding: 20px;
}

.part4-content .card4 .new-content h1 {
    font-size: 22px;
    color: #333;
    line-height: 40px;
}

.part4-content .card4 .new-content p {
    font-size: 14px;
    color: #666;
    line-height: 22px;
}

.part4-content .card4 .btn {
    width: 100px;
    height: 36px;
    background-color: #008aff;
    text-align: center;
    line-height: 36px;
    color: #fff;
    border-radius: 20px;
    margin: 0 auto;
    transition: all 0.2s;
}

.part4-content .card4 .btn a {
    color: #fff;
    display: block;
}

.part4-content .card4:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.part4-content .card4:hover .btn {
    width: 105px;
    height: 40px;
    line-height: 40px;
}


/** 合作企业 部分 */
.part5-content {
    height: 460px;
}

.part5-content .card5 {
    width: 387px;
    height: 180px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.11);
    line-height: 180px;
    text-align: center;
}

.part5-content .card5:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}