@charset "utf-8";
/* 内页css */
/* -------------- 2020 -------------- */
* {
　　box-sizing: content-box;
　　-moz-box-sizing: inherit;
　　-webkit-box-sizing: inherit;
　}
/* 内页banner 加距顶85 */
.ny_banner2020{width:100%; max-height:460px;margin-top: 85px;overflow:hidden}
.ny_banner{width:100%; max-height:460px;overflow:hidden}
.ny_banner img{width:100%; object-fit:cover; image-rendering:pixelated; image-rendering:-webkit-optimize-contrast}

/* 当前位置 */
.position{overflow:hidden; margin-bottom:30px; border-bottom:1px solid #DDD}
.pos_cont{width:var(--i_box); margin:0 auto; overflow:hidden}
.position dl{overflow:hidden}
.position dt{float:left}
.position dt a{font-size:14px; color:#333; font-weight:bold; line-height:50px; position:relative}
.position dt a:before{content:">"; margin:0 6px; color:#333!important}
.position dt a:hover{color:var(--i_color)}
.position dt:first-child a:before{content:"当前位置 ："; margin:0}
.ny_cont_box{width:var(--i_box); margin:0 auto 60px; overflow:hidden}

/* 内页左侧 */
.ny_left{float:left; width:20%}
/* .ny_left_tit{width:100%; background:#066096}
.ny_left_tit h1{height:55px; line-height:55px; font-size:19px; font-weight:bold; color:#FFF; margin-left:20px} */

/* 内页左侧导航 */
.ny_left_nav{width:100%; position:relative}
.fold_nav{width:100%}

/* 一级菜单 */
.fold_nav li a{display:block; height:42px; line-height:42px; padding-left:20px; font-size:15px; color:#555; border-bottom:1px solid rgba(0,0,0,.15); position:relative}
.fold_nav li a:after{content:""; position:absolute; top:0; left:0; width:2px; height:100%; /*2020原background:var(--i_color);*/background:rgba(6,115,180,1); z-index:-1}
.foldnav_on, .fold_nav>li>a:hover{color:#FFF!important}
.foldnav_on:after, .fold_nav>li>a:hover:after{width:100%!important}
.fold_nav .xz a{content:"";background:rgba(6,115,180,1); z-index:-1;color:#FFF!important} /*2022+选中菜单*/

.fold_nav li span{
	display:block;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
	width:42px;
	height:42px;
	font-size:18px;
	font-weight:bold;
	color:#777;
	}

/* 二级菜单 */
.fold_nav ul{margin:0; padding:0; display:none}
.fold_nav li li a{padding-left:40px; background:#FFF; font-size:13px; color:#444; border-bottom:1px solid #EEE}
.fold_nav li li span{position:absolute; top:0; left:0; width:calc(100% - 20px); padding-right:20px; height:100%; background:rgba(0,0,0,.04); text-align:right; font-size:15px; color:#555}

/*.foldnav_li_on, .fold_nav li li a:hover{color:var(--i_color)!important}
*/
.fold_nav li li a.foldnav_li_on, .fold_nav li li a:hover{color:#fff; background:#5796C3;}
/* 三级菜单 */
.fold_nav li li li a{padding-left:60px; font-size:12px; color:#777; border-bottom:none}
.fold_nav li li li a:hover{color:var(--i_color); background:none}
.fold_nav li a, .fold_nav li a: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}
/* 内页右侧 */
.ny_right{float:right; width:75%; overflow:hidden}
/* -------------- 公司简介 -------------- */
.about_cont{overflow:hidden; margin:40px auto 0}
.about_cont dt{margin-bottom:72px; padding-top:4px}
.about_cont_tit{text-align:center; margin-bottom:40px; padding-bottom:40px; position:relative}
.about_cont_tit:after{display:none; content:""; position:absolute; bottom:0; left:50%; width:1px; height:26px; background:#AAA}
.about_cont_tit h1{font-size:24px; color:#4C4C4C; text-transform:uppercase; font-weight:bold; margin-bottom:8px}
.about_cont_tit p{font-size:19px; color:#4C4C4C}
/* 内页 - 公司介绍 */
.gsjs{overflow:hidden}
.gsjs img{float:left; width:45%; max-height:300px; object-fit:cover}
.gsjs article{float:right; width:50%}
.gsjs .i_more{margin-left:0}
/* 内页 - 我们的团队 */
.team_fc{--dt_height:480px; --dt_mar:15px}
.team_fc{overflow:hidden; margin:0 auto}
.ab_tit_text{overflow:hidden; text-align:center; margin-bottom:30px}
.ab_tit_text h6{font-size:16px; color:#4C4C4C; line-height:30px}
.ab_tit_text p{max-width:75%; margin:0 auto; font-size:14px; color:#888; margin-top:18px; line-height:25px}
.team_fc dl{overflow:hidden; position:relative}
.team_fc dt{float:left; width:32.6%; height:calc((var(--dt_height) - var(--dt_mar)) / 2); margin:0 var(--dt_mar) var(--dt_mar) 0; position:relative}
.team_fc dt:nth-child(1), .team_fc dt:nth-child(4){height:var(--dt_height)}
.team_fc dt:nth-child(4){position:absolute; top:0; right:0}
.team_fc dt:nth-child(4){margin-right:0}
.team_fc dt img{width:100%; height:100%; object-fit:cover}
.team_fc dt p{position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.6); text-align:center; font-size:16px; line-height:46px; color:#FFF}
/* 愿景使命 */
.yjsm{text-align:center}
.yjsm ul{display:inline-block; margin-bottom:30px; overflow:hidden}
.yjsm li{float:left; padding:15px 20px;  margin:0 7px; border:1px solid rgba(0,0,0,.1)}
.yjsm .ab_tit_text p{max-width:100%}
.yjsm img{display:block; margin:0 auto; max-width:100%}
/* 社会责任 */
.shzr{width:100%; overflow:hidden}
.shzr .ab_tit_text p{margin-top:0}
.shzr img{display:block; margin:0 auto; max-width:100%}
/* -------------- 内页 - 产品中心 -------------- */
.ny_pro_list{--columns:4; --li_mar:12px; --li_width:calc((100% - var(--li_mar) * (var(--columns) - 1)) / var(--columns))}
.ny_pro_list{overflow:hidden}
.ny_pro_list li{float:left; width:var(--li_width); margin:0 var(--li_mar) var(--li_mar) 0; box-sizing:border-box; border:1px solid #DDD}
.ny_pro_list li:nth-child(4n){margin-right:0}
.ny_pro_img{padding:4%; position:relative}
.ny_pro_img:before{content:""; display:block; padding-bottom:60%}
.ny_pro_img img9999{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%}
.ny_pro_img img{position:absolute; top:50%; left:45%; transform:translate(-50%,-50%); max-width:80%; max-height:80%}
.ny_pro_n{width:calc(100% - 30px); padding:0 15px; height:42px; line-height:42px; background:#EEE; text-align:center; font-size:13px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ny_pro_list li:hover{border-color:var(--i_color)}
.ny_pro_list li:hover .ny_pro_n{/*2020background:var(--i_color);*/ background:rgba(6,115,180,1); color:#FFF}
/* -------------- 内页 - 产品详情页 -------------- */
.ny_right{--pro_d_fr_width:550px; --pro_d_mar:40px}
.pro_details{overflow:hidden}
.pro_details_fl{width:calc(100% - var(--pro_d_fr_width) - var(--pro_d_mar)); overflow:hidden}
.pro_details_tit{overflow:hidden; margin-bottom:30px}
.pro_details_tit h1{font-size:26px; color:#222; font-weight:bold}
.pro_bh, .pro_fl{display:block; float:left; font-size:14px; color:#666; margin:8px 20px 0 0; position:relative}
.pro_bh:before{content:"产品编号："}
.pro_fl:before{content:"所属分类："}
.pro_details_describe{font-size:16px; color:#000; line-height:24px; margin-bottom:30px}
.pro_details_describe h1{font-size:20px; color:#555; font-weight:bold; margin-bottom:10px}
.pro_mb_img{display:none; overflow:hidden}
.pro_mb_img dt{width:100%; text-align:center; margin:0 auto 15px; box-sizing:border-box; border:1px solid #DDD}
.pro_mb_img img{display:block; margin:0 auto; max-width:100%}

/* 当前产品轮播图 */
.focus{width:var(--pro_d_fr_width); margin:0 auto}
.focusbox{position:relative}
.focusimg{width:100%;    height:350px;/* 增加高350*/ position:relative; overflow:hidden; -ms-perspective:680px; -webkit-perspective:1300px}
.fimglist{width:1300px; height:350px; /* 增加高350，原width99300不能改了全部打开 */position:relative; -webkit-perspective:1300px;-ms-perspective:680px;-moz-perspective:1300px}
.fimglist202011{width:99300px;  position:relative; -moz-perspective:1300px}
.fimglist li{width:var(--pro_d_fr_width); height:340px; /* 100%原340px */ float:left; box-sizing:border-box; border:1px solid #CCC;-webkit-transform-origin:50% 100%; transform-origin:50% 100%}
.fimglist li.onpre{-webkit-animation:onpre .5s ease-in-out; animation:onpre .5s ease-in-out; opacity:0; -webkit-transform:scale(.8,.8); transform:scale(.8,.8)}
.fimglist img{display:block; width:100%; height:100%; object-fit:cover; cursor:pointer}
@-webkit-keyframes onpre{
	0%{opacity:1; -webkit-transform:rotateY(0deg)}
	100%{opacity:0; -webkit-transform:rotateY(90deg)}
	}
@keyframes onpre{
	0%{opacity:1; transform:rotateY(0deg)}
	100%{opacity:0; transform:rotateY(90deg)}
	}
.focustool{margin:10px auto 20px; position:relative}
.ftoollist{width:100%; position:relative; overflow:hidden}
.ftoollist li{float:left; width:48%; height:163px; box-sizing:border-box; border:1px solid #CCC; margin:0 4% 10px 0; cursor:pointer; -webkit-transition:all .3s linear; transition:all .3s linear}
.ftoollist li:nth-child(2n+0){margin-right:0}
.ftoollist img{display:block; width:100%; height:100%; object-fit:cover}
.ftoollist .on{box-sizing:border-box; border:1px solid var(--i_color)}

/* 折叠内容 */
.pro_details_tag{overflow:hidden}
.pro_details_tag li{width:100%; margin-bottom:15px; overflow:hidden}
.tag_name{width:100%; height:42px; background:#EEE; cursor:pointer; position:relative}
.liNow{background:var(--i_color)!important}
.tag_tit{display:inline-block; margin-left:15px; font-size:16px; font-weight:bold; color:#444; line-height:42px}
.liNow .tag_tit{color:#FFF!important}
.tag_name i{position:absolute; top:0; left:120px; font-size:13px; line-height:42px; color:#777}
.liNow i{color:#FFF!important}
.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!important}
.tab_box{display:none; background:#EEE; padding:12px 20px}
/* -------------- 更多产品 -------------- */
.ny_more{overflow:hidden; margin:5px auto 10px}/* 202345px auto 20px */
.ny_more_tit{
	display:inline-block;
	padding:7px 38px;
	background:var(--i_color);
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	margin-bottom:10px;
	}
.swiper-container{width:100%; height:100%; padding:0 0 40px 0; margin:0 auto; position:relative; overflow:hidden; z-index:1}
.ny_more .swiper-wrapper{
	position:relative;
	width:100%;
	height:100%;
	padding-top:10px;
	z-index:1;
	display:flex;
	transition-property:transform;
	box-sizing:content-box;
	}
.ny_more .swiper-slide{
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:var(--case_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;
	flex-shrink:0;
	position:relative;
	transition-property:transform;
	}
.ny_more .swiper-slide a{display:block; width:100%; height:100%; box-sizing:border-box; border:1px solid #DDD; overflow:hidden}
.ny_more .swiper-slide a:hover{border-color:var(--i_color)}
.ny_more .swiper-slide a:hover .ny_pro_n{background:var(--i_color)}
.ny_more .swiper-slide a:hover p{color:#FFF}

/* 更多产品 - 左右箭头 */
.ny_more .pro-button-prev, .ny_more .pro-button-next{position:absolute; bottom:0; width:38px; height:24px; background:rgba(0,0,0,.3); z-index:999; cursor:pointer}
.ny_more .pro-button-prev:before, .ny_more .pro-button-next:before{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family:"SimSun", 宋体, NSimSun, FangSong; font-size:14px; font-weight:bold; color:rgba(255,255,255,.8)}
.ny_more .pro-button-prev{left:0}
.ny_more .pro-button-prev:before{content:"<"}
.ny_more .pro-button-next{right:0}
.ny_more .pro-button-next:before{content:">"}
.ny_more .pro-button-prev:hover, .ny_more .pro-button-next:hover{background:var(--i_color)}
.ny_more .pro-button-prev:hover:before, .ny_more .pro-button-next:hover:before{color:#FFF}
/* 更多产品 - 圆点 */
.pro-pagination{width:100%; bottom:0; left:0; cursor:pointer; position:absolute; text-align:center; -webkit-transition:.3s opacity; -o-transition:.3s opacity; transition:.3s opacity; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10; }
.swiper-pagination-bullet{width:10px; height:10px; display:inline-block; background:#AAA; margin:0 4px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}
.swiper-pagination-bullet-active{background:var(--i_color)}
/* -------------- 更多产品 end -------------- */
	
/* 页数 */
.page-box{overflow:hidden; margin:55px auto 20px}
.center_page{text-align:center}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:13px; padding:5px 10px; margin:0 6px; border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}
.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{/*2020原background:var(--i_color);*/ background:rgba(6,115,180,1); border:1px solid var(--i_color); color:#FFF}
/* 简介-文章 单页文字 */
article, article *{font-size:14px; line-height:24px; color:#666}
article img888{display:block; max-width:100%;min-width:280px;_width:expression(this.width > 280 ? "280px" : this.width);min-height:240px;_width:expression(this.height > 240 ? "240px" : this.height);}
article img{display:block; max-width:100%;min-width:280px;_width:expression(this.width > 280 ? "280px" : this.width);min-height:220px;_width:expression(this.height > 220 ? "220px" : this.height);vertical-align: middle;border: 0}

/* 内页 - 新闻中心 & 解决方案 */
.ny_news_list{--ny_news_pic_width:24%}
.ny_news_list{overflow:hidden}
.ny_news_list li{margin-bottom:45px; overflow:hidden}
.ny_news_list a{display:block; overflow:hidden}
.ny_news_pic{width:var(--ny_news_pic_width); overflow:hidden; position:relative}
.ny_news_pic:before{content:""; display:block; padding-bottom:62%}
.ny_news_pic img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
.ny_news_cont{width:calc(100% - var(--ny_news_pic_width) - 34px); overflow:hidden}
.ny_news_cont88 h1{max-width:100%; font-size:18px; color:#555; font-weight:bold; padding-bottom:12px; border-bottom:1px dashed #DDD; margin:24px 0 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ny_news_cont h1{max-width:100%; font-size:18px; color:#555; font-weight:bold; padding-bottom:12px; border-bottom:1px dashed #DDD; margin:18px 0 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ny_news_cont p{font-size:12px; color:#888; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.ny_news_list a:hover h1{color:var(--i_color)}
.ny_news_time .ny_news_cont h1{margin:14px 0 0; padding-bottom:10px; border-bottom:none}
.ny_news_time .ny_news_cont span{display:inline-block; margin-bottom:15px; padding:3px 15px; background:rgba(0,0,0,.08); font-size:13px; color:#999}
.ny_news_time .ny_news_cont p{font-size:13px;}
/* 内页 - 新闻内容页 &  解决方案内容页 */
.article_tit{margin-bottom:35px; padding:0 0 28px 22px; position:relative; border-bottom:1px dashed #CCC}
.article_tit:before{content:""; position:absolute; top:0; left:0; width:3px; height:52px; background:var(--i_color)}
.article_tit h1{font-size:22px; font-weight:bold; color:#333; margin-bottom:5px}
.article_tit p{font-size:13px; color:#777}
.article_tit i{margin-right:5px}
/* 上一条 下一条 */
.tiao{width:100%; overflow:hidden; margin:65px auto 40px}
.tiao p{width:46%; line-height:40px; font-size:14px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.tiao p a{color:var(--i_color)}
.downnew{text-align:left}/* 2020改原right */
/* 内页 - 软件下载 */
.ny_down_list{overflow:hidden}
.ny_down_list li{margin-bottom:15px; padding:15px 20px; border:1px solid #DDD; position:relative}
.ny_down_list li h1{max-width:calc(100% - 105px); font-size:18px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ny_down_list dl{overflow:hidden; margin-top:5px}
.ny_down_list dt{float:left; margin-right:25px; font-size:13px; color:#777;  }
.xz_button{position:absolute; top:50%; transform:translate(0,-50%); right:20px; display:inline-block; padding:0 18px; height:30px; line-height:30px; font-size:14px; background:#FFF; border:1px solid #DDD}
.ny_down_list li:hover{border-color:var(--i_color); box-shadow:0px 3px 8px rgba(0,0,0,.1)}
.ny_down_list li:hover h1{color:var(--i_color)}
.ny_down_list li:hover .xz_button{color:#FFF; background:var(--i_color)}
/* 内页 - 联系我们 */
.c_info{overflow:hidden}
.c_info_text{text-align:center}
.c_info_text h1{font-size:16px; color:#4C4C4C; font-weight:bold; margin-bottom:8px; line-height:30px}
.c_info_text p{font-size:14px; color:#888; line-height:26px}
#allmap{width:100%; height:320px; margin:40px auto 0; font-size:12px}
/* 内页 - 网络课堂 */
.ny_video_list{--columns:3; --li_mar:20px; --li_width:calc((100% - var(--li_mar) * (var(--columns) - 1)) / var(--columns))}
.ny_video_list{overflow:hidden}
.ny_video_list li{float:left; padding-bottom:10px; width:var(--li_width); margin:0 var(--li_mar) var(--li_mar) 0}
.ny_video_list li:nth-child(3n){margin-right:0}
.video_img{position:relative}
.video_img:before{content:""; display:block; padding-bottom:50%}
.video_img:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:0;
	height:0;
	border-top:16px solid transparent;
	border-bottom:16px solid transparent;
	border-left:22px solid #CCC;
	z-index:2;
	}
.video_img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%}
.video_img em{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); z-index:1}
.video_info{padding:12px 12px; box-sizing:border-box; border:1px solid #DDD}
.video_info h1{max-width:100%; font-size:16px; color:#444; font-weight:bold; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.video_info dl{overflow:hidden}
.video_info dt{font-size:13px; color:#888; line-height:20px}
.ny_video_list li:hover .video_img:after{border-left:22px solid #FFF}
.ny_video_list li:hover .video_img em{background:rgba(0,0,0,.1)}
.ny_video_list li:hover .video_info{border-color:var(--i_color)}
.ny_video_list li:hover h1{color:var(--i_color)}
/* 内页 - 招贤纳士 */
.rec_cont{overflow:hidden; margin:45px auto}
.rec_list{overflow:hidden; width:100%}
.rec_list li{padding:10px 20px 20px; margin-bottom:30px; overflow:hidden; border:1px solid #DDD}
.rec_tit{overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #EEE}
.rec_tit h1{float:left; font-size:22px; color:#111; font-weight:bold}
.rec_tit p{float:right; font-size:14px; color:#888}
.rec_tit h1, .rec_tit p{line-height:40px}
.rec_cont_box{overflow:hidden}
.rec_cont_box .fl{width:60%}
.rec_cont_box dt{overflow:hidden; margin-bottom:15px}
.rec_cont_box dt h1{font-size:18px; color:#444; margin-bottom:10px}
.rec_cont_box .fr{width:30%; padding:20px; background:rgba(0,0,0,.04)}
.rec_cont_box .fr h5{font-size:15px; color:#444; line-height:32px}