/*

Theme Name: feikai

Version: 1.0

Description: 安徽领聚数字作为Google中国区核心合作伙伴,拥有安徽省唯一的一家Google出海体验中心,为安徽本土化外贸企业出海提供一站式服务——网站搭建,谷歌SEO优化,谷歌竞价,谷歌SNS社媒营销等。

Author: 版权所有：安徽领聚

*/

html {

	scroll-behavior: smooth

}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{margin:0; padding:0}

body, button, input, select, textarea{font:normal 13px /* PingFang SC, */ Arial, system-ui, -apple-system, tahoma, Arial, sans-serif}

button, input, textarea, select{font-size:inherit; font-weight:inherit; border:0; outline:0; resize:none}

ul, ol, li{list-style:none}

fieldset, img{border:0}

h1, h2, h3, h4, h5, h6, code, dfn, em, var, i, b{font-style:normal; font-weight:normal}

a{text-decoration:none; color:#555}

input, textarea{outline-style:none}

*{box-sizing: border-box;font-family: Arial, Helvetica, sans-serif;}

/* 表单文字 */

input::-webkit-input-placeholder{color:#AAA; font-size:13px}

input::-moz-placeholder{color:#AAA; font-size:13px}

input:-moz-placeholder{color:#AAA; font-size:13px}

input:-ms-input-placeholder{color:#AAA; font-size:13px}

/*滚动条*/

::-webkit-scrollbar{width:6px; height:8px}

::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:#777}

::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:#F1F1F1}

/* 复制选中 */

::selection{background:#338FFF; color:#FFF}

::-moz-selection{background:#338FFF; color:#FFF}

::-webkit-selection{background:#338FFF; color:#FFF}



.fl{float:left}

.fr{float:right}

.container{overflow:hidden}

.pr{position:relative;display: flex;display: -webkit-flex; align-items: center;justify-content: space-between;}

.clear{clear:both}

.wrap {width: 62.5%;margin: 0 auto;}

@media only screen and (max-width: 1440px) {

	.wrap {width: 83.3%;}

}

@media only screen and (max-width: 1200px) {

	.wrap {width: 95%;}

}







:root{

	--i_color:#f08000;  /* 全局颜色 */

	--i_color_a:#5b99bb;

	--head_height:106px;  /* PC端头部高度 */

	--head_height_reduce:80px;

	--font-color:#434343 /* 常用字体颜色*/

}

@media only screen and (max-width:800px){

	:root{--head_height:60px}   /* 移动端头部高度 */



}



/* -----------------公用样式----------------- */

/* in_position */

.in_position {

	padding: 18px 0;

	background: #fff;

	margin: 20px 0;

  }

  .in_position a {

	display: block;

	float: left;

	font-size: 14px;

	color: #666;

	position: relative;

	line-height: 20px;

  }

  .in_position a:first-child {

	padding-left: 26px;

	background: url(static/images/footer_home.svg) no-repeat left center;

	background-size: 16px;

  }

  .in_position a:not(:last-child):after {

	content: ">";

	margin: 0 4px;

	color: #777;

  }

  .in_position a:last-child {

	color: var(--i_color) !important;

  }

  .in_position a:hover {

	color: var(--i_color);

  }



 /* Number of pages */

.in_page_box {

	text-align: center;

	margin: .3rem auto 0.8rem;

	overflow: hidden

}

.in_page {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

}

.in_page li {

	margin: 0 .04rem;

}

.in_page a,

.in_page span {

	display: block;

	padding: 0 .14rem;

	line-height: .3rem;

	font-size: .14rem;

	color: var(--i_color);

  background-color: #000;

  border: 1px solid #a0a09f;

	overflow: hidden;

}

.in_page>i {

	margin-left: 0.1rem;

	font-size: 0.13rem;

	color: #888;

  display: none;

}



.in_page a:hover,

.in_page .active_page a,

.in_page .active_page span {

	background: var(--i_color);

	color: #000 !important

}



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

	.in_page_box {

		margin-bottom: 0.6rem;

	}

	.in_page a,

	.in_page span {

		padding: 0 0.12rem;

		line-height: 0.26rem;

		font-size: 0.14rem;

	}

}

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

	.in_page>i {

		display: block;

		width: 100%;

		margin-top: 0.1rem;

		font-size: 0.13rem;

	}

}





  /* topnav */

  .topnav {

	margin-top: var(--head_height);

  }

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

	.topnav {

	  margin-top: 60px;

	}

  }

/* 按钮 */

.com_but{

	display: flex;display: -webkit-flex; justify-content: center;align-items: center;flex-wrap: wrap;

	width: 2.6rem;

	line-height: 36px;

	font-size: .14rem;font-weight: bold;

	text-align: center;

	color: #000;

	background-color: var(--i_color);

	cursor: pointer;

	transition: all .3s ease;

	border: 2px solid var(--i_color);

	transition: all .5s ease;-webkit-transition: all .5s ease;

}

.com_but i{

	display: inline-block;width:16px;height: 16px;margin-left: 5px;

	background: url(static/images/public/arrow_right_hollow_hei3.svg) no-repeat center;

	background-size: contain;

}

.com_but:hover{

	background-color:transparent;

}

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

	.com_but{line-height: 30px;width:100px;font-size: 14px;}

}

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

	.com_but{line-height: 20px;width:80px;font-size: 12px;}

}









/* 头部结构 */

header{

	position:fixed;

	height: var(--head_height);

	top:0;

	left:0;

	width:100%;

	background-color: #4f535c;

	-webkit-transform:translateZ(0);

	transform:translateZ(0);

	will-change:transform;

	-webkit-transition:-webkit-transform .5s;

	transition:-webkit-transform .5s;

	transition:transform .5s;

	transition:transform .5s, -webkit-transform .5s;

	z-index:2022;

}





.logo{width: 20%;}

.cd-primary-nav{width:70%;}

.top_r{width: 10%;}

/* logo */

.logo{height:var(--head_height);display: flex;align-items: center;justify-content: flex-start;}

.logo img{max-height: 80px;transition: all .3s ease;-webkit-transition: all .3s ease;}

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

	.logo img{max-height: 56px}

}







@media only screen and (min-width:960px){

	#cd-navigation{width: 100%; position: relative; display: flex;display: -webkit-flex;align-items: center;justify-content: center;}

	#cd-navigation>li{

		flex: 1;margin-right: 5%;

		display: flex;display: -webkit-flex; justify-content: space-between;align-items: center;

		height: var(--head_height);

		text-overflow:ellipsis; white-space:nowrap;

		position: relative;

	}

	#cd-navigation>li>a{

		text-align: right;

		width: 100%;

		font-size:18px;

		color:#929292;

		border-bottom: 2px solid transparent;

		position: relative;

		padding: 8px 0;

	}

	/* .more_ul>a::after{

		content: '';

		width: 16px;height: 16px;

		background: url(static/images/public/arrow_down_hollow_hei.svg) no-repeat center;background-size: contain;

		position: absolute;

		top: 50%;transform: translateY(-50%);

		right:0px;

	} */

	#cd-navigation>li:hover>a{border-bottom: 2px solid var(--i_color);}

	#cd-navigation>li:hover>a{color: var(--i_color);}



	.more_ul>ul{

		display: none;

		position: absolute;top: 72%;left: 0%;

		background-color: #fff;

		box-shadow: 0px 0px 6px 0px rgba(0,0,0,.3);

		width: 240px;

	}

	.more_ul>ul>li{text-align: center;padding: 20px 0;border-bottom: 1px solid #eee;}

	.more_ul>ul>li a{font-size: 16px;}

	.more_ul>ul>li:hover a{color: var(--i_color);}

}



/* 移动端导航按钮 */

header .m_menu{display:none}

header .m_menu>img{width: 30px;}

@media only screen and (max-width:959px){

	.pr{padding: 0 10px;}

	header .m_menu{

		display:block;

		position: absolute;top: 50%;right: 10px; transform: translatey(-50%);

	}

	.m_back{display: none;}

	#cd-navigation{

		padding: 2%;

		display: none;

		position: absolute;top: var(--head_height);left: 0;width: 100vw;height: 100vh;

		background-color: #fff;

	}

	#cd-navigation>li>a{display: block; width: 100%;padding: 10px 8px;font-size: 17px;}

}



/* 移动端导航样式 */

