/* 鍒濆鍖 */
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, */ Microsoft Yahei, 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}
/* 琛ㄥ崟鏂囧瓧 */
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}
.clear{clear:both}
.wrap{width:1300px; margin:0 auto}
@media screen and (max-width:1320px){
	.wrap{width:96%}
}
@media screen and (max-width:960px){
	.wrap{width:95%}
}
@media screen and (max-width:560px){
	.wrap{width:94%}
}


:root{
	--i_color:#0074c5;  /* 鍏ㄥ眬棰滆壊 */
	--top2_height:100px;
	--head_height:var(--top2_height);  /* top + top2 = 澶撮儴楂樺害 */
}
@media only screen and (max-width:1366px){
	:root{--top2_height:100px}
}
@media only screen and (max-width:1200px){
	:root{--top2_height:90px}
}
@media only screen and (max-width:960px){
	:root{--top_height:30px; --top2_height:60px}
}
/* 澶撮儴濉厖 */
.fill_head_height{display:block; height:var(--head_height); margin:0; padding:0; background:none}






/* 澶撮儴缁撴瀯 */
.cd-auto-hide-header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:var(--head_height);
	background:#FFF;
	box-shadow:0 5px 10px rgba(0,0,0,.1);
	-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:9999999999999999;
}
.cd-auto-hide-header::after{clear:both; content:""; display:block}
.cd-auto-hide-header.is-hidden{-webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%)}
.is-hidden{box-shadow:none!important}







.top2{height:var(--top2_height)}
@media only screen and (max-width:960px){
	.top2{width:100%!important}
}

/* logo */
.cd-auto-hide-header .logo{position:absolute; left:0; top:50%; transform:translate(0,-50%); z-index:3}
.cd-auto-hide-header .logo img{display:block; max-height:60px}





/* 瀵艰埅鏍峰紡 */
.cd-primary-nav{position:absolute; top:50%; transform:translate(0,-50%); left:29%; z-index:3}
#cd-navigation{}
#cd-navigation li{float:left; position:relative}
#cd-navigation li>a{display:block; line-height:var(--top2_height); padding:0 10px; font-size:16px; color:#0d0d0d; position:relative}
.nav_on>a, #cd-navigation li:hover>a{color:var(--i_color)!important}

