@charset "utf-8";
/*
///////////////////////////////////////////////////////////////////////////////
///// Technical Support Information : /////////////////////////////////////////
///// N-App Network Information Technology Co., Ltd. //////////////////////////
///// Website : http://n-app.cn/ , http://n-app.net/ //////////////////////////
///// E-mail : n-app@outlook.com , n-app@foxmail.com //////////////////////////
///// Skype : n-app@outlook.com , QQ : 17267584 , WeChat : N-Apply ////////////
///// jQuery , PHP and .NET Framework Web Technology Applications ... /////////
///////////////////////////////////////////////////////////////////////////////
*/

html, body { width:100% !important; height:100% !important; background:#000; }
body, form, iframe, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, span, input, textarea, select, table, td, th, img, nav, button, section, figure, footer { margin:0; padding:0; border:none; list-style:none; }
body, input, textarea, select, button { font-family:"Microsoft YaHei", "微软雅黑", "Tahoma", "Verdana", "Arial", "Times New Roman", "sans-serif"; outline:none; }
a { color:#333; text-decoration:none; outline:none; }
a:hover { color:#333; text-decoration:none; }

/********** 公用 **********/
.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }
.block { margin:0; padding:0; display:block; }
.wrap { background:#FFF; overflow:hidden; }
/* 搜索 */
.search-container { display:none; margin:34px 0 0 0; width:300px; position:relative; z-index:auto; border:1px solid #666; }
.search-container input { padding:8px; width:100%; box-sizing:border-box; background:none; color:#666; }
.search-container input::-ms-clear { display:none; }
.search-container .button { width:36px; height:36px; overflow:hidden; position:absolute; z-index:auto; top:0; right:0; cursor:pointer; }
.search-container .button span { display:block; position:absolute; z-index:auto; }
.search-container .button span:nth-child(1) { width:15px; height:15px; left:6px; top:7px; border:2px solid #666; border-radius:30px; }
.search-container .button span:nth-child(2) { width:7px; height:2px; right:9px; bottom:11px; background:#666; transform:rotate(45deg); }
/* 路径 */
.breadcrumb { margin:0; background-color:transparent; }
.path { background-color:#f5f5f5; }
/* 产品详细页返回按钮 */
.return-button { display:none; padding:15px; position:fixed; z-index:999; top:500px; right:0; border:1px solid #000; background:#FFF; cursor:pointer; font-weight:lighter; }
.return-button:hover { background:#000; color:#FFF; }
/* 没有记录 */
.no-record { padding:30px 0; text-align:center; }

/********** 页头 **********/
header { width:100%; position:fixed; z-index:999; left:0; top:0; background:#000; }
header .container { padding:0; }
header .container .logo { margin:20px 0 20px 15px; float:left; }
header .container .logo img { width:150px; display:block; }
header .container .language { display:none; margin:42px 0 0 50px; float:left; color:#FFF; font-weight:lighter; font-size:18px; font-style:italic; }
header .container .language a { color:#FFF; }

/********** 导航 **********/
/* 移动端按钮 */
.m-nav-button { margin:22px 15px 0 0; width:25px; height:21px; position:relative; z-index:99; float:right; }
.m-nav-button span { display:block; width:25px; height:1px; background:#999; position:absolute; z-index:auto; left:0; }
.m-nav-button span:nth-child(1) { top:0; }
.m-nav-button span:nth-child(2) { top:10px; }
.m-nav-button span:nth-child(3) { top:20px; }
/* 关闭 */
.m-nav-button.close { opacity:1; }
.m-nav-button.close span:nth-child(1) { top:10px; transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); background:#F00; }
.m-nav-button.close span:nth-child(2) { width:0; }
.m-nav-button.close span:nth-child(3) { top:10px; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); background:#F00; }
/* 容器 */
.m-nav-container .navbar-nav li a { color:#666 !important; }
.m-nav-container .navbar-nav li a.current { background-color:#EEE; }
.m-nav-container .navbar-nav li a.m-language { border-top:1px solid #222; }
/* PC 导航条 */
nav { display:none; width:100%; position:fixed; z-index:99; top:105px; background:#FFF; box-shadow:0 8px 8px rgba(0,0,0,0.1); }
nav .container { padding:0; }
nav .container li { float:left; width:14.2%; border-bottom:3px solid #FFF; }
nav .container li a { display:block; padding:10px 0; font-size:18px; text-align:center; }
nav .container li .list { display:none; width:100%; overflow:hidden; position:absolute; z-index:99; left:0; top:48px; background:#FFF; box-shadow:0 8px 8px rgba(0,0,0,0.1); }
nav .container li.current, nav .container li:hover { border-color:#e62129; }
nav .container li:hover .list { display:block; }
nav .container li:hover .list .content { margin:0 auto; padding:0 0 30px 0; width:1200px; overflow:hidden; }
nav .container li:hover .list .content dl { margin:40px 30px 0 0; width:200px; overflow:hidden; float:left; }
nav .container li:hover .list .content dl a { padding:0; text-align:center; }
nav .container li:hover .list .content dl dd { padding:5px 0 0 0; }
nav .container li:hover .list .content.product dl dd { padding:10px 0; border-bottom:1px solid #ddd; }
nav .container li:hover .list .content dl dd.index a { padding:10px 0; font-weight:bold; }

/********** 移动端搜索按钮 **********/
.m-search-button { margin:21px 30px 0 0; width:26px; height:26px; position:relative; z-index:99; cursor:pointer; float:right; }
.m-search-button span { display:block; position:absolute; z-index:auto; }
.m-search-button span:nth-child(1) { width:20px; height:20px; left:0px; top:0px; border:1px solid #999; border-radius:30px; }
.m-search-button span:nth-child(2) { width:7px; height:2px; right:2px; bottom:5px; background:#999; transform:rotate(45deg); }

/********** 移动端搜索框 **********/
.m-search-container { margin:10px auto 30px auto; }

/********** 全屏广告 **********/
.banner { margin:65px 0 0 0; }
.banner .pc { display:none; }
.banner .m { display:block; }
.swiper-container { width:100%; }
.swiper-container .swiper-pagination { bottom:8% !important; }
.swiper-container .swiper-pagination-bullet { background:#FFF !important; opacity:1; }
.swiper-container .swiper-pagination-bullet-active-main { background:#F00 !important; }
.swiper-container .swiper-slide { display:none; }
.swiper-container .swiper-slide.m { display:block; }

/********** 视频（首页） **********/
.video .container-fluid .row { background:url(20210702202926.jpg) right 270px no-repeat; background-size:cover; }
.video .container-fluid .row .col-xs-12 { padding:0; }
.video .container-fluid .row .col-xs-12:nth-child(2) h1 { margin:50px 30px 0 30px; text-align:center; line-height:30px; font-size:24px; color:#FFF; font-weight:lighter !important; }
.video .container-fluid .row .col-xs-12:nth-child(2) a { display:block; margin:30px auto 50px auto; width:120px; height:40px; background:#e62129; font-size:16px; line-height:40px; text-align:center; color:#FFF; }
.video .container-fluid .row .col-xs-12:nth-child(2) a:hover { background:#fe4c53; }

/********** 热门产品 **********/
.hot-product .container-fluid .row .col-xs-6 { padding:0; }
.hot-product .container-fluid .row .col-xs-6 .thumbnail { margin-bottom:0; padding:0; border-radius:0; border:none; border-right:1px solid #000; }
.hot-product .container-fluid .row .col-xs-6 .thumbnail figure { padding:30px 0; }
.hot-product .container-fluid .row .col-xs-6 .thumbnail figure a img { width:130px !important; height:130px !important; max-width:none !important; }
.hot-product .container-fluid .row .col-xs-6 .thumbnail .caption { padding:10px; height:100px; overflow:hidden; box-sizing:border-box; background:#e62129; background-image:linear-gradient(to top, #e62129, #000); }
.hot-product .container-fluid .row .col-xs-6 .thumbnail .caption a { color:#FFF; }
.hot-product .container-fluid .row .col-xs-6 .thumbnail .caption a p { padding-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }

/********** 公司简介（首页） **********/
.index-about { padding:50px 0; background:url(20210630172001.jpg) center center no-repeat; background-size:cover; }
.index-about .container img { display:none; }
.index-about .container h1 { font-size:36px; font-weight:lighter; color:#FFF; }
.index-about .container p { margin:10px 0 0 0; color:#FFF; text-shadow:0 0 5px #000; }
.index-about .container a { display:block; margin:30px 0 0 0; width:100px; height:40px; background:#e62129; font-size:16px; line-height:40px; text-align:center; color:#FFF; }
.index-about .container a:hover { background:#fe4c53; }

/********** 新闻（首页） **********/
.index-news { padding:30px 15px 50px 15px; overflow:hidden; background:url(20210630233554.jpg) center center no-repeat; background-size:cover; }
.index-news .header { padding:0 0 30px 0; font-size:36px; text-align:center; color:#FFF; }
.index-news .media-list { overflow:hidden; }
.index-news .media-list .media .media-left a img { width:150px; height:120px; }
.index-news .media-list .media .media-body a h4 { color:#FFF; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.index-news .media-list .media .media-body a p { padding:5px 0 0 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#999; }
.index-news .media-list .media .media-body time { display:block; padding:15px 0 0 0; color:#999; }
.index-news .more { display:block; margin:40px auto 0 auto; width:200px; height:40px; border:1px #FFF solid; font-size:16px; line-height:40px; text-align:center; color:#FFF; }
.index-news .more:hover { background:#FFF; color:#000; }

/********** 社交链接 **********/
.follow-us { padding:30px 0; background:#333; }
.follow-us dl dt { padding:0 0 10px 0; font-size:24px; font-weight:lighter; color:#FFF; }
.follow-us dl dd { margin:0 10px 10px 0; float:left; }
.follow-us dl dd img { width:40px; height:40px; }

/********** 视图 **********/
.v { margin:30px 0; overflow:hidden; }
.v h1 { text-align:center; font-size:24px; }
.v .author-time { padding:5px 0 0 0; text-align:center; color:#999; }
.v .content { padding:30px 0 0 0; overflow:hidden; }
.v .content video { width:100%; }
/* 显示表格 */
.v .content table { border:1px solid #000; border-left:none; border-bottom:none; }
.v .content table th, .v .content table td { padding:5px; border-bottom:1px solid #000; border-left:1px solid #000; word-break:break-all; }
/* 显示li标签的圆点 */
.v .content ul { padding:0 0 0 20px; }
.v .content li { list-style:disc !important; }

/* 产品 */
.view { margin:50px 0 0 0; overflow:hidden; }
.view figure img { display:block; margin:0 auto; width:90%; }
.view .summary { margin:30px 0 0 0; }
.view .summary h1 { font-size:24px; }
.view .summary .description { padding:20px 0 0 0; color:#666; }
.view .summary .download { display:inline-block; margin:20px 0 0 0; padding:5px 10px; border:1px solid #000; }
.view .summary .download:hover { background:#000; color:#FFF; }
.view .content { margin:30px 0 0 0; padding:30px 0; border-top:1px solid #000; overflow:hidden; }
.view .content img { width:100%; }
/* 显示表格 */
.view .content table { border:1px solid #000; border-left:none; border-bottom:none; }
.view .content table th, .view .content table td { padding:5px; border-bottom:1px solid #000; border-left:1px solid #000; word-break:break-all; }
/* 显示li标签的圆点 */
.view .content ul { padding:0 0 0 20px; }
.view .content li { list-style:disc !important; }

/********** 简单信息分类 **********/
.info-sort { margin:30px 0 0 0; overflow:hidden; text-align:center; }
.info-sort li a { display:block; padding:10px 20px; border-bottom:1px solid #000; }
.info-sort li a:hover, .info-sort li a.current { background-color:#000; color:#FFF; }

/********** 新闻分类 **********/
.news-sort { margin:30px 0 0 0; overflow:hidden; text-align:center; }
.news-sort li { display:inline-block; margin:0 10px; }
.news-sort li a { display:block; padding:10px 20px; border:1px solid #000; }
.news-sort li a:hover, .news-sort li a.current { background-color:#000; color:#FFF; }

/********** 边栏分类 **********/
.sidebar-sort { margin:30px 0 0 0; overflow:hidden; }
.sidebar-sort li { border-bottom:1px solid #ccc; }
.sidebar-sort li a { display:block; padding:10px; position:relative; }
.sidebar-sort li a i { display:block; height:20px; width:20px; background:url(arr.png) no-repeat center center; background-size:70%; position:absolute; right:10px; top:50%; margin-top:-10px; transition:all 0.3s ease-out; transform:rotate(0deg); }
/*
.sidebar-sort li a i.action{ transition:all 0.3s ease-out; transform:rotate(180deg); }
*/
.sidebar-sort li dl { display:none; padding-left:15px; background:#f5f5f5; }
.sidebar-sort li dl dd a.current { font-weight:bold; font-size:16px; }
.sidebar-sort li.current a span { font-weight:bold; font-size:16px; }
.sidebar-sort li.current dl { display:block; }

/********** 边栏广告 **********/
.sidebar-ad { display:none; margin:30px 0; overflow:hidden; }

/********** 产品，新闻，公共列表 **********/
.common-list { margin:50px 0 0 0; overflow:hidden; }
.common-list li { margin:0 0 25px 0; padding:0 0 25px 0; overflow:hidden; border-bottom:1px solid #ccc; }
.common-list li:last-child { margin-bottom:0; }
/* 产品 */
.common-list li .product { display:block; margin:0 15px 0 0; float:left; }
.common-list li .product img { display:block; width:150px; height:150px; }
/* 新闻 */
.common-list li .news { display:block; margin:0 15px 0 0; float:left; }
.common-list li .news img { display:block; width:150px; height:120px; }
/* 标题，描述 */
.common-list li a h1 { font-size:18px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.common-list li a h1 span { color:#F00; }
.common-list li a p { padding:10px 0 0 0; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; }
.common-list li time { display:block; padding:20px 0 0 0; }
.common-list li time i { background:#000; color:#FFF; }
/* 链接按钮 */
.common-list li .link { padding:20px 0 0 0; clear:both; }
.common-list li .link a { display:inline-block; margin:0 20px 0 0; padding:5px 10px; border:1px solid #000; }
.common-list li .link a:hover, .common-list li .link a.current { background-color:#000; color:#FFF; }

/********** 翻页器 **********/
.page-nav { margin:30px 0; overflow:hidden; text-align:center; }
.page-nav a { display:inline-block; margin:0 10px 0 0; padding:8px; border:1px solid #333; text-decoration:none; }
.page-nav a:hover, .page-nav a.current { background:#333; color:#FFF; }
.page-nav a:first-child, .page-nav a:last-child { display:none; }

/********** 评论 **********/
.comment { margin:30px 0 0 0; overflow:hidden; }
.comment dt { padding:10px; background:#EEE; font-weight:lighter; overflow:hidden; }
.comment dd { margin:10px 0 0 0; overflow:hidden; }
.comment dd p { position:relative; z-index:auto; }
.comment dd p:nth-child(odd) { padding:0 0 5px 0; }
.comment dd p input { padding:10px; width:100%; border:1px solid #CCC; border-radius:3px; box-sizing:border-box; }
.comment dd p input[type="radio"] { padding:0; width:20px; border:none; }
.comment dd p input[type="submit"] { border:none; background:#029b02; color:#FFF; }
.comment dd p input[name="CheckCode"] { width:180px; }
.comment dd p textarea { padding:10px; width:100%; border:1px solid #CCC; border-radius:3px; box-sizing:border-box; }
.comment dd p img { display:block; width:70px; height:20px; position:absolute; z-index:auto; left:100px; top:11px; cursor:pointer; }
.comment dd p span { display:block; position:absolute; z-index:auto; top:13px; right:10px; color:#F00; }
.comment dd:nth-child(2) { margin:30px 0 0 0; }

/********** 搜索页头 **********/
.search-header { margin:30px 0 0 0; text-align:center; }
.search-header h1 { font-size:24px; }

/********** 页脚 **********/
footer { padding:50px 0; overflow:hidden; background:#e62129; color:#FFF; background-image:linear-gradient(to top, #e62129, #000); }
/* 二维码 */
footer .container .fl { float:none; overflow:hidden; }
footer .container .fl ul { overflow:hidden; }
footer .container .fl ul li { margin:0 20px 0 0; float:left; }
footer .container .fl ul li img { display:block; width:145px; height:145px; }
/* 菜单组 */
footer .container .fr { float:none; overflow:hidden; }
footer .container .fr dl { margin:20px 20px 0 0; width:40%; float:left; }
footer .container .fr dl dt { margin:0 0 8px 0; font-size:18px; }
footer .container .fr dl dd a { color:#FFF; }
/* 版权 */
footer .container .copyright { margin:20px 0 0 0; clear:both; }
footer .container .copyright a { text-decoration:underline; color:#FFF; }

/********** Tablet PC 端适配器 **********/
@media (min-width: 768px) {
	.navbar-collapse.collapse { display:none !important; }
	.navbar-nav,
	.navbar-nav li { float:none; }
	.navbar-nav li .dropdown-menu { width:100%; float:none; position:static; background:none; }
	.collapse.in { display:block !important }
}

/********** PC端适配器 **********/
@media (min-width: 992px) {
	
	/********** 公用 **********/
	/* 复位 Bootstrap 在桌面环境下 container 的默认宽度 */
	.container { padding:0; width:1200px !important; }
	/* 路径 */
	.breadcrumb { padding:10px 0; }
	.path .breadcrumb { margin:0 auto; width:1200px; }
	/* 产品详细页返回按钮 */
	.return-button { display:block; }
	/* 没有记录 */
	.no-record { padding:50px 0; }
	
	/********** 页头，logo **********/
	header .container { height:105px; }
	header .container .logo { margin:30px 0; }
	header .container .logo img { width:250px; }
	
	/********** 显示PC语言导航 **********/
	header .container .language { display:block; }
	
	/********** 显示PC搜索框 **********/
	.pc-search-container { display:block; }
	
	/********** 隐藏移动端搜索按钮 **********/
	.m-search-button { display:none; }
	
	/********** 显示PC导航条 **********/
	nav { display:block; }
	
	/********** 隐藏移动端导航 **********/
	.m-nav-button, .m-nav-container { display:none; }
		
	/********** 全屏广告 **********/
	.banner { margin:153px 0 0 0; }
	/* 隐藏移动端，显示PC端 */
	.banner .m { display:none; }
	.banner .pc { display:block; }
	/* swiper */
	.swiper-container .swiper-slide { display:block; }
	.swiper-container .swiper-slide.m { display:none; }
	
	/********** 视频（首页） **********/
	.video .container-fluid .row { background:url(20210702202926.jpg) right top no-repeat; background-size:cover; }
	.video .container-fluid .row .col-xs-12:nth-child(2) h1 { margin:27% 30px 0 30px; line-height:35px; }
	.video .container-fluid .row .col-xs-12:nth-child(2) a { margin:50px auto 0 auto; width:170px; height:55px; line-height:55px; }
	
	/********** 热门产品 **********/
	.hot-product .container-fluid .row .col-xs-6 .thumbnail { height:auto; }
	.hot-product .container-fluid .row .col-xs-6 .thumbnail figure a img { width:250px !important; height:250px !important; max-width:100% !important; }
	.hot-product .container-fluid .row .col-xs-6 .thumbnail .caption { padding:20px; height:150px; }
	
	/********** 公司简介（首页） **********/
	.index-about { padding:100px 0; }
	.index-about .container img { display:block; margin:0 0 0 50px; border:3px solid #F00; float:right; }
	.index-about .container a { width:170px; height:55px; line-height:55px; }
	
	/********** 新闻（首页） **********/
	.index-news { padding:80px 20px 100px 20px; }
	.index-news .media-list .media { margin:30px 0 0 30px !important; width:47%; float:left; }
	.index-news .media-list .media .media-left { padding-right:20px; }
	.index-news .media-list .media .media-left a img { width:300px; height:230px; }
	.index-news .media-list .media .media-body a p { -webkit-line-clamp:7; }
	.index-news .media-list .media .media-body time { padding:20px 0 0 0; }
	.index-news .more { margin:80px auto 0 auto; width:230px; height:55px; line-height:55px; }
	
	/********** 社交链接 **********/
	.follow-us { padding:30px 0 20px 0; }
	.follow-us dl dd { margin:0 30px 30px 0; }
	.follow-us dl dd img { width:50px; height:50px; }
	
	/********** 视图 **********/
	.v { margin:50px 0; }
	.v .author-time { padding:10px 0 0 0; }
	.v .content { padding:50px 0 0 0; }
	.v .content video { width:auto; }
	/* 显示表格 */
	.v .content table th, .v .content table td { padding:10px; }
	/* 产品 */
	.view figure { float:left; }
	.view figure img { margin:0; width:400px; height:400px; }
	.view .summary { margin:0; width:460px; float:right; }
	.view .summary .download { padding:15px 25px; }
	.view .content { margin:50px 0 0 0; padding:50px 0; }
	.view .content img { width:auto; }
	/* 显示表格 */
	.view .content table th, .view .content table td { padding:10px; }
	
	/********** 简单信息分类 **********/
	.info-sort { margin:50px 0 0 0; }
	.info-sort li { display:inline-block; margin:0 12px; }
	.info-sort li a { padding:15px 25px; border:1px solid #000; }
	
	/********** 新闻分类 **********/
	.news-sort { margin:50px 0 0 0; }
	.news-sort li { margin:0 12px; }
	.news-sort li a { padding:15px 25px; }
	
	/********** 边栏分类 **********/
	.sidebar-sort { margin:50px 0 0 0; }
	.sidebar-sort li a { padding:15px; }
	
	/********** 边栏广告 **********/
	.sidebar-ad { display:block; margin:50px 0; }
	
	/* 产品 */
	.common-list li .product { margin:0 25px 0 0; }
	.common-list li .product img { width:200px; height:200px; }
	/* 新闻 */
	.common-list li .news { margin:0 25px 0 0; }
	.common-list li .news img { width:300px; height:230px; }
	/* 标题，描述 */
	.common-list li time { padding:25px 0 0 0; }
	/* 链接按钮 */
	.common-list li .link { padding:25px 0 0 0; clear:none; }
	.common-list li .link a { padding:10px 20px; }
	
	/********** 翻页器 **********/
	.page-nav { margin:50px 0; }
	.page-nav a { padding:10px; }
	.page-nav a:first-child, .page-nav a:last-child { display:inline-block; }
	
	/********** 评论 **********/
	.comment { margin:50px 0 0 0; }
	.comment dd { margin:30px 0 0 0; }
	.comment dd p:nth-child(odd) { padding:0 10px 0 0; width:20%; float:left; box-sizing:border-box; text-align:right; line-height:40px; }
	.comment dd p:nth-child(even) { width:80%; float:left; position:relative; z-index:auto; }
	.comment dd p input { padding:10px; width:400px; }
	.comment dd p input[type="radio"] { width:20px; }
	.comment dd p input[name="CheckCode"] { width:180px; }
	.comment dd p textarea { width:800px; }
	.comment dd:nth-child(3) p:nth-child(odd), .comment dd:nth-child(6) p:nth-child(odd) { line-height:96px !important; }
	.comment dd p span { display:inline !important; position:static !important; }	
	.comment dd:nth-child(2) { margin:50px 0 0 0; }
	
	/********** 搜索页头 **********/
	.search-header { margin:50px 0 0 0; }
	
	/* 二维码 */
	footer .container .fl ul li img { width:170px; height:170px; }
	
	/********** 页脚 **********/
	footer .container .fl { width:50%; float:left; }
	footer .container .fl ul { margin:60px 0 0 0; }
	footer .container .fr { width:50%; float:right; }
}