@media only screen and (max-width:959px){

	/*滚动条*/

	#cd-navigation::-webkit-scrollbar{width:2px; height:8px}

	#cd-navigation::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:var(--i_color)}

	#cd-navigation::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:#F1F1F1}



	#cd-navigation{

		padding: 2%;

		display: none;

		position: absolute;top:60px;left: 0;

		background-color: #fff;

		box-shadow: 0px 0px 4px 0px #eee;

	}

	#cd-navigation>li{width: 100%;}

	#cd-navigation>li a{

		display: block; width: 100%;padding: 10px 8px;font-size: 17px;

		background-color: #fff;

		border-bottom: 1px solid #eee;

	}

	.more_ul>ul{padding: 0 8px;display: none;}

	.more_ul{position: relative;}

	.more_ul span{

		display: block;

		position: absolute;

		top: 0;

		right: 0;

		width: 42px;

		height: 42px;

		box-sizing: border-box;

		background: rgb(0 0 0 / 3%) url(static/images/public/arrow_down_hollow_hei.svg) no-repeat center;

		background-size: 18px;

	}

	.more_ul span.on{

		background: rgb(0 0 0 / 3%) url(static/images/public/arrow_up_hollow_hei.svg) no-repeat center;

    	background-size: 18px

	}

}





.top_r{

	height:var(--head_height);

	display: flex;display: -webkit-flex;

	flex-wrap: nowrap;align-items: center;justify-content: space-between;

}



/* 搜索 */



.top_search form{width: 84px;position: relative;}

.top_search .top_search_ipt{

	width: 100%;height: 24px;

	border-radius: 12px;padding-left:10px; font-size:16px;

	background: none;

	color:#fff;

	border: 1px solid var(--i_color);

}

.top_search .top_search_btn{

	position: absolute;top: 0;right:0;

	width:24px;height: 24px;border-radius: 12px; background:var(--i_color) url('static/images/public/search_1_bai.svg') no-repeat center; background-size:20px; cursor:pointer}



.top_search{-webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease}

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

	.top_r{display: none;}

}



/* 语言切换 */

.top_language{position:relative;cursor:pointer;}

.top_language>li:after{content:""; position:absolute; top:50%; margin-top:-4px; right:-14px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #929292}

.top_language.on>li:after{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg)}

.top_language i{display:block; width:30px; height:30px; background:url("static/images/language_hei.svg") no-repeat center; background-size:contain; cursor:pointer}



.top_language .sub-menu{position:absolute; top:34px; right:-50%; display:none; min-width:100%; background:#FFF}

.top_language.on .sub-menu{display:block!important}



.top_language .sub-menu li{border-bottom:1px solid #eee}

.top_language .sub-menu a>span{display:block; padding:0 14px; min-width:110px; overflow:hidden}

.top_language .sub-menu img, .top_language .sub-menu .trp-ls-language-name{display:inline-block; vertical-align:middle}

.top_language .sub-menu .trp-ls-language-name{margin-left:8px; font-size:14px; color:#666; line-height:32px}

.top_language .sub-menu li:hover{background:rgba(0,0,0,.1)}

.top_language .sub-menu li:hover .trp-ls-language-name{color:var(--i_color)}





header,.logo .top_r,#cd-navigation>li{-webkit-transition:all .7s ease; -moz-transition:all .7s ease; -ms-transition:all .7s ease; -o-transition:all .7s ease; transition:all .7s ease}











footer{background:var(--i_color_a)}

/* 底部菜单 */

.mainfooter{

	display: flex;display: -webkit-flex; justify-content: space-between;

	padding: 3% 0;

}

.foot_log{width: 33%;}

.foot_c_list{width: 25%;}

.foot_log img{width: 1.5rem;}

.foot_log h6{font-size: 18px;line-height: 170%; color: #fff;margin: .38rem 0 .3rem;}

.mainfooter .tit a,

.mainfooter li:first-child a{

	font-weight: bold;font-size: .2rem; line-height: 140%;

	color: #fff;

	padding-bottom: 8px;

	display: inline-block;

}

.mainfooter a{color: rgba(255, 255, 255, 0.85);font-size: .14rem;line-height: 200%;}

.foot_c_list li>a,

.foot_c_list li{

	display: flex;display: -webkit-flex;align-items: flex-start;

}

.foot_c_list img{width: 24px;margin-right: 6px;margin-top: 3px;}

.foot_c_list .txt{margin-bottom: .2rem;;}

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

	footer{background-color: #2e2e2e;}

	.mainfooter{flex-wrap: wrap;}

	.foot_log{width: 100%;}

	.foot_nav_list{width: 100%;}

	.foot_p_list{display: none;}

	.foot_c_list{width: 100%;margin-top: 20px;}

	.foot_nav_list li{padding: 6px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.85);}

	.mainfooter li a,

	.mainfooter .tit a, .mainfooter li:first-child a{font-size: 16px;font-weight: normal;}

	.foot_c_list .tit{display: none;}

}





/* 底部 版权*/

.copyright{text-align: center;padding: .24rem 5%;background-color: #272a33;}

.copyright span{font-size: 14px; line-height: 200%;color: #fff;text-align: center;}

.copyright span a{color: #fff;}

.copyright span a:hover{color: var(--i_color);}

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

.copyright{margin-bottom: 50px;}

}

/* --------------移动端菜单栏-------------------- */

.phone_bar{display: none;}

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

	/* 移动端底部 */

	.phone_bar {width: 100%;display: flex;background-color: #fff;height: 50px;position: fixed;bottom: 0;left: 0;z-index: 9999;}

	.phone_bar a {flex: 1;display: flex;height: 100%;border: 1px solid #d3d3d3; border-top: none; justify-content: center;align-items: center;}

	.phone_bar a p {display: flex; align-items: center;}

	.phone_bar a p img {width: 23px;height: 23px;object-fit: cover;margin-right: 5px;}

	.phone_bar a p span {font-size: 16px;line-height: 100%;}

	.copyright{margin-bottom: 50px;}

}



/* ---------------- 侧边客服 --------------------- */

.aside_right{position:fixed; right:0; bottom:10%; z-index:999999}

.aside_right ul{}

.aside_right li{position:relative; cursor:pointer}

.aside_right li>a{display:block; width:48px; height:48px; background:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; z-index:3}

.aside_right li img{display:block; margin:0 auto; width:20px; height:20px; object-fit:contain}

.aside_right li:hover>a{background:var(--i_color)}

.side_tel_box, .side_qr_box{position:absolute; box-shadow:-1px 2px 6px rgba(0,0,0,.2); display:flex; justify-content:center; align-items:center; z-index:-1}

.side_tel_box{top:0; right:-300px; width:180px; min-height:100%; background:#FFF}

.side_qr_box{top:50%; transform:translate(0,-50%); right:-180px; width:120px; height:120px; background:#FFF}

.side_tel_box h6{padding:8px 0; font-size:14px; color:#666}

.side_tel_box h6 a{line-height:20px}

.side_tel_box a:hover{color:var(--i_color)}

.side_qr_box img{width:90%; height:90%}

.aside_right li:hover .side_tel_box, .aside_right li:hover .side_qr_box{right:48px}

.side_tel_box, .side_qr_box{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}

.close{position:absolute; top:20px; right:20px; display:block; width:30px; height:30px; background:url(static/images/public/ico_cha_bai.svg) no-repeat center; background-size:contain}

.close:hover{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg)}

.close{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}



/* 弹出窗口 */

#aside_mask_bg{display:none; position:fixed; top:0%; left:0%; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:9999999999998}

#aside_sc_from{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:740px; padding:60px 80px; background:rgb(0 0 0 / 70%); z-index:9999999999999; overflow:auto}

#aside_sc_from .tit{margin-bottom:40px}

#aside_sc_from .tit h1{font-size:26px; color:#FFF; font-weight:bold; line-height:30px}

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

	#aside_sc_from{width: 560px;}

}

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

	#aside_sc_from{width:300px;padding: 3%;}

	#aside_sc_from .tit h1{font-size: 18px;}

}

/* 关闭按钮 */

.close{position:absolute; top:20px; right:20px; display:block; width:30px; height:30px; background:url(static/images/ico_cha_bai.svg) no-repeat center; background-size:contain}

.close:hover{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg)}

.close{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}



/* 弹出表单 */

#wpforms-160{--input_font_size:15px; --input_height:42px}

#wpforms-160{width:100%; margin:0 auto; padding:0}

#wpforms-form-30{width:100%; overflow:hidden}

#wpforms-160 input, #wpforms-160 button{margin:0; padding:0; border:none; background:none}

#wpforms-160 .wpforms-field{padding:0; margin:0}

#wpforms-160 .wpforms-error-container{line-height:16px}

#wpforms-160 .wpforms-field-container{width:100%; display:-webkit-flex; display:flex; flex-wrap:wrap; overflow:hidden}

#wpforms-160 .wpforms-submit-container{padding:0!important; width:200px; margin: 0 auto; height:var(--input_height); background:var(--i_color); position:relative}

#wpforms-160 .wpforms-field-label{display:block!important}

#wpforms-160 .wpforms-field-label{font-size:0}

#wpforms-160 .wpforms-required-label{font-size:16px; color:#f00; position:absolute; top:12px; left:5px}

#wpforms-160 .wpforms-field{width:100%; margin-bottom:10px; padding-bottom:20px; background:transparent; position:relative; overflow:hidden}

#wpforms-160 .wpforms-field:nth-child(1){margin-right:20px}

#wpforms-160 .wpforms-field:nth-child(1), #wpforms-160 .wpforms-field:nth-child(2){width:calc(50% - 10px)}

#wpforms-160-field_3{background: transparent;border: none;}

#wpforms-160 input{height:var(--input_height)}

#wpforms-160 textarea{min-height:100px}

#wpforms-160 input, #wpforms-160 textarea{background: none; width:100%; max-width:100%!important; min-width:100%!important; font-size:var(--input_font_size); color:#FFF; box-sizing:border-box;border: none; border-bottom:1px solid rgba(255,255,255,.7); line-height:var(--input_height); padding:0 16px; font-weight:300}

#wpforms-160 input::-webkit-input-placeholder{color:rgba(255,255,255,.7); font-size:var(--input_font_size)}

#wpforms-160 input::-moz-placeholder{color:rgba(255,255,255,.7); font-size:var(--input_font_size)}

#wpforms-160 input::-moz-placeholder{color:rgba(255,255,255,.7); font-size:var(--input_font_size)}

#wpforms-160 input::-ms-input-placeholder{color:rgba(255,255,255,.7); font-size:var(--input_font_size)}

#wpforms-160 textarea::-webkit-input-placeholder{color:rgba(255,255,255,.7); font-size:var(--input_font_size)}

#wpforms-160 textarea::-moz-placeholder{color:rgba(255,255,255,.7); font-size:var(--input_font_size)}

#wpforms-160 textarea::-moz-placeholder{color:rgba(255,255,255,.7); font-size:var(--input_font_size)}

#wpforms-160 textarea::-ms-input-placeholder{color:rgba(255,255,255,.7); font-size:var(--input_font_size)}

#wpforms-160 #wpforms-160-field_1-error, #wpforms-160 #wpforms-160-field_2-error, #wpforms-160 #wpforms-160-field_3-error, #wpforms-160 #wpforms-160-field_4-error{position:absolute; font-size:12px}

#wpforms-160 .wpforms-submit-container button{width:100%; height:var(--input_height); font-size:16px; color:#FFF; line-height:var(--input_height); cursor:pointer; text-transform:uppercase; position:relative; z-index:2}

#wpforms-160 .wpforms-submit-container img{position:absolute; top:50%; transform:translate(0,-50%); right:4px}

#wpforms-160 .wpforms-submit-container:hover{background:var(--i_color)}

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

	.aside_right a{width:42px; height:42px}

	.aside_right em{width:18px; height:18px}

}

@media screen and (max-width:959px){.aside_right{display:none}}







/* 弹出视频 */

.pop_video{

	display: none;

	width: 6.4rem;height: 3.68rem;

	position: fixed;top: 50%;left: 50%; transform: translate(-50%,-50%);

	z-index: 1111;

}

#pop_v{

	width: 6.4rem;height: 3.68rem;

	position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);

	z-index: 1;

}

.v_back{

	position: absolute;top: 0;right: 0%;

    display: block;

    width: 30px;

    height: 30px;border-radius: 15px;

    background: url(static/images/ico_cha_bai.svg) no-repeat center;

    background-size: contain;

	background-color: rgba(0, 0, 0, 0.3);

	transition: all .5s ease;-webkit-transition: all .5s ease;z-index: 2;

}

.v_back:hover{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg)}







.topnav{margin-top: var(--head_height);}

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

	.topnav{margin-top: 60px;}

}

