@charset "utf-8";

@media screen and (min-width:1761px){
	
	.i_top_cont{width:90%}
	.new_con{width:68%}
	
}


@media screen and (min-width:1591px) and (max-width:1760px){
	
	:root{--i_box:80%}
	
	.i_top_cont{width:92%}
	
}


@media screen and (min-width:1368px) and (max-width:1590px){
	
	:root{--i_box:92%}
	
	.i_top_cont{width:96%}
	.logo img{max-width:210px}
	
	nav{left:220px!important;}
	nav li{margin:0 17px}
	
	.i_tit p{max-width:65%}
	
	.i_partner_list li:nth-child(n+9){margin-top:-2.6%}
	
}


@media screen and (min-width:1216px) and (max-width:1367px){
	
	:root{--i_box:94%}
	
	.i_top_cont{width:94%}
	.logo img{max-width:210px}
	nav{left:230px!important;}
	nav li{margin:0 12px}
	
	.n_down_pro dt{width:11.1875%; margin-right:1.5%}
	.n_down_pro dt a{font-size:12px}
	
	.i_tit p{max-width:70%}
	
	.i_partner_list li:nth-child(n+9){margin-top:-2.6%}
	
	.f_nav dl{margin-right:55px}
	
}


/* -------------- 移动端样式 -------------- */
@media screen and (max-width:1215px){
:root{--i_box:initial!important}
:root, header{--i_top_height:60px}
.i_top{width:92%; position:relative; background:var(--i_color); border-bottom:none}
.i_top_cont{width:96%}
.i_nav{display:none}
.logo img{max-width:180px}

.i_top_right dl{display:none}

.t_tel{display:none}

#vivo-head .vivo-search{position:absolute; left:-2%; width:100vw}
.vivo-search .search-box{width:94%}
.vivo-search .search-box input{width:calc(100% - 160px)}
.vivo-search .search-box a.close{right:0; opacity:1!important}


/* -------------- 移动端导航 -------------- */
nav{left:0}
nav li{margin:0}
nav li a:before{display:none}
.nav_curr a, nav li a:hover{color:#FFF!important}

nav{--m_nav_down_height:50px}
a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left; width:100%; height:var(--i_top_height); background:var(--i_color); position:relative; z-index:99999998}
a.meanmenu-reveal{
	position:absolute;
	right:2%;
	display:block;
	width:22px;
	height:var(--i_top_height);
	line-height:var(--i_top_height);
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
	}
a.meanmenu-reveal span{display:block; background:#FFF; height:3px; margin-top:5px}
a.meanmenu-reveal span:first-child{margin-top:100%}

.mean-nav{float:left; width:100%; background:var(--i_color); margin-top:var(--i_top_height)}

/* 一级导航 */
.mean-nav ul{padding:0; margin:0; width:100%; list-style-type:none}
.mean-nav li{position:relative; float:left; width:100%}
.mean-nav li a{
	display:block;
	float:left;
	width:100%;
	height:var(--m_nav_down_height);
	padding-left:2%;
	line-height:var(--m_nav_down_height);
	font-size:16px;
	margin:0;
	text-align:left;
	color:#FFF;
	box-sizing:border-box;
	border-top:1px solid rgba(255,255,255,.3);
	text-decoration:none;
	text-transform:uppercase;
	}

/* 二级导航 */
.mean-nav li li a{height:calc(var(--m_nav_down_height) - 10px); line-height:calc(var(--m_nav_down_height) - 10px); padding-left:5%; font-size:14px; opacity:.8; filter:alpha(opacity=80); border-top:1px solid rgba(255,255,255,.1); visibility:visible}
	
/* 二级菜单展开 +号 */
.mean-nav li a.mean-expand{
	position:absolute;
	right:0;
	top:0;
	padding:0;
	width:var(--m_nav_down_height);
	text-align:center;
	z-index:2;
	font-weight:bold;
	background:rgba(255,255,255,.1);
	border:none;
	}
.mean-nav li a.mean-expand:hover{background:rgba(0,0,0,.3)}




/* -------------- banner -------------- */
.slider-arrows{display:none!important}

.slider-nav{bottom:8%}
.slider-nav__item{width:14px; height:14px; margin:0 3px; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; border-radius:100%;}




/* -------------- main -------------- */
.i_tit{padding:0 2%}
.i_tit p{max-width:90%}




/* -------------- 产品中心 -------------- */
.i_pro{--columns:2; padding:20px 0}
.i_pro_nav_box{width:100%!important; margin:20px 0}
#i_pro_nav{padding:0 2%}
#i_pro_nav li{width:32.2%; margin:.5%}
#i_pro_nav a{font-size:14px; padding:10px 15px; background:rgba(0,0,0,.06)}

#menu_con{padding:0 2%}

.tag li:nth-child(odd){border-right:1px solid #DDD}
.tag li:before{display:none}

.tag li:nth-child(2n+1){clear:both}

.i_pro_more{margin:30px auto 10px; width:154px; height:36px; line-height:36px}




/* -------------- 走进申瓯 -------------- */
.i_about{--columns:2}
.i_about{padding:30px 0}

.i_about_num{width:96%; margin-top:30px}

.i_about_num span{font-size:32px}
.i_about_num p{font-size:14px}

.i_about_num li:nth-child(2n):after{display:none}




/* 新闻中心 */
.i_news{margin:20px auto}

.new_con{padding:0 2%; margin-top:20px}

.newtel{border:none}
.new_telst{width:100%}

.new_telst li{width:32.2%; margin:.5%}
.new_telst li{font-size:14px; padding:10px 0; background:rgba(0,0,0,.06); line-height:initial}
.new_telst em{display:none!important}

.new_wrap{margin-top:5%}

.i_img_news, .i_news_list, .i_news_list li{float:none; width:100%}

.i_img_news{margin-bottom:28px}
.i_img_news p{-webkit-line-clamp:2}

.i_news_list li{margin:0 0 18px 0}
.i_news_list a{padding:0 2% 0 0}




/* 合作伙伴 */
.i_partner{--columns:3}

.i_partner_list{width:96%; margin:26px auto 0}

.i_partner_list li{background:#FFF; margin-bottom:10px}
.i_partner_list li:before{padding-bottom:80%!important}

.i_partner_list li:nth-child(9){margin-left:0}
.i_partner_list li:nth-child(n+9){margin-top:0}




/* 底部 */
footer{--f_box_width:96%}

.f_cont{padding:20px 0}

.f_nav{display:none}
.f_yqlink{display:none}

.f_contact{float:none; text-align:center}

.f_bq{border:none; padding:15px 0}
.f_bq p{float:none; text-align:center}

.f_c_text p{font-size:15px}
.f_c_text p, .f_bq p{line-height:25px}

.f_qr{float:none; margin:0 auto!important}




/* 右侧客服qq */
.side_right{right:initial; top:initial; transform:translate(0,0); left:0; bottom:0; width:100%}
.side_right ul{}
.side_right li{float:left; width:25%}
.side_right a{width:100%; height:50px;}

.side_right li:first-child a, .side_right li:last-child a{padding:0; border-radius:0}

.side_tel_box{display:none}

.side_qr_box{top:initial; right:initial; left:50%; transform:translate(-50%,0); bottom:-120px}
.side_right li:hover .side_qr_box{bottom:48px}






/* --------------- 内页 --------------- */
.ny_banner{height:150px}
.ny_banner img{height:100%}

.pos_cont{width:initial!important; padding:0 2%}
.position dl{max-height:50px}

.ny_cont_box{width:initial!important; padding:0 2%}

.ny_left{margin-bottom:20px}
.ny_left, .ny_right{float:none; width:100%}

.ny_pro_list{--columns:2}
.ny_pro_list li:nth-child(2n){margin-right:0}
.ny_pro_list li:nth-child(4n){margin-right:initial}

/* 页数 */
.page-box{margin:15px auto 0}



/* 内页 - 公司简介 */
.about_cont_tit{margin-bottom:15px}

.about_cont_tit h1{font-size:20px}
.about_cont_tit p{font-size:18px}

.gsjs img{float:none; width:100%; max-height:initial; margin-bottom:15px}
.gsjs article{float:none; width:100%;}
.gsjs .i_more{margin-left:auto}

.ab_tit_text p{max-width:100%}

.team_fc dt{width:100%}
.team_fc dt:nth-child(4){position:relative}

.yjsm li{width:calc(100% - 4%); padding:8px 0; border:none}






/* 内页 - 产品详情页 */
.pro_details_fl{width:100%}

.pro_mb_img{display:block}

.focus{display:none}






/* 内页 - 新闻中心 & 解决方案 */
.ny_news_list{--ny_news_pic_width:30%}

.ny_news_list li{margin-bottom:35px}

.ny_news_cont{width:calc(100% - var(--ny_news_pic_width) - 24px)}

.ny_news_cont h1, .ny_news_time .ny_news_cont h1{margin:0; font-size:16px}

.ny_news_time .ny_news_cont span{margin-bottom:10px; padding:0; background:none; font-size:12px}

.ny_news_time li{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #EEE}






/* 内页 - 新闻内容页 &  解决方案内容页 */
.article_tit{padding-left:0}
.article_tit:before{display:none}

.tiao{margin:25px auto 0}
.tiao p{float:none!important; width:100%}

.downnew{text-align:left}

/* 软件下载 */
.ny_down_list li{padding-bottom:60px; border-color:var(--i_color)}

.ny_down_list li h1{max-width:100%; font-size:16px; color:var(--i_color); line-height:22px; white-space:normal}

.ny_down_list dt{margin-bottom:5px}

.xz_button{top:initial; left:20px; right:initial; bottom:0; background:var(--i_color); color:#FFF}






/* 内页 - 招贤纳士 */
.rec_list li{margin-bottom:45px}
.rec_cont_box .fl, .rec_cont_box .fr{float:none; width:100%}













}