/* 头部 */

.header {
    width: 100%;
    height: auto;
}

.common-card {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}

.head-title {
    width: 100%;
    height: 48px;
    border-bottom: 1px solid #bfbfbf;
    background-color: #fff;
}

.head-title .common-card {
    height: 100%;
}

.head-title ul {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.head-title ul li {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000000;
}

.head-content .common-card {
    height: 105px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.head-content .left {
    width: 418px;
    height: 71px;
    display: flex;
    align-items: center;
}

.head-content .left a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.head-content .search {
    width: 324px;
    height: 31px;
}

.head-content .form {
    display: flex;
    align-items: center;
}

.head-content .form input[type=text] {
    width: 85%;
    height: 31px;
    background-color: #ffffff;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    border: solid 1px #0162af;
    font-size: 14px;
    line-height: 31px;
    padding-left: 16px;
    color: #878787;
}

.head-content .form input[type=submit] {
    width: 15%;
    height: 31px;
    background-color: #0162af;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border: solid 1px #0162af;
    background-image: url(../img/icon1.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 40% center;
}

.head-content .right {
    display: flex;
    flex-direction: column;
}

.head-content .right p {
    font-size: 14px;
    color: #000000;
}

.head-content .right span {
    font-size: 25px;
    font-weight: 700;
    color: #0162af;
    margin-top: 5px;
}

.header-bottom {
    width: 100%;
    height: 73px;
    background-color: #0162af;
}

.header-bottom .common-card {
    height: 100%;
}

.header-bottom ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-bottom ul li {
    height: 100%;
    line-height: 73px;
    padding: 0 33px;
}

.header-bottom ul li a {
    display: inline-block;
    height: 100%;
    font-size: 20px;
    color: #ffffff;
}

.header-bottom ul li:hover {
    background-color: #c10000;
}


/* 轮播 */

.headerSwiper {
    width: 100%;
    height: 700px;
}

.headerSwiper .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 51px;
    height: 12px;
    background-color: #0162af;
    border-radius: 6px;
    opacity: 1;
}

.headerSwiper .swiper-pagination-bullet-active {
    background-color: #ff0000 !important;
}

.headerSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 热门搜索 */

.hotSearch {
    width: 100%;
    height: 88px;
    background-color: #ffffff;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.08);
}

.hotSearch span {
    font-size: 18px;
    font-weight: 700;
}

.hotSearch i {
    font-size: 15px;
    color: #605e5e;
}

.hotSearch .common-card {
    height: 100%;
    display: flex;
    align-items: center;
}

.common-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.common-title h2 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #000000;
}

.common-title p {
    width: 320px;
    height: 10px;
    background-color: #0162af;
    margin-top: 20px;
}

.common-title h4 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #797979;
    margin-top: 10px;
}


/* 行业模范 */

.IndustryModel {
    width: 100%;
    height: auto;
}

.IndustryModel ul {
    display: flex;
    align-items: center;
    margin: 40px 0 27px 0;
}

.IndustryModel ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 228px;
    height: 206px;
    background-color: #eeeeee;
    border-radius: 20px;
    opacity: 0.7;
    margin-right: 17px;
}

.IndustryModel ul li:last-child {
    margin-right: 0;
}

.IndustryModel ul li img {
    width: 34px;
    height: auto;
    object-fit: cover;
}

.IndustryModel ul li p {
    font-size: 15px;
    color: #484545;
    margin-top: 24px;
}


/* 产品展示 */

.homeProduct {
    width: 100%;
    height: auto;
}

.homeProduct .common-card {
    display: flex;
}

.homeProduct .left {
    width: 320px;
    height: auto;
    margin-right: 10px;
}

.homeProduct .right {
    flex: 1;
}

.homeProduct .left .title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 99px;
    background-color: #0162af;
}

.homeProduct .left .title h2 {
    font-size: 34px;
    font-weight: 700;
    color: #ffffff;
}

.homeProduct .left .title h4 {
    font-size: 17px;
    color: #ffffff;
    margin-top: 10px;
}

.homeProduct .nav {
    margin-top: 7px;
    border: solid 1px #e5e5e5;
    width: 100%;
    height: auto;
    padding: 0 2px;
}

.homeProduct .nav a {
    display: inline-block;
    width: 100%;
    height: 53px;
    background-color: #eeeeee;
    font-size: 17px;
    line-height: 53px;
    color: #000000;
    padding: 0 10px 0 28px;
    margin-bottom: 9px;
}

.homeProduct .relation {
    width: 100%;
    height: 279px;
    background-color: #0162af;
    padding: 20px;
	    font-size: 16px;
    line-height: 46px;
    color: #ffffff;
}



.productList ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.productList ul img {
    width: 283px;
    height: 220px;
    object-fit: cover;
}

.productList ul .name {
    width: 283px;
    height: 43px;
    background-color: #eeeeee;
    font-size: 16px;
    color: #484545;
    text-align: center;
    padding: 0 10px;
	line-height:43px;
}

.productList ul li {
    margin: 0 10px 12px 0;
}

.productList ul li:nth-child(3n) {
    margin-right: 0;
}


/* 定制服务流程 */