/* banner */



.banner{height: 7rem; width:100%; overflow:hidden; position:relative;}

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

	.banner{height: 2.15rem;}

}

.banner .swiper-container{height: 100%;}

.banner .swiper-slide{height:100%; overflow:hidden; position:relative}



.banner .swiper-slide>img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}





.banner .swiper-button-prev, .banner .swiper-button-next{

	position:absolute;

	top:50%;

	transform:translate(0,-50%);

	width:40px;

	height:40px;

	z-index:999;

	outline:none;

	cursor:pointer;

	-moz-user-select:none; /*火狐*/

    -webkit-user-select:none; /*webkit浏览器*/

    -ms-user-select:none; /*IE10*/

    -khtml-user-select:none; /*早期浏览器*/

    user-select:none;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;



	}



.banner .swiper-button-prev{left:2%; background:rgba(0,0,0,.2) url(static/images/public/arrow_left_long_bai.svg) no-repeat center; background-size:20px}



.banner .swiper-button-next{right:2%; background:rgba(0,0,0,.2) url(static/images/public/arrow_right_long_bai.svg) no-repeat center; background-size:20px}



.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{background-color:var(--i_color)}



.banner .pagination-all{

	position:absolute;

	bottom:30px;

	left:50%;

	transform:translate(-50%,0);

	cursor:pointer;

	z-index:10;



}

.banner .swiper-pagination {

	position: relative;

	display: inline-block;

	text-align: left;



}

.banner .swiper-pagination-bullet {

	width:8px;

	height: 8px;

	border-radius:4px;

	background: rgba(255, 255, 255, 0.7);

	opacity: 1;

	margin: 0 4px;

	position: relative;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;



}

.banner .swiper-pagination-bullet-active {

	background:var(--i_color);

}





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

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

	.banner .pagination-all{bottom: 10px;}

}



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

	.banner .pagination-all{bottom:26px}

	.banner .swiper-pagination-bullet{width:1.6rem}

}







/* banner上文字 */

.banner1_txt{width: 62%; position:absolute; top:38%; left:50%; transform: translate(-50%,-50%);}

.banner1_txt .line1{

	font-size:.4rem; color:var(--i_color); font-weight:bold;text-align: center;

	margin-bottom: .5rem;

}

.banner1_txt .line2{

	font-size:.68rem;font-weight: bold;color: #fff;line-height: 120%;text-align: center;

}

.banner1_txt .com_but{margin: 8% auto 0;}



.banner2_txt{

	width: 36%; position:absolute;

	bottom:18%; left:15%;background-color: rgba(0,0,0,.65);

	padding: 2%;

}

.banner2_txt p{

	display: flex;align-items: center;

	font-size: .18rem;line-height: 170%;color: #fff;margin: 1% 0;

}

.banner2_txt p i{

	width: .4rem;height: .4rem;display: inline-block;

	background: url(static/images/rowline_ico.png) no-repeat center;

	background-size: contain;

	margin-right: .16rem;

}



.banner3_txt{

	position: absolute;top: 22%;right: 18%;

	width: 5.2rem;font-size: .4rem;font-weight: bold;color: #fff;text-align: right;

	line-height: 170%;

}

.banner3_txt .com_but{margin-top: .3rem;margin-left: auto;}

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

	.banner1_txt{top: 53%;}

	.banner1_txt .line1{font-size: .2rem;margin-bottom: 2%;}

	.banner1_txt .line2{font-size: .24rem;}

	.banner1_txt .com_but{margin-top: 2%;}

	.banner2_txt{width: 70%;padding: 1%;bottom: 10px;}

	.banner2_txt p{margin: 0;}

	.banner3_txt{width: 64%;text-align: center;line-height: 120%;font-size: .26rem;}

	.banner3_txt .com_but{margin: .2rem auto;}

}





/* 首页产品部分 */

