@charset "utf-8";

@media screen and (min-width:1761px) and (max-width:1860px){
	
.wrap{width:75%}
.l_wrap{width:80%}

.swiper-button-prev{left:8%}
.swiper-button-next{right:8%}
	
}


@media screen and (min-width:1591px) and (max-width:1760px){
	
.wrap{width:80%}
.l_wrap{width:85%}

.swiper-button-prev{left:5%}
.swiper-button-next{right:5%}

}


@media screen and (min-width:1368px) and (max-width:1590px){
	
.wrap{width:90%}	
.l_wrap{width:94%}

nav{left:245px}
nav>ul>li>a{padding:0 26px}

.swiper-button-prev{left:1%}
.swiper-button-next{right:1%}

}


@media screen and (min-width:1216px) and (max-width:1367px){
	
.wrap{width:96%}	
.l_wrap{width:96%}

.logo{width:190px}	

nav{left:220px}
nav>ul>li>a{padding:0 26px}

#tab_nav a{font-size:15px}
#tab_nav, .tag_pro_list{width:90%!important}
.swiper-button-prev{left:.5%}
.swiper-button-next{right:.5%}
.tab_pro_img img{max-width:98%; max-height:90%}

}


/* -------------- 移动端样式 -------------- */
@media screen and (max-width:1215px){

:root, header{--top_h:60px}

.wrap{width:96%}
.l_wrap{width:94%; margin:0 0 0 2%}

.top{width:92%; position:relative; background:var(--i_color)}

.logo img{width:80%}

/* -------------- 移动端导航 -------------- */
nav{left:0}
nav li{margin:0}
nav li a:before, nav li a:after{display:none}
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(--top_h); background:var(--i_color); position:relative; z-index:99999998}
a.meanmenu-reveal{
	position:absolute;
	right:2%;
	display:block;
	width:22px;
	height:var(--top_h);
	line-height:var(--top_h);
	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(--top_h)}

