@charset "utf-8";

/* 服务 */
.nybanner{ position: relative;}
.nybanner img{ width: 100%; height: auto;}
.nybanner .box{ position: absolute;transform: translate(-50%,-50%); left: 50%; top: 50%; color: #fff;text-align: center;width: 84%;text-shadow: 0px 2px 4px rgba(0,0,0,0.3);}
.nybanner .box .tit{font-weight: 700;
font-size: 48rem;}
.nybanner .box .desc{ line-height: 1.8; font-size: 18rem;}
.nybanner .box .line {width: 60rem; height: 3rem;background-color: #fff; margin: 22rem auto;}
.local{ padding: 17rem 0px;color: #C9CDD4;border-bottom: 1px #E5E6EB solid;}
.local a{ display: flex; align-items: center; gap: 5px;color: #86909C;}
.local .line{ margin: 0px 8px; font-size: 10px;}
.local .black{ display: flex; align-items: center; gap: 5px;color: #4E5969;}
.local img{ height: 12px;}
/* 全程无忧 */
.service_one{background-color: #F7F8FA; padding-top: 52rem; padding-bottom: 46rem;}
.index_bt.no2 .title .txt{ position: static;    transform: translateX(-0%);
    -webkit-transform: translateX(-0%);background: none;}
.index_bt.no2 .line{width: 80rem; height: 3rem;background-color: var(--linkColor); margin: 16rem auto;}
.carefree { background-color: #fff;border-radius: 8px;
border: 1px solid #E5E6EB; padding: 12rem 0px;color: #1D2129; margin-bottom: 28rem;}
.carefree ul{align-items: stretch;gap: 42rem;}
.carefree ul li{ flex:1; overflow: hidden; padding: 20rem 32rem;border-right: 1px #E5E6EB solid;display: flex; align-items: center; justify-content: space-between;font-size: 18rem;}
.carefree ul li .content{width: 80%; line-height: 2;}
.carefree ul li .icon{width: 48rem;}

/* 鑫美广告标识·6S全链路服务支持 */
.service_two{ padding: 64rem 0px 60rem;}
.support_1 ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20rem 16rem;
align-items: stretch;}
.support_1 ul li{ border: 1px #E5E6EB solid; padding: 16rem 32rem 32rem; color: #1D2129; font-size: 18rem;}
.support_1 ul li .cont{ margin-bottom: 10rem;}
.support_1 ul li .cont .icon{ width: 100rem;}
.support_1 ul li .cont .num{text-stroke: 1rem #C9CDD4;
font-style: normal;
text-transform: none;color: #fff;
-webkit-text-stroke: 1rem #C9CDD4; font-size: 120rem; line-height: 1; }
.support_1 ul li .tit{ font-weight: bold; margin-bottom: 8rem; font-size: 24rem;}
.support_1 ul li .desc{ line-height: 1.7;}
.support_1 ul li .desc .org{ color: var(--linkColor); font-weight: bold;}
.service_three{background-image: url(../images/bg21.png);background-repeat: no-repeat;background-size: cover; padding-top: 60rem; padding-bottom: 50rem;}
.service_three .index_bt.no2{ color: #fff;}
.service_three .index_bt .title .txt{ color: #fff;}

/* 鑫美广告标识·6S全维服务标准体系 */
.service_three{ margin-bottom: 66rem;}
.standard_box{ background-color: #fff;gap: 48rem; border-radius: 0px 5px 5px 0px; overflow: hidden;display: flex; align-items: stretch;}
.standard_box .stand_left{width: 31.1%; padding: 24rem;border-right: 1px #E5E6EB solid;}
.stand_left ul li{ cursor: pointer; height: 92rem; padding: 0rem 32rem; display: flex; justify-content: space-between; font-size: 20rem;align-items: center;  border-bottom: 1px #E5E6EB solid;gap: 10rem;}
.stand_left ul li .eng{ font-size: 28rem; font-weight: bold;width: 140rem;}
.stand_left ul li .icon{width: 48rem;}
.stand_left ul li .txt{ flex:1; overflow: hidden;}
.stand_left ul li:last-child{ border-bottom: 0px; margin-bottom: 0px;}
.stand_left ul li.cur{background: linear-gradient( 136deg, #E95A24 0%, #FD720A 100%); color: #fff;}
.stand_left ul li.cur .icon{ opacity: .3;}
.stand_left ul li.cur .icon img{filter: grayscale(100%) brightness(200%);display: block;}
.standard_box .stand_right{ overflow: hidden;flex:1;}
.standard_box .stand_right .stand_box{ position: relative; height: 100%; display: flex; align-items: flex-end;display: none;}
.standard_box .stand_right .stand_box img{ height: 100%;}
.standard_box .stand_right .stand_box .content{
	position: absolute;
	top: 50rem;
	left: 0px;
	width: 65%;
	font-size: 16rem;
}
.standard_box .stand_right .stand_box .content .desc{
	line-height: 2.2;
}
.standard_box .stand_right .stand_box .content .title{ font-size: 48rem; font-weight: bold;color: var(--linkColor); line-height: 1;}
.standard_box .stand_right .stand_box .content .line{background: linear-gradient( 93deg, #C9CDD4 0%,#C9CDD4 0%, rgba(255,255,255,0) 95%);width: 100%; height: 1px; margin: 24rem 0px;}
.standard_box .stand_right .stand_box .content .lab{ font-size: 36rem; color: #1D2129; margin-bottom: 24rem;font-weight: 500; line-height: 1;}

/* 您可能需要 */
.service_four{background-color: #F7F8FA; padding-top: 60rem; padding-bottom: 62rem;}
.about_need ul{display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 21rem;
align-items: stretch;}
.about_need ul li{ background-color: #fff;text-align: center; padding-top: 28rem; padding-bottom: 40rem;font-size: 20rem; color: #1D2129;display: flex; flex-direction: column; justify-content: center; gap: 1rem; border-bottom: 1px #fff solid;}
.about_need ul li .icon img{ width: 60rem; height: auto; margin-bottom: 15rem;}
.about_need ul li .org{ font-size: 16rem; color: #1D2129;}
.about_need ul li:hover .org{ color: var(--linkColor); font-size: 20rem; font-weight: bold;}
.about_need ul li:hover{box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.1); border-bottom: 1px #E95A24 solid;}

/* 优质材料·可靠之本 */
.service_five{ padding-top: 60rem; padding-bottom: 80rem;}
.materials_list ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16rem;
align-items: stretch;}
.materials_list ul li{ font-size: 16rem;}
.materials_list ul li .photo{position:relative; display:block; padding-top:67.5%; width:100%; overflow:hidden;}
.materials_list ul li .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.materials_list ul li:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.materials_list ul li .desc{ line-height: 1.8;}
.materials_list ul li .content{ padding: 24rem 16rem;}
.materials_list ul li .content .title{ color: #1D2129; font-size: 24rem; font-weight: bold; margin-bottom: 8rem;}

.service_six{background-color: #F7F8FA; padding-top: 76rem;}

.tabcontent_1 .stand_box{
	display:none;
}
.tabcontent_1 .stand_box.cur{
	display: block !important;
}
.supplier_list{ position: relative; margin-bottom: 72rem;}
.supplier_list .list ul li{ float: left; height: 120rem; min-height: 80px; background-color: #fff; display: flex; align-items: center; justify-content: center;width: 13.6%; margin-right: 0.8%;}
.supplier_list .list ul li:last-child{ margin-right: 0px;}
.supplier_list .list:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.supplier_list .list ul li img{ max-width: 100%; max-height: 100%;}
.supplier_list .btn{border: 1px solid #C9CDD4;width: 60rem; height: 60rem; z-index: 20; border-radius: 50%;cursor: pointer; position: absolute; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-color: #fff;box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.06);}
.supplier_list .btn img{width: 10rem; }
.supplier_list .next img{transform: rotate(180deg);}
.supplier_list .btn:hover{ background-color: var(--linkColor); border: 1px var(--linkColor) solid;}
.supplier_list .btn:hover img{filter: grayscale(100%) brightness(300%);}
.supplier_list .prev{ left: -30rem;}
.supplier_list .next{ right: -30rem;}

/* 鑫美广告标识·售后服务 */
.after-sales{background-color: #fff;box-shadow: 0px 4px 40px 0px rgba(0,0,0,0.1); padding: 60rem 15rem 52rem; margin-bottom: -109rem;position: relative; z-index: 2;border-radius: 8px;}
.service_list ul{ align-items: stretch;}
.service_list ul li{flex:1; position: relative; padding: 0rem 20rem;text-align: center; font-size: 16rem; }
.service_list ul li:before{content: ""; right: 0px;width: 1px; height: 90%;top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);background-color: #C9CDD4; position: absolute;}
.service_list ul li:last-child:before{ display: none;}
.service_seven{text-align: center; }
.service_seven img{ width: 100%; height: auto;}
.service_list ul li .title{ font-size: 24rem; color: #1D2129; font-weight: bold;}
.service_list ul li .icon img{ width: 148rem; height: auto;}

.after-sales{background-image: url(../images/shbg_03.jpg);background-repeat: no-repeat;background-size: cover;}
.service_seven{background: linear-gradient( 160deg, #FF7D2A 0%, rgba(233,90,36,0) 97.14%), #E95A24; display: flex; justify-content: flex-end;}
.service_seven img{ width: 800rem; height: auto;}

@media screen and (max-width: 1450px) {
.local{ font-size: 12px;}

}
@media screen and (max-width: 768px) {
.nybanner .box .tit{ font-size: 20px;}
.nybanner .box .desc{font-size: 12px;}
.nybanner .box{ width: 95%;}
.nybanner img{ min-height: 300px;object-fit: cover;
 object-position: center center;}
 .local{ padding: 10px 0px;}
 .service_one{ padding: 40px 0px;}
 .carefree ul li{ font-size: 12px;}
 .carefree ul{ flex-direction: column;}
 .carefree ul li{ border-right: 0px #E5E6EB solid;  border-bottom: 1px #E5E6EB solid; padding: 15px;}
 .carefree ul li:last-child{ border-bottom: 0px;}
 .carefree ul li .icon{ width: 30px;}
 .carefree{ margin-bottom: 10px;}
 .service_two{ padding: 40px 0px;}
 .support_1 ul{grid-template-columns: repeat(1, 1fr); gap: 20px;}
  .support_1 ul li{ font-size: 12px; padding: 15px;}
  .support_1 ul li .cont .icon{ width: 60px;}
  .support_1 ul li .cont .num{ font-size: 60px;}
  .support_1 ul li .tit{ font-size: 18px; margin: 5px 0px;}
  .service_three{ padding: 40px 0px;}
  .standard_box { flex-direction: column;gap: 0px;}
  .standard_box .stand_left{ width: 100%; border-right: 0px; padding: 0px;}
  .standard_box .stand_right{ flex:none; width: 100%;}
  .stand_left ul li{ font-size: 14px; height: 45px; padding: 0px 12px;}
  .stand_left ul li .eng{ font-size: 18px;width: 100px;}
  .stand_left ul li .icon{ width: 25px;}
  .stand_left ul li:last-child{    border-bottom: 1px #E5E6EB solid;}
  .standard_box .stand_right .stand_box .content{ font-size: 12px;width: 80%;top: 25px;
    left: 15px;}
.standard_box .stand_right .stand_box .content .title{ font-size: 22px; margin-bottom: 15px;}
.standard_box .stand_right .stand_box .content .lab{ font-size: 18px; margin-bottom: 15px; margin-top: 15px;}
.standard_box .stand_right .stand_box img{ min-height: 260px;}
.standard_box .stand_right .stand_box .content .desc{ line-height: 1.6;}
.service_four{ padding: 40px 0px;}
.about_need ul{grid-template-columns: repeat(2, 1fr);
    gap: 12px;}
.about_need ul li{ font-size: 16px; padding: 20px 8px;}
.about_need ul li .icon img{ width: 30px; margin-bottom: 10px;}
.about_need ul li .org{ font-size: 14px;}
.service_five{ padding: 40px 0px;}
.materials_list ul{grid-template-columns: repeat(2, 1fr);
    gap: 20px 12px;}
.materials_list ul li{ font-size: 12px;}
.materials_list ul li .content .title{ font-size: 16px; margin-bottom: 5px;}
.materials_list ul li .content{ padding: 10px 0px 0px;}
.service_six{ padding-top: 40px;}
.supplier_list .btn{ width: 20px; height: 20px;}
.supplier_list .btn img{ width: 5px;}
.supplier_list{ margin-bottom: 30px;}
.after-sales{ padding: 30px 10px;}
.service_list ul li{ font-size: 12px;width: 50%;flex:none; padding: 10px 10px;}
.service_list ul{ flex-wrap: wrap;}
.service_list ul li:before{top: 0px; width: 100%; height: 1px;display: none;}
.service_list ul li .icon img{ width: 60px;}
.service_list ul li .title{ font-size: 18px; margin-bottom: 5px; margin-top: 4px;}
.index_bt.no2 .line{ height: 2px; width: 40px; margin: 10px auto;}
.nybanner .box .line{ height: 2px; width: 30px; margin: 10px auto;}
.service_seven img{ width: 60%;}
}