.com_tit{

	display: flex;display: -webkit-flex; justify-content: center;align-items: center;flex-wrap: wrap;

	font-weight: bold;font-size: .34rem;color: #fff;

}

.com_tit img{width: 89px;object-fit: contain;margin-right: .5rem;}

.h_product_box{

	padding: .8rem 0;

	background: url(static/images/h_bc.webp) no-repeat center;

	background-size: cover;

}





.h_product_list{

	display: flex;display: -webkit-flex; justify-content: space-between;align-items: center;flex-wrap: wrap;

	margin: .5rem auto;

}

.h_product_list li{width: 48%;}

.h_product_list li a{

	display: block;width: 100%;

	background-color: var(--i_color_a);

	border-radius: 10px;

	padding: 1% 8%;

	box-shadow: 1px 2px 8px 1.5px rgba(0,0,0,.56);

}



.category_name{

	display: flex;display: -webkit-flex; justify-content: space-between;align-items: center;flex-wrap: wrap;

	font-weight: bold;font-size: .16rem;color: #fff;

}

.category_name i{

	width: .2rem;height: .2rem;display: inline-block;

	background: url(static/images/arrow_right_active.svg) no-repeat center;

	background-size: contain;

	cursor: pointer;

}

.h_product_list h5{

	font-weight: bold;

	text-transform: uppercase;

	font-size: .24rem;color: #fff;

}

.h_product_list h5:hover{color: var(--i_color);}

.h_product_list p{font-size: 14px;color: #fff;margin: .2rem 0;}

.txt_logo{font-weight: bold;font-size: .14rem;color: #fff;letter-spacing: 5px;margin: .2rem 0;}



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

.h_product_list .img::before{content: ''; display: block; padding-bottom:64%;}

.h_product_list .img img{width: 100%; height: 100%; object-fit: cover; position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);}

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

	.h_product_list li{width: 80%;margin: 10px auto;}

}





.ha_tit{background-color: #4f535c;padding-bottom: .5rem;}

.h_about_box{

	background-color: #4f535c;box-shadow: 1px 2px 6px 1.5px rgba(0,0,0,.50);

	position: relative;z-index: 1;

}

.h_about {

  display: flex;

  display: -webkit-flex;

  justify-content: space-between;

  background-color: var(--i_color_a);

  padding: 1% 2% 0;

}



.h_about h2 {

  font-weight: bold;

  font-size: 0.32rem;

  color: var(--i_color);

  line-height: 170%;

}



.h_about .right_txt {

  width: 50%;

  color: #fff;

  font-size: .14rem;

  line-height: 170%;

}

.h_about .right_txt > p {

  margin-top: 0.2rem;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 8;

  margin-bottom: .46rem;

}

.h_about .left_img {

  width: 50%;display: flex;justify-content: center;height: 80%;

}

.h_about .left_img img {

  width: 60%;

  position: relative;

  top: -0.8rem;

  box-shadow: 1px 2px 8px 1.5px rgb(0 0 0 / 56%);

}

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

  .h_about .right_txt > p {

    -webkit-line-clamp: 8;

  }

}

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

  .h_about .right_txt > p {

    -webkit-line-clamp: 5;

  }

}

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

  .h_about {display: block;}

  .h_about .left_img,

  .h_about .right_txt {

    width: 100%;

    margin: 0 auto;

  }

  .h_about .right_txt {padding: 24px 18px;}

  .h_about .right_txt > p {-webkit-line-clamp: 100;}

}





.h_about_list{

	display: flex;display: -webkit-flex; justify-content: space-between;flex-wrap: wrap;

	background: url(static/images/ha_bc.webp) no-repeat center; background-size: cover;

	padding: 2%;

}

.h_about_list li{

	width: calc(100%/3 - 1%);

	border: 2px solid #fff;color: #fff;

	padding: 1% 2%;

	transition: all .5s ease;-webkit-transition: all .5s ease;

}

.h_about_list li:hover{box-shadow: 0 0 30px 5px rgba(43, 168, 225, 0.815);}

.h_about_list li:last-child{padding: 0;border: none;box-shadow: 1px 2px 8px 1.5px rgb(0 0 0 / 56%);}

.h_about_list li video{width: 100%;}

.h_about_list li h6{font-weight: bold;font-size: .42rem;margin-bottom: .4rem;position: relative;}

.h_about_list li h6::after{

	content: '';position: absolute;

	width: .4rem;height: 6px;background-color: #2ba8e1;

	left: 0;top: .68rem;

}

.h_about_list li p{font-size: .14rem;line-height: 170%;}

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

	.h_about_list li{width: 80%; margin: 10px auto;}

}



.h_certify_box{padding: .7rem 0;background-color: #4f535c;}

.h_certify{

	background: url(static/images/hc_bc.webp) no-repeat center;background-size: cover;

	display: flex;display: -webkit-flex; justify-content: space-between;flex-wrap: wrap;

	flex-direction: row-reverse;

	padding: 0 15.6%;

	margin-top: .2rem;

}

.h_certify_txt{

	width: 30%;background-color: #fff;

}

/* 证书轮播 */

  .certift_box {

	width: 66%;margin-right: 4%;

	position: relative;

	margin-top: 0.3rem;

  }

  .in_ct_list {

	width: 100%;

	overflow: hidden;

	z-index: 1;

  }

  .in_ct_list .swiper-wrapper {

	display: flex;

	position: relative;

	width: 100%;

	z-index: 1;

  }

  .in_ct_list .swiper-slide {

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

  }

  .in_ct_list .img {

	box-sizing: border-box;

	width: 100%;

	position: relative;

	overflow: hidden;

  }

  .in_ct_list .img::before {

	content: "";

	display: block;

	padding-bottom: 92%;

  }

  .in_ct_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

	height: 100%;

	object-fit: contain;

  }

  .in_ct_list .txt {

	padding: 0.12rem 0;

	text-align: center;

	box-sizing: border-box;

  }

  .in_ct_list .txt p {

	font-size: 0.16rem;

	color: #121212;

	line-height: 140%;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

  }



  .in_ct_list .swiper-slide:hover p {

	color: var(--i_color);

  }



  /* 按钮 */

  .ct-button-prev,

  .ct-button-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	width: 0.5rem;

	height: 0.5rem;

	box-sizing: border-box;

	z-index: 999;

	cursor: pointer;

	outline: none;

	display: none;

  }



  .ct-button-prev {

	left: 0;

	background: url(static/images/public/arrow_left_hollow_bai2.svg) no-repeat

	  center;

	background-size: 20px;

	background-color: rgba(0, 0, 0, 0.1);

  }

  .ct-button-next {

	right: 0;

	background: url(static/images/public/arrow_right_hollow_bai2.svg) no-repeat

	  center;

	background-size: 20px;

	background-color: rgba(0, 0, 0, 0.1);

  }

  .ct-button-prev:hover,

  .ct-button-next:hover {

	background-color: rgba(0, 0, 0, 0.3);

  }



  .in_ct_list .swiper-button-disabled {

	background-color: rgba(0, 0, 0, 0.6);

	cursor: not-allowed;

  }



  /*指示器 */

  .ct-swiper-pagination{

	display: flex;display: -webkit-flex; justify-content: center;align-items: center;flex-wrap: wrap;

	margin-bottom: .3rem;

  }

  .ct-swiper-pagination span{margin: 0 6px;width: 10px;height: 10px;}



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

	.ct-button-prev,

  	.ct-button-next{display: block;}

	.ct-swiper-pagination{display: none;}

  }



.certift_box .category_name{width: 20%;margin: 0 auto .3rem .1rem;}

.h_certify_txt {position: relative;padding:1% 2%;}

.h_certify_txt::after{

	content: '';

	width: 100%;height: 36px;background-color: #fff;

	position: absolute;left: 0;top: -36px;

}

.h_certify_txt .category_name{

	width: 1.3rem;

	position: absolute;

	right: -1.4rem;bottom: .4rem;

}

.h_certify_txt h6{

	font-weight: bold;

	font-size: .4rem;

}

.h_certify_txt>p{font-size: .16rem;color: #000;line-height: 170%;margin: .6rem 0;}

.h_certify_txt .com_but{margin: 0 auto;}



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

	.h_certify{padding: 2%;}

	.h_certify_txt{width: 100%;padding: 2%;}

	.certift_box{width: 100%;margin: 10px auto;}

	.h_certify_txt::after{display: none;}

	.h_certify_txt .category_name{display: none;}

	.certift_box .category_name{margin:20px 0 0 auto;}

}





