@charset "gb2312";
/* CSS Document */
body,div,p,span,h1,h2,ul,li,dl,dd,dt{margin:0px;font-size:14px; margin:0 auto; padding:0px;font-family:"微软雅黑","Arial","宋体"; }
body{background:#f5f5f5}
img{border:0px;}
ul,li{margin:0;padding:0;list-style:none;}
h1{margin:0;padding:0;font-weight: 500;color:#454545;}
form,h3,h4,h5,p{margin:0;padding:0;font-size:14px; font-weight: 500;}
h2{margin:0;padding:0;font-size: 24px; font-weight: 500;display:inline;}
div{ margin:0 auto;}
a{color:#454545; text-decoration:none;}
a:hover{ color:#0fab2c;}
.clear{clear:both; height: 0; line-height: 0; font-size: 0}
#main{width:1200px; margin:0 auto;}
.clearfix:after {content: "";display: block;height: 0;line-height:0;clear: both;visibility: hidden;}
.clearfix {zoom: 1; /*兼容ie6*/}
input,select,option,textarea,button{outline:none;}
a{text-decoration:none!important;color:#333;}
ul,li{list-style:none;}
.fl{float:left;}/*左浮动*/

.fr{float:right;}/*右浮动*/
.dni{display:none!important;}
.dn{display:none;}
.tac{text-align:center;}/*文本居中*/
.taj{text-align:justify;}/*文本两端对齐*/
.tar{text-align:right;}/*文本右对齐*/
img{/*width:100%;height:100%;*/border:none;}
.container-fluid{width:100%;}/*宽度通屏*/
.container{width:1200px;margin:0 auto;}/*主体内容宽度*/
.bgf{background-color:#fff!important;}
.posr,.vertical-center,.vertical-center li,.member-pro-name{position:relative;}
.posa{position:absolute;}
.vertical-center img{position:absolute;top:50%;left:50%;width:auto;max-width:100%;max-height:100%;height:auto;transform:translate(-50%,-50%);}
.mr0,.products190 li:nth-child(6n),.products390 li:nth-child(3n),.products290 li:nth-child(4n),.productsu300 li:nth-child(6n),.mod-news:last-child,.productsu200 li:nth-child(5n),.products390 li:nth-child(3n),.products322 li:nth-child(3n),.fpq li .fpq-mod a,.fpq li .fpq-mod span,.company-list li:nth-child(3n){margin-right:0;}
.mb0,.productsu290 li:last-child{margin-bottom:0!important;}
.toh,.remind-l-con a,.product-tit,.mod-news-conr>a,.mod-news li a,.mod-news1 li a,.company-list li a,.company-news-list li a,.tab-conm li a,.tab-conm1 li a,.tab-conr li>a,.hot-words-list li a,.exhibition-time,.exhibition-address,.exhibition-conr>a, .exhibition-conr>p,.exhibition-news li a,.brand-con-news li a,.news2-con li a,.about-con-list li a,.label li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/*单行超出隐藏*/
.top,.remind-l,.remind-r,.searchbox,.search-select,.contact,.index-nav,.level3-nav,.fpq li,.more,.news-list,.mod-tit-name,.tab-conl,.tab-conm,.tab-conm1,.tab-conr,.hot-words,.hot-words-list li,.label li,.news2>ul>li,.news2-bl img,.price,.about,.publicity-list{box-sizing:border-box;}
.topl span:hover,.web-nav-con a:hover,.reg:hover,.website:hover,.web-nav>span:hover,.searchgjc a:hover,.remind-r-con a:hover,.level3-nav a:hover,.product-list li:hover .product-tit,.fpq li>a:hover,.mod-news-conr>a:hover,.mod-news-conr>p:hover a,.mod-news li a:hover,.mod-news1 li a:hover,.company-list li a:hover,.company-news-list li a:hover,.tab-cont>a:hover,.tab-cont>p:hover a,.tab-conm li a:hover,.tab-conm1 li a:hover,.tab-conr li>a:hover,.tab-conr li>p:hover a,.hot-words-list li:hover a,.label li:hover a,.brand-con-news li a:hover,.brand-con-news li a:hover,.exhibition-conr>a:hover,.exhibition-news li a:hover,.news2-br>a:hover,.news2-br>span:hover a,.news2-con li a:hover,.about-con-list li a:hover,.blogroll li a:hover,.fpq li .fpq-mod a:hover{color:#18b202;-moz-transition:color .2s linear;-webkit-transition:color .2s linear;-o-transition:color .2s linear;-ms-transition:color .2s linear;transition:color .2s linear;}
.more{display:block;}
.more:hover{color:#fff!important;background-color:#18b202!important;border:none!important;}
.more2:hover{color:#18b202!important;}
/*顶部宣传、活动banner*/
.hj_tphd img{ width:1200px;}
/*顶部区域*/
.top{height:34px;font-size:12px;background-color:#f7f7f7;border-bottom:1px solid #eee;}
.topl{display:flex;align-items:center;height:34px;line-height:34px; }
.top span,.top i,.topr a{display:block;}
.topl span{margin-left:10px;color:#333;cursor:pointer;}
.icon-ewm{width:16px;height:34px;background:url("http://www.5588.tv/images/index/icon-ewm.png") no-repeat center;}
.icon-mobile{width:9px;height:34px;background:url("http://www.5588.tv/images/index/icon-mobile.png") no-repeat center;}
.showpic img{position:absolute;top:27px;width:120px;height:120px;}
.showpic:hover img{display:block;}
.top-line{width:1px;height:16px;}
.topl-line{margin:0 14px;background-color:#fdfdfd;}
.topr{font-size:12px;line-height:34px;}
.login{width:70px;height:34px;color:#fff;background-color:#18b202;}
.topr-line{margin:9px 0;background-color:#bfbfbf;}
.reg{width:100px;}
.website{width:78px;}
.web-nav{position:relative;cursor:pointer;}
.head-fixed .web-nav{height:42px;}
.web-nav>span{margin:0 6px 0 14px;}
.web-nav>i{width:9px;height:6px;margin-top:14px;}
.web-nav:hover .web-nav-con{display:block!important;}
.web-nav-con{zoom:1;z-index:999;position:absolute;top:34px;right:0;width:980px;padding:10px 0;border:1px solid #ddd;border-top:none;background:#fff;}
.head-fixed .web-nav-con{top:42px;}
.web-nav-con li{width:80px;height:auto;margin-left:20px;border-right:1px solid #efefef;}
.web-nav-con li:last-child{border-right:none;}
.web-nav-con li a{display:block;}
.web-nav-con li p{color:#333;font-size:14px;font-weight:bold;}
.web-nav-con li.web-nav-con-wide{width:230px;}
.web-nav-con-wide a{float:left;width:105px;margin-right:10px;}
/*------top--------*/
.Top_nav{ height:30px; width:100%; background:#f9f9f9; border-bottom:1px solid #e9e8e8;border-top:1px solid #e9e8e8; font-size:14px; line-height:30px; overflow:hidden;}
.Top_nav{ font-size:14px; float:left; font-weight:normal}
.Top_nav p{ float:left;}
.Top_nav .left span{ padding-left:20px;}
.Top_nav .left span,.Top_nav .left span a{ color:#333 !important; font-weight:bold;}
.Top_nav .left{ float:left; margin-left:25px; display:inline;}
.Top_nav .right{ float:right; margin-right:25px; display:inline;}
#top5{line-height:24px;margin-left:5px;float:left; display:inline;}
#top6{margin-top:0px;float:left;margin-left:5px;}
.topLogin {height: 17px;width: 70px; line-height:19px; overflow:hidden; border: 1px solid #E8E6E8; color:#333;}

/*------logo位置--------*/
.logo{padding:20px 0 14px; width:1200px;}
.logo h2{ float:left; margin-right:55px;}
.sousuo{ float:left;width:595px; padding-top:10px}
.search .search_txt{ float:left; width:400px;height:34px; border:2px solid #0fab2c;float:left; color:#c5c5c5; text-indent:5px; line-height:34px}
.search .search_button{float:left; width:90px; height:40px;border:0;margin-top:0px; background:url(images/search.jpg) no-repeat;}
.resou{float:left;width:595px; padding-top:5px;font-family:"微软雅黑";}
.dh{ width:205px;height:50px; float:left; margin-left:70px; background:url(http://www.5588.tv/tuijian/images/dh.jpg) no-repeat;margin-top:10px;}
.dh p{ font-family:Georgia; font-size:22px; color:#e60012; float:right; text-align:right; display:inline; margin:20px 0px 0 0;}

/*导航*/
.index-nav{height:48px;background-color:#18b202;}
.index-nav li{float:left;}
.index-nav li a{display:block;padding:0 15px;font-size:15px;color:#fff;line-height:48px;font-weight:bold;}
.index-nav-act,.index-nav li:hover{background-color:#009a44}
.nav-hot{z-index:99;display:block;top:5px;right:-16px;width:30px;height:16px;}
/*固定导航*/
.mod1{background-color:#f6f7f8;}
.level3-nav{width:1200px ;height:36px;line-height:36px;background-color:#fff;border-radius:2px;margin-bottom:10px;}
.level3-nav li{float:left; margin:0 10px;font-size:14px;}
.level3-nav a{display:block;color:#444;}

.sort-hder{ background:#fff; margin-top:15px; padding:15px; color:#18ae34;}

/*以下焦点图样式*/
div.wrap {width:490px; height:260px; margin : 0 auto;text-align : left;}
div#top div#nav {float : left;clear : both;width : 490px;height :40px;margin : 22px 0 0;}
div#top div#nav ul {float : left;width : 490px;height : 40px;list-style-type : none;}
div#nav ul li {width:490px; height:260px;float : left;height : 40px;}
div#nav ul li a {border : 0;height : 40px;display : block;line-height : 40px;text-indent : -9999px;}
div#header {margin : 0;}
div#video-header {height :490px;margin : 0;}
div#header div.wrap {height : 260px;background-position: 50% 0;background-repeat: no-repeat;}
div#header div#slide-holder {z-index : 40;width : 490px;height : 260px;position : absolute;}
div#header div#slide-holder div#slide-runner {width :480px;height : 260px;overflow : hidden;position : absolute;}
div#header div#slide-holder img {margin : 0;display : none;position : absolute;}
div#header div#slide-holder div#slide-controls {left : 0;bottom : 0px;width : 490px;height : 36px;display : none;position : absolute;background : url(../images/slide-bg.png) 0 0;}
div#header div#slide-holder div#slide-controls p.text {float : left;color : #fff;display : inline;font-size :14px;line-height : 16px;margin : 8px 0 0 20px;text-transform : uppercase;}
div#header div#slide-holder div#slide-controls p#slide-nav {float : right;height : 24px;display : inline;margin : 5px 15px 0 0;}
div#header div#slide-holder div#slide-controls p#slide-nav a {float : left;width : 24px;height : 24px;display : inline;font-size : 11px;margin : 0 5px 0 0;line-height : 24px;font-weight : bold;text-align : center;text-decoration : none;background-position : 0 0;background-repeat : no-repeat; color: #fff;}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {background-position : 0 -24px;}
div#header div#slide-holder div#slide-controls p#slide-nav a {background-image : url(../images/silde-nav.png);}
div#nav ul li a {background : url(../images/nav.png) no-repeat;}

.n_top_div{ background:#fff; margin-top:15px; padding:15px;}
.n_top_div .nleft{ float:left; width:490px; height:260px; position:relative; overflow:hidden;}
.n_top_div .nright{ float:right; width:660px;}
.n_top_div .nright .n_tj h3{ font-size:16px; line-height:42px; color: #333;}
.n_top_div .nright .n_tj p{ font-size:14px; line-height:20px; color:#999; text-indent: 28px;}
.n_top_div .nright .n_tj p a{ color:#333;}
.n_top_div .nright .n_tj p a:hover{ color:#0fab2c;}
.n_top_div .nright .jh_tj{ margin-top:10px;}
.n_top_div .nright .jh_tj li{ float:left; font-size:15px; width:120px; height:28px; line-height:28px; overflow:hidden; margin-right:10px;}

.jh_fl_bk{ margin-top:15px; background:#f6f6f6;}
.jh_fl_bk .fl_left{ float:left; width:145px; position:relative; background:#09b6cb; padding:20px 15px;height:120px;}
.jh_fl_bk .fl_left i{ position:absolute; right:0; top:80px;}
.jh_fl_bk .fl_left h3{font-size:28px; color:#fff; letter-spacing:1px; margin-bottom:10px;}
.jh_fl_bk .fl_right{ float:right; width:1000px; padding:10px 0;}
.jh_fl_bk .fl_right li{float:left; font-size:15px; width:132px; height:28px; line-height:28px; overflow:hidden; margin-right:10px;}



/*----------中间插图 公司列表-------------------------*/
.qiyeminglu{margin: 10px 0;width: 1200px;height: 141px;}
.qylist{width: 1200px;margin: 0 auto;}
.qylist li{width: 165px;height: 122px;margin-right: 7.5px;float: left;border: 1px solid #474747;box-sizing: border-box;}
.qylist li:nth-child(7){margin-right: 0px;}
.qylist li a img{width: 100%;}
.qylist li span {display: block;width: 120px;margin: 0 auto;text-align:justify;}

/*----------中间插图 公司列表-------end---------------*/


/*----------产品库、企业库 列表分类-------end---------------*/
.list-block{width:1200px;margin:auto;overflow: hidden}
.left-part{float:left;width:925px;}

.bns-list{width:895px;float:left;position:relative;background:#fff;padding:0 15px 20px 15px;}
.bns-list ul{width:890px;float:left; margin: 15px 0 0 0;}
.bns-list ul li{width:895px; height:auto; float:left; border-bottom:1px dashed #f0f0f0;}
.bns-list ul li h3{font-size:16px; color:#333; letter-spacing:1px; margin:7px 0;}
.bns-list ul li p{font-size:14px;font-style:normal;font-weight: normal;color:#999; line-height:22px; margin-bottom:10px; text-indent:28px; }
.bns-list ul li p a{font-weight:500;}


/*----------公司右侧产品信息----------*/

.code-down{position: absolute;right:0;top:-50px;}
.code-down .down{float:left;position:relative; z-index:9;border:1px solid #fff;border-bottom:none;border-top:none;height:30px;}
.code-down .down.hover{background:#ccc;height:30px;color:#18ae34}
.code-down .down a{color:#999;font-size:12px;text-decoration:none;background:url(../images/codes.gif) no-repeat 10px center;padding:0 0px 0 28px;background-size: 13px 13px;}
.code-down .down .con{width:100px;border:1px solid #ddd;position:absolute;top:30px;right:-1px;display:none;background:#fff;padding:10px; text-align:center;line-height:18px;box-shadow:0 0 5px rgba(0,0,0,0.3);color:#999;font-size:12px}
/*----------公司列表--------------------end---------*/
/*----------列表右侧新闻----------*/
.right-part{float:right;width:260px;}
.block-list{background:#fff;padding:2px 15px 10px 15px; color:#18ae34; }
.block-list .title{height:41px;line-height:41px;border-bottom:1px solid #f0f0f0;margin-bottom: 5px;}
.block-list .title b{float:left;font-size:18px;color:#18ae34;border-bottom:2px solid #ccc;display: block;font-weight:normal}
.block-list .title span{float:right;font-size:12px;}
.block-list .title span a{color:#18ae34;}
.block-list .title span a:hover{ color:#f00;}
/*----------列表右侧新闻列表----------*/
.right-part .top .title b{}

.top li:first-child a:after,.top li:nth-child(2) a:after,.top li:nth-child(3) a:after{content:"";background:url(../images/h-gif.gif);position: absolute;right:-12px;top:-4px;display: block;width:9px;height:14px;}
.block-list .news_list li{line-height:28px;}
.block-list .news_list li a{position: relative;color:#666}
.block-list .news_list li a:hover{color:#18ae34}
.block-list .title a{position: relative;color:#18ae34;}
.pic_list {clear:both;padding:10px 0px 0 0px;font-size:12px;border-top:none;width:300px;overflow: hidden}
.pic_list li{text-align:center;width:110px;height:165px;margin-right:8px; float:left;overflow: hidden;padding:0 0 0px 0}
.pic_list li img{border:1px solid #e8e6e8;width:93px;height:118px; margin-bottom:3px;}
.pic_list li img:hover{box-shadow:0 0 3px #ccc}
.pic_list li span{display:block;padding:0px 0 0 0;font-size:12px;}
.pic_list li span a{color:#888}
.brand_list{border-bottom:none;padding:10px 0 0 0}
.brand_list li{height:58px;clear:both;padding:0 0 10px 0;}
.brand_list li h3{font-size:14px;}
.brand_list li img{float:left;margin:0 10px 0px 0;height:60px;border:1px solid #e8e6e8}
.brand_list li p{line-height:18px;padding-top:3px;color:#999;font-size:12px;}
/*----------列表右侧新闻列表-----------------end-----------------------*/
/*----------底部浮动快速找产品-------------*/
	.bottom_fixed{position:fixed;height:50px;background:url(../images/ic-02.png) repeat;bottom:0px;left:0;width:100%;z-index:9999999999999}
	.fixed_cont{width:1200px;height:43px;padding-top:7px;margin:auto; background: url(../images/wbz.png) no-repeat left center; text-align: right}
	.fixed_cont a{line-height:40px;background:#c00;padding:6px 12px;font-size:16px;color:#fff;border-radius:3px;margin-left:10px;margin-top:5px; text-decoration: none;transition: all 0.2s}
	.fixed_cont a:hover{background:#f00}
	.fixed_cont a.grenn{background:#009f04}

/*----------分页---------------*/
.paging-block{ width: 885px; font-size:14px;height:45px;line-height:20px; text-align: right;background: #fff;padding:0 20px;}
.paging-block .num-list{float:right;}
.paging-block .cpb{color:#18b202; float: left; margin-left: 13px; line-height: 30px;}
.paging-block a{margin:0 0px 0 15px;height:27px;line-height:27px;display:block;float:left;padding:0px 10px;border:1px solid #c1c1c1;background:#fff; text-decoration:none;}
.paging-block a:hover{height:27px;line-height:27px;border:1px solid #18b202;color:#18b202}
.paging-block .selecton{border:1px solid #18ae34;color:#fff;background:#18b202;height:27px;line-height:27px;padding:0 10px;text-align:center; float:left;margin-left:10px}
.paging-block .inputNum{height:24px;line-height:24px;width:40px; text-align:center;margin:0 3px 4px 20px;}
.paging-block .btn{background:#fff;background:#18b202;height:29px;width:30px;color:#fff;border:none;margin-bottom:4px; cursor:pointer}


/*快速找产品title*/
.real-time-tit{width:1200px;height:43px;line-height:42px; background: #fff;border-bottom: solid 1px #18b133; margin-top: 15px;}
.real-time-tit i{display:block;width:5px;height:35px;margin:11px 10px 0 5px;}
.real-time-tit>span:nth-child(2){font-size:24px;color:#18ae34;border-bottom: solid 1px #18b133;}
.real-time-tit>span:nth-child(3){margin:0 8px;color:#c8c8c8;}
.real-time-tit>span:nth-child(4){font-size:12px;color:#c8c8c8;}
.real-time-tit>span:last-child{font-size:12px;color:#777;}
.news-more{display:block;width:68px;height:22px;margin:10px 10px 0 0;color:#666;line-height:22px;border-radius:22px;border:1px solid #e5e5e5;}

/*快速找产品*/
.fpq{ background: #fff; height:250px;}
.fpq-tit{height:38px;border-bottom:1px solid #eee;}
.fpq ul:nth-child(2){width:1170px; height:150px;border:1px solid #dcdcdc; padding:15px 0 0 15px;}
.fpq li{width:385px;padding:5px 0px 5px 10px;border:1px solid #eee;}
.fpq li:first-child,.fpq li:nth-child(4){width:394px;}
.fpq li:nth-child(3n){border-right:none;}
.fpq li a,.fpq li span{display:block;margin-right:10px;font-size:12px;line-height:22px; float:left;white-space:nowrap}
.fpq-mod{margin-right:10px;}
.fpq li span{color:#e42222;font-weight:bold;}
.fpq li span a{color:#e42222;}
.fpq li a,.fpq li span.fpq-mod-line{color:#555;}
.fpq li span.fpq-mod-line{font-weight:normal;}
.fpq li .fpq-mod .fpq-area{margin-right:4px;color:#1667d6;font-weight:bold;}


/*底部客服*/
.kefu{ width:1200px;  margin:0 auto; margin-top:15px; border-top:solid 3px #0dac2c; background: #fff;}
.kefu1{ width: 180px; margin:20px 0; float:left; border-right:solid 1px #e5e5e5;}
.kefu1 img{width:160px; height:160px; margin:5px 30px 5px 10px; float:left;}
.kefu1 p{ width:180px; height:20px; line-height:20px; font-size:12px; color:#333; text-align: center; float:left;}
.kefu2{ width:980px;  margin:20px 0; float:right;}
.kefu2 b{ width:980px; height:36px; line-height:36px; font-size:36px; float:left; color:#0dac2c; font-weight:bold; margin-bottom:20px;}
.kefu2ul{ width:980px;  float:left; color:#666666;}
.kefu2ul .qq{ margin-top:2px; float:right;}
.kefu2ul .qq img{width:25px; height:25px;}
.kefu2ul ul li{line-height:30px; margin:5px 30px 5px 0px; width:460px; font-size:16px;}
.kefu2ul ul li .kefu_erweima,.kefu .kufu_phone .qq{ float:right;}
.kefu2ul ul li .kefu_erweima .icon_kefu_erweima{ margin:6px 5px 0px;}
.kefu2ul ul li .kefu_erweima .xians{ display:none;zoom:1;}
.kefu2ul ul li .kefu_erweima:hover{ position:relative;}
.kefu2ul ul li .kefu_erweima:hover .xians{ display:block; position:absolute; z-index:1; top:0px; right:20px; width:120px; height:120px;}
.kefu2ul .kefu_erweima img{width:16px;height:16px;}

/*底部内容*/
.foot11{background:#222; width:100%; margin-top:15px;}
.foot{width:1190px; text-align:center; padding-bottom:10px;}
.foot,.foot a{color:#888;}
.foot ul{width:1187px;padding:18px 0; margin-left:3px;}
.foot ul>li{width:auto;line-height:16px;}
.foot ul>li .line{display:block;width:1px;height:12px;margin:2px 14px 0;background:#747474;}
.foot ul>li:last-child{border-right:none;}
.foot ul>li>a{display:block;font-size:14px;}
.foot ul>li:hover>a,.footer-bga a:hover{color:#eee;}
.foot p{line-height:24px;font-size:12px;}
.footer-bga a{display:inline-block;}
.footer-bga a img{position:relative;top:4px;width:20px;height:20px;margin-right:5px;}
.beian {margin-top:10px;}
.beian a img{position:relative;width:131px;height:47px;margin-right:5px;}