/*logo样式*/
.logotab{width:100%; height:110px; background:#e3f0f9;}
.logotab .logo{ text-align:left; vertical-align:middle; height:110px; display:table-cell; overflow:hidden;}
.logotab .logo img{ height:60px; vertical-align:middle;}
.logotab .logo h1 a{ display:block;}

.pngFix{ display:block;}
.logotab .logofont{float:left;text-align:left;text-indent:-999em; margin:13px 10px 0 0;width:244px;height:109px;display:block;}

/*公司名称*/
.namebox span{ display:block;}
.compname{font-size:25px; margin-left:25px; display:block;}

/*主屏banner*/
.comp{ width:100%; height:330px; margin:0 auto; position:relative; background:#fff;}
.comp01{ width:100%; height:250px; margin:0 auto; position:relative;}
.banner01{ width:1200px; height:300px; margin:0 auto; text-align:center; position:relative; display:block;}
.banner01 .ncs-default-banner img{ width:100%; height:300px; height:auto; text-align:center; margin:0 auto;}
.banner01 .itmer{ position:absolute; display:none;}
.banner01 ol{ display:inline-block; height:15px; position:absolute; left:50%; bottom:30px; margin:0 0 0 -5%;}
.banner01 ol li{ width:15px; height:15px; border-radius:50%; float:left; background:#fff; cursor:pointer; list-style:none; }
.banner01 ol li.curr{ background:#e60012;}

/*导航*/
.navbox{ width:100%; height:42px; background:#e3f0f9; margin:0 auto; position:relative;}
.nav-warp{ width:100%; height:32px; background:url(../images/comp/list1.png) repeat-x; position:absolute; left:0; top:10px;}
.nav{ width:900px; height:50px; position:absolute; left:50%; margin:0 0 0 -445px; z-index:100;}
.nav .navl{ width:25px; height:50px; background:url(../images/comp/leftnav.png) no-repeat left center; float:left;}
.nav .navc{ height:50px; background:url(../images/comp/nav.png) repeat-x; float:left;}
.nav .navc ul li{ width:120px; height:48px; line-height:48px; background:url(../images/comp/navlist.png) no-repeat right center; float:left; text-align:center;}
.nav .navc ul li a{ color:#fff; font-size:16px; display:block; height:45px;}
.nav .navc ul li a.cur{ border-bottom:2px solid #fff; }
.nav .navc ul li a:hover{ border-bottom:2px solid #fff; text-decoration:none;}
.nav .navc ul li.mover{ background:none;}
.nav .navr{ width:25px; height:50px; background:url(../images/comp/rightnav.png) no-repeat left center; float:left;}

.bt{ position:absolute; left:50%; bottom:75px; margin:0 0 0 -475px;}
.bt h2{ font-weight:600; font-size:40px; color:#3166b6; text-shadow:0 1px 1px #f9f9f9;}
.listnav { font-size:14px;}
.listnav a{ border-bottom:1px solid #3166b6;}
.listnav a:hover{ color:#3166b6; text-decoration:none;}

.mobile_nav{ display:none;}

/*内容*/
.main { width:1200px; margin:0 auto; overflow:hidden; position:relative; background:#fff;}
.nothing { width: 780px; padding: 50px 0; text-align: center; }
.nothing p { width: 278px; height: 50px; padding: 30px 0 0 40px; background: url(../images/nothing.gif) no-repeat; font-weight: bold; font-size: 15px; color: #585858; margin: 0 auto; }
.error { color:#F00;}

/* 侧边栏企业分类控制标签 */
.ico-none, .ico-block, .ico-sub { color:#FFF; background-color: #FFD379; border: solid 1px #FFB417; box-shadow: 1px 1px 1px 0 rgba(0,0,0,.1);}
/* ====================== */
/* 左侧边栏样式 -> left.php */
/* ====================== */
.ncs-sidebar-container { margin-bottom: 10px;}
.ncs-sidebar-container .title { border-bottom:1px solid #e7e7e7; height: 20px; padding: 5px 10px;  background: linear-gradient(#fff, #f2f2f2);}
.ncs-sidebar-container .title h4 { color: #333; font: 600 16px "Microsoft Yahei"; padding-left:5px;}
.ncs-sidebar-container .title span { }
.ncs-sidebar-container .content { background:#FFF;}

.ncs-sidebar .box2{ border:1px solid #e7e7e7; border-top:3px solid #183884;}
.ncs-about{ width:100%; margin:0 auto; color:#333; margin-bottom:10px;}

.ncs-about h2{ font-size:14px; padding:10px; border-bottom:1px solid #e7e7e7;}
.ncs-about p{ line-height:25px; padding:10px; border-bottom:1px solid #e7e7e7;}
.btn1{ width:70px; height:25px; line-height:25px; text-align:center; border-radius:3px; display:inline-block; background:#2251a0; color:#fff !important;}

.numvip{ font-size: 16px; font-weight: 600; padding:10px; color:#db2242; border-bottom:1px dashed #ccc;}
.numvip span{ color:#333;}
.numvip img{ width:10%; display:inline-block; vertical-align:middle;}
.about-qq img{ width:30px; vertical-align:middle;}
.ncs-about .about-qq a:hover{ text-decoration:none;}


/* =====================
 * 表单元素格式化及伪类效果
 * ===================== */
.text { font-family: Tahoma; height: 16px; line-height: 16px; background-color:#F9F9F9; padding: 1px 2px 3px 4px; border: solid 1px; border-color: #CCC #DDD #DDD #CCC; box-shadow: 2px 2px 1px 0 #E7E7E7 inset; -moz-box-shadow: 2px 2px 1px 0 #E7E7E7 inset/* if FF*/; -webkit-box-shadow: 2px 2px 1px 0 #E7E7E7 inset/* if Webkie*/;}
.text:hover { background-color:#FFF;}
.text:focus { background-color:#FFF; border-color: #CCC; box-shadow: 1px 1px 1px 0 #E7E7E7; -moz-box-shadow: 1px 1px 1px 0 #E7E7E7/* if FF*/; -webkit--box-shadow: 1px 1px 1px 0 #E7E7E7/* if Webkie*/;}
.w120{ width:120px;}

/* 侧边栏搜索 */
.ncs-search { width: 265px; margin: 5px 13px 10px 5px; display:inline-table; *display:inline;}
.ncs-search th { width: 60px; text-align: right; padding: 5px 10px 5px 0;}
.ncs-search td { padding: 5px 10px 5px 0;}
.ncs-search a { border: solid 1px #F60; text-decoration:none; border-radius: 4px; background-color:#F90; color:#FFF !important; padding:4px 8px; line-height:16px; text-shadow: 1px 1px 0 rgba(255,110,0,.8); box-shadow: 1px 1px 1px 0 rgba(0,0,0,.1); -moz-box-shadow: 1px 1px 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,.1);}
.ncs-search a:hover { background-color: #FFA620;}


/* 侧边栏产品分类 */
.ncs-class-bar{ border:1px solid #e7e7e7; border-top:3px solid #183884; margin:20px 0 0 0;}
.ncs-class-bar p { background-color: #F9F9F9; border-bottom: solid 1px #E7E7E7; height: 28px; line-height:28px;}
.ncs-class-bar p span { text-align: center; display:inline-block; width: 23%; height:20px; padding: 4px 0;}
.ncs-class-bar p span { *display:block; *float:left;}
.ncs-class-bar p a { line-height: 16px; color: #777; padding: 2px;}
.ncs-class-bar p a:hover { text-decoration: none; color: #FFF; background-color: #999; border-radius: 4px;}
.ncs-submenu { font-size: 0; *word-spacing:-1px/*IE6、7*/; margin: 5px 13px 5px 15px; _margin: 5px 6px 5px 8px; _display: inline-block; _float:left;}
.ncs-submenu li { font-size: 12px; font-weight: 600; text-align:left; margin: 6px 0; clear:both; }
.ncs-submenu li a { line-height: 20px; word-wrap: break-word; display: inline-block; *dispaly: inline; max-width: 135px; color: #333; overflow:hidden; *zoom:1;}
.ncs-submenu li ul { width: 150 ; margin: 5px 0px 5px 20px; }
.ncs-submenu li ul li { line-height: 20px; font-weight: normal; text-align:left; margin: 4px 0; }
.ico-none, .ico-block, .ico-sub { vertical-align: top; display: inline-block; *display: inline/*IE7*/; *zoom: 1/*IE7*/; cursor: default;}
.ico-none, .ico-block, .ico-sub {}
.ico-none, .ico-block { width: 10px; height:10px; text-align:center; margin: 5px 10px 5px 0; border-radius: 2px;}
.ico-none em, .ico-block em { font-size: 12px; line-height: 10px!important; display: block; height: 10px;  }
.ico-sub { font-size: 0px; line-height:0; width: 3px; height:3px; margin: 8px 6px 8px 0; border-radius: 3px;}

/*二维码联系方式*/
.erwei{ width:289px; height:300px; overflow:hidden; background:url(../images/erweibg.png) no-repeat 50% 50%; display:table-cell; vertical-align:middle; text-align:center; position:relative;}
.erwei img{ width:50%; margin:0 auto; display:block; box-shadow:0 0 20px #ccc;}
.weitext{ position:absolute; left:23%; bottom:10px; font-size:16px; text-shadow:0 1px 1px #fff;}


/* ========================================= */
/* 产品列表类页面 -> index.php, goods_list.php */
/* ========================================= */
.ncs-main {filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF');background:rgba(255,255,255,0.9); width: 890px; float: left; text-align:center;}
.ncs-sidebar { filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF');background:rgba(255,255,255,0.9); width: 290px; float: right;}

.ncs-main-container {filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF');background:rgba(255,255,255,0.9); text-align: center; padding-bottom: 20px; overflow: hidden;}
.ncs-main-container .title { background-color: #FCFCFC; text-align: left; border-color: #E7E7E7 #E7E7E7 #E7E7E7; border-style: solid; border-width: 1px 1px 1px; padding:5px; border-top:3px solid #183884; background: linear-gradient(#fff,#f2f2f2);}
.ncs-main-container .title h4 { font: 16px "Microsoft Yahei"; color: #333; display: inline-block; *dispaly: inline; padding: 1px 10px 0px; *zoom:1;  font-weight:600;}
.ncs-main-container .title span { float:right; margin: 0px 12px 0 0; line-height: 24px;}
.ncs-main-container .title span a { color: #999;}
.ncs-main-container .content { text-align: left; border-color: #E7E7E7; border-style: solid; border-width: 0 1px 1px;}
.nothing { width: 780px; padding: 50px 0; text-align: center; }
.nothing p { width: 278px; height: 50px; padding: 30px 0 0 40px; background: url(../images/nothing.gif) no-repeat; font-weight: bold; font-size: 15px; color: #585858; margin: 0 auto; }
.error { color:#F00;}
/* 产品列表 */
.ncg-list .content { overflow:hidden;  padding-top:10px; padding-bottom:10px; clear:both;}

/* 产品列表 */
.ncs-goods-list { overflow:hidden;}
.ncs-goods-list ul { font-size: 0; *word-spacing:-1px/*IE6、7*/; margin-right: -1px; margin-bottom: -1px;}
.ncs-goods-list ul li { font-size: 12px; color: #666; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block;  *display: inline/*IE7*/; width: 25%; *zoom:1;}
.ncs-goods-list ul li dl { border: solid #E7E7E7; border-width: 0 1px 1px 0; padding: 9px; position: relative; z-index: 1;}
.ncs-goods-list ul li dt { width: 160px; margin: 5px auto;}
.ncs-goods-list ul li dt a.goods-thumb { line-height: 0; background-color: #FFF; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 160px; height: 160px; overflow: hidden;}
.ncs-goods-list ul li dt a.goods-thumb img { max-width: 160px; max-height: 160px; margin-top:expression(160-this.height/2); *margin-top:expression(80-this.height/2)/*IE6,7*/;}
.ncs-goods-list ul li dt .goods-thumb-scroll-show { font-size: 0; *word-spacing:-1px/*IE6、7*/; margin-top: 5px;}
.ncs-goods-list ul li dt .goods-thumb-scroll-show li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *dispaly: inline; width: 24px; height: 24px; padding: 1px; border: solid 1px #F5F5F5; margin-right: 4px;}
.ncs-goods-list ul li dt .goods-thumb-scroll-show li.selected { border-color: #D93600;}
.ncs-goods-list ul li dt .goods-thumb-scroll-show li a { line-height: 0; background-color: #FFF; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 24px; height: 24px; overflow: hidden;}
.ncs-goods-list ul li dt .goods-thumb-scroll-show li a img { max-width: 24px; max-height: 24px; margin-top:expression(24-this.height/2); *margin-top:expression(12-this.height/2)/*IE6,7*/;}
.ncs-goods-list ul li dd { width: 160px; margin: 0 auto;}
.ncs-goods-list ul li dd.goods-name { line-height: 16px; display: block; height: 32px; overflow: hidden; margin-bottom: 5px;}
.ncs-goods-list ul li dd.goods-info { font-size: 0; *word-spacing:-1px/*IE6、7*/;}
.ncs-goods-list ul li dd.goods-info span { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *dispaly: inline; width: 50%; *zoom: 1;}
.ncs-goods-list ul li dd.goods-promotion { font: 700 12px/15px "microsoft yahei"; background: url("../images/2014shop_background_img.png") no-repeat scroll 0 -100px rgba(0, 0, 0, 0); color: #FFFFFF; height: 30px; text-align: center; padding: 20px 9px 15px; width: 30px;  z-index: 2; position: absolute; right: 5px; top: 5px;}

.ncs-article { width: 100%;}
.goods-sold{ text-align:right;}
.goods-sold img{ width:20px; height:20px;}
.goods-sold i{ vertical-align:top; font-size:14px;}

/* 列表排序 */
.ncs-goodslist-bar { background: #F7F7F7; height:28px; border-bottom: solid 1px #D8D8D8; padding:6px 0;}
.ncs-array { display:block; float:left; padding:6px 8px 6px 4px; margin-left:24px; _margin-left:12px/* IE6 */; }
.ncs-array li { display: inline-block; margin: 0 1px;}
.ncs-array li { *display:inline/* IE7*/; _float:left;}
.ncs-array li a { line-height:17px; color:#555; background:url(../images/nc_sortbar.gif) no-repeat scroll 32px -76px; display:inline-block; width:28px; padding:0 14px 0 4px;}
.ncs-array li a { *display:inline/* IE7 */;}
.ncs-array li a.nobg, .sort-bar .array li.selected a.nobg { background:none; padding:0 4px !important;}
.ncs-array li.selected a { font-weight:700; color:#F60;}
.ncs-array li.selected a.asc { background-position:32px -96px;}
.ncs-array li.selected a.desc { background-position:32px -116px;}


/*公司介绍*/
.ncs-main-container01 {filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF'); text-align: center; padding-bottom: 20px; overflow: hidden; border:1px solid #e7e7e7;}
.ncs-main-container01 .title { text-align: left; padding: 5px; border-bottom:1px solid #e7e7e7; border-top:3px solid #183884; background: linear-gradient(#fff,#f2f2f2);}
.ncs-main-container01 .title01{ background-color: #FCFCFC;}
.ncs-main-container01 .title h4 { font-size:16px; color: #333; display: inline-block; *dispaly: inline; padding: 1px 10px 0px; *zoom:1;  font-weight:600;}
.ncs-main-container01 .title span { float:right; margin: 0px 12px 0 0; line-height: 24px;}
.ncs-main-container01 .title span a { color: #999;}
.ncs-comp{ margin:0 auto; overflow:hidden; padding:10px;}
.ncs-comp img{ width:100%; border:1px solid #e7e7e7; box-shadow:4px 4px 10px #ccc;}
.ncs-comp p{ width:670px; text-indent:2em; text-align:left; line-height:25px;}

.nc-good{ padding:0 14px; display:block; margin-bottom:10px;}
.nc-goods-sort{ border:1px solid #ddd; border-bottom:none; overflow:hidden; display:block;}
.nc-goods-sort li{ border-bottom:1px solid #ddd; color:#333; overflow:hidden; height:42px; line-height:42px; }
.nc-goods-sort li i{ width:25%; float:left; background:#f2f2f2; text-align:right; padding-right:15px; margin-right:10px; border-right:1px solid #ddd;}

.textbec{ text-decoration:underline !important;}

.textarea{ height:100px !important;}
.int_show{ width:76%; text-align:left;}


/* 翻页样式 */
.pagination { display: inline-block; margin: 0 auto;}
.pagination ul { font-size: 0; *word-spacing:-1px/*IE6、7*/; }
.pagination ul li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; margin: 0 0 0 -1px;}
.pagination ul li { *display: inline/*IE6、7*/; *zoom:1;}
.pagination li span { font: normal 14px/20px "microsoft yahei"; color: #AAA; background-color: #FAFAFA; text-align: center; display: block; min-width: 20px; padding: 8px; border: 1px solid #E6E6E6; position: relative; z-index: 1;}
.pagination li a span , 
.pagination li a:visited span { color: #005AA0; text-decoration: none; background-color: #FFF; position: relative; z-index: 1;}
.pagination li a:hover span, .pagination li a:active span{ color: #FFF; text-decoration: none !important; background-color: #D93600; border-color: #CA3300; position: relative; z-index: 9; cursor:pointer;}
.pagination li a:hover { text-decoration: none;}
.pagination li span.currentpage { color: #AAA; font-weight: bold; background-color: #FAFAFA; border-color: #E6E6E6; position: relative; z-index: 2;}
.pages{ width:38px; height:36px; text-align:center; margin: 0 1px; border:1px solid #E6E6E6;}


/*=================新闻中心====================*/
.news-list{ padding:10px 20px;}
.news-list .listbox li{ height:45px; line-height:45px; border-bottom:1px dashed #c1c1c1; font-size:14px;}
.news-list .listbox li .lw{ width:300px; text-align:center;}
.news-list .listbox li .textr{ width:300px; text-align:center;}
.news-list .listbox li a{ height:45px; display:block; background:url(../images/comp/list.png) no-repeat left center; padding:0 0 0 15px;}
.news-list .listbox li a:hover{ color:#005f9b !important;}

/*新闻详情*/
.ncs-main-container01 .title01 .newsnav{ border-left:5px solid #3166b6; padding:0 0 0 10px; font-size:14px;}
.ncs-main-container01 .title01 .newsnav a{ color:#3166b6; border-bottom:1px solid #3166b6; }
.ncs-main-container01 .title01 .newsnav a:hover{ text-decoration:none;}

.news-show{ padding:0 10px; overflow:hidden;}
.news-show h1{ text-align:center; font-size:30px; padding:20px; line-height:40px;}
.show-info{ width:100%; overflow:hidden; margin:10px 0;}
.show-info span{ margin:0 0 0 10px;}
.show-text{ padding:0 10px;}
.show-text p{ text-indent:2em; margin-bottom:15px; line-height:28px; text-align:justify; font-size:14px;}
.show-text span{ display:block;}



/*=========荣誉资质=============*/
.dwbig{ height:auto; display:block; background:url(../images/dwbig.jpg) no-repeat;}
.honorlist{ padding:10px; overflow:hidden;}
.honorlist ul li{ width:165px; height:215px; margin:30px 0 30px 45px; float:left; text-align:center; cursor:pointer; transition: 0.5s; position:relative;}
.honorlist ul li:hover{ transform:scale(1.3,1.3); -moz-transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3);}
.honorlist ul li img{ width:100%;}

/*============公司相册===============*/
.photolist{ padding:6px; overflow:hidden;}
.gallery img { height: 200px; transition: -webkit-filter .4s, filter .4s; filter: grayscale(0%); -webkit-filter: grayscale(0%); }
.gallery a { width: 280px; height: 200px; display: inline-block; overflow: hidden; margin: 6px; box-shadow: 0 0 4px -1px #000; float:left; }



/*===============产品宣传册===========*/
.box { float:left; width:23.5%; position:relative; border:1px solid #ccc; background:#f7f7f7; text-decoration:none !important; margin:1% 0 1% 1%;}
.box a.none_drn { text-decoration:none;}
.box a:hover { color:#333;}
.water-img-content { position:relative; width:100%; height:290px; overflow:hidden;}
.water-book-img { position:absolute; top:50%; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.water-qrurl-panel { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.8); opacity:0; filter:alpha(opacity=0); -webkit-filter:alpha(opacity=0); transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; z-index:14px;}
.water-qrurl-panel.show { visibility:visible; opacity:1; filter:alpha(opacity=100); -webkit-filter:alpha(opacity=100);}
.af-table { display:table; width:100%; height:100%;}
.af-table-centered { display:table-cell; text-align:center; vertical-align:middle;}
.water-qrurl-img { width:110px; height:110px; border:0; padding:0; margin:0;}
.water-book-title { display:-webkit-box; width:96%; height:46px; line-height:24px; color:#333; font-size:14px; font-weight:700; text-align:left; word-break:break-all; background:#eee; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding:2%;}
.water-book-companyname { width:228px; color:#333; text-align:left; word-break:break-word; background:#ccc; padding:10px;}
.water-qrurl-code { position:absolute; top:0; left:0; width:42px; height:42px; background-image:url(../images/book_qrcode.png); background-position:-1px -1px; z-index:15;}
.water-qrurl-code:hover { background-position:-1px -46px;}