/* 排版沿用h_about_box */

.left_advatage{

	width: 64%;

	display: flex;display: -webkit-flex; justify-content: center;flex-wrap: wrap;

	margin: .8rem auto .2rem 0;

}

.right_advatage{width: 34%;position: relative;}

.left_advatage li{flex: 1;margin-right: 2%;padding: 0 2%; display: flex;flex-direction: column;align-items: center;}

.left_advatage li p{

	font-size: 16px;text-align: center;color:#fff;line-height: 170%;margin: .4rem auto;

}

.left_advatage img{width: 1.06rem;object-fit: contain;transition: all .7s ease;-webkit-transition: all .7s ease;}

.left_advatage img:hover{transform: rotateY(360deg);}

.right_advatage>p{

	font-weight: bold;font-size: .23rem;line-height: 150%;color: var(--i_color);

	background: url(static/images/had_bc.webp) no-repeat

	  center;

	background-size: cover;

	padding: .3rem .2rem;padding-bottom: .6rem;

	margin-top: .2rem;

}

.right_advatage .category_name{

	position: absolute;width: 30%;font-size: 14px;

	top: 1.5rem;right: 16px;

}

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

	.left_advatage,.right_advatage{width: 100%;margin-bottom: .3rem;}



	.right_advatage .category_name{position: relative;top: 0;left: 0;padding: 20px 0;}

}





/*  project */

.h_project{

	background: url(static/images/hp_bc.webp) no-repeat center;

	background-size: cover;

	padding: .4rem 0;

	margin-top: .3rem;

}

.h_project h6{width: 47%;margin: 0 auto; text-align: center;font-weight: bold;font-size: .36rem;color: var(--i_color);line-height: 170%;}

.h_project_list{

	width: 52%;margin: .5rem auto;

	display: flex;display: -webkit-flex; justify-content: space-around;align-items: center;flex-wrap: wrap;

}

.h_project_list li{flex: 1;margin-right: 2%;}

.h_project_list li img{width:100%;}

.h_project .category_name{width: 140px;margin: 0 auto 0 25%;}

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

	.h_project_list{width: 78%;}

	.h_project h6{font-size: .2rem;}

}





.h_email_box{

	padding: .8rem 0 0;

	background: url(static/images/h_bc.webp) no-repeat center;

	background-size: cover;

}

.email_box{

	background-color: var(--i_color_a);

	padding: 2% 5%;position: relative;

}

.email_box img{position: absolute;width: .94rem;top: 1%;right: 5%;}

.email_box h5{font-weight: bold; font-size: .3rem;line-height: 170%;color: #fff;text-align: center;}

.email_box p{

	margin: 10px 0 .3rem;font-size: .15rem; line-height: 170%;text-align: center;color: #fff;

}

#wpforms-45 label{display: none}

#wpforms-45 .wpforms-field-container{

	display: flex;display: -webkit-flex; justify-content: space-between;flex-wrap: wrap;

}

#wpforms-45 .wpforms-field-container>div{width: 49%;margin-bottom: .2rem;position: relative;}

#wpforms-45 input,

#wpforms-45 textarea{

	width: 100%;height: 40px;padding: 6px;background: none;

	border: none;border-bottom: 2px solid rgba(255, 255, 255, 0.37);

}

#wpforms-45 input::placeholder,

#wpforms-45 textarea::placeholder{color: #fff;font-size: 14px;}

#wpforms-45-field_3-container::after,

#wpforms-45-field_4-container::after{

	content: '*';

    position: absolute;

    top: 36%;

    left: 100.6%;

    font-size: .20rem;

    color: #F00;

}

#wpforms-45 .wpforms-submit-container{

	margin: 30px 0;

	display: flex;display: -webkit-flex; justify-content: center;align-items: center;flex-wrap: wrap;

}

#wpforms-submit-45{

	width: 30%;max-width: 2.8rem;background-color: var(--i_color);border: 2px solid var(--i_color);

	font-weight: bold;font-size: .18rem;line-height: 200%;

	transition: all .5s ease;-webkit-transition: all .5s ease;

}

#wpforms-submit-45:hover{background: none;}

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

	#wpforms-45 .wpforms-field-container>div{width: 100%;}

}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium{

	max-width: 100% !important;

}





/* ---------------------about-------------------- */

.a_banner {

	width: 100%;

	margin-left: auto;

	overflow: hidden;

	position: relative;

  }

  .a_banner > img {

	width: 100%;

	object-fit: contain;

  }

  .a_banner .txt {

	position: absolute;

	z-index: 1;

	width: 67%;

	top: 28%;

	left: 24%;

	color: #fff;

	text-align: left;

	font-weight: bold;

  }

  .a_banner .txt p {

	font-size: 0.48rem;

	line-height: 170%;

  }

  .a_banner .txt span {

	color: var(--i_color);

  }

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

	.a_banner {

	  width: 100%;

	}

	.a_banner .txt {

	  width: 80%;

	  left: 10%;

	}

	.a_banner .txt p {

	  font-size: 0.18rem;

	}



  }



  .a_feikai {

	margin-top: 0.4rem;

	overflow: hidden;

	box-shadow: 0px 0px 10px 2px rgb(204 204 204);

	padding: 3% 4%;

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

  }



  .a_feikai h5 {

	font-weight: bold;

	font-size: 0.34rem;

	color: var(--i_color);

  }

  .a_feikai h6{

	font-weight: bold;font-size: .18rem;color: #000;padding: .26rem 0;position: relative;

	margin-bottom: .2rem;

  }

  .a_feikai h6::after{

	content: '';

	width: 1.1rem;height: 4px;background-color: var(--i_color);

	position: absolute;left: 0;bottom: 2%;

  }



  .a_feikai .right_txt {

	width: 49%;

	color: #434343;

	font-size:0.14rem;

	line-height: 170%;



  }

  @media screen and (min-width:960px){

	  .a_feikai .right_txt > p {

		overflow: hidden;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 9;

	  }

  }



  .a_feikai .left_img {

	width: 49%;

	overflow: hidden;

	position: relative;

  }

  .a_feikai .left_img video {

	width: 100%;

	object-fit: cover;

  }

  .a_feikai .category_name{color: #000;width: 1.3rem;font-size: 14px;margin-left: auto;margin-bottom: .3rem;}



  .a_feikai_img img{width: 100%;}



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

	.a_feikai .right_txt > p {

	  -webkit-line-clamp: 8;

	}

  }

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

	.a_feikai .right_txt > p {

	  -webkit-line-clamp: 5;

	}

  }

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

	.a_feikai {

	  display: block;

	}

	.a_feikai .left_img,

	.a_feikai .right_txt {

	  width: 100%;

	  margin: 0 auto;

	}

	.a_feikai .right_txt {

	  padding: 24px 18px;

	}

	.a_feikai .right_txt > p {

	  -webkit-line-clamp: 100;

	}

  }



  .a_certify{

	margin-top: 1rem;

	background: url(static/images/ac_bc.webp) no-repeat center;

    background-size: cover;align-items: center;

  }

  .a_certify .in_ct_list .txt p{color: #fff;}

  .a_certify .ct-swiper-pagination{display: none;}

  .a_certify .certift_box{margin-right: 0;margin-left: 4%;}

  .a_certify .h_certify_txt{padding: 6% 2%;}



  .a_equip{margin-top: 1rem;}

  .a_equip h5{font-weight: bold;font-size: .34rem;line-height: 170%;text-align: center;}

  .a_equip_box{

	display: flex;display: -webkit-flex; justify-content: flex-start;align-items: center;

	flex-wrap: wrap;

	margin-top: 1rem;

}

.a_equip_box>li{width: 24%;box-shadow: 0px 0px 4px 0px #ccc;margin-right: 1.33%;margin-bottom: .2rem;}

@media screen and (min-width:959px){

	.a_equip_box>li:nth-child(4n){margin-right: 0;}

}

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

	.a_equip_box>li{width: 48%;}

	.a_equip_box>li:nth-child(2n){margin-right: 0;}

}

.a_equip_box p{

	padding:10px 4px;

	text-align: center;

	font-size: 16px;

	line-height: 140%;

	color: #000;

	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;

	position: relative;

}

.a_equip_box p::after{

	content: '';

	width:00%;height: 100%;

	position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);

	background-color: var(--i_color);opacity:.2;

	transition: all .7s ease;-webkit-transition: all .7s ease;

}