.serviceProcess {
    width: 100%;
    height: auto;
    margin-top: 12px;
    height: 545px;
    background-color: #0162af;
    background-image: url(../img/icon13.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
}

.serviceProcess .common-title h2,
.serviceProcess .common-title h4 {
    color: #fff;
}

.serviceProcess-con ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 80px;
}

.serviceProcess-con ul .img {
    position: relative;
    width: 128px;
    height: 128px;
    background-image: linear-gradient( #ffffff, #ffffff), linear-gradient( #0162af, #0162af);
    background-blend-mode: normal, normal;
    border: solid 5px #e7e7e7;
    border-radius: 50%;
}

.serviceProcess-con ul .img img {
    position: absolute;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}

.serviceProcess-con ul p {
    font-size: 26px;
    font-weight: 700;
    color: #ffffff;
    margin-top: 40px;
}

.serviceProcess-con ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    cursor: pointer;
}

.serviceProcess-con ul .active {
    display: none;
}

.serviceProcess-con ul li:hover .active {
    display: block;
}

.serviceProcess-con ul li:hover .deafult {
    display: none;
}

.serviceProcess-con ul li:hover .img {
    background-image: linear-gradient( #0162af, #0162af);
    border: solid 2px #ffffff;
}


/* 工程案例 */

.projectCase {
    width: 100%;
    height: auto;
    padding: 30px 0;
}

.projectCase .productList {
    margin-top: 35px;
}


/* 关于我们 */

.homeAbout {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 442px;
}

.homeAbout .top img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.homeAbout .bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 50%;
    top: 100%;
    width: 1400px;
    position: absolute;
    height: 741px;
    background-color: #ffffff;
    box-shadow: 0px 4px 23px 1px rgba(0, 0, 0, 0.1);
    border-radius: 40px;
    transform: translate(-50%, -50%);
    padding: 30px 100px 30px 90px;
}

.homeAbout .bto {
    display: flex;
    margin-top: 35px;
}

.homeAbout .bto .text {
    flex: 1;
    margin-right: 27px;
	  font-size: 16px;
    line-height: 35px;
    color: #000000;
    text-align: justify;
    text-indent: 2em;
}

.homeAbout .bto img {
    width: 589px;
    height: 441px;
    object-fit: cover;
}

.homeAbout .more {
    display: inline-block;
    width: 242px;
    height: 64px;
    background-color: #0090d3;
    border-radius: 32px;
    font-size: 20px;
    line-height: 64px;
    text-align: center;
    color: #ffffff;
    margin-top: 40px;
}


/* 新闻资讯 */

.homeNews {
    width: 100%;
    height: auto;
    background-color: #eeeeee;
    padding: 80px 0 30px 0;
}

.NewsSwiper {
    position: relative;
    width: 100%;
    height: 630px;
    margin-top: 25px;
}

.NewsSwiper .swiper-slide {
    width: 370px;
    height: 475px;
    background-color: #ffffff;
    padding: 30px 10px 20px 10px;
}

.NewsSwiper .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.NewsSwiper .top p {
    font-size: 16px;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.NewsSwiper .top a {
    font-size: 20px;
    color: #0162af;
    padding-left: 15px;
}

.NewsSwiper img {
    width: 100%;
    height: 279px;
    object-fit: cover;
    margin: 10px 0;
}

.NewsSwiper .text {
    font-size: 14px;
    line-height: 34px;
    color: #4f4f4f;
}

.NewsSwiper .bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 35px;
    z-index: 9999;
}

.NewsSwiper .bottom>div {
    width: 31px;
    height: 54px;
    cursor: pointer;
}

.NewsSwiper .bottom .news-button-next {
    background-image: url(../img/icon17.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 28px;
}

.NewsSwiper .bottom .news-button-prev {
    background-image: url(../img/icon18.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.footer {
    width: 100%;
    height: auto;
    background-color: #000;
    padding-top: 30px;
}

.footer .common-card {
    display: flex;
    align-items: center;
}

.footer .left p {
    font-size: 25px;
    font-weight: 700;
    color: #ffffff;
}

.footer .left h6 {
    font-size: 14px;
    color: #ffffff;
}

.footer .right {
    flex: 1;
    margin-left: 20px;
}

.footer ul {
    display: flex;
    justify-content: space-between;
}

.footer ul span {
    font-size: 16px;
    line-height: 60px;
    color: #ffffff;
    font-weight: 700;
}

.footer ul a,
.footer ul i {
    font-size: 14px;
    line-height: 60px;
    color: #ffffff;
}

.footer ul li {
    display: flex;
    flex-direction: column;
}

.footer ul li .top {
    display: flex;
    align-items: center;
}

.footer ul .phone {
    width: 36px;
    height: 36px;
    margin-right: 10px;
}

.footer ul p {
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
}

.footer ul .qr {
    width: 132px;
    height: 132px;
    margin-top: 14px;
}

.footer ul li em {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #9a9a9a;
    padding-left: 20%;
}

.footer .bottom {
    font-size: 14px;
    line-height: 60px;
    text-align: center;
    color: #d3d3d3;
    border-top: 1px solid rgba(182, 176, 176, 0.7);
}