.photo .titles{margin-top:1rem;padding: 2rem 0px;}
.photo-list{margin-bottom: 5px;}
.prod-list.photo-list li .inner-box:before{display: none;}



.photo{width:100%; padding:0px 5vw; margin: auto; text-align: center;}
.photo ul {width: 100%;overflow: hidden; padding-bottom:2rem;}
.photo ul li{width:calc((100% / 3) - 2%); margin:1% 1% 1% 1%; float: left;display: flex;flex-direction: column;justify-content: center;align-items: center;/*box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);*/}
.photo ul li:nth-child(3n){/*margin-right:0px;*/}

.photo ul li:last-child:nth-child(3n - 1){margin-right:calc(((100% / 3) + 1%) * 1);}
.photo ul li .Image{border-bottom:1px solid #efefef; overflow: hidden;height: 340px;display: flex;align-items: center;justify-content: center;}
.photo ul li img{transition: 1s;max-width: 100%;}
.photo ul li:hover img{ -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
.photo ul li .ImageName{padding:20px 0px;font-size: 16px;}
.photo ul li:hover .ImageName a{text-decoration: underline; color:#0056b3;}

.main-navigation {
    position: relative;
    background: none;border-bottom: 1px solid #E2E2E2;
}

.photo-hzhb{margin:auto; padding-bottom:85px;}
.photo-hzhb .prod-list{margin: auto;max-width:1280px;}
.photo-hzhb li{width:auto;margin: 20px;
    max-width: 120px}

.photo-zhuanli{}
.photo-zhuanli li .image{overflow: hidden; margin-bottom: 5px;}
.photo-zhuanli li .text{background:var(--color1); color:#FFFFFF; padding:2rem;border-radius: 10px;}
.photo-zhuanli li .text span{font-size:1rem;}
.photo-zhuanli li .text p{font-size:1.2rem;}

.cert-box{}
.cert-box .titles h3{font-size:2rem;}
.cert01{margin-bottom:2rem;}
.cert-wrapper{width:100%;padding:2rem 0px; margin-top:20px;}
.cert-wrapper .title-box{width: 100%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: var(--ff3) !important; margin-bottom:2rem;}
.cert-wrapper .title-box h3{background: var(--h-c1);font-size: 1.1rem;
    padding: 10px 2rem;
    display: block;
    margin: 0px;
    color: #FFFFFF;
    font-family: var(--ff3) !important;}
.cert-wrapper .photo-list ul li{width:calc((100% / 4) - 2%);}
.to-case{padding:0rem 0px 4rem 0px; text-decoration: underline;}


.honor.photo ul li{ padding:0px;display: flex; flex-direction: column; background: #f5f5f5; border:1px solid #eee;}
.honor.photo ul li .inner-box{}
.honor.photo ul li .image{ overflow: hidden; height: 340px;}
.honor.photo ul li .image img{transition: 1s;max-width: 100%; height:100%;}
.honor.photo ul li .text{ padding:20px 0px;}


@media screen and (max-width: 1680px)
{
	.honor.photo ul li .image{ height: 290px;}
}
@media screen and (max-width: 1440px)
{
	.honor.photo ul li .image{ height: 220px;}
}

@media screen and (max-width: 1200px)
{
	.honor.photo ul li .image{ height: 200px;}
}

@media screen and (max-width: 1023px)
{
	footer#footer{display: none !important;}
    .honor.photo ul li .image{ height: auto;}
}

@media screen and (max-width: 767px)
{
	.photo{padding:0px 3vw;}
	.nav-list .wrap{padding:0px !important;}
	.nav-list a{padding: 10px !important;margin-right: 5px !important;}
	.prod-list ul li{width: 100%;}
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{
	
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}