.a_equip_box .img{position: relative; overflow: hidden;}

.a_equip_box .img::before{content: ''; display: block; padding-bottom: 64%;}

.a_equip_box .img img{

	width: 100%; height: 100%; object-fit: cover;

	position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);

}

.a_equip_box>li:hover p::after{width: 100%;}

.a_equip_box>li:hover{box-shadow: 0px 0px 8px 0px #aaa}





.a_advatage{margin-top: 1rem;background-color: #fff;}

.a_advatage .left_advatage li p{color: #000;}

.a_advatage .left_advatage{margin: 0;margin-left: .2rem;}

.a_advatage .right_advatage{

	background: url(static/images/ad_bc.webp) no-repeat center;background-size: cover;

	width:40%;

}

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

	.a_advatage .right_advatage{width: 100%;}

}

.a_advatage .right_advatage .category_name{position: relative;top: 0;right: 0;margin-top: .2rem;margin-left: .4rem;}

.right_advatage span{

	display: inline-block;font-weight: bold;font-size: .3rem;color: var(--i_color);

	text-align: center;

	width: 100%;padding: .2rem 0;

	background-color: rgba(255, 255, 255, 0.4);

	margin: 20% 0;

	cursor: pointer;

}



.right_advatage i{

	width: 0.2rem;

    height: 0.2rem;

    display: inline-block;

    background: url(static/images/arrow_right_active.svg) no-repeat center;

    background-size: contain;

	margin-left: 2%;

}

.right_advatage span:hover{color: #000;}

.right_advatage span:hover i{

	background: url(static/images/public/arrow_right_hollow_hei3.svg) no-repeat center;

    background-size: contain;

}

.adown_box{

	display: none;

	background-color: #666;padding: 3%;

	position: fixed;

	width: 50%;

	top: 50%;left: 50%; transform: translate(-50%,-50%);

	z-index: 99;

}



.adown_box h6{margin-bottom: .2rem; font-weight: bold;font-size: .35rem;line-height: 170%;color: var(--i_color);}

.adown_list li a{

	display: flex;display: -webkit-flex; justify-content: space-between;align-items: center;flex-wrap: wrap;

	margin-bottom: 10px;padding: 20px 6px;border-bottom: 1px dashed #fff;

	font-size: 16px;color: #fff;

}

.adown_list i{

	display: inline-block;width: 16px;height: 16px;margin-right: 10px;

	background: url(static/images/download_bai.png) no-repeat center;background-size: contain;

}



.o_email_box{background: none;padding: 0;margin-top: 1.2rem;}

.o_email_box .email_box{background-color: #fff;box-shadow: 0px 0px 4px 2px #ccc;}

.o_email_box .email_box h5{color: #000;}

.o_email_box .email_box p{color: #000;}

.o_email_box #wpforms-45 input,.o_email_box #wpforms-45 textarea{border-bottom: 2px solid #d8d8d8;}

.o_email_box #wpforms-45 input::placeholder,

.o_email_box #wpforms-45 textarea::placeholder{color: #757575;font-size: 14px;}





/* -----------------------------certiify------------------------ */

.c_certify

.certify_list .img img{object-fit: contain;}

.certify_list>li{width: 32%;margin-bottom: .35rem;}

.certify_list .img::before{padding-bottom: 94%;}

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

	.certify_list>li{width: 49%}

}

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

	.certify_list>li{width: 80%;margin: 30px auto;}

}





/* -----------------------------product------------------------ */

.p_menu_list{

	overflow: hidden;

	display: flex;display: -webkit-flex; justify-content: space-between;align-items: center;

}



.p_menu_list a{

	display: flex;display: -webkit-flex; justify-content: center;align-items: center;

	width: 100%;

	font-size: .18rem;color: #363636;

	position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);

	z-index: 2;

	transition: all .5s ease;-webkit-transition: all .5s ease;

}



.p_menu_list li{

	width: 32%;padding:20px;

	text-align: center;

	font-weight: bold;

	border: 2px solid #000;

	position: relative;

	border-radius: 5px;

	overflow: hidden;

}



.p_menu_list li::after{

	content: '';

	width: 100%;height: 100%;

	background-color: #000;

	position: absolute;

	top: -100%;

	left:0%;

	z-index: 1;

	transition: all .5s ease;-webkit-transition: all .5s ease;

}

.p_menu_list li:hover::after{top: 0;}

.p_menu_list li:hover a{color: #fff;}



.p_menu_list .active{background-color: #000;}

.p_menu_list .active a{color: #fff;}



.p_list_box{margin: .8px 0 .3rem;padding-bottom:.3rem;border-bottom: 1px solid #ddd;}

.p_list{

	display: flex;display: -webkit-flex; align-items: center;

	flex-wrap: wrap;

	margin-top: 1rem;

}

.p_list li a{display: block;width: 100%;height: 100%;box-shadow: 0px 0px 4px 2px #ccc;}

.p_list li{width: calc(100%/4 - 2%);margin-bottom: .8rem;margin-right: 2%;}

@media screen and (min-width:959px){

	.p_list li:nth-child(4n){margin-right: 0;}

}

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

.p_list .img::before{content: ''; display: block; padding-bottom: 133%;}

.p_list .img img{

	width: 100%; height: 100%; object-fit: cover;

	position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);

	transition: all .5s ease;-webkit-transition: all .5s ease;

}

.p_list h3{

	font-size: .18rem;

	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;

	padding: 20px 6%;

}

.p_list .category_name{padding:  0 6%;color: #000;font-size: 14px;margin-top: 10px;}



.p_list li:hover a{box-shadow: 0px 0px 4px 2px var(--i_color);}

.p_list li:hover .img img{width: 105%;height: 105%;}

.p_list li:hover .p_button{border: 1px solid var(--i_color);}

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

	.p_top{padding: 16px 0;}

	.p_menu_list{flex-wrap: wrap;height: 100%;background-color: #fff;margin-top: 30px;}

	.p_menu_list a{font-size: 16px;}

	.p_menu_list li{

		margin-bottom: 10px;

		width: 70%;

		border: 1px solid #eaeaea !important;

		padding: 10px 0;

	}

	.p_list li{width: 49%;margin-bottom: 30px;padding: 1% 2%;}

}

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

	.p_menu_list a{font-size: 14px;}

	.p_list li{width: 80%;margin: 10px auto;padding: 0;}

}







.his_box{

	margin-top: 1rem;

	box-shadow: 1px -2px 6px 2px rgb(204 204 204);

	padding: 2% 3% 3%;

}

.his_box h5{font-weight: bold;font-size: .34rem;color: var(--i_color);padding-bottom: .2rem;position: relative;}

.his_box h5::after{

	content: '';

	width: 130px;height: 4px;background-color: var(--i_color);

	position: absolute;left: 0;bottom: 0;

}

.his_box .txt{

	margin: .32rem 0;

	font-size: .17rem;line-height: 170%;

}

.his_contain{

	display: flex;display: -webkit-flex; justify-content: space-between;

	align-items: center;flex-wrap: wrap;

	margin-bottom: .8rem;

}

.his_contain .text{width: 58%;}

.his_contain .text span{display: inline-block;margin-right: 10px;}

.his_contain .img{width: 40%;position: relative;}

.his_contain .img::before{content: ''; display: block; padding-bottom: 95%;}

.his_contain .img img{

	width: 100%; height: 100%; object-fit: cover;

	position: absolute;top:30%;left: 50%; transform: translate(-50%,-50%);

}

.his_contain .category_name{

	width: 130px;font-size: 14px;

	position: absolute;top: -16%;left: 6%;

}

.his_box .text .category_name{width: 130px;font-size: 14px;color: #000;margin-left: auto;}

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

	.his_contain .text{width: 100%;}

	.his_contain .img{width: 100%;position: relative;}

	.his_contain .img img{top: 50%;}

	.his_contain .category_name{top: 10%;}

}







.net_box h5{text-align: center; font-weight: bold;font-size: .34rem;color:#000;padding-bottom: .16rem;position: relative;}

.net_box h5::after{

	content: '';

	width: 130px;height: 4px;background-color: var(--i_color);

	position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);

}

.net_box{margin-top: 1.3rem;}

.net_box h6{font-size: .17rem;color: #434343;text-align: center;margin: .4rem 0 .2rem;}

.net_box .img{width: 100%;}

.net_box .img img{width: 100%;object-fit: contain;}



.coo_box{

	margin-top: 1rem;

	display: flex;display: -webkit-flex; justify-content: space-between;align-items: center;flex-wrap: wrap;

}

.coo_box h6{

	font-weight: bold;font-size: .28rem;color: var(--i_color);line-height: 170%;

	border-bottom: 1px solid #d5d5d5;

	padding-bottom: .3rem;

}

.coo_box p{margin-top: .3rem; font-size: .16rem;line-height: 200%;color: #434343;}

.coo_box .text{width: 49%;}

.coo_box .img{width: 49%;}

.coo_box .img img{width: 100%;object-fit: contain;}

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

	.coo_box .text{width: 100%;margin-bottom: .3rem;}

	.coo_box .img{width: 100%;}

}





.add_box{margin-top: .5rem;}

.add_box h5{

	font-weight: bold;

    font-size: .34rem;

    font-family: Arial;

    line-height: 200%;

    color: rgb(240, 128, 0);position: relative;

}

.add_box h6{

	font-size: .14rem;

    font-family: Arial;

    line-height: 170%;

    color: rgb(0, 0, 0);font-weight: bold;

}

.map_box{margin-bottom: .6rem;}

.map_box h6{font-size: .16rem;font-weight: normal;margin: .2rem 0;}

.map_box h5{color: #000;}

.map_box h5::after{

	content: '';

	width: 1.3rem;height: 4px;background-color: var(--i_color);

	position: absolute;left: 0;bottom: 0;

}

.map{width: 100%;overflow: hidden;}



.add_txt{

	display: flex;display: -webkit-flex; justify-content: space-between;flex-wrap: wrap;

	margin-top: .4rem;

	font-size: .14rem;line-height: 170%;color: #434343;

}

.add_txt >ul{width: 25%;padding: 0 1%;}

.add_txt >ul li{margin-bottom: .2rem;}

.add_txt >ul:last-child{

	width: 50%;

	display: flex;display: -webkit-flex; justify-content: space-between;align-items: center;flex-wrap: wrap;

}

.add_txt >ul:last-child>li{width: 49%;}



.add_txt >ul:last-child p:first-child{font-weight: bold;}

.c_mob{display: flex;display: -webkit-flex; }

.c_mob a{display: block;margin-left: 5px;}



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

	.add_txt >ul{width: 100%;}

	.add_txt >ul:last-child{width:100%;}

}





/* ------------------------详情页----------------------- */

.PD_img_box{margin: .5rem 0;padding-bottom: .5rem; border-bottom: 1px solid #d9d9d9; width: 100%;display: flex; justify-content: space-between; flex-wrap:nowrap;}

.PD_img_box .left_img{width: 50%;}

.PD_img_box .right_txt{width: 50%;}

.PD_img_box .right_txt h1{

	text-align: left;font-size: .18rem;color: #000;padding: 16px 0;

	font-weight: bold;

	border-bottom: 2px solid #d9d9d9;margin-bottom: .2rem;

}

.p_intro_tit{font-weight: bold; margin: 10px 0; font-size: .18rem; line-height: 170%;color: #171717;}

.p_intro{font-size: 16px; line-height: 170%; color: #171717;padding-left: 2%;}

.PD_content .com_but{margin-top: .3rem;text-transform: uppercase;}



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

	.PD_img_box .right_txt{width: 50%;}

}

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

	.PD_img_box{display: block;}

	.PD_img_box .left_img{width: 98%;display: flex; justify-content: center;}

	.PD_img_box .right_txt{width: 98%;padding: 0 3%;}

	.PD_img_box .right_txt .com_button{margin: 0 auto;}

	.PD_img_box .right_txt h3{text-align: center;}

}





/* 图片查看区 */

.PD_content{--img_size:500px; --sm_img_box:400px;overflow: hidden;margin-bottom: 40px;}

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

	.PD_content{--img_size:400px; --sm_img_box:300px;}

}

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

	.PD_content{--img_size:500px; --sm_img_box:400px;}

}

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

	.PD_content{--img_size:280px; --sm_img_box:200px;}

}

#MagnifierWrap2{position:relative; width:var(--img_size)}



.MagnifierMain{position:relative; width:var(--img_size); height:var(--img_size); box-sizing:border-box; border:1px solid #DDD}

.MagnifierMain:before{content:""; display:block; padding-bottom:100%}

.MagnifierMain img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:contain}

.MagnifierDrag{position:absolute; top:0; left:0; background:rgba(255,255,255,.6); cursor:move}



.MagnifierPop{position:absolute; top:0; overflow:hidden; background:#FFF; box-sizing:border-box; border:1px solid #DDD; z-index:2013}

.MagnifierImg{position:absolute; top:0; left:0}



.spec-items{position:relative; width:var(--sm_img_box); height:calc(var(--sm_img_box) / 4 - 5px); overflow:hidden; margin:10px auto 0}

.spec-items ul{width:500%; position:absolute; top:0; left:0}

.spec-items li{width:calc(var(--sm_img_box) / 4 - 5px); height:calc(var(--sm_img_box) / 4 - 5px); float:left; margin-right:5px; box-sizing:border-box; border:2px solid #EFEFEF; overflow:hidden; position:relative; cursor:pointer}

.spec-items li.on{border:2px solid var(--i_color)}

.spec-items li img{width:100%; height:100%; object-fit:cover}



span.spe_leftBtn, span.spe_rightBtn{opacity:.2; position:absolute; bottom:0px; display:block; width:30px; height:calc(var(--sm_img_box) / 4 - 5px); cursor:not-allowed}

span.spe_leftBtn{left:0; background:url(static/images/public/arrow_left_hollow_hei.svg) no-repeat center; background-size:contain}

span.spe_rightBtn{right:0; background:url(static/images/public/arrow_right_hollow_hei.svg) no-repeat center; background-size:contain}

span.on{opacity:.4; cursor:pointer}





/* -----Product details----- */

.product_detail{width: 75%;padding-left: 2%;font-size: 16px; color: #666;line-height: 170%;text-align: center;}

.product_detail .detail{width: 100%;overflow: hidden;}

.product_detail .detail img{object-fit: contain;}

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

	.product_detail{width: 98%;}

}

.introduce h2{margin: 30px 0;font-weight: bold; font-size: 22px; line-height: 170%;color: #434343; text-align: center;}

.intro_contain{display: flex; display: -webkit-flex;justify-content: center;align-items: center;margin-bottom: 30px;}

.intro_contain .left{width: 50%;}

.intro_contain .left .top{

	display: flex; display: -webkit-flex;justify-content: flex-start;align-items: flex-start;

	font-size: 18px; line-height: 170%;color: #000;text-align: left;

}

.intro_contain .left .top img{width: 20%; margin-right: 1%;}

.intro_contain .left .top .txt{width: 80%;}

.intro_contain .left .bottom{width: 100%;overflow: hidden;}

.intro_contain .left .bottom img{width: 100%;}

.intro_contain .left h5{color: var(--i_color);font-weight: bold;font-size: 18px;text-align: left;}

.intro_contain .left span{color: var(--i_color);}

.intro_contain .right{width: 50%;overflow: hidden;margin-left: 5px;}

.intro_contain .right img{width: 100%;}





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

	.introduce h2,.faq h2{font-size: 18px;}

}

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

	.introduce h2,.faq h2{font-size: 18px;}

	.intro_contain{display: block;}

	.intro_contain .left,.intro_contain .right{width: 98%;}

}



.pd_parameter{

	margin: .5rem auto;padding-bottom: .5rem; width: 100%;line-height: 150%;

	display: flex;display: -webkit-flex; justify-content: space-between;flex-wrap: wrap;

}

.pd_parameter .left{width: 55%;}

.pd_parameter .right{width: 45%;}

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

	.pd_parameter .left{width: 100%;margin-bottom: 30px;}

	.pd_parameter .right{width: 100%;}

}





.down_box{

	margin-top: 1rem;

	display: flex;display: -webkit-flex; justify-content: space-between;flex-wrap: wrap;

}

.down_box .img{width: 49%;}

.down_box .img img{width: 100%;}

.down_box .text{width: 49%;padding:0 2%;}

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

	.down_box .img{width: 100%;margin-bottom: .3rem;}

	.down_box .text{width: 100%;}

}

.down_box h6{

	font-weight: bold;font-size: .24rem;line-height: 170%;color: #000;

	margin-bottom: .3rem;

}

.down_but {

	display: flex;justify-content: space-around;

	margin-top: .3rem;background-color: var(--i_color);width: 2.7rem;

	border: 2px solid var(--i_color);padding: 12px 0;

	cursor: pointer;

}

.down_box .down_but p{

	font-size: .14rem;font-weight: bold;color: #fff;

	text-align: center;

}

.down_but i{

	display: inline-block;width: .2rem;height:.2rem;

	background: url(static/images/download.png) no-repeat center;background-size: 16px;

}

.down_box p{font-size: .14rem;color: #434343;line-height: 150%;}

.faq_box p{font-size: .17rem;color: #434343;line-height: 150%;color: #000;}



.faq li{margin-bottom: 10px;border: 1px solid #e0e0e0;border-radius: 3px;}

.answer_tit{display: flex; display: -webkit-flex;justify-content: flex-start;align-items: center;cursor: pointer;}

.answer_tit p{font-size: .18rem;color: var(--i_color);padding: 10px 5px;}

.answer_txt{display: none; padding: 10px 12px; font-size: 16px;line-height: 170%; color: #666;border: 1px solid #e0e0e0;text-align: left;background-color: #f5f5f5;}



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

	.PD_img_box .right_txt h1{font-size: 18px;margin: 30px 0;text-align: center;}

	.PD_content .com_but{width: 90%;margin: 30px auto;}

	.down_box h6{text-align: center;font-size: 18px;}

	.down_box p{text-align: center;}

	.down_but{width: 50%;margin: 30px auto;}

}



/* 相关产品 */

.pd_other{position:relative;margin: .8rem auto .6rem;}

.pd_other_list{

	width:100%; padding:1% 0 !important; margin:0 auto; position:relative; overflow:hidden; z-index:1}

.pd_other_list .swiper-wrapper{

	display:flex; position:relative; width:100%; z-index:1;

}

.pd_other_list .swiper-slide{

	display:-webkit-box;

	display:-ms-flexbox;

	display:-webkit-flex;

	display:flex;

	flex-shrink:0;

	position:relative;

	cursor:pointer;

	padding: 0 6px;

}

.pd_other_list .img{width: 100%;}

.pd_other_list .img img {width: 100%;height: 100%;object-fit: cover;}

.pd_other_list li:hover img{opacity:1; filter:grayscale(0); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0)}

.pd_other_list .img img{-webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease}

/* 指示器 */

.pt-pagination{display:none; text-align:center; margin:20px auto 0}

.pt-pagination .swiper-pagination-bullet{width:12px; height:12px; display:inline-block; margin:0 5px; background:#BBB; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}

.pt-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color)}

/* 左右箭头 */

.pd_other .pt-button-prev,

.pd_other .pt-button-next{

	position:absolute; top:50%; transform:translate(0,-50%);

	width:30px; height:30px;

	background-color: rgba(0, 0, 0, 0.3);

	z-index:9; cursor:pointer; outline:none;

	color: #fff;

	font-size: .16rem;

	text-align: center;

	line-height: 30px;

}

.pd_other .pt-button-prev{left: 6px;}

.pd_other .pt-button-next{right: 6px;}

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

	.pd_other .pt-button-prev, .pd_other .pt-button-next{display:none}

}





.pd_other h6{

	font-size: .26rem;

	margin: .3rem 0 .2rem;

	color: #1a1a1a;font-weight: bold;line-height: 170%;

	border-bottom: 2px solid #d9d9d9;

}

.pd_other li a{

	display: block;width: 100%;height: 100%;

	box-shadow: 0px 0px 4px #ccc;

}

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

.pd_other .img::before{content: ''; display: block; padding-bottom: 77%;}

.pd_other .img img{

	width: 100%; height: 100%; object-fit: cover;

	position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);

	transition: all .5s ease;-webkit-transition: all .5s ease;

}

.pd_other h3{font-size: 16px;color: #666;margin: 20px 0; padding: 0 2%;text-align: center; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}



.pd_other li:hover .img img{width: 105%;height: 105%;}







/* search results list */

.in_search_list {

	margin-bottom: .6rem;

	overflow: hidden;

}

.in_search_list li {

	box-sizing: border-box;

	border: 1px solid var(--border_color);

	margin-bottom: 0.26rem;

}

.in_search_list a {

	display: block;

	padding: .2rem;

}

.in_search_list h2 {

	font-size: 0.18rem;

	color: #212121;

	font-weight: bold;

	position: relative;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.in_search_list h6 {

	margin: .1rem 0;

	font-size: 0.14rem;

	color: #666;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.in_search_list i {

	display: inline-block;

	padding: .06rem .1rem;

	font-size: 0.13rem;

	color: var(--i_color);

	background: #EDEDED;

	-webkit-border-radius: .04rem;

	border-radius: .04rem;

}



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

	.in_search_list h2 {

		font-size: 0.15rem;

		white-space: initial;

	}

	.in_search_list h6 {

		font-size: 0.13rem;

	}

	.in_search_list i {

		font-size: 0.12rem;

	}

}

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

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

	.in_search_list li {

		margin-bottom: 0.2rem;

	}

}

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

	.in_search_list {

		margin-bottom: .3rem

	}

}







/* privacy */

.privacy_cont {}

.privacy_cont .tit {

	margin-bottom: 30px

}

.privacy_cont .tit h2 {

	font-size: 24px;

	text-align: center;

	font-weight: bold

}

.privacy_cont article,

.privacy_cont article * {

	font-size: 14px;

	color: #666;

	line-height: 24px

}







/* thanks */

.thanks {

	position: absolute;

	top: 48%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 90%;

	text-align: center;

	overflow: hidden

}

.thanks_logo {}

.thanks h2 {

	margin: .2rem auto;

	font-size: .3rem;

	color: #333;

	font-weight: bold

}

.thanks_link {

	display: inline-block;

	padding: 0 40px;

	line-height: 32px;

	font-size: 15px;

	color: #999;

	border: 2px solid #DDD;

	-webkit-border-radius: 100px;

	-moz-border-radius: 100px;

	border-radius: 100px

}



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

	.thanks_logo img {

		max-height: .5rem

	}

	.thanks h2 {

		font-size: .2rem

	}

}

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

	.thanks_logo img {

		max-height: .44rem

	}

	.thanks h2 {

		font-size: .16rem

	}

	.thanks_link {

		font-size: 13px;

		line-height: 30px

	}

}







/* 404 */

.in404 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #FFF

}