/* 一级导航 */
.mean-nav ul{position:relative!important; opacity:1!important; visibility:visible!important; padding:0; margin:0; width:100%; background:var(--i_color); 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; color:#FFF; 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)}

/* 三级菜单 */
.mean-nav ul ul ul{background:#3C9EEA}
.mean-nav li li li a{height:calc(var(--m_nav_down_height) - 14px); line-height:calc(var(--m_nav_down_height) - 14px); font-size:13px; padding-left:10%}


/* .top_login a{margin:0 7px} */

.add_top_link .top_tel, .side_right{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}




/* -------------- banner -------------- */
.slider{margin-top:0}
.slider-arrows{display:none!important}
.slide img{height:initial!important}
.slider-nav{bottom:8%}
.slider-nav__item, .slider-nav__item--current{width:12px; height:12px}
.slider-nav__item{-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}




.i_tit{margin-bottom:10px}
.i_tit h1{font-size:23px}
.i_tit p{display:none}
.i_tit h6{width:90%; font-size:13px; line-height:26px; margin-bottom:22px}



/* ----------------------- 首页 - 关于启赛 ----------------------- */
.i_about{margin-top:20px}

.i_about_pic, .i_about_txt{float:none; width:100%}

.i_about_pic:before, .i_about_pic dl:before, .i_about_pic dl:after, .i_about_pic dt:nth-child(2){display:none}
.i_about_pic dt{height:200px; position:relative!important}
.i_about_pic dt img{width:100%; height:100%; border:none!important; object-fit:cover}

.i_about_txt{text-align:center; margin-top:20px}
.i_about_txt img{max-width:100px}
.i_about_txt h1{font-size:18px; margin:10px 0 20px}
.i_about_txt p{font-size:15px; line-height:32px}

.i_about_txt a{display:inline-block; padding:10px 20px; border:1px solid var(--i_color)}






/* ----------------------- 首页 - 产品中心 ----------------------- */
.phone_tab_nav{position:relative; width:96%; height:40px; overflow:hidden; margin:0 auto}
.phone_tab_nav .scroller{position:absolute}
#tab_nav a{padding:0 24px; line-height:40px; font-size:14px}

.swiper-button-next, .swiper-button-prev{display:none!important}

/* .tag_pro_list{height:480px}
.tag_pro_list .swiper-slide{height:calc(480px / 2 - 40px)} */
.tag_pro_list .swiper-slide{width:50%}
.tab_pro_long_img img{height:initial}



/* ----------------------- 首页 - 新闻资讯 ----------------------- */
.i_news{--li_height:160px; --li_mar:0}
.i_news_list li, .i_news_pic, .i_news_txt{float:none!important; width:100%!important}
.i_news_list li{margin:0 auto 24px!important}
.i_news_pic, .i_news_txt{margin:0 auto 16px!important}

.i_news_pic{-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}

.i_news_txt{height:initial; padding:0; border:none}
.i_news_time p{font-size:13px}
.i_news_txt h1{padding:10px 0!important; font-size:18px; line-height:30px}
.i_news_txt span{line-height:22px}
.i_news_txt h6{display:none!important}




/* ----------------------- footer ----------------------- */
footer{--ico_size:30px}
footer{padding-top:26px}
.f_contact{display:flex; justify-content:center; align-items:center}
.f_contact dt{float:none; margin:0; font-size:14px; line-height:26px}

.f_nav{margin:20px auto}
.f_nav ul{width:calc(100% - 32px)}
.f_nav li{width:33.333%; margin:0}
.f_nav li a{font-size:15px; line-height:38px}

.f_ico dt img{max-height:60%}

.f_bq{margin-top:20px; padding:12px 0}
.f_bq p{float:none; text-align:center; font-size:12px; line-height:20px}



/* ----------------------- 内页 ----------------------- */
/* 内页banner */
.ny_banner{height:160px}

.ny_nav_phone{position:relative; width:100%; height:56px; overflow:hidden; margin:0 auto}
.ny_nav_phone .scroller{position:absolute}
.ny_nav_list li{padding-right:40px}
.ny_nav_list li:last-child{padding-right:0}

/* 产品中心banner */
.ny_b_pro{height:initial}

.ny_b_wz{background:rgba(255,255,255,.75)}

.ny_b_pro_text{padding:40px 0}

.ny_b_pro_text h1{font-size:26px; letter-spacing:0}
.ny_b_pro_text p{font-size:20px; margin-top:16px}
.ny_b_pro_text span{font-size:15px}

.position{display:none}




/* 关于启赛 */
.ny_about{margin:20px auto}

.ny_about_txt i{font-size:38px}
.ny_about_txt h1{font-size:24px}

.ny_about_pic{margin:20px auto}
.ny_about_pic dt{float:none; width:100%!important; height:initial!important}


/* 内页 - 产品列表 */
.ny_case_list{--img_width:34%}

.ny_case_list{margin:30px auto}
.ny_case_list li{float:none; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #EEE}
.ny_case_list li:before{display:none}
.ny_case_list a{padding:0}
.ny_pro_img:before{padding-bottom:100%}
.ny_pro_text p{font-size:17px}




/* 内页 - 产品中心 详情页 */
.ny_p_art{margin:20px auto}

.ny_p_art_img, .ny_p_art_info{float:none; width:100%; height:initial}
.ny_p_art_img .swiper-slide:before{padding-bottom:65%}
.ny_p_art_img .pro-button-prev, .ny_p_art_img .pro-button-next{bottom:0; transform:translate(0,0)}

.ny_p_art_info h1{text-align:center; font-size:24px}

.ny_p_art_xx{margin-top:40px}
.ny_p_art_xx dt{font-size:22px}

.p_art_link{text-align:center}

.more_pro{margin-top:60px}
.more_pro li{width:49%}
.more_pro li:nth-child(2n){margin-right:0}
.more_pro_img:before{padding-bottom:70%}
.more_pro li p{margin-top:10px; font-size:15px}





/* 内页 - 解决方案 */
.ny_solution{margin:30px auto 40px}
.ny_solution_tit{margin-bottom:30px}

.ny_solution_list li{float:none; width:100%; margin-right:0}

.sol_text, .spl_pic{float:none; width:100%}
.sol_text{margin-bottom:20px}
.spl_pic{height:initial}

/* 内页 - 新闻列表 */
.ny_news_list{--a_height:initial; --img_width:30%}

.ny_news_list li{border-bottom:1px solid #EEE}

.ny_news_text h1{font-size:16px}
.ny_news_text span{display:none}
.ny_news_text p{margin-top:10px}

/* 内页 - 新闻内容页 */
.ny_news_cont{margin:20px auto}

.news_art_tit{margin-bottom:20px; padding-bottom:20px}
.news_art_tit h1{font-size:22px; letter-spacing:0; line-height:33px}

.news_art_cont{padding:0 2% 20px}

.tiao{margin:35px auto 20px}
.tiao p{width:100%}




/* 内页 - 技术合作伙伴 */
.hb_cont{margin:20px auto}

.hb_tit{margin-bottom:30px}
.hb_tit h1{font-size:26px}
.hb_tit p{font-size:13px}

.hzhb_list{padding:10px 2% 0}

.hzhb_list li{width:48.5%}
.hzhb_list li:nth-child(2n){margin-right:0!important}
.hzhb_list li:nth-child(5n){margin-right:3%}




/* 内页 - 加入我们 */
.join_cont{margin-top:20px}

.join_tit h1{font-size:22px}
.join_tit p{width:94%; font-size:14px}

.join_img{padding:40px 0}
.join_img .join_tit{margin-bottom:0}
.join_img h1{margin-bottom:20px}
.join_img p{line-height:30px}

.join_form{margin-bottom:30px}
.contact_form_box{width:100%}
.c_form_list li{float:none; width:100%}
.checkboxes{text-align:left}
.btn_area{margin-top:24px}
.btn_area input{width:115px; height:38px}




/* 内页 - 下载 */
.download_cont{margin:20px auto 40px}

.down_nav{text-align:initial; margin-bottom:16px}
.down_nav ul{width:100%}
.down_nav li{width:49%; margin:0 2% 8px 0}
.down_nav li:nth-child(2n){margin-right:0}
.down_nav a{padding:0 14px; font-size:13px; line-height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.down_list_tit dt{font-size:13px; line-height:40px}

.down_list_row dt, .down_list_row dt p, .down_list_row dt a{font-size:13px}

.QA_list dt h1{font-size:15px}




/* 内页 - 联系我们 */
.ny_contact{height:initial}

.ny_contact_cont{position:relative}

.ny_contact_cont .wrap{position:initial; padding:20px 0; transform:translate(0,0)}

.contact_text, #allmap{float:none; width:100%}

.contact_text{text-align:center; margin-bottom:22px}
.contact_text h1{font-size:22px; margin-bottom:10px}
.contact_text p{font-size:15px}
.ct_b b{font-size:16px; line-height:32px}
.contact_qr{margin:0 auto}

#allmap{height:300px}

.ct_news{margin:35px auto 40px}
.ct_news_tit h1{font-size:24px}
.ct_news_list li{float:none; width:100%; margin:0 0 20px 0}

.ct_img{padding:50px 0}
.ct_img_tit h1{font-size:22px; margin-bottom:16px}
.ct_img_tit p{width:92%; font-size:16px; line-height:30px}

.ct_add{--em_size:50px}
.ct_add li{float:none; width:100%; margin-bottom:30px}
.ct_add li:before{display:none}
.ct_add h1{font-size:20px}
.ct_add a{width:160px; font-size:15px}

/* 新增项目报备 */
.xmbb_box{width:calc(100% - 4%); padding:0 2%}


}