@charset "utf-8";

/* 引入字体 */
@font-face{
	font-family:'IMPACT';
	src:url('../fonts/IMPACT.woff') format("woff"),
		url('../fonts/IMPACT.TTF') format("truetype"),
		url('../fonts/IMPACT.eot') format("embedded-opentype"),
		url('../fonts/IMPACT.svg') format("svg");
}

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:13px/1.5 微软雅黑, "Microsoft Yahei", tahoma, Arial, helvetica, sans-serif}
body{min-width:1340px}
h1, h2, h3, h4, h5, h6, code, dfn, em, var, i, b{font-style:normal; font-weight:normal}
ul, ol, li{list-style:none}
input, textarea{outline-style:none; border:0}
a{
	text-decoration:none;
	color:#333;
	tap-highlight-color:rgba(0,0,0,0); 
	focus-ring-color:rgba(0, 0, 0, 0); 
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
	-webkit-focus-ring-color:rgba(0, 0, 0, 0); 
	-moz-tap-highlight-color:rgba(0,0,0,0); 
	-moz-focus-ring-color:rgba(0, 0, 0, 0);
}
/*用来解决在安卓上的点击出现篮框问题*/
body{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
/*解决ios上去除微信点击蓝色边框 */
a:focus, input:focus, p:focus, div:focus{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
/* 表单文字 */
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:1300px; margin:0 auto}

:root{
	--i_color:#0068b5; /* 全局颜色 */
	--i_color2:#FF9C3F;  /* 副颜色 */
}

/* 网页头部 */
header{}

/* 顶部 */
.top{background:#363636; overflow:hidden}

.top_tel p{padding-left:22px; font-size:13px; line-height:36px; color:rgba(255,255,255,.7); background:url(../images/top_tel_ico.png) no-repeat left center}

.top_list{margin:0 40px; overflow:hidden}
.top_list li{float:left; position:relative}
.top_list li:after{content:"|"; color:rgba(255,255,255,.7); margin:0 16px}
.top_list li:last-child:after{display:none}
.top_list a{font-size:13px; color:rgba(255,255,255,.7); line-height:36px}
.top_list a:hover{color:#FFF; text-decoration:underline}

.search{font-size:0}
.search input{width:190px; background:rgba(255,255,255,.2); padding-left:16px; font-size:13px; color:#FFF; line-height:36px}
.search .sc_btn{width:36px; height:36px; background:var(--i_color2) url(../images/fdj.png) no-repeat center; cursor:pointer}
.search input, .search .sc_btn{display:inline-block; vertical-align:middle}


.top2{--height:100px}
.top2{height:var(--height)}

/* logo */
.logo{margin-top:20px}
.logo img{max-height:52px}



/* 导航 */
nav{}
nav li{float:left; margin-left:26px}
nav li:first-child{margin-left:0}
nav li:before{content:""; position:absolute; left:-26px; top:50%; transform:translate(0,-50%); width:1px; height:14px; background:rgba(0,0,0,.2)}
nav li:first-child:before{display:none}
nav li>a{display:block; font-size:16px; color:#333; line-height:var(--height); position:relative}
.nav_on>a:after, nav li:hover>a:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:var(--i_color)}

.nav_sub{display:none; position:absolute; top:var(--height); left:0; width:100%; background:rgba(255,255,255,.9); z-index:999}
.nav_sub .tit{width:40%; padding:30px 6% 30px 0}
.nav_sub .tit h1{margin-bottom:20px; font-size:22px; font-weight:bold; color:#4E4E4E}
.nav_sub .tit p{font-size:13px; color:#666; line-height:28px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4}
.nav_sub .list{width:26%; padding:30px 0; border-left:1px solid rgba(0,0,0,.06); border-right:1px solid rgba(0,0,0,.06)}
.nav_sub .list dt{border-bottom:1px solid rgba(0,0,0,.06)}
.nav_sub .list dt a{padding:0 30px; display:block; font-size:14px; color:#666; line-height:36px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.nav_sub .list dt a:hover{background:rgba(0,0,0,.06)}
.nav_sub .img{width:22%; padding:30px 0}
.nav_sub .img img{width:100%; height:150px; object-fit:cover}







/* ----------------------------- 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:100%; height:650px}

/* banner 左右箭头 */
.banner-button-prev, .banner-button-next{
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:44px;
	line-height:70px;	
	background:rgba(255,255,255,.4);
	text-align:center;
	font-family:宋体, SimSun, sans-serif, NSimSun;
	font-size:40px;
	color:#FFF;
	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:0}
.i_banner:hover .banner-button-next{right:0}
.banner-button-prev:hover, .banner-button-next:hover{background:var(--i_color)}

/* 首页- banner - 圆点指示器 */
.banner-pagination{
	position:absolute;
	bottom:20px;
	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 5px; background:#E5E5E5; -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:var(--i_color)}





/* main */
main{overflow:hidden}

.i_tit{text-align:center; margin-bottom:40px; position:relative; z-index:2; overflow:hidden}
.i_tit h1{font-size:30px; color:#000; font-weight:bold; position:relative}

.i_more{text-align:center}
.i_more a{display:inline-block; padding:0 80px; margin:0 auto; font-size:16px; color:#797979; box-sizing:border-box; line-height:50px; -webkit-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; border-radius:100px}
.i_about .i_more a{background:#e5e5e5}
.i_news .i_more a{border:1px solid #DDD}
.i_more a:hover{background:var(--i_color2); color:#FFF}






/* 关于 */
.i_about{margin:50px auto 70px; background:url(../images/i_ab_bg.jpg) no-repeat center; overflow:hidden}

.i_about .i_ab_txt{text-align:center; font-size:16px; color:#9a9a9a; line-height:28px}

.i_ab_num{margin:18px auto 26px; display:-webkit-flex; display:flex; flex-wrap:nowrap; justify-content:space-between; overflow:hidden}
.i_ab_num dt{width:22%; margin:40px 0; text-align:center}

.i_ab_num .num{display:inline-block; margin-bottom:10px; position:relative}
.i_ab_num .roll_num{font-family:IMPACT; font-size:54px; color:#444; font-weight:bold}
.i_ab_num .num i{position:absolute; bottom:0; right:-20px; font-size:17px; color:#444}
.i_ab_num dt p{font-size:16px; color:#555}


.i_about_list{margin:60px auto; display:-webkit-flex; display:flex; flex-wrap:nowrap; justify-content:space-between; overflow:hidden}
.i_about_list li{width:31%; margin-right:3.5%}
.i_about_list li:last-child{margin-right:0}
.i_about_list a{display:block; position:relative; overflow:hidden}

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

.i_about_list .txt{box-sizing:border-box; padding:36px; background:#f7f8f8; position:relative}
.i_about_list .txt:before{content:""; position:absolute; top:0; right:0; width:0; height:100%; background:var(--i_color)}
.i_about_list .txt h1{padding-top:20px; font-size:20px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative}
.i_about_list .txt h1:before{content:""; position:absolute; left:0; top:0; width:52px; height:3px; background:var(--i_color)}
.i_about_list .txt p{margin-top:10px; font-size:15px; color:#4D4D4D; height:48px; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.i_about_list .txt h1, .i_about_list .txt p{position:relative; z-index:2}

.i_about_list li:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}
.i_about_list a:hover img{width:110%; height:110%}
.i_about_list a:hover .txt:before{left:initial; left:0; width:100%}
.i_about_list a:hover .txt h1, .i_about_list a:hover .txt p{color:#FFF}
.i_about_list a:hover .txt h1:before{background:#FFF}
.i_about_list .img img, .i_about_list .txt:before, .i_about_list .txt h1, .i_about_list .txt h1:before, .i_about_list .txt p{-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_products{--li_h:314px}
.i_products{padding-top:60px; position:relative}
.i_products:after{content:""; position:absolute; top:0; left:0; width:100%; height:455px; background:url(../images/i_pro_bg.jpg) no-repeat center; background-size:cover}
.i_products .i_tit h1{color:#FFF}

.i_products .box_pd{box-sizing:border-box; padding:40px; background:#FFF; position:relative; z-index:2}
.i_pro_list{height:calc(var(--li_h) * 2 + 50px); overflow:hidden}

.i_pro_list .swiper-wrapper{
	position:relative;
	width:100%;
	height:100%;
	padding-top:10px;
	z-index:1;
	display:flex;
	transition-property:transform;
	flex-wrap:wrap;
	flex-direction:column;
	box-sizing:content-box;
	}
.i_pro_list .swiper-slide{
	font-size:18px;
	background:#fff;
	height:var(--li_h);
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	}
.i_pro_list .swiper-slide a{display:block; width:100%; height:100%; box-sizing:border-box; border:1px solid #CCC; overflow:hidden}

.i_pro_list .img{width:100%; height:calc(100% - 60px); background:#FFF; position:relative; overflow:hidden}
.i_pro_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; height:80%; object-fit:contain}

.i_pro_list .txt{text-align:center}
.i_pro_list .txt p{font-size:16px; color:#333; line-height:60px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.i_pro_list .swiper-wrapper li:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.i_pro_list .swiper-wrapper li:hover p{color:var(--i_color)}
.i_pro_list .swiper-wrapper li:hover b{color:#FFF; border:none}
.i_pro_list .swiper-wrapper li:hover b:after{width:100%}
.i_pro_list .swiper-wrapper li, .case_txt b: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_products .pro-button-next, .i_products .pro-button-prev{position:absolute; top:50%; transform:translate(0,-50%); width:34px; height:34px; box-sizing:border-box; border:1px solid #DDD; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; z-index:10; cursor:pointer; outline:none}
.i_products .pro-button-prev:before, .i_products .pro-button-next:before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent;}
/* 左箭头 */
.i_products .pro-button-prev{left:-16px}
.i_products .pro-button-prev:before{border-right:6px solid rgba(0,0,0,.3)}
/* 右箭头 */
.i_products .pro-button-next{right:-16px}
.i_products .pro-button-next:before{border-left:6px solid rgba(0,0,0,.3)}

.i_products .pro-button-next:hover, .i_products .pro-button-prev:hover{background:var(--i_color); border-color:var(--i_color)}
.i_products .pro-button-prev:hover:before{border-right:6px solid #FFF}
.i_products .pro-button-next:hover:before{border-left:6px solid #FFF}

/* 无法点击灰色箭头 */
.i_products .pro-button-disabled{background:rgba(0,0,0,.3)}
.i_products .pro-button-disabled:before{color:#CCC}





/* 行业应用 */
.i_app{position:relative}

.i_ab_cont{overflow:hidden}
.i_ab_cont .sublist{height:700px; position:relative}
.i_ab_cont .sublist .wrap{height:100%; position:relative; z-index:2}

.i_ab_t{position:relative; z-index:2}
.i_ab_t{max-width:44%; position:relative; top:20%}
.i_ab_t h4{position:relative; padding-bottom:16px; margin:10px 0 24px; font-size:24px; color:#FFF; text-shadow:0 0 2px rgba(0,0,0,.3)}
.i_ab_t h4:after{content:""; position:absolute; left:0; bottom:0; width:60px; height:3px; background:var(--i_color)}
.i_ab_t p{margin-bottom:60px; font-size:14px; color:#FFF; line-height:24px; text-shadow:0 0 2px rgba(0,0,0,.3); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6}
.i_ab_t a{display:inline-block; padding:10px 20px;  border:1px solid rgba(255,255,255,.4)}
.i_ab_t a i{display:block; padding-right:26px; background:url(../images/right_arrow.png) no-repeat right center; background-size:16px; line-height:16px; font-size:14px; color:#FFF}
.i_ab_t a:hover{background:var(--i_color); border-color:var(--i_color)}

.i_ab_list{background:rgba(0,0,0,.3); position:absolute; left:0; bottom:0; width:100%; z-index:2}
.i_ab_list ul{display:-webkit-flex; display:flex; flex-wrap:nowrap; justify-content:center; overflow:hidden}
.i_ab_list li{width:100%; border-left:1px solid rgba(255,255,255,.4); overflow:hidden}
.i_ab_list li:last-child{border-right:1px solid rgba(255,255,255,.4)}
.i_ab_list a{display:block; padding:30px; position:relative}
.i_ab_list a:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:0; background:var(--i_color)}

.i_ab_list .container{position:relative; z-index:2}
.i_ab_list img{float:left; max-height:50px} 
.i_ab_list p{float:right; width:calc(100% - 70px); font-size:16px; color:#FFF; height:48px; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.i_ab_list .current a:before, .i_ab_list a:hover:before{height:100%}
.i_ab_list a:hover img{transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg)}
.i_ab_list a:before, .i_ab_list img{-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_news{--pic_news_w:640px; --time_w:80px}
.i_news{margin:60px auto; overflow:hidden}

/* 左侧图片新闻 */
.i_pic_news{width:var(--pic_news_w)}
.i_pic_news a{display:block; width:100%; height:100%; position:relative}

.i_pic_news img{width:100%; height:386px; object-fit:cover}

.i_pic_news .txt{padding:30px; background:#FFF; position:relative; box-shadow:0 0 10px rgba(0,0,0,.2)}
.i_pic_news p{max-width:75%; font-size:20px; color:#333; line-height:20px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_pic_news h6{margin-top:16px; font-size:16px; color:#666}
.i_pic_news span{position:absolute; top:30px; right:30px; padding-left:22px; font-size:16px; color:#999; background:url(../images/n_time_ico.png) no-repeat left center;}

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


/* 右侧新闻列表 */
.i_news_list{width:calc(100% - var(--pic_news_w) - 30px)}
.i_news_list li{border-bottom:1px solid #DDD; position:relative}
.i_news_list li:after{content:""; position:absolute; left:0; bottom:-1; width:0; height:1px}
.i_news_list li a{display:block; padding:20px 0; overflow:hidden}
.i_news_list li:first-child a{padding-top:0}

.i_news_list .time{width:var(--time_w); text-align:right}
.i_news_list .time i{font-size:18px; color:#989898}
.i_news_list .time p{font-size:28px; color:#989898}

.news_t{width:calc(100% - var(--time_w) - 46px); padding-left:20px; border-left:1px solid #FFF; position:relative}
.news_t:before{content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#D7D7D7}
.news_t p{font-size:20px; color:#252525; font-weight:bold; margin-bottom:8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.news_t span{display:block; font-size:14px; color:#888; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.i_news_list li:hover:after{width:100%; background:var(--i_color)}
.i_news_list li:hover i, .i_news_list li:hover p{color:var(--i_color)}
.i_news_list li: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}





/* footer */
footer{background:#181720}

.footer_cont{padding:50px 0 20px}

.f_nav{overflow:hidden}
.f_nav dl{float:left; margin-right:48px}
.f_nav dl:last-child{margin-right:0}
.f_nav dt{margin-bottom:10px}
.f_nav dt a{font-size:18px; color:#FFF}
.f_nav dd a{font-size:13px; color:#888; line-height:30px}
.f_nav a:hover{color:#FFF; text-decoration:underline}

.f_contact{width:308px}
.f_contact p{font-size:14px; color:#FFF}
.f_contact h2{font-size:34px; color:#FFF; font-weight:bold}
.f_contact article, .f_contact article *{font-size:14px; color:#FFF;line-height:28px}

.f_copy{padding:20px 0; border-top:1px solid rgba(255,255,255,.2)}
.f_copy_l p{font-size:14px; color:rgba(255,255,255,.4)}

.f_copy_r{overflow:hidden}
.f_copy_r li{float:left; position:relative}
.f_copy_r li:not(:first-child):before{content:"|"; font-size:14px; color:rgba(255,255,255,.4); margin:0 8px}
.f_copy_r li a{font-size:14px; color:rgba(255,255,255,.4)}
.f_copy_r li a:hover{color:#FFF; text-decoration:underline}



/* ----------------------------- 内页 ----------------------------- */

/* 内页banner */
.in_banner{width:100%; position:relative; overflow:hidden}
.in_banner img{width:100vw; height:auto; object-fit:cover}

.in_b_text{position:absolute; top:42%; transform:translate(0,-50%); width:100%; text-align:center}
.in_b_text h2{font-size:40px; color:#FFF; font-weight:bold}
.in_b_text h6{margin-top:16px; font-size:20px; color:#FFF}




/* 内页 二级栏目 */
.in_nav_box{background:#FFF}

.in_nav_list{width:78%; overflow:hidden}
.in_nav_list li{float:left}
.in_nav_list li a{display:block; padding:0 22px; font-size:18px; color:#555; line-height:80px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.in_nav_on a{background:var(--i_color); color:#FFF!important;}
.in_nav_list li a:hover{color:var(--i_color)}

.in_position{overflow:hidden}
.in_position li{float:left}
.in_position li:not(:first-child):before{content:">"; font-size:16px; color:#999; margin:0 6px}
.in_position li a{font-size:16px; color:#999; line-height:80px}
.in_position li a:hover{color:var(--i_color)}

.in_cont_box{margin:40px auto 60px; box-sizing:border-box; padding:50px 30px; background:#FFF}




.in_main{background:#F8F8F8}


/* 简介 */
.in_about1{margin-bottom:50px}
.in_about1_l{width:46%; overflow:hidden}
.in_about1_l .tit{margin-bottom:30px}
.in_about1_l .tit p{font-size:20px; color:#AAA; text-transform:uppercase}
.in_about1_l .tit h2{padding-bottom:16px; font-size:36px; color:#333; font-weight:bold; position:relative}
.in_about1_l .tit h2:before, .in_about1_l .tit h2:after{content:""; position:absolute; left:0}
.in_about1_l .tit h2:before{bottom:0; width:40px; height:5px; background:var(--i_color); z-index:3}
.in_about1_l .tit h2:after{bottom:2px; width:100%; height:1px; background:#DDD; z-index:2}

.in_about_cont article{font-size:16px; color:#333; line-height:30px}

.in_about1_r{width:50%}
.in_about1_r img{width:100%}

.in_about2_l{width:50%}
.in_about2_l img{width:100%}

.in_about2_r{width:46%}
.in_about2_r i{display:block; margin-bottom:20px; width:40px; height:6px; background:var(--i_color)}






/* 内页 新闻 */
.in_lunbo_box{position:relative;}
.in_lunbo_news_list{width:100%; margin:0 auto; overflow:hidden; z-index:1}
.in_lunbo_news_list .swiper-wrapper{
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	box-sizing:content-box;
	}
.in_lunbo_news_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;
	}
.in_lunbo_news_list .swiper-slide a{
	display:block;
	width:100%;
	overflow:hidden
	}

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

.in_lunbo_news_list .txt{background:#f5f8fb; padding:20px 20px 30px; overflow:hidden}
.in_lunbo_news_list .txt h2{font-size:20px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.in_lunbo_news_list .txt i{display:block; margin:4px 0; font-size:16px; color:var(--i_color)}
.in_lunbo_news_list .txt h6{font-size:15px; color:#666; line-height:26px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}

.in_lunbo_news_list .swiper-slide a:hover .txt h2{color:var(--i_color)}

.in_lunbo_box .news-button-prev, .in_lunbo_box .news-button-next{position:absolute; top:50%; transform:translate(0,-50%); width:40px; height:40px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:#FFF; z-index:999; cursor:pointer; box-shadow:0 0 10px rgba(0,0,0,.3); outline:none}
.in_lunbo_box .news-button-prev:before, .in_lunbo_box .news-button-next:before{
	position:absolute;
	top:50%;
	left:50%;
	font-size:20px;
	font-weight:bold;
	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%);
	}
.in_lunbo_box .news-button-prev{left:-20px}
.in_lunbo_box .news-button-prev:before{content:"<"}
.in_lunbo_box .news-button-next{right:-20px}
.in_lunbo_box .news-button-next:before{content:">"}
.in_lunbo_box .news-button-prev:hover, .in_lunbo_box .news-button-next:hover{background:var(--i_color)}
.in_lunbo_box .news-button-prev:hover:before, .in_lunbo_box .news-button-next:hover:before{color:#FFF}



/* 内页 新闻列表 */
.in_news_list{margin:20px auto 0}
.in_news_list li{padding:40px 0; overflow:hidden; border-bottom:1px solid #DDD}

.in_news_list .txt{width:70%}
.in_news_list .txt h2{margin-top:16px; font-size:22px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.in_news_list .txt h6{margin:10px 0 30px; font-size:16px; color:#666; line-height:26px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.in_news_list .txt i{font-size:16px; color:var(--i_color)}

.in_news_list .img{width:23%; position:relative; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow:hidden}
.in_news_list .img:before{content:""; display:block; padding-bottom:63%}
.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 li:hover h2{color:var(--i_color)}
.in_news_list li:hover img{}






/* 页数 */
.page-box{text-align:center; overflow:hidden; margin:50px auto 0}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:15px; padding:6px 14px; margin:0 5px; background:#f6f6f6}
.pages a:nth-child(1){margin-left:0!important}
.pages a:hover, .pages .on{
	color:#FFF;
	background:var(--i_color)
}





/* 新闻详情 */
.in_news_art_head{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #EEE; text-align:left; overflow:hidden}
.in_news_art_head h1{text-align:center; margin-bottom:16px; font-size:32px; color:#333; font-weight:bold}
.in_news_art_head dl{display:-webkit-flex; display:flex; flex-wrap:nowrap; justify-content:center}
.in_news_art_head dt{margin:0 10px}
.in_news_art_head dt{font-size:15px; color:#999}
.in_news_art_head dt a{cursor:pointer; color:#999}

#in_content, #in_content *{font-family:/* PingFang SC, */ system-ui, -apple-system, Microsoft Yahei, tahoma, Arial, sans-serif!important; font-size:18px; color:#555; line-height:34px}
/*#in_content img{display:block; margin:30px auto; max-width:100%!important; height:initial!important}
*/

/* 文章底部 end 上一篇下一篇 */
.news_art_bottom{margin:50px 0 0; overflow:hidden; position:relative}

.ar_fot{width:100%; overflow:hidden}
.ar_fot li{border-bottom:1px dashed #DDD; overflow:hidden}
.ar_fot b{float:left; font-size:16px; color:#888}
.ar_fot a{float:left; width:calc(100% - 66px); overflow:hidden}
.ar_fot p{float:left; max-width:82%; font-size:16px; color:#888; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ar_fot i{float:right; font-size:15px; color:#CCC; line-height:56px}

.ar_fot b, .ar_fot p{font-size:16px; color:#888; line-height:56px}
.ar_fot a:hover p{color:var(--i_color)}






/* 内页 产品列表 */
.in_products_list{overflow:hidden}
.in_products_list li{float:left; width:23.875%; margin:0 1.5% 30px 0; overflow:hidden}
.in_products_list li:nth-child(4n){margin-right:0}

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

.in_products_list .txt{background:#f5f8fb}
.in_products_list .txt p{text-align:center; font-size:17px; color:#333; line-height:66px}

.in_products_list li:hover img{width:100%; height:100%}
.in_products_list li:hover p{color:var(--i_color)}
.in_products_list .img img{-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}





/* 内页 客户案例 */
.in_case_list{overflow:hidden}
.in_case_list li{float:left; width:23.875%; margin:0 1.5% 30px 0; overflow:hidden}
.in_case_list li:nth-child(4n){margin-right:0}

.in_case_list .img{width:100%; position:relative; box-sizing:border-box; border:1px solid #EEE; border-bottom:none; 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{background:#f5f8fb}
.in_case_list .txt p{text-align:center; font-size:17px; color:#333; line-height:66px}

.in_case_list li:hover img{width:120%; height:120%}
.in_case_list li:hover p{color:var(--i_color)}
.in_case_list .img img{-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}






/* 内页 招贤纳士 */
.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:20px; 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}






/* 联系我们 */
.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}