@charset "utf-8";

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 Microsoft Yahei, PingFang SC, 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:12px}
input::-moz-placeholder{color:#AAA; font-size:12px}
input:-moz-placeholder{color:#AAA; font-size:12px}
input:-ms-input-placeholder{color:#AAA; font-size:12px}
/*滚动条*/
::-webkit-scrollbar{width:6px; height:8px}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:var(--i_color)}
::-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:95%; margin:0 auto}

:root{
	--i_color:#018de2;    /* 全局颜色 */
	--top_height:60px;   /* 顶部高度 */
}


/* top */
.top{position:relative; background:#FFF; z-index:9999999999}
.top .wrap{height:var(--top_height)}


/* logo */
.logo{position:absolute; left:0; top:50%; transform:translate(0,-50%)}
.logo img{max-height:36px}



/* 移动端导航 */
.hide{display:none!important}
.m-nav{display:block}
.u-menu{position:absolute; right:0; top:0; display:block; width:50px; height:var(--top_height); transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:99999999999999999}
.u-menu div{position:absolute; left:13px; top:calc(50% - 1px); width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s}
.u-menu div i{position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:var(--i_color)}
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

.u-mask{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:999999999999999999999999999999999}

#g-wp{}
.g-wp{transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); z-index:2}

.m-nav{width:220px; height:100%; right:-220px; top:0; background:#FFF; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1}
.m_nav_logo{width:100%; height:var(--top_height); box-sizing:border-box; border-bottom:1px solid rgba(0,0,0,.06); position:relative}
.m_nav_logo img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:86%; max-height:75%}

.fold_n_nav{height:calc(100vh - var(--top_height)); overflow-y:auto}
/*滚动条*/
.fold_n_nav::-webkit-scrollbar{width:3px; height:8px}
.fold_n_nav::-webkit-scrollbar-thumb{background:#BBB}
.fold_n_nav::-webkit-scrollbar-track{background:#F1F1F1}
.fold_n_nav li{border-bottom:1px solid rgba(0,0,0,.06); position:relative}
.fold_n_nav li>a{display:block; padding:0 50px 0 20px; font-size:15px; color:#555; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.m-nav .n_open>a{background:var(--i_color)!important; color:#FFF!important}
.fold_n_nav .n_switch{position:absolute; top:0; right:0; width:40px; height:40px; background:rgba(0,0,0,.03); cursor:pointer; z-index:2}
.fold_n_nav .n_switch:before{content:"+"; display:block; text-align:center; font-size:18px; color:rgba(0,0,0,.3); line-height:40px}
.m-nav .n_open .n_switch:before{content:"-"; color:#FFF!important}

.n_submenu{display:none; background:#FFF}
.n_submenu dt{border-bottom:1px dashed rgba(0,0,0,.05)}
.n_submenu dt:last-child{border-bottom:none}
.n_submenu dt a{display:block; padding:0 30px; font-size:12px; color:#777; line-height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.n_submenu dt a:hover{background:rgba(0,0,0,.05)}


body.z-open .m-nav {transform:translate3d(-220px,0,0);-webkit-transform:translate3d(-220px,0,0);}
body.z-open .g-wp {transform:translate3d(-220px,0,0);-webkit-transform:translate3d(-220px,0,0); height:100vh!important; overflow:hidden!important}
body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px)}
body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu .u-menu-middle{display:none}





/* ----------------------------- 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:before{content:""; display:block; padding-bottom:58%}
.i_banner_list .swiper-slide img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

/* 首页- banner - 圆点指示器 */
.banner-pagination{
	position:absolute;
	bottom:16px;
	left:50%;
	transform:translate(-50%,0);
	cursor:pointer;
	z-index:10
	}
.banner-pagination .swiper-pagination-bullet{width:12px; height:12px; display:inline-block; margin:0 4px; 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}






/* main */
main{overflow:hidden}

/* 首页 栏目标题 */
.i_tit{margin-bottom:24px; text-align:center; overflow:hidden}
.i_tit h1{margin-bottom:10px; font-size:22px; color:#202020; font-weight:bold}
.i_tit p{width:90%; margin:0 auto; font-size:13px; color:#808080}




/* 关于我们 */
.i_about{padding:24px 0; background:#f6f9fa}

.i_ab_cont video{margin-bottom:20px; height:180px}

.i_ab_cont{overflow:hidden}
.i_ab_txt{width:100%}
.i_ab_txt h1{padding-bottom:14px; margin-bottom:14px; font-size:17px; color:#000; font-weight:bold; position:relative}
.i_ab_txt h1:after{content:""; position:absolute; bottom:0; left:0; width:30px; height:2px; background:var(--i_color)}
.i_ab_txt article, .i_ab_txt article *{font-size:13px; color:#888; line-height:22px}

.i_ab_txt>a{display:block; margin-top:18px; border:1px solid var(--i_color); width:100px; line-height:30px; text-align:center; font-size:13px; color:var(--i_color)}
.i_ab_txt>a:hover{background:var(--i_color); color:#FFF!important}


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

.i_ab_list dl{overflow:hidden}
.i_ab_list dt{float:left; margin-bottom:16px; text-align:center; width:50%; box-sizing:border-box; padding:0 10px}

.i_ab_list .img{width:44px; height:44px; 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:24px; max-height:24px}
.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:10px; margin:16px auto 10px; font-size:16px; color:#333; 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:12px; color:#888; line-height:22px}








/* 产品中心 */
.i_renben{margin:30px auto}

.i_renben_pic{width:100%}
.i_renben_pic img{width:100%; min-height:90px; max-height:350px; object-fit:cover}

/* 栏目切换 */
#cp_tab_nav{width:100%; text-align:center; overflow:hidden}
#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; padding:14px 0; text-align:center}
#cp_tab_nav .box img{height:22px; 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:8px; font-size:12px; color:#8f8e8e; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

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




/* 内容展示 */
#tab_cont1{padding:20px 0 16px}

#tab_cont1 .sublist{position:relative}

.i_products_list{width:calc(100% - 52px - 30px); 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:#FFF;
	box-sizing:border-box;
	border:1px solid #E7E7E7;
	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:100%; max-height:100%; object-fit:cover}

.i_products_list .txt{text-align:center; overflow:hidden}
.i_products_list .txt p{line-height:30px; font-size:13px; 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:26px; height:44px; background:rgba(0,0,0,.4); 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:26px;
	color:rgba(255,255,255,.7);
	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:30px}

.i_sol_list{margin:0 auto; overflow:hidden; position:relative; z-index:1}
.i_sol_list .swiper-wrapper{
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	box-sizing:content-box;
	}
.i_sol_list .swiper-slide{
	padding-bottom:10px;
	font-size:18px;
	height:auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	flex-shrink:0;
	background:#FFF;
	position:relative;
	transition-property:transform;
	}
.i_sol_list .swiper-slide:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#EEE}
.i_sol_list .swiper-slide:hover:after{background:var(--i_color)}
.i_sol_list .swiper-slide: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 .swiper-slide a{
	display:block;
	width:100%;
	overflow:hidden
	}

.i_sol_list .img{width:100%; position:relative; overflow:hidden}
.i_sol_list .img:before{content:""; display:block; padding-bottom:65%}
.i_sol_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

.i_sol_list h1{margin:14px 0 10px; font-size:18px; color:#716f6f; font-weight:bold}
.i_sol_list article{font-size:14px; color:#888; line-height:20px}

.i_sol_list .sol-button-prev, .i_sol_list .sol-button-next{position:absolute; top:30%; width:36px; height:60px; background:rgba(0,0,0,.6); z-index:999; cursor:pointer; outline:none; z-index:2}
.i_sol_list .sol-button-prev:before, .i_sol_list .sol-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_sol_list .sol-button-prev{left:0}
.i_sol_list .sol-button-prev:before{content:"<"}
.i_sol_list .sol-button-next{right:0}
.i_sol_list .sol-button-next:before{content:">"}
.i_sol_list .sol-button-prev:hover, .i_sol_list .sol-button-next:hover{background:var(--i_color)}
.i_sol_list .sol-button-prev:hover:before, .i_sol_list .sol-button-next:hover:before{color:#FFF}





/* 横幅图片 */
.i_ad{width:100%; overflow:hidden}
.i_ad img{width:100vw; max-height:300px; object-fit:cover}





/* 案例 */
.i_case{margin:30px auto}
.i_case_tit{margin-bottom:26px; text-align:center}
.i_case_tit h1{margin-bottom:10px; font-size:22px; font-weight:300; color:#3054ac}
.i_case_tit h1 i{color:#a71717; font-weight:300}
.i_case_tit p{display:inline-block; font-size:13px; color:#808080; position:relative}
/* .i_case_tit p:before, .i_case_tit p:after{content:""; position:absolute; top:50%; margin-top:-1px; width:56px; height:2px; background:#3054ac}
.i_case_tit p:before{left:-110px; border-left:24px solid #a71717}
.i_case_tit p:after{right:-110px; border-right:24px solid #a71717} */

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

.i_case_list .img{width:100%; position:relative; overflow:hidden}
.i_case_list .img:before{content:""; display:block; padding-bottom:76%}
.i_case_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

.i_case_list .txt{position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.7)}
.i_case_list .txt p{text-align:center; font-size:13px; color:#FFF; line-height:34px; padding:0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.i_case_list .swiper-slide a:hover .txt{background:var(--i_color)}

.case-pagination{
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,0);
	cursor:pointer;
	z-index:10
	}
.case-pagination .swiper-pagination-bullet{width:10px; height:10px; display:inline-block; margin:0 4px; background:rgba(0,0,0,.13); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}
.case-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color)}









/* 新闻中心 */
.i_news{padding:24px 0 10px; background:#f6f6f6}

.i_news_list{overflow:hidden}
.i_news_list li{border-top:1px solid rgba(0,0,0,.05); margin:0 0 10px 0}
.i_news_list a{display:block; width:100%; overflow:hidden}

.i_news_list .img{display:none; width:38%; position:relative; overflow:hidden}
.i_news_list .img:before{content:""; display:block; padding-bottom:70%}
.i_news_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

.i_news_list .txt{width:100%}
.i_news_list p{margin:8px 0 5px; font-size:14px; color:#444; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.i_news_list i{font-size:12px; color:#CCC}

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

.i_news_list li:first-child{border-top:none; margin-bottom:20px; background:#FFF}
.i_news_list li:first-child .img{display:block}
.i_news_list li:first-child .txt{width:62%; box-sizing:border-box; padding:0 16px}
.i_news_list li:first-child .txt p{margin-top:18px}







/* 网页底部 */
footer{background:#383940; overflow:hidden}

.f_link{padding:14px 0; border-bottom:1px solid rgba(255,255,255,.1); overflow:hidden}
.f_link li{float:left; margin-right:10px}
.f_link p{margin-bottom:6px; font-size:13px; color:#FFF}
.f_link li a{font-size:12px; color:rgba(255,255,255,.5)}
.f_link li a:hover{color:var(--i_color)}

.f_contact{margin:16px auto; overflow:hidden}

.f_qr img{width:100px}
.f_qr p{margin-top:8px; font-size:12px; color:rgba(255,255,255,.5); text-align:center}
.f_ct{width:calc(100% - 126px)}
.f_ct, .f_ct *{font-size:12px; color:rgba(255,255,255,.5); line-height:20px}

.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:12px; color:rgba(255,255,255,.5); line-height:18px}
.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}






/* -------------------------- 内页 -------------------------- */
.in_banner{width:100%; position:relative}
.in_banner img{width:100%; min-height:120px; max-height:500px; object-fit:cover}

/* 内页二级导航 */
.in_nav_list{margin:10px auto 18px; overflow:hidden}
.in_nav_list li{float:left; width:calc((100% - 5px) / 2); margin:0 5px 5px 0}
.in_nav_list li:nth-child(2n){margin-right:0}
.in_nav_list li a{display:block; text-align:center; font-size:16px; color:#666; line-height:34px; background:#EEE; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; overflow:hidden}

.in_nav_on{background:var(--i_color)!important; color:#FFF!important}


/* 内页标题 */
.ny_tit{overflow:hidden; border-bottom:1px solid #EEE; margin:14px auto 12px; position:relative}
.ny_tit:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:3px; height:56%; background:var(--i_color)}
.ny_tit h1{padding:0 3%; font-size:16px; color:var(--i_color); line-height:38px}


/* 简介-文章 单页文字 新闻内容文字 */
article, article *{font-size:15px; line-height:32px; color:#444}
article img{display:block; max-width:100%; height:initial!important; margin:18px 0}







/* 内页 - 通用图片列表样式 */
.in_pic_list{overflow:hidden}

.in_pic_list li{float:left; width:48%; margin:0 4% 24px 0}
.in_pic_list li:nth-child(2n){margin-right:0}

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

.in_pic_list .txt{width:100%; background:rgba(0,0,0,.05)}
.in_pic_list .txt p{text-align:center; padding:0 20px; font-size:13px; color:#666; line-height:36px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.in_pic_list li:hover .txt{background:var(--i_color2)}
.in_pic_list li:hover .txt p{color:#FFF}





/* 内页 工程案例 */
.in_case_list{overflow:hidden}

.in_case_list li{float:left; width:47.5%; margin:0 5% 30px 0}
.in_case_list li:nth-child(2n){margin-right:0}
.in_case_list a{display:block; text-align:center; border:1px solid #E9E9E9; overflow:hidden}

.in_case_list .img{width:100%; position:relative; overflow:hidden}
.in_case_list .img:before{content:""; display:block; padding-bottom:75%}
.in_case_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

.in_case_list .txt{padding:0 10px; border-top:1px solid #E5E5E5; position:relative}
.in_case_list .txt:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:0; background:var(--i_color)}
.in_case_list .txt p{font-size:14px; color:#909090; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; z-index:2}

.in_case_list a:hover{border-color:var(--i_color)}
.in_case_list a:hover .txt:after{height:100%}
.in_case_list a:hover p{color:#FFF}
.in_case_list .txt:after, .in_case_list .txt p{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}







/* 内页 人才招聘 */
.rec_cont{overflow:hidden}

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

.tag_name{padding:10px 20px; background:rgba(0,0,0,.06); cursor:pointer; position:relative}
.tag_name p{margin:0 0 6px 0; font-size:16px; font-weight:bold; color:#555}
.tag_name i{font-size:13px; color:#888}
.tag_name p, .tag_name i{display: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}
.tab_row{overflow:hidden; background:#FFF; border:1px solid #000; margin-bottom:15px}
.tab_row dl{overflow:hidden; float:left}

.tab_row dt, .tab_row dd{max-width:100%; height:28px; line-height:28px; padding-left:15px; font-size:13px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.tab_row dt{font-weight:bold; background:#FED10A; border-bottom:1px solid #000; position:relative}
.tab_row dt:after{content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#000}
.tab_row dl:last-child dt:after{display:none}
.tab_row dd{}

.tab_row dd:nth-child(odd){background:rgba(0,0,0,.05)}

.xg_pro{overflow:hidden}
.xg_pro .ny_rt_category_list{padding:20px; margin:0; background:rgba(0,0,0,.05)}
.xg_pro .ny_rt_category_list li{margin-bottom:0; border:none}





/* 内页 新闻列表 */
.in_news_list{overflow:hidden}
.in_news_list li{width:100%; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid #EEE}
.in_news_list li:last-child{border-bottom:none}
.in_news_list a{display:block; position:relative; overflow:hidden}

.in_news_list .img{float:left; width:38%; position:relative; overflow:hidden}
.in_news_list .img:before{content:""; display:block; padding-bottom:70%}
.in_news_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

.in_news_list .txt{float:right; width:62%; box-sizing:border-box; padding:0 16px}
.in_news_list p{font-size:14px; color:#444; line-height:20px}
.in_news_list h6{margin:6px 0; font-size:12px; color:#999; line-height:18px}
.in_news_list p, .in_news_list h6{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.in_news_list i{font-size:12px; color:#CCC}

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





/* -------------------------- 内页 新闻详情页 -------------------------- */
.news_art{margin:10px auto 20px; overflow:hidden}

.news_art_tit{overflow:hidden; text-align:center; margin-bottom:20px}
.news_art_tit h1{margin-bottom:10px; font-size:20px; color:#333; font-weight:bold}

.news_art_tit dl{display:inline-block; vertical-align:middle}
.news_art_tit dt{float:left; margin:0 10px 0 0}
.news_art_tit dt{font-size:14px; color:#888}






/* 页数 */
.page-box{text-align:center; overflow:hidden; margin:15px auto 40px}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:14px; padding:0 10px; height:24px; line-height:24px; margin:0 3px; border:1px solid #CCC}
.pages a:nth-child(1){margin-left:0!important}
.pages .on{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}
.pages a:hover{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}
/* 上一篇 下一篇 */
.updown{margin:50px 0 20px; overflow:hidden}
.up{margin-bottom:8px; overflow:hidden}
.updown p{opacity:.5; padding:0 5px 0 22px; display:inline-block; font-size:15px; color:#000; -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); -ms-filter:grayscale(1); filter:grayscale(1)}
.up p{background:url(../images/up_ico.png) no-repeat left center}
.down p{background:url(../images/down_ico.png) no-repeat left center}
.updown a{font-size:15px; color:#555}
.updown a:hover{color:var(--i_color); text-decoration:underline}
.updown>div:hover p{opacity:1; color:var(--i_color); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0); filter:grayscale(0)}





/* 联系我们 */
.in_ct_list{overflow:hidden; display:flex; display:-webkit-flex; /* Safari */ justify-content:space-between; flex-wrap:wrap}
.in_ct_list dt{width:48%; margin-bottom:16px; box-sizing:border-box; padding:14px; text-align:center; background:#eaf4f9}

.in_ct_list dt>img{width:34px; height:34px}
.in_ct_list dt p{margin:10px auto 6px; font-size:16px; color:#333; font-weight:bold}
.in_ct_list dt article{font-size:13px; color:#888; line-height:18px}

/* 地图 */
#allmap{width:100%; height:280px; margin:10px auto 0; background:#CCC}
#allmap *{font-size:.13rem!important}






/* 在线留言 */
.in_message{margin:0 auto 50px; overflow:hidden}

.in_message>h4{margin-bottom:16px; font-size:13px; color:#666; line-height:24px}

.c_form_list{width:100%; overflow:hidden; margin-bottom:10px}
.c_form_list li{float:left; font-size:0; width:100%; margin:0 0 15px 0; box-sizing:border-box; border:1px solid #CDCDCD; position:relative}
.c_form_list label{display:inline-block; vertical-align:middle; height:40px; line-height:40px; font-size:14px; color:#777; padding-left:10px}
.c_form_list input{display:inline-block; width:75%; height:40px; line-height:40px; background:#FFF; font-size:14px; color:#767676; border:none}
.c_form_list li:hover{border-color:var(--i_color)}

.checkboxes{margin-bottom:26px}
.checkboxes p{font-size:16px; color:#000; margin-bottom:8px}
.c_form_check{display:inline-block; vertical-align:top; overflow:hidden}
.checkboxes li{float:left; margin:0 20px 15px 0; overflow:hidden}
.checkboxes check{display:inline-block;}
.checkboxes i{display:inline-block; font-size:15px; color:#666; margin-left:5px}

.checkboxes textarea{padding:5px 10px; min-width:100%; max-width:100%; min-height:100px; box-sizing:border-box; border:1px solid rgba(0,0,0,.2)}

.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:114px; height:32px; line-height:32px; text-align:center; font-size:13px; color:#FFF; background:var(--i_color); -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; cursor:pointer}
.reset{color:#FFF!important; background:#999!important}