/*
Theme Name: Nocpix
Version: 1.0
Description: Anhui Lingju Digital, as a core partner of Google China, owns the only Google Overseas Experience Center in Anhui Province, providing one-stop services for localized foreign trade enterprises in Anhui to go overseas - website construction, Google SEO optimization, Google bidding, Google SNS social media marketing, etc.
Author: Copyright: Anhui Lingju
*/
@charset "utf-8";


:root {
	--i_color: #BD2F2C;
}


.wrap {width: 94%;margin-left: auto;margin-right: auto;}
.wrap_v{width: 90%;margin-left: auto;margin-right: auto;}




header{}


.logo{background: #353535;text-align: center;}
.logo img{max-height: 1rem;}
@media screen and (max-width:1440px) {
	.logo img{max-height: .8rem;}
}
@media screen and (max-width:1200px) {
	.logo img{max-height: .7rem;}
}
@media screen and (max-width:1024px) {
	.logo{padding: 20px 0;}
	.logo img{max-height: 8vw;}
}
@media screen and (max-width:560px) {
	.logo{padding: 14px 0;}
}


.top_menu{--size:.6rem}
.top_menu{text-align: center;}
.web_link{display: table; margin: 0 auto; padding: .22rem .38rem; background: var(--i_color);font-size: 2.5vw;letter-spacing: 2px; color: #FFF; -webkit-border-radius:.2rem; border-radius:.2rem;}

.top_menu .wrap{display:-webkit-flex; display:flex; flex-wrap:nowrap; justify-content: center;gap: 0 .3rem;}
.top_media{display:-webkit-flex; display:flex; flex-wrap:nowrap;gap: 0 .2rem;}
.top_media li{}
.top_media a{display: block; width: var(--size);height: var(--size);background: var(--i_color); -webkit-border-radius:.1rem; border-radius:.1rem;position: relative;}
.top_media iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.4rem;color: #FFF;}

.search{padding: 0 .2rem; height: var(--size); box-sizing: border-box; border: 2px solid #111; -webkit-border-radius:.16rem; border-radius:.16rem;display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;gap: 0 .1rem;}
.search p{font-size: 0.4rem;color: #111; letter-spacing: 3px;}
.search iconify-icon{font-size: 0.4rem;color: #000;}

@media screen and (max-width:1440px) {
	.top_menu{--size:.54rem}
	/*.web_link{font-size: 2.8vw;}*/
	.top_media iconify-icon{font-size: 0.34rem;}
	.search p{font-size: 0.32rem;}
}
@media screen and (max-width:1200px) {
	.top_menu{--size:.44rem}
	.web_link{padding: .18rem .3rem;}
	.top_media iconify-icon{font-size: 0.28rem;}
	.search{-webkit-border-radius:.12rem; border-radius:.12rem;}
	.search p{font-size: 0.28rem;}
	.search iconify-icon{font-size: 0.32rem;}
}
@media screen and (max-width:1024px) {
	.web_link{font-size: 3.4vw; -webkit-border-radius:14px; border-radius:14px;}

	.top_menu{--size:34px}
	.top_menu .wrap{gap: 0 20px;}
	.top_media{gap: 0 10px;}

	.search{gap: 0 6px;-webkit-border-radius:10px; border-radius:10px;}
	.search p{font-size: 20px; letter-spacing: 1px;}
	.search iconify-icon{font-size: 24px;}
}
@media screen and (max-width:560px) {
	.web_link{padding: 12px 20px;}

	.top_menu{--size:28px}
	.top_menu{padding: 20px 0;}
	.top_menu .wrap{margin-top: 20px; gap: 0 12px;}
	.top_media iconify-icon{font-size: 20px;}
	.search{padding: 0 10px; -webkit-border-radius:8px; border-radius:8px;}
	.search p{font-size: 16px;}
	.search iconify-icon{font-size: 20px;}
}





main{}


.i_tit{text-align: center;}
.i_tit h3{font-size: 3.5vw;position: relative;}
.i_tit.white{color: #FFF;}
@media screen and (max-width:768px) {
	.i_tit h3{font-size: 4vw;}
	.i_tit p{font-size: 18px;}
	.i_tit p br{display: none;}
}
@media screen and (max-width:560px) {
	.i_tit h3{font-size: 4.7vw;}
	.i_tit p{margin-top: 10px; font-size: 15px;}
}


.show{background: #000;}


.banner{width: 100%; position: relative; overflow: hidden;}
.banner img{width: 100vw;}





.video{}

.v1 .i_tit{display: table; margin-left: auto;margin-right: auto; padding-bottom: 0.2rem; position: relative;}
.v1 .i_tit::before{content: '';position: absolute;left: -.8rem;bottom: -.2rem;width: 50%;height: 100%;background:url(static/images/tit_bg.webp) no-repeat; background-size: contain;}
.v1 img{display: table;margin-left: auto;margin-right: auto;height: 1.8rem;}

.v2{text-align: center;}

.video video{width: 100%;}

.v2 video{width: 74.307%;}

@media screen and (max-width:1024px) {
	.v1 img{width: 60%; height: auto;}
}
@media screen and (max-width:768px) {
	.v1 .i_tit::before{left: -60px; bottom: -8px;}
}
@media screen and (max-width:560px) {
	.v1 .i_tit{padding-bottom: 10px;}
	.v1 .i_tit::before{left: -36px; bottom: -4px;}
	.v1 img{width: 80%;}
}




.global{overflow: hidden;}
.global img{width: 100%;}


.warranty{width: 100%; position: relative; overflow: hidden;}
.warranty img{width: 100vw;}
.warranty .i_tit{position:absolute; left:50%; transform:translate(-50%,0);top: 6%; width: 94%;}
.warranty .tip{position: absolute;left: 3%;bottom: .5rem; text-align: center; width: 58%;}
.warranty .tip p{font-size: 0.22rem;}

@media screen and (max-width:1200px) {
	.warranty .tip{bottom: 0.34rem;}
	.warranty .tip p{font-size: 0.18rem;}
}
@media screen and (max-width:1024px) {
	.warranty .tip{position: relative; left: 0; top: -8px; transform: none; box-sizing: border-box; width: 100%; padding: 24px 40px; background: #e8ecef;}
}
@media screen and (max-width:768px) {
	.warranty .tip p{font-size: 16px;}
	.warranty .tip p br{display: none;}
}
@media screen and (max-width:560px) {
	.warranty .i_tit{top: 5.5%;}
	.warranty .tip p{font-size: 14px;color: #444;}
}






footer{}

.f_form{width: 94%; max-width: 1260px;margin-left: auto;margin-right: auto;}

#mc_embed_signup form{margin: 0 0 !important;}
#mc_embed_signup .mc-field-group label{font-size: 0.3rem;color: var(--i_color);font-weight: bold;display:-webkit-flex; display:flex !important; flex-wrap:wrap;align-items: flex-start;gap: 0 .1rem;}
#mc_embed_signup .asterisk{top: 0 !important; font-size: 0.2rem !important;color: var(--i_color) !important; font-weight: bold !important;}

.indicates-required{display: none !important;}
#mc_embed_signup .mc-field-group{width: 100% !important;}
#mc_embed_signup .mc-field-group input{box-sizing: border-box; padding: 14px 0 !important; margin-top: .1rem; border-color: #000 !important;}
#mc_embed_signup .button{font-size: 20px !important; padding: 0 30px !important; height: 46px !important; line-height: 46px !important; background-color: var(--i_color) !important; -webkit-border-radius:.1rem !important; border-radius:.1rem !important;}

@media screen and (max-width:1024px) {
	#mc_embed_signup .mc-field-group label{font-size: 22px;}
}
@media screen and (max-width:560px) {
	#mc_embed_signup .mc-field-group label{font-size: 18px;}
	#mc_embed_signup .button{font-size: 16px !important;}
}