.n_submenu{
	position:absolute;
	top:90px;
	left:50%;
	transform:translate(-50%,0);
	padding-top:6px;
	min-width:calc(100% - 6px);
	overflow:hidden;
	z-index:2
}
#cd-navigation li:hover .n_submenu:before{content:""; position:absolute; left:50%; transform:translate(-50%,0); top:0; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #528cbf}
.n_submenu dt{
	position:relative;
	padding:0 10px;
	max-height:0;
	transition:max-height 300ms ease;
	overflow:hidden;
	background:var(--i_color);
	background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#00b8f6), to(var(--i_color)));
	background:-webkit-linear-gradient(left, #00b8f6, var(--i_color));
	background:-moz-linear-gradient(left, #00b8f6, var(--i_color));
	background:-ms-linear-gradient(left, #00b8f6, var(--i_color));
	background:-o-linear-gradient(left, #00b8f6, var(--i_color));
	background:linear-gradient(to right, #00b8f6, var(--i_color));
}
.n_submenu dt:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(255,255,255,.15)}
.n_submenu dt a{display:block; text-align:center; font-size:13px; color:#FFF; line-height:36px; white-space:nowrap}
.n_submenu dt:hover{background:#0281ce}
/* .n_submenu dt:hover a{color:#FFF} */
#cd-navigation li:hover dt{max-height:36px}

/* @media only screen and (max-width:1348px){
	#cd-navigation li>a{font-size:14px; padding:0 22px}
}
@media only screen and (max-width:1200px){
	#cd-navigation li>a{font-size:13px; padding:0 16px}
}
@media only screen and (max-width:1080px){
	#cd-navigation li{margin-left:6px}
	#cd-navigation li>a{padding:0 14px}
} */


/* 椤堕儴鐢佃瘽 */
.top_tel{position:absolute; top:50%; transform:translate(0,-50%); right:78px; z-index:3}
.top_tel p{background:url(../images/top_tel_ico.png) no-repeat left center; font-family:Arial; padding-left:36px; font-size:24px; color:var(--i_color); font-weight:bold; line-height:25px}







/* PC绔 鎼滅储 */
#vivo-head{width:100%; position:relative; z-index:2}
#vivo-head .vivo-nav{width:100%; height:var(--top2_height); margin:auto; position:relative; z-index:999}
.vivo-nav .search-user{position:absolute; right:42px; top:50%; transform:translate(0,-50%)}
.search-user a{display:block; width:20px; height:20px; background:url(../images/search_pc.svg) no-repeat; cursor:pointer}
#vivo-head .vivo-search{width:100%; height:80px; background:rgba(0,0,0,.5); border-bottom:2px solid rgba(255,255,255,.2); position:relative; z-index:9999; display:none}
.vivo-search .search-box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); /* width:700px; */height:40px; z-index:9999}
.vivo-search .search-box input{float:left; width:500px; height:20px; padding:10px 15px; font-family:"寰蒋闆呴粦"; font-size:14px; color:#555; border:none; background:#fff; overflow:hidden; vertical-align:middle}
.vivo-search .search-box button{
	width:85px;
	height:40px;
	overflow:hidden;
	text-align:center;
	font-family:"寰蒋闆呴粦";
	font-size:14px;
	color:#fff;
	border:none;
	overflow:hidden;
	vertical-align:middle;
	background:var(--i_color);
	outline:none;
	cursor:pointer;
	-webkit-transition:background .2s ease-in-out;
	-moz-transition:background .2s ease-in-out;
	-ms-transition:background .2s ease-in-out;
	transition:background .2s ease-in-out;
}
.vivo-search .search-box button:hover{background:#F60}
.vivo-search .search-box a.close{width:24px; height:24px; position:absolute; top:8px; right:-40px; background:url(../images/vivo-head-ico.png) no-repeat 0 -24px; cursor:pointer}
.vivo-search .search-box a.close:hover{background-position:0 0}

@media only screen and (max-width:960px){
	#vivo-head{display:none!important}
}





/* 鑻辨枃绔 */
.en_web{position:absolute; top:50%; transform:translate(0,-50%); right:0; z-index:3}



/* 澶撮儴瀹藉害 鑷€傚簲 */
.wrap_top{width:1420px; margin:0 auto}
@media screen and (max-width:1440px){
	.wrap_top{width:96%}
	.cd-auto-hide-header .logo img{max-height:44px}
	.cd-primary-nav{left:23%}
	.top_tel p{font-size:20px}
}
@media screen and (max-width:1320px){
	.wrap_top{width:98%}
	.cd-auto-hide-header .logo img{max-height:40px}
	.cd-primary-nav{left:22%}
	#cd-navigation li>a{font-size:15px}
}
@media screen and (max-width:1220px){
	.cd-auto-hide-header .logo img{max-height:36px}
	.cd-primary-nav{left:20%}
	#cd-navigation li>a{font-size:14px}
	.top_tel p{font-size:18px}
}
@media screen and (max-width:1130px){
	.top_tel{display:none}
	.cd-primary-nav{left:240px}
}




/* banner */
.i_banner{overflow:hidden; position:relative}
.i_banner_list{padding:0; margin:0 auto; position:relative; overflow:hidden; z-index:1}
.i_banner_list .swiper-wrapper{display:flex; position:relative; width:100%; z-index:1}
.i_banner_list .swiper-slide{
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	flex-shrink:0;
	position:relative;
	}
.i_banner_list .swiper-slide img{width:100vw; height:auto; object-fit:cover}

/* banner 宸﹀彸绠ご */
.banner-button-prev, .banner-button-next{
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:40px;
	line-height:74px;	
	background:rgba(0,0,0,.4);
	text-align:center;
	font-family:瀹嬩綋, SimSun, sans-serif, NSimSun;
	font-size:40px;
	color:rgba(255,255,255,.8);
	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-button-prev{left:-60px}
.banner-button-next{right:-60px}
.i_banner:hover .banner-button-prev{left:4%}
.i_banner:hover .banner-button-next{right:4%}
.banner-button-prev:hover, .banner-button-next:hover{background:var(--i_color)}

/* 棣栭〉- banner - 鍦嗙偣鎸囩ず鍣 */
.banner-pagination{
	position:absolute;
	bottom:36px;
	left:50%;
	transform:translate(-50%,0);
	cursor:pointer;
	z-index:10
	}
.banner-pagination .swiper-pagination-bullet{width:14px; height:14px; display:inline-block; margin:0 8px; background:rgba(255,255,255,.7); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}
.banner-pagination .swiper-pagination-bullet-active{position:relative; background:#c31a1f}
.banner-pagination .swiper-pagination-bullet-active:after{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:22px; height:22px; border:1px solid #c31a1f; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%}

/* 鑷€傚簲 */
@media screen and (max-width:900px){
	.i_banner_list .swiper-slide:before{content:""; display:block; padding-bottom:46%}
	.i_banner_list .swiper-slide img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
	.banner-pagination{bottom:26px}
}
@media screen and (max-width:580px){
	.banner-button-prev, .banner-button-next{display:none!important}
	.banner-pagination{bottom:22px}
	.banner-pagination .swiper-pagination-bullet{width:12px; height:12px; margin:0 6px}
	.banner-pagination .swiper-pagination-bullet-active:after{width:18px; height:18px}
}
@media screen and (max-width:500px){
	.i_banner_list .swiper-slide:before{padding-bottom:48%}
}







main{}


/* 棣栭〉 鏍忕洰鏍囬 */
.i_tit{margin-bottom:40px; text-align:center; overflow:hidden}
.i_tit h1{margin-bottom:10px; font-size:36px; color:#202020; font-weight:bold}
.i_tit p{font-size:14px; color:#808080}




.i_cont_box{margin:46px auto}
@media screen and (max-width:1080px){
	.i_cont_box{margin:38px auto}
}
@media screen and (max-width:640px){
	.i_cont_box{margin:30px auto}
}
@media screen and (max-width:420px){
	.i_cont_box{margin:26px auto}
}



/* 鏁版嵁鍒楄〃 */
.i_num_box{}
.i_num_box dl{border-top:7px solid var(--i_color); overflow:hidden}
.i_num_box dt{float:left; width:calc(100% / 6); padding:44px 0; box-sizing:border-box; border-left:1px solid #ededed; text-align:center}
.i_num_box dt:last-child{border-right:1px solid #ededed}

.i_num_box h1 b{margin-right:8px; font-family:Arial; font-size:54px; color:var(--i_color); font-weight:bold}
.i_num_box h1 span{font-size:20px; color:#666}
.i_num_box h1 em{font-size:20px; color:#666; vertical-align:top}
.i_num_box p{padding:0 10px; margin-top:16px; font-size:15px; color:#333; line-height:24px}







/* 鍏充簬鎴戜滑 */
.i_about{padding:46px 0 56px; background:#f6f9fa}

.i_ab_cont{overflow:hidden}
.i_ab_txt{width:45%}
.i_ab_txt h1{font-size:24px; color:#000; font-weight:bold}
.i_ab_txt article{margin:26px 0 0}
.i_ab_txt article, .i_ab_txt article *{font-size:14px; color:#595959; line-height:26px}
.i_ab_nav{margin:34px 0; overflow:hidden}
.i_ab_nav li{float:left; margin-right:20px; position:relative}
.i_ab_nav li:not(:last-child):after{content:""; position:absolute; top:50%; right:-10px; margin-top:-6px; width:1px; height:12px; background:#AAA}
.i_ab_nav li a{font-size:14px; color:#888; font-weight:bold}
.i_ab_nav li a:hover{color:var(--i_color)}

.i_ab_txt>a{display:block; border:1px solid var(--i_color); width:150px; line-height:36px; text-align:center; font-size:14px; color:var(--i_color)}
.i_ab_txt>a:hover{background:var(--i_color); color:#FFF!important}

.i_ab_cont .fr{width:50%; height:360px}


.i_ab_list{padding:40px 0; background:#f6f9fa; border-top:2px solid #f0f0f0}

.i_ab_list dl{overflow:hidden}
.i_ab_list dt{float:left; text-align:center; width:25%; box-sizing:border-box; padding:0 30px}

.i_ab_list .img{width:56px; height:56px; margin:0 auto; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; border:1px solid #d9d9d9; position:relative}
.i_ab_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:30px; max-height:30px}
.i_ab_list a:hover .img{border-color:none; background:var(--i_color)}
.i_ab_list a:hover img{filter:invert(1); -webkit-filter:invert(1); -moz-filter:invert(1); -o-filter:invert(1); -ms-filter:invert(1)}

.i_ab_list dt p{padding-bottom:14px; margin:20px auto 14px; font-size:20px; color:#000; font-weight:bold; position:relative}
.i_ab_list dt p:after{content:""; position:absolute; bottom:0; transform:translate(-50%,0); left:50%; width:40px; height:2px; background:var(--i_color)}
.i_ab_list dt h6{font-size:16px; color:#595959; line-height:26px}









/* 缁忚惀鍝佺 */
.i_renben{margin:40px auto}

.i_renben_pic{width:100%}
.i_renben_pic img{width:100%; max-height:350px}

/* 鏍忕洰鍒囨崲 */
#cp_tab_nav{position:absolute; top:-64px; left:0; width:100%; text-align:center; overflow:hidden; z-index:2}
#cp_tab_nav ul{background:#f1f1f1; display:-webkit-flex; display:flex; flex-wrap:nowrap; justify-content:center}
#cp_tab_nav li{width:100%; cursor:pointer; position:relative; overflow:hidden}
#tab_tit1 .current:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:var(--i_color)}

#cp_tab_nav .box{display:block; text-align:center; padding:24px 14px 16px}
#cp_tab_nav .box img{opacity:.8; filter:grayscale(1); -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); -ms-filter:grayscale(1)}
#cp_tab_nav .current img{opacity:1!important; filter:grayscale(0); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0)}
#cp_tab_nav .box p{margin-top:20px; font-size:15px; color:#8f8e8e; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

#tab_tit1 .current p{color:var(--i_color)!important}




/* 鍐呭灞曠ず */
#tab_cont1{padding:86px 0 50px}

#tab_cont1 .sublist{position:relative}

.i_products_list{width:1120px; margin:0 auto; overflow:hidden; z-index:1}
.i_products_list .swiper-wrapper{
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	box-sizing:content-box;
	}
.i_products_list .swiper-slide{
	font-size:18px;
	height:auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	flex-shrink:0;
	position:relative;
	transition-property:transform;
	}
.i_products_list .swiper-slide a{
	display:block;
	width:100%;
	overflow:hidden
	}

.i_products_list .img{
	width:100%;
	background:#d4d9dd;
	background:-webkit-linear-gradient(top, #d4d9dd, #fefefe 50%, #eff3f4);
	background:-webkit-gradient(linear,left top,left bottom, from(#d4d9dd), color-stop(50%, #fefefe), to(#eff3f4));
	background:linear-gradient(top, #d4d9dd, #fefefe 50%, #eff3f4);
	position:relative;
	}
.i_products_list .img:before{content:""; display:block; padding-bottom:100%}
.i_products_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:90%; max-height:80%; object-fit:cover}

.i_products_list .txt{text-align:center; overflow:hidden}
.i_products_list .txt p{line-height:50px; font-size:16px; color:#716f6f; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.i_products_list .swiper-slide a:hover .txt p{color:var(--i_color)}

/* 宸﹀彸绠ご */
.i_renben .pro-button-prev, .i_renben .pro-button-next{position:absolute; top:50%; transform:translate(0,-50%); width:50px; height:50px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:#FFF; z-index:999; cursor:pointer; outline:none}
.i_renben .pro-button-prev:before, .i_renben .pro-button-next:before{
	position:absolute;
	top:50%;
	left:50%;
	font-size:34px;
	color:#afafaf;
	font-family:瀹嬩綋, simsun, sans-serif;
	letter-spacing:-2px;
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	}
.i_renben .pro-button-prev{left:0}
.i_renben .pro-button-prev:before{content:"<"}
.i_renben .pro-button-next{right:0}
.i_renben .pro-button-next:before{content:">"}
.i_renben .pro-button-prev:hover, .i_renben .pro-button-next:hover{background:var(--i_color)}
.i_renben .pro-button-prev:hover:before, .i_renben .pro-button-next:hover:before{color:#FFF}






/* 涓氬姟缁勫悎 */
.i_sol_box{margin-bottom:60px}

.i_sol_list{overflow:hidden; display:flex; display:-webkit-flex; /* Safari */ justify-content:space-between; flex-wrap:wrap}
.i_sol_list dt{width:30%; background:#FFF; position:relative}
.i_sol_list dt:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#EEE}
.i_sol_list dt:hover:after{background:var(--i_color)}
.i_sol_list dt:after{-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}

.i_sol_list img{width:100%; height:278px; object-fit:cover}

.i_sol_list h1{margin-bottom:14px; font-size:20px; color:#716f6f; font-weight:bold}
.i_sol_list article{font-size:14px}






/* 鏂伴椈涓績 */
.i_news{padding:60px 0; background:#f6f6f6}

.i_news_list{overflow:hidden}
.i_news_list li{float:left; width:31.28%; margin:0 40px 0 0; background:#FFF}
.i_news_list li:last-child{margin-right:0}
.i_news_list a{display:block; width:100%; overflow:hidden}
.i_news_list img{width:100%; height:230px; object-fit:cover}
.i_news_list .txt{padding:20px}
.i_news_list p{font-size:17px; color:#212121; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_news_list h6{margin:10px 0; font-size:14px; color:#888; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.i_news_list i{font-size:13px; color:#CCC}

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






/* 缃戦〉搴曢儴 */
footer{background:#383940; overflow:hidden}

.f_link{padding:30px 0; border-bottom:1px solid rgba(255,255,255,.1)}
.f_link p, .f_link ul{display:inline-block; vertical-align:top}
.f_link li{float:left; margin-right:20px}
.f_link p, .f_link li a{font-size:14px; color:#FFF}
.f_link li a:hover{color:var(--i_color)}

.f_cont{margin:40px auto; overflow:hidden}

.f_nav{width:62%}
.f_nav dt{float:left}
.f_nav dt:not(:last-child){margin-right:40px}
.f_nav dt>a{font-size:16px; color:#FFF}
.f_nav ul{margin-top:14px}
.f_nav li a{display:block; font-size:12px; color:rgba(255,255,255,.5); line-height:24px}

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


.f_contact{width:34%}
.f_qr img{width:110px}
.f_qr p{margin-top:10px; font-size:12px; color:rgba(255,255,255,.5); text-align:center}
.f_ct{width:calc(100% - 140px)}
.f_ct, .f_ct *{font-size:12px; color:rgba(255,255,255,.5); line-height:22px}

.f_copy{padding:10px 0; text-align:center; border-top:1px solid rgba(255,255,255,.1)}
.f_copy p, .f_copy a{font-size:14px; color:rgba(255,255,255,.5); line-height:24px}
.f_copy a{margin:0 6px}
.f_copy img{margin-right:6px}
.f_copy p, .f_copy a, .f_copy img{display:inline-block; vertical-align:top}






/* ----------------------------------- 鍐呴〉 ----------------------------------- */

/* 鍐呴〉 banner */
.in_banner{width:100%; position:relative; overflow:hidden}
.in_banner img{width:100vw; height:initial!important; min-height:150px; max-height:340px; object-fit:cover}




/* 鍐呴〉妗嗘灦 */
.in_box{margin:40px auto 70px; overflow:hidden}
.in_left{width:20%; overflow:hidden}
.in_right{width:76%; overflow:hidden}


/* 鍐呴〉宸︿晶瀵艰埅 */
.in_nav{overflow:hidden}
.in_nav_tit{position:relative; width:100%; height:100px; background:var(--i_color)}
.in_nav_tit h1{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding-left:40px; background:url(../images/in_nav_tit_ico.png) no-repeat left center; font-size:26px; color:#FFF; font-weight:bold; white-space:nowrap}

.in_nav ul{background:#f6fafd; overflow:hidden}
.in_nav li{border-bottom:1px solid #D9D9D9}
.in_nav li a{padding-left:36px; display:block; font-size:16px; color:#666; line-height:60px; position:relative}
.in_nav li a:after{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:20px; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #BBB}
.in_nav_on{border-color:var(--i_color)!important}
.in_nav_on a, .in_nav li a:hover{font-weight:bold; color:var(--i_color)!important}
.in_nav_on a:after{border-left:4px solid transparent!important; border-right:4px solid transparent; border-top:6px solid var(--i_color)!important; border-bottom:none!important}


/* 鍐呴〉宸︿晶鑱旂郴鎴戜滑 */
.in_left_ct{margin-top:20px}
.in_left_ct_tit{position:relative; width:100%; height:60px; background:var(--i_color)}
.in_left_ct_tit h1{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding-left:40px; background:url(../images/in_left_ct_tit_ico.png) no-repeat left center; font-size:26px; color:#FFF; font-weight:bold; white-space:nowrap}
.in_left_ct_cont{box-sizing:border-box; border:1px solid #EEE; padding:20px; background:url(../images/in_left_ct_bg.jpg) no-repeat right bottom; background-size:cover}
.in_left_ct_cont span{font-size:14px; color:#555; line-height:24px}
.in_left_ct_cont p{font-family:Arial; font-size:30px; font-weight:bold; font-style:italic; color:var(--i_color); line-height:44px}







/* 鍐呴〉鍙充晶 - 褰撳墠浣嶇疆 */
.in_pos{padding-bottom:8px; margin-bottom:26px; position:relative}
.in_pos:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(0,0,0,.1)}

.in_pos ul{float:right; overflow:hidden}
.in_pos li{float:left}
.in_pos li a{font-size:13px; color:#888; line-height:30px; position:relative}
.in_pos li:first-child a{padding-left:26px; background:url(../images/in_pos_ico.png) no-repeat left center;}
.in_pos li:not(:last-child) a:after{content:">"; margin:0 4px; color:#888!important}
.in_pos li a:hover{color:var(--i_color)}
.in_pos li:last-child a{color:var(--i_color)!important}








/* 鍐呴〉鍐呭灞曠ず */
.in_content{background:#f8f8f8; overflow:hidden}
.in_cont_box{margin:46px auto; background:#FFF; box-sizing:border-box; padding:50px 30px}









/* 鍐呴〉锛堟枃瀛楅〉锛岀畝浠嬶紝姝ｆ枃锛屾柊闂诲唴瀹癸級 缁熶竴鏂囧瓧鍥剧墖鏍峰紡 */
article, article *{font-family:/* PingFang SC, */ system-ui, -apple-system, Microsoft Yahei, tahoma, Arial, sans-serif!important; font-size:16px; color:#646464; line-height:34px}
article img{display:block; margin:30px auto; max-width:100%!important; height:initial!important}
@media screen and (max-width:1200px){
	article, article *{font-size:15px; line-height:34px}
}
@media screen and (max-width:660px){
	article, article *{line-height:30px}
}






/* 鍐呴〉 鏂伴椈涓績鍒楄〃 */

/* 鏈€鏂?鏉℃柊闂 */
.in_top_news{margin-bottom:34px; overflow:hidden}
.in_top_news dt{float:left; width:calc((100% - 60px) / 3); margin:0 30px 0 0; background:#F9F9F9}
.in_top_news dt:last-child{margin-right:0}
.in_top_news a{display:block; width:100%; overflow:hidden}
.in_top_news img{width:100%; height:190px; object-fit:cover}
.in_top_news .txt{padding:20px}
.in_top_news p{font-size:17px; color:#212121; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.in_top_news h6{margin:10px 0; font-size:14px; color:#888; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.in_top_news i{font-size:13px; color:#CCC}

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


/* 鏂伴椈鍒楄〃 */
.in_news_list{overflow:hidden}
.in_news_list li{padding-bottom:26px; border-bottom:1px solid #f2f2f2; margin-bottom:26px}

.in_news_list a{display:block; overflow:hidden}

.in_n_time{padding:6px 20px; background:#f0f5f9}
.in_n_time p{padding-bottom:6px; margin-bottom:12px; font-family:Arial; font-size:44px; color:#333; position:relative}
.in_n_time p:after{content:""; position:absolute; left:0; bottom:0; width:24px; height:3px; background:#ddd}
.in_n_time h6{font-family:Arial; font-size:14px; color:#888}

.in_n_text{margin-left:26px; width:68%; overflow:hidden}
.in_n_text p{margin:6px 0 14px; font-size:18px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.in_n_text h6{font-size:14px; color:#999; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.in_n_text i{display:block; border:1px solid #DDD; width:90px; line-height:26px; text-align:center; font-size:14px; color:#b1b1b1}

.in_n_pic{width:16%}
.in_n_pic img{height:100px; object-fit:cover}

.in_news_list a:hover{border-color:var(--i_color)}
.in_news_list a:hover p{color:var(--i_color)}
.in_news_list a:hover .in_n_text i{border-color:var(--i_color); color:var(--i_color)}








/* 椤垫暟 */
.page-box{text-align:center; overflow:hidden; margin:20px auto 0}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:13px; padding:5px 14px; margin:0 3px; border:1px solid #CCC}
.pages a:nth-child(1){margin-left:0!important}
.pages a:hover, .pages .on{
	color:#FFF;
	background:var(--i_color);
	background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#00b8f6), to(var(--i_color)));
	background:-webkit-linear-gradient(left, #00b8f6, var(--i_color));
	background:-moz-linear-gradient(left, #00b8f6, var(--i_color));
	background:-ms-linear-gradient(left, #00b8f6, var(--i_color));
	background:-o-linear-gradient(left, #00b8f6, var(--i_color));
	background:linear-gradient(to right, #00b8f6, var(--i_color));
}






/* 鍐呴〉 閫氱敤鍥炬枃鍒楄〃 */
.in_pic_list{overflow:hidden}
.in_pic_list li{float:left; width:calc((100% - 60px) / 3); margin:0 30px 40px 0}
.in_pic_list li:nth-child(3n){margin-right:0}

.in_pic_list a{
	display:block;
	width:100%;
	position:relative;
	overflow:hidden
	}

.in_pic_list .img{
	width:100%;
	box-sizing:border-box;
	border:1px solid #DDD;
	border-bottom:none;
	background:#FFF;
	position:relative;
	}
.in_pic_list .img:before{content:""; display:block; padding-bottom:76%}
.in_pic_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:90%; max-height:80%; object-fit:cover}

.in_pic_list .txt{width:100%; background:#f5f8fa; position:relative; overflow:hidden}
.in_pic_list .txt p{padding:0 20px; line-height:48px; font-size:16px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.in_pic_list .txt:before{content:""; position:absolute; top:50%; right:20px; width:10px; height:1px; background:#999}
.in_pic_list .txt:after{content:""; position:absolute; top:50%; right:20px; margin-top:-3px; width:6px; height:6px; border-top:1px solid #999; border-right:1px solid #999; transform:rotate(45deg)}

.in_pic_list a:hover .txt{background:var(--i_color)}
.in_pic_list a:hover .txt p{color:#FFF}
.in_pic_list a:hover .txt:before{background:rgba(255,255,255,.8)}
.in_pic_list a:hover .txt:after{border-top-color:rgba(255,255,255,.8); border-right-color:rgba(255,255,255,.8)}








/* ----------------------- 鍐呴〉 - 鏂伴椈 鍥剧墖 璇︽儏椤 ----------------------- */
.in_news_art{overflow:hidden}

.in_news_art_head{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #EEE; text-align:center; overflow:hidden}
.in_news_art_head h1{margin-bottom:16px; font-size:24px; color:#333; font-weight:bold}
.in_news_art_head dl{display:inline-block; vertical-align:middle}
.in_news_art_head dt{float:left; margin:0 28px 0 0; padding-left:24px}
.in_news_art_head dt{font-size:15px; color:#999}
.in_news_art_head dt:nth-child(1){background:url(../images/news_time.svg) no-repeat left center}
.in_news_art_head dt:nth-child(2){background:url(../images/news_look.svg) no-repeat left center}

/* 鏂囩珷搴曢儴 end 涓婁竴绡囦笅涓€绡 */
.ar_fot{margin:30px auto 0; overflow:hidden}

.ar_fot .end{margin-bottom:10px; text-align:center; font-size:17px; color:#555; font-weight:bold; position:relative}
.ar_fot .end:before, .ar_fot .end:after{content:""; position:absolute; top:50%; width:44%; height:1px; background:rgba(0,0,0,.2)}
.ar_fot .end:before{left:0}
.ar_fot .end:after{right:0}

.ar_fot a{display:block; margin:0 0 18px 0; overflow:hidden}
.ar_fot b{
	display:block;
	margin-right:16px;
	float:left;
	padding:0 14px;
	color:#FFF;
	position:relative;
	background:var(--i_color);
	background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#00b8f6), to(var(--i_color)));
	background:-webkit-linear-gradient(left, #00b8f6, var(--i_color));
	background:-moz-linear-gradient(left, #00b8f6, var(--i_color));
	background:-ms-linear-gradient(left, #00b8f6, var(--i_color));
	background:-o-linear-gradient(left, #00b8f6, var(--i_color));
	background:linear-gradient(to right, #00b8f6, var(--i_color));
}

.ar_fot b, .ar_fot span{font-size:16px; line-height:34px;}
.ar_fot a:hover span{color:var(--i_color)}

/* 鍐呴〉 - 鏂伴椈鍐呭椤 鑷€傚簲 */
@media screen and (max-width:760px){
	.in_news_art_head h1{font-size:22px}
	.in_news_art_head dt{font-size:13px}
	.ar_fot b, .ar_fot span{font-size:15px}
}







/* 鑱旂郴鎴戜滑 */
.in_ct_list{overflow:hidden; display:flex; display:-webkit-flex; /* Safari */ justify-content:space-between; flex-wrap:wrap}
.in_ct_list dt{width:23.5%; box-sizing:border-box; padding:24px 16px; text-align:center; background:#eaf4f9}

.in_ct_list dt>img{width:60px; height:60px}
.in_ct_list dt p{margin:12px auto; font-size:16px; color:#333; font-weight:bold}
.in_ct_list dt article{font-size:13px; color:#666; line-height:20px}

#allmap{width:100%; height:455px; margin-top:48px; background:#DDD}






/* 鍐呴〉 鎷涜搐绾冲＋ */
.rec_cont{overflow:hidden}

.rec_list{overflow:hidden}
.rec_list li{width:100%; margin-bottom:15px; overflow:hidden}

.tag_name{padding:18px 26px; background:rgba(0,0,0,.06); cursor:pointer; position:relative}
.tag_name p{margin-right:40px; font-size:16px; font-weight:bold; color:#555}
.tag_name i{font-size:13px; color:#888}
.tag_name p, .tag_name i{display:inline-block}

.tag_name em{display:block; position:absolute; top:50%; transform:translate(0,-50%); right:15px}
.tag_name em:before{content:"+"; font-size:21px; font-weight:bold; color:#000}
.liNow em:before{content:"-"!important; color:#FFF}

.rec_list li .liNow{
	background:var(--i_color);
}
.rec_list li .liNow p{color:#FFF}
.rec_list li .liNow i{color:#FFF}

.tab_box{display:none; padding:20px 30px; box-sizing:border-box; border:1px solid #DDD; border-top:none}
.rec_list li:first-child .tab_box{display:block}

/* 鑷€傚簲 */
@media screen and (max-width:560px){
	.tag_name{padding:16px 20px}
	.tag_name p{margin-right:20px}
}
@media screen and (max-width:460px){
	.tag_name{padding:10px 20px}
	.tag_name p, .tag_name i{display:block}
	.tag_name p{margin:0 0 6px 0}
}





/* 鍦ㄧ嚎鐣欒█ */
.in_message{overflow:hidden}

.c_form_list{width:100%; overflow:hidden; margin-bottom:10px}
.c_form_list li{float:left; width:48%; margin:0 4% 15px 0; box-sizing:border-box; border:1px solid #E1E1E1; background:#FFF; position:relative}
.c_form_list li:nth-child(2n+0){margin-right:0}
.c_form_list label{display:inline-block; height:46px; line-height:46px; font-size:14px; color:#777; padding-left:10px}
.c_form_list input{display:inline-block; width:75%; height:46px; line-height:46px; background:none; font-size:14px; color:#767676; border:none}
.c_form_list li:hover{border-color:var(--i_color)}

.checkboxes{margin-bottom:26px}
.checkboxes textarea{padding:10px; min-width:100%; max-width:100%; min-height:200px; box-sizing:border-box; border:1px solid rgba(0,0,0,.12); font-family:鎬濇簮榛戜綋; color:#848484; font-size:14px}

.btn_area{text-align:center; overflow:hidden; margin-top:10px}
.btn_area dl{display:inline-block; vertical-align:top}
.btn_area dt{float:left; margin:0 6px}
.btn_area input{display:inline-block; width:160px; height:42px; line-height:42px; text-align:center; font-size:13px; color:#FFF; background:var(--i_color); -webkit-border-radius:150px!important; -moz-border-radius:150px!important; -o-border-radius:150px!important; border-radius:150px!important; cursor:pointer}

@media screen and (max-width:960px){
	.in_message{margin-top:40px}
}
@media screen and (max-width:560px){
	.c_form_list li{float:none; width:100%; margin:0 0 15px 0}
}