/*关于我们 css begin*/
.main {
    /* margin-bottom: 80px; */
}


.newsContBox{
     border: 1px solid dee4ea;
}
.newsContBox:hover {
    box-shadow: 0 0 30px #d7d4d4;
    background: #f7f7f7;
}
.main-container .newsContBox .fengmian {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 330px;
    max-height: 330px;
}
img{
    width: auto;
}
.main-container .main-content{
	margin-bottom: 40px;
	font-size: 20px;
	font-weight: 300;
	color: #173551;
	line-height: 30px;
}
.main-container .main-content img{
	margin: 20px auto 0px;
}

.main-container .busniess .infotitle{
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-container .busniess .honortitle{
    display: flex;
	margin-bottom: 50px;
}


.titlebox{
    width: 100%;
    padding: 60px 0px 40px 0px;
    background: #22448a1f;
     margin: 0px;
}
.titlebox h3{
    font-weight: 300;
    line-height: 30px;

}

.main-container .busniess .infotitle h2,.main-container .busniess .honortitle h2{
    margin: 0px;
    font-size: 4.5rem;
    color: #666666;
    font-weight: 300;

}

.main-container .busniess .infotitle span,.main-container .busniess .honortitle span{
    /* display: inline;
    padding: 10px 0; */
    /* border-bottom: 2px solid #1a418b; */

}
.main-container .busniess .infodesc{
	color:#666666;
	justify-content: flex-end;
    display: inline-grid;
}

.main-container .busniess .infodesc p{
	font-size: 18px;
    line-height: 40px;
    margin-bottom: 10px;

}

/* 产品列表区域 */

.busniess .productlist .productbox .bg-img, .busniess .productlist .productbox .zoom{
    position: absolute;
    transition: all 1s ease;
}
.busniess .productlist .productbox {
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.busniess .productlist .productbox:hover {
    /* transition: all 1s ease; */
}

/* .busniess .productlist .productbox:hover .bg-img{
    width: 100%;
    height: 100%;
    transition: all 1s ease;
} */
.productlist .productbox{
    height: 400px;
    position: relative;
    border: 1px solid #dee4ea;
}

 .zoom {
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.productbox:hover .zoom-desc{
    opacity: 1;
    /* transition: all 1s ease .5s; */
}
.pbox{
	padding: 30px;
}
.productbox .zoom {
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.productbox .zoom-desc {
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
.productbox .zoom-type {
	width: 100%;
    position: absolute;
    bottom: 0px;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    color: #ffff;
    line-height: 40px;
	padding: 10px;
    /* transition: all .7s; */
    background: #1b418bd4;
}
.productbox .zoom-type a{
    color: #ffff;
}
.productbox .zoom-desc, .productbox .zoom .zoom-bg{
    position: absolute;
    width: 240px;
    height: 208px;
    /* transition: all 1s ease; */
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.productbox:hover .zoom-bg{
    background-color:#1b418b;
    transition: all .5s;
}
.productbox:hover .zoom-type {
    color: #fff;
    transition: all 1s;
}

 .zoom-desc,  .zoom .zoom-bg {
    position: absolute;
    width: 240px;
    height: 288px;
    transition: all 1s ease;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
 .zoom-desc {
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
 .zoom-desc,  .zoom .zoom-bg {
    position: absolute;
    width: 240px;
    height: 288px;
    transition: all 1s ease;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
 .zoom-desc .desc-icon img {
    width: 150px;
    margin: 0 auto;
}
 .zoom-desc .desc {
	padding: 10px;
    font-weight: 300;
    color: #fff;
}


/* 产品详情 */
.right_fix_btn {
	position: fixed;
	bottom: 30px;
	right: 20px;
	width: 50px;
	height: 50px;
	background-color: #505153;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	/* animation: bounce 1s ease-in-out infinite; */
	}
	@keyframes bounce {
	0% {
	transform: translateY(0);
	}
	50% {
	transform: translateY(-10px);
	}
	100% {
	transform: translateY(0);
	}
	}

    .main-container  .contentbox{
        width: 55%;

    }

    .main-container  .contentbox p{
        line-height: 35px;

    }
    .main-container  .contentbox p img{
        padding: 40px 0px;
        max-width: calc(100% - 20px);
        margin: auto;
    }

    /* 浮动菜单 */
    .main-container .nav_subtitle{
        margin-top: -40px;
        width: 100%;
        background: #3963a9;
    }
    .main-container .nav_subtitle>ul>li{
        font-size: 16px;
    }

    .main-container .nav_subtitle_active{
        position: fixed;
        top: 0px;
        margin-top: 0px;
        z-index: 1;
    }

    /* 英文版 */
    .en .productbox .zoom-type{
        font-size: 18px;
    }
    .main-container.en>ul>li {
        font-size: 15px;
    }

@media (max-width: 768px){
    .main-container {
        margin-top: 0px;
    }
    .main-container .busniess .infotitle h2 {
        margin: 0px;
        font-size: 2rem;

    }
    .main-container .busniess .infotitle span {
        margin:20px 0px;

    }

    .main-container .busniess .title h1 {
        font-size: 2.5rem;
    }
	.main-container .busniess .infodesc {
		margin-top: 30px;;
	}

	.productbox .zoom-desc {
		opacity: 1;
	}


	.productbox .zoom-desc, .productbox .zoom .zoom-bg {
		position: absolute;
		width: 240px;
		height: 208px;
 		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		background-color: #1b418b;
	}

    .titlebox {
        padding: 20px 0px;
    }
    .infotitle{
        display: block!important;
        padding: 20px;
        display: block!important;
    }

    .text-right {
        margin-top: 30px;
        text-align: unset!important;
    }
    .main-container .contentbox {
        width: 95%;
        padding: 20px;
    }
    .main-container .contentbox p img {
        padding: 20px 0px;
    }



    /* swiper */

    .nav_subtitle_swiper {
        width: 100%;
        height: 100%;
        background: #3963a9;
      }

      .swiper-slide:first-child{
        /* left: 60px; */
      }

    .swiper-slide {
        min-height: 55px;
        /* font-size: 18px; */
        display: flex;
        justify-content: center;
        align-items: center;
        /* text-wrap: nowrap; */
    }
    .swiper-button-next {

        height: 15px;
        right: 0px;
        /* transform: rotate(90deg); */
    }

    .swiper-button-prev {
        left: 5px;
        height: 15px;

        /* transform: rotate(90deg); */
    }
    .swiper-slide .active{
        border-bottom: 1px solid #fff;
    }
    .swiper-button-next, .swiper-button-prev{
        top: 46.3%;
        background-image:none;
        color: #fff;
        width: 10px;


    }
}