.in404_text {

	position: absolute;

	top: 44%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 80%;

	text-align: center

}

.in404_text h1 {

	font-size: 220px;

	color: #BBB

}

.in404_text h6 {

	margin: 10px auto 30px;

	font-size: 18px;

	color: #999

}

.in404_text a {

	display: inline-block;

	padding: 0 40px;

	line-height: 32px;

	font-size: 15px;

	color: #999;

	border: 2px solid #DDD;

	-webkit-border-radius: 100px;

	-moz-border-radius: 100px;

	border-radius: 100px

}

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

	.in404_text h1 {

		font-size: 180px

	}

}

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

	.in404_text h1 {

		font-size: 140px

	}

	.in404_text h6 {

		font-size: 16px

	}

	.in404_text a {

		font-size: 14px

	}

}

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

	.in404_text h1 {

		font-size: 70px

	}

	.in404_text h6 {

		margin: 10px auto 18px;

		font-size: 14px;

		line-height: 20px

	}

	.in404_text a {

		font-size: 13px

	}

}



header .current-menu-item>a{color: var(--i_color) !important; border-bottom: 2px solid var(--i_color) !important;}

header .current-category-ancestor>a{color: var(--i_color) !important; border-bottom: 2px solid var(--i_color) !important;}

header .current-category-ancestor .current-menu-item>a{color: var(--i_color) !important;border: none !important;}



header .current_page_parent>a{color: var(--i_color) !important; border-bottom: 2px solid var(--i_color) !important;}

header .current_page_parent .current-menu-item>a{color: var(--i_color) !important;border: none !important;}





table td{

	height: 50px !important;

}

.input_hidden{display: none;}