@charset "utf-8";
/*
///////////////////////////////////////////////////////////////////////////////
///// Technical Support Information : /////////////////////////////////////////
///// N-Apply Network Information Technology Co., Ltd /////////////////////////
///// Website : http://n-apply.com/ , http://n-apply.net/ /////////////////////
///// E-mail : n-apply@live.com , n-apply@139.com /////////////////////////////
///// MSN : n-apply@live.com , QQ : 17267584 //////////////////////////////////
///// jQuery and Microsoft .NET Framework Web Technology Applications ... /////
///////////////////////////////////////////////////////////////////////////////
*/

/***** 全局样式 *****/
html, body { overflow-x:hidden !important; }
html, body { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family:"Microsoft YaHei", "微软雅黑", "Tahoma", "Verdana", "Arial", "Times New Roman", "sans-serif"; font-size:12px; color:#666666; background-color:#FFFFFF; }
a { color:#666666; text-decoration:none; }
a:hover { color:#666666; text-decoration:underline; }
form, iframe, ul, li, h1, h2, h3, h4, h5, h6, span, input, textarea, select, figure, table, td, th, div, dl, dt, dd, a, img, p { margin:0px; padding:0px; border:none; list-style:none; font-size:12px; }
input, textarea, select { font-family:"Microsoft YaHei", "微软雅黑", "Tahoma", "Verdana", "Arial", "Times New Roman", "sans-serif"; font-size:12px; color:#666666; }
p { margin:0px; padding:0px; line-height:20px; }

/***** 公共样式 *****/
.block { display:block; }
.clear { clear:both; }
.cursor { cursor:pointer; }
.bold { font-weight:bold; }
.fl { float:left; }
.fr { float:right; }
.en { color:#999999; }
.h15 { height:15px; overflow:hidden; }

/***** 页头部分 *****/
.top { height:auto; overflow:hidden; background:#FFF url(bg1.gif); border-top:3px #fd800c solid; clear:both; }
.top .content { padding:20px 0px 20px 0px; width:1000px; height:auto; overflow:hidden; margin-left:auto; margin-right:auto; }

/***** 主导航 *****/
.nav { height:50px; overflow:hidden; background-image:url(nav-bg.png); clear:both; }
.nav .content { width:1000px; height:50px; overflow:hidden; margin-left:auto; margin-right:auto; }
.nav .content ul li { padding:10px 0px 0px 0px; width:140px; height:40px; overflow:hidden; float:left; display:inline; text-align:center; background-image:url(ico-nav-line.png); background-position:right; background-repeat:no-repeat; }
.nav .content ul li a { outline:none; text-decoration:none; font-size:14px; }
.nav .content ul li a:hover { outline:none; text-decoration:none; font-size:14px; color:#000000; }
.nav .content ul li a span { display:block; clear:both; font-size:10px; color:#999999; line-height:12px; }
.nav .content ul li a:hover span { display:block; clear:both; font-size:10px; color:#000000; line-height:12px; }

/***** 广告位 *****/
#banner { overflow:hidden; position:relative; z-index:auto; }
#banner #p { position:absolute; z-index:99; bottom:20px; text-align:center; }
#banner .swiper-wrapper .swiper-slide img { width:100%; }
/* 团队，优势，服务 */
.ad img { width:324px; height:161px; display:block; }
.ad div:nth-child(1) { margin-right:14px; }

/***** 主框架 *****/
.main { padding:15px 0px 0px 0px; width:1000px; height:auto; overflow:hidden; margin-left:auto; margin-right:auto; background-color:#FFFFFF; }
.main-L { margin:0px; padding:10px; width:190px; height:auto; overflow:hidden; float:left; display:inline; }
.main-R { margin:0px; padding:0px; width:775px; height:auto; overflow:hidden; float:right; display:inline; }

/***** 应用样式 *****/
.home-cert { margin:0px; padding:10px; width:200px; height:auto; overflow:hidden; float:left; display:inline; background-image:url(bg3.gif); }
.home-about { margin:0px 0px 0px 15px; padding:0px; width:530px; height:auto; overflow:hidden; float:left; display:inline; }
.home-team { margin:0px; padding:10px; width:200px; height:auto; overflow:hidden; float:right; display:inline; background-image:url(bg3.gif); }
.home-team .content a p { padding:2px 0; text-align:center; }
.home-article-frame { margin:15px 0px 0px 0px; padding:15px 15px 15px 15px; width:950px; height:auto; overflow:hidden; margin-left:auto; margin-right:auto; border:10px #eee solid; background-color:#FFFFFF; clear:both; }
.home-contact { width:220px; height:auto; overflow:hidden; }
.home-news { margin:0px 0px 0px 10px; padding:0px 0px 0px 18px; width:330px; height:auto; overflow:hidden; background-image:url(bg4.gif); background-position:left; background-repeat:no-repeat; }

.title-style-1 { padding:12px 15px 12px 15px; height:17px; overflow:hidden; background-image:url(bg5.gif); border:1px #ddd solid; }
.title-style-2 { padding:12px 15px 12px 15px; height:17px; overflow:hidden; background-image:url(bg6.gif); }
.title-style-3 { padding:12px 15px 5px 0px; height:17px; overflow:hidden; border-bottom:1px #ddd solid; }
.title-style-4 { padding:12px 15px 12px 15px; height:17px; overflow:hidden; background-image:url(bg7.gif); background-repeat:no-repeat; }
.title-style-5 { padding:12px 15px 12px 15px; height:17px; overflow:hidden; background-image:url(bg8.gif); }

/* 位置 */
.current-location { padding:5px 0 20px 0; font-size:14px; overflow:hidden; }
.current-location span { float:right; font-size:14px; }

.bg { background-image:url(bg3.gif); padding:10px; }
.about-img { margin:0px 15px 0px 0px; float:left; display:block; }
.more { padding:13px 0px 0px 0px; float:right; clear:both; }

/***** 边栏 *****/
.sidebar { background-image:url(bg3.gif); }
.sidebar .content { padding:15px 15px 15px 15px; background-color:#FFFFFF; }
.sidebar .content dl dt { padding:10px 0px 10px 0px; text-align:center; background-color:#EEEEEE; }
.sidebar .content dl dd { padding:10px 10px 10px 30px; border-bottom:1px #ddd dashed; background-image:url(ico-default.gif); background-position:15px center; background-repeat:no-repeat; }

/***** 滚动列表 *****/
.scroll-box { margin:15px 0px 0px 0px; width:1080px; height:auto; overflow:hidden; margin-left:auto; margin-right:auto; clear:both; }
.scroll-box .prev-next { width:40px; height:180px; overflow:hidden; float:left; text-align:center; }
.scroll-box .prev-next img { position:relative; z-index:auto; top:50%; margin-top:-15px; cursor:pointer; }
.scroll-box .content { width:1000px; overflow:hidden; float:left; }
.scroll-box .content .scroll_list { width:1015px; overflow:hidden; clear:both; }
.scroll-box .content .scroll_list ul { width:9999px; overflow:hidden; position:relative; z-index:auto; }
.scroll-box .content .scroll_list ul li { margin:0px 15px 0px 0px; width:186px; overflow:hidden; float:left; display:inline; border:1px #CCCCCC solid; cursor:pointer; }
.scroll-box .content .scroll_list ul li .img { margin:13px 0px 0px 13px; width:160px; height:130px; overflow:hidden; }
.scroll-box .content .scroll_list ul li .txt { margin:0px 0px 0px 0px; padding:10px 0; text-align:center; font-weight:normal; }
.scroll-box .content .scroll_list ul li:hover { border-color:#999999; }

.cert-scroll-box td { height:236px; }
.cert-scroll-box #certList { width:125px; overflow:hidden; }
.cert-scroll-box #certList a p { padding:5px 0; text-align:center; }

/***** 案例列表 *****/
.case-list { width:1015px; overflow:hidden; clear:both; }
.case-list dt { padding:20px 0 20px 0; font-size:16px; text-align:center; font-weight:bold; }
.case-list dd { margin:0px 15px 15px 0px; width:186px; overflow:hidden; float:left; display:inline; border:1px #CCCCCC solid; }
.case-list dd .img { margin:13px 0px 0px 13px; width:160px; height:130px; overflow:hidden; }
.case-list dd .txt { margin:0px 0px 0px 0px; padding:10px 0; text-align:center; font-weight:normal; }
.case-list dd:hover { border-color:#999999; }

/***** 图片列表 *****/
.img-box { margin:15px 15px 0px 0px; width:180px; overflow:hidden; float:left; display:inline; border:1px #ddd solid; cursor:pointer; }
.img-box .img { margin:10px 0px 0px 10px; width:160px; height:160px; overflow:hidden; }
.img-box .txt { margin:0; padding:10px 0; text-align:center; font-weight:normal; }
.img-box:hover { border-color:#999999; }

/***** 产品，案例 *****/
.img-item { margin:0px 15px 15px 0px; padding:0 0 15px 0; width:370px; overflow:hidden; float:left; display:inline; border-bottom:1px #ddd dashed; }
.img-item .img { width:160px; height:160px; overflow:hidden; float:left; border:1px #ddd solid; }
.img-item .txt { width:190px; overflow:hidden; float:right; }
.img-item .txt h1 { padding:0px 0px 15px 0px; font-size:14px; }
.img-item:hover { border-color:#fd800c; }

/***** 搜索表单 *****/
.search { margin:0 0 10px 0; overflow:hidden; }
.search li:nth-child(1) { width:150px; float:left; }
.search li:nth-child(2) { width:50px; float:right; }
.search li:nth-child(2) input { background:#fd800c; border-color:#fd800c; color:#FFF; }
.search li input { padding:10px; border:1px #ddd solid; width:100%; box-sizing:border-box; }

/***** 搜索列表 *****/
.search-list { overflow:hidden; }
.search-list li { padding:13px 0; overflow:hidden; background:#FFFFFF; border-bottom:1px #ddd solid; }
.search-list li .pic { margin:0px 20px 0px 0px; float:left; }
.search-list li .tit { margin:0px 0px 10px 0px; }
.search-list li .tit a { font-size:18px; }
.search-list li .description { color:#999999; }
.search-list li .category { color:#999999; }

/***** 文章列表 *****/
.article-item { padding:10px 0 0 0; clear:both; }
.article-item h3 { padding:10px 10px 10px 0px; clear:both; }
.article-item ul li { padding:10px 10px 10px 30px; background-image:url(ico-news.gif); background-position:10px center; background-repeat:no-repeat; }
.article-item ul li span { float:right; color:#999999; }

/***** 新闻详细 *****/
.news-detailed { padding:0 0 0 0; }
.news-detailed h1.news-detailed-title { display:block; padding:5px 0; font-size:18px; text-align:center; }

/***** 留言表单 *****/
#formWrite td { padding:3px; }
#formWrite td input { border:1px #CCCCCC solid; padding:5px; }
#formWrite td textarea { border:1px #CCCCCC solid; padding:5px; width:100%; }

/***** 友情链接 *****/
.link-list { padding:5px 15px 15px 15px; width:968px; height:auto; overflow:hidden; margin-left:auto; margin-right:auto; background-color:#FFFFFF; border:1px #ddd solid; clear:both; }
.link-list ul li { margin:0px 9px 0px 0px; float:left; display:inline; text-align:center; line-height:25px; }
.link-list ul li a { outline:none; }
.link-list ul li span { padding:0px 0px 0px 9px; color:#CCCCCC; }

/***** 分页 *****/
.page-nav { margin:20px 0 0 0; width:100%; clear:both; }
.page-nav li { margin:0 8px 8px 0; width:25px; height:25px; display:inline-block; background:#999; }
.page-nav li.current { background:#fd800c; }
.page-nav li a { display:block; width:25px; height:25px; line-height:25px; text-align:center; color:#FFFFFF; text-decoration:none; }

/***** 页脚 *****/
.footer { overflow:hidden; background-image:url(bg1.gif); border-top:1px #ddd solid; }
.footer .content { margin:0 auto; padding:40px 0px 40px 0px; width:1000px; overflow:hidden; position:relative; z-index:auto; }
.footer .content .QR-code { width:120px; overflow:hidden; position:absolute; z-index:auto; top:20px; right:0; }
.footer .content .QR-code p { text-align:center; }

/******************************************* 移动端 *******************************************/
.m-logo,
.m-menu-icon,
.m-nav,
.m-ad,
.m-new-product,
.m-more,
.m-case-subject,
.m-case,
.m-about,
.m-news,
.m-news-sort,
.m-single-sort,
.m-single,
.m-search,
.m-product-sort,
.m-product-detailed-title,
.m-case-detailed-title { display:none; }

@media only screen and (max-width: 800px){
/***** 全局样式 *****/
html, body, form, iframe, ul, li, h1, h2, h3, h4, h5, h6, span, input, textarea, select, figure, table, td, th, div, dl, dt, dd, a, img, p { font-size:14px; }

/***** 公共样式 *****/
.top .content,
.nav,
.m-hide { display:none; }

/***** 页头 *****/
.top { width:100%; position:fixed; z-index:999; }
.m-logo { display:block; margin:10px 0 10px 10px; float:left; }
.m-menu-icon { display:block; margin:20px 15px 0 0; width:35px; float:right; position:relative; z-index:auto; }
.m-menu-icon span { display:block; margin:0 0 8px 0; width:35px; height:3px; background:#fd800c; }
.m-nav { clear:both; }
.m-nav li { padding:10px 0; border-top:1px #fd800c solid; }
.m-nav li a { display:block; font-size:16px; text-align:center; font-weight:bold; }

/***** 广告位 *****/
#banner { margin-top:68px; }
#banner #p { bottom:5px; }
#banner .swiper-wrapper .swiper-slide img { width:125%; display:block; }
.m-ad { display:block; overflow:hidden; }
.m-ad li { width:33.3%; float:left; }
.m-ad li img { width:100%; display:block; }

/***** 最新产品 *****/
.m-new-product { display:block; margin:20px 10px 10px 10px; overflow:hidden; }
.m-new-product dt { margin:0 5px 5px 5px; padding:10px; font-size:16px; color:#fd800c; font-weight:bold; text-align:center; }
.m-new-product dd { display:inline-block; padding:10px; width:49%; overflow:hidden; box-sizing:border-box; }
.m-new-product dd figure { padding:10px; border:1px #eee solid; }
.m-new-product dd figure a img { width:100%; display:block; }
.m-new-product dd figure a p { padding:5px 0 0 0; text-align:center; }
.m-more { display:block; margin:0 auto; padding:5px; width:100px; border:1px #fd800c solid; border-radius:20px; }
.m-more a { display:block; text-align:center; color:#fd800c; }

/***** 设备展示 *****/
.m-case-subject { display:block; margin:30px 5px 5px 5px; padding:10px; font-size:16px; color:#fd800c; font-weight:bold; text-align:center; }
.m-case { display:block; margin:15px 15px; }
.m-case .swiper-wrapper .swiper-slide figure { padding:10px; border:1px #eee solid; }
.m-case .swiper-wrapper .swiper-slide figure a img { width:100%; display:block; }
.m-case .swiper-wrapper .swiper-slide figure a p { padding:5px 0 0 0; text-align:center; }

/***** 公司简介 *****/
.m-about { display:block; margin:30px 0 0 0; padding:30px 20px; background:#fd800c; overflow:hidden; color:#FFF; }
.m-about .about-img { width:55%; float:left; border-radius:10px; border:1px #FFF solid; }
.m-about .cert-factory { margin:0 0 0 0; width:100%; overflow:hidden; }
.m-about .cert-factory dt { padding:5px 0; font-size:16px; text-align:center; }
.m-about .cert-factory dd { display:inline-block; padding:5px; width:23.5%; box-sizing:border-box; }
.m-about .cert-factory dd img { width:100%; border-radius:5px; border:1px #FFF solid; }

/***** 新闻列表 *****/
.m-news { display:block; margin:10px 0 20px 0; overflow:hidden; }
.m-news dt { margin:0 5px 5px 5px; padding:10px; overflow:hidden; font-size:16px; color:#fd800c; font-weight:bold; }
.m-news dt a { font-weight:normal; font-size:14px; }
.m-news dd { padding:0px 15px 0px 30px; line-height:35px; background-image:url(ico-news.gif); background-position:10px center; background-repeat:no-repeat; }
.m-news dd span { float:right; color:#ccc; }

/***** 单页面 *****/
.m-single-sort { display:block; margin:30px 0 30px 0; width:100%; overflow:hidden; text-align:center; }
.m-single-sort li { display:inline-block; margin:0 5px; padding:8px; border:1px #fd800c solid; border-radius:30px; }
.m-single-sort li a { font-size:12px; color:#fd800c; }
.m-single-sort li.current { background:#fd800c; }
.m-single-sort li.current a { color:#FFF; }
.m-single { display:block; padding:0 15px 20px 15px; }
.m-single h1 { padding:0 0 20px 0; font-size:18px; text-align:center; }
.m-single img { width:100%; }

/***** 主框架 *****/
.main { margin:0; padding:15px 15px 0px 15px; width:auto; }
.main-L { display:none; }
.main-R { width:auto; float:none; display:block; }

/***** 搜索表单 *****/
.m-search { display:block; margin:20px 15px 10px 15px; overflow:hidden; }
.m-search li:nth-child(1) { width:80%; float:left; }
.m-search li:nth-child(2) { width:20%; float:right; }
.m-search li:nth-child(2) input { background:#fd800c; border-color:#fd800c; color:#FFF; }
.m-search li input { padding:8px; width:100%; border:1px #fd800c solid; box-sizing:border-box; }

/***** 产品类别 *****/
.m-product-sort { display:block; margin:30px 0 30px 0; width:100%; overflow:hidden; text-align:center; }
.m-product-sort li { display:inline-block; margin:0 5px; padding:8px; border:1px #fd800c solid; border-radius:30px; }
.m-product-sort li a { font-size:12px; color:#fd800c; }
.m-product-sort li.current { background:#fd800c; }
.m-product-sort li.current a { color:#FFF; }

/***** 产品，案例，列表 *****/
.img-item { width:100%; float:none; display:block; }
.img-item .img { width:130px; height:130px; }
.img-item .img img { width:130px; height:130px; }
.img-item .txt { padding:0 0 0 10px; width:auto; float:none; }

/***** 产品详细 *****/
.product-detailed { padding:0 0 0 0; }
.product-detailed h1.m-product-detailed-title { display:block; padding:0 0 20px 0; font-size:18px; text-align:center; }

/* 位置 */
.current-location { padding:85px 0 20px 0; }

/***** 新闻类别 *****/
.m-news-sort { display:block; margin:25px 0 0 0; width:100%; overflow:hidden; text-align:center; }
.m-news-sort dd { display:inline-block; margin:0 5px; padding:8px; border:1px #fd800c solid; border-radius:30px; }
.m-news-sort dd a { font-size:12px; color:#fd800c; }
.m-news-sort dd.current { background:#fd800c; }
.m-news-sort dd.current a { color:#FFF; }

/***** 案例列表 *****/
.case-list { width:100%; }
.case-list dt { padding:10px 0 20px 0; }
.case-list dd { display:inline-block; margin:0; padding:10px; width:49%; float:none; border:none; box-sizing:border-box; }
.case-list dd figure { padding:10px; border:1px #ddd solid; }
.case-list dd figure .img { margin:0; width:auto; height:auto; }
.case-list dd figure .img img { width:100%; height:auto; display:block; }
.case-list dd figure .txt { padding:5px 0 0 0; text-align:center; font-weight:normal; }

/***** 案例详细 *****/
.case-detailed { padding:0 0 0 0; }
.case-detailed h1.m-case-detailed-title { display:block; padding:0 0 20px 0; font-size:16px; text-align:center; }
.case-detailed img { width:100%; }

/***** 应用样式 *****/
.title-style-4 { background:none; text-align:center; }
.title-style-4 .bold { font-size:16px; }

/***** 友情链接 *****/
.link-list { width:auto; border:none; }
.link-list .h15 { height:0; }

/***** 留言表单 *****/
#formWrite table { margin:0px; width:100%; }
#formWrite table td:nth-of-type(odd) { padding:0px 5px 0px 0px; width:80px; }
#formWrite table td input { width:60%; }
#formWrite table td textarea { width:90%; }
#formWrite table td img#validateCodeID { width:30%; }
#formWrite table td input.sex { width:30px; }

/***** 页脚 *****/
.footer .content { margin:0; padding:30px 10px; width:auto; text-align:center; }
.footer .content .QR-code { margin:10px auto; position:inherit; z-index:inherit; top:0; right:0; }

}