.main-boxs{padding-bottom:0px !important;}
.dataCont{margin-top:0px;position: relative;z-index: 10;}
ul,li{padding:0px; margin:0px;}
/*============================================
cont-section 内容简介
===========================================*/
.metals-wrap{width:100%; position:relative; display:flex; flex-direction: column;}
.bg-metals{z-index: -1; position: absolute; top: 0; left: 0;}
.bg-metals img{max-width:100%;}
.t{margin: 650px auto 20px auto;font-size: 70px;color: #000000;display: block;font-weight: bold;text-transform: capitalize;}
.list{max-width:100%; margin:auto;width: 100%;padding: 0px 20px;}
.list ul{width:100%; display: flex; flex-direction: column; }
.list ul li{width:100%;margin-bottom: 10px;}
.list ul li div a{display: flex;width:100%;font-size:24px;position: relative; color:#000000;align-items: center;}
.list ul li h5{font-size:24px; margin: 0px; padding:0px;}
.list ul li h5.sub-column{margin-left:100px;}
.line{width: auto;height: 1px;background:none;/*position: absolute;*/z-index: 0;/*width: 100%;*/ border-bottom:1px dashed #000000;flex:auto; margin-left:15px; margin-right:15px;margin-top: 0px;margin-bottom: 0px;}
.list-page{margin-right:0px; margin-left:auto;width:50px; flex-shrink: 0;}

.bg-metals-2{margin:50px 0px;}
.bg-metals-2 img{max-width:100%;}

.metals-c{}
.metals-c ul{}
.metals-c ul li{margin-bottom:60px;}
.metals-c ul li .inner-box{}
.metals-c ul li .inner-box h4{font-size:30px;position: relative; padding-left:20px; margin-bottom:10px;}
.metals-c ul li .inner-box h4:before{content: "";width:5px;height: 10px;background: #ff0000; z-index: 10;position: absolute;left: 0px; top: 0px;}
.metals-c ul li .inner-box h4:after{content: "";width:5px;height: 30px;background: #25a6e0; z-index: 1;position: absolute;left: 0px; top: 0px;}
.metals-c ul li .inner-box p{margin-bottom:10px;font-size: 16px;}

.art1 .ArtBack{justify-content: center;}
.art1 .ArtBack a{font-size: 16px;text-transform: uppercase;}
@media screen and (max-width: 1920px){
	
}
@media screen and (max-width: 1600px)
{

}
@media screen and (max-width: 1440px)
{
	
}
@media screen and (max-width: 1366px)
{
	
}
@media screen and (max-width: 1280px)
{
	
}
@media  (min-width: 1024px) and (max-width:1199px)
{
	
}
@media screen and (max-width: 1023px){
	html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
	body {font-size: 1.4rem;/*1.4 × 10px = 14px */}
	
	.titles1 h3{font-size:2.8rem; line-height: 1rem;}
	.titles1 h4{font-size:1.4rem;}
	.titles1:before {left: 10%; top:5.5rem;}
	.titles1:after {right: 10%; top:5.5rem;}
	
	.com-section{padding:20px 0px 0px 0px;}
	.com-section .wrap{flex-direction: column;padding: 15px;}
	.com-desc{width:100%;}
	.com-img{width:100%;}
	.counter-item .inner-box .desc-box span{font-size: 4rem;}
	
	.features-section{padding: 20px 0px 0px 0px;}
	.features-section .title1 h3{font-size: 3.4rem;}
	.features-section .title1 h4{font-size: 2rem;}
	.features-section ul{align-items: normal;}
	.features-section ul li{width:48%;box-shadow: var(--card-box-shadow);}
	
	.cont-desc-wrap{display:flex; flex-direction: column;padding: 0px 20px;}
	.cont-desc{width:100%; padding:0px 20px;}
	.talbe-wrapper{padding:0px 20px; overflow: scroll;}
	
	.cont-ad .titles h3{font-size: 4rem;}
	.cont-ad .titles{padding: 0px 20px;}
	
	.cont-desc-imgs{padding:20px 0px 0px 0px;}
	.cont-desc-imgs ul{flex-wrap: wrap;}
	.cont-desc-imgs ul li{width: 50%;}
	
	.cont-colors .title-box p{font-size: 2rem;}
	.cont-colors .cont-desc{font-size: 1.5rem;    line-height: 3rem;}
	
	
	.wrap{max-width: 100%;}
	
	.mb_none{display: none;}
	
	.t{margin: 200px auto 20px auto;font-size:40px;}
	.list{max-width:100%; padding:0px 20px;}
}

@media screen and (max-width: 767px)
{
	.station1 .container{flex-wrap: wrap;}
	.station1 a {
    font-size: 15px;
    display: block;
    color: #333333;
    line-height: 24px;
    padding: 10px 25px;
    margin-right: 20px;
    background-color: #f5f5f5;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    margin-bottom: 10px;
    width: calc((48vw - 20px));
}
	.m-about .con{padding:10px;}
	.m-about p{line-height: 1.8rem;}
	.m-about-c{padding:10px;}
	.com-certificate{padding:40px 0px}
	.com-certificate img{margin-bottom: 10px;width: calc((100% / 5) - 10px);}
	
	.t{margin: 150px auto 20px auto;font-size:4rem;}
	.list ul li h5{font-size:2rem;}
	.list-page{font-size:2rem;}
}
@media screen and (max-width: 425px)
{
	.cont-desc h2{font-size: 3rem;}
	
	.metals-c ul li .inner-box h4{font-size: 2.5rem;}
}
@media screen and (max-width: 414px)
{
	
}


@media screen and (max-width: 375px)
{
	body {font-size: 14px;/*1.4 × 10px = 14px */}
	.list ul li h5.sub-column{margin-left: 20px;}
	
	
	
}

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

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