@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:#FFF}
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-weight: 500;}
h2{margin:0;padding:0;font-size: 24px; font-weight: 500;display:inline;}
div{ margin:0 auto;}
a{color:#666; 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;}
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{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;}/*单行超出隐藏*/
.remind-l,.remind-r,.searchbox,.search-select,.contact,.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;width:1200PX}
.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;}

.posrfl, .posrny{ position: relative;}
.posrfl ul, .posrny ul{ width: 320px; position: absolute; top:40px; float: left; background: #009a44; display: none; z-index: 999;}
.posrfl li,.posrny li{  height: 32px; font-size:14px; text-align: center; line-height: 32px; color: #333; float: left;}
.posrfl li a,.posrny li a{ color:#fff!important; font-weight:normal!important; font-size:14px!important; padding:0 10px!important;line-height: 32px!important}
.posrfl ul li a:hover,.posrny ul li a:hover{ background: #18b202; color: #18b202;}
.posrfl:hover ul{ display: block;}
.posrny:hover ul{ display: block;}
/*顶部宣传、活动banner*/
.hj_tphd img{ width:1200px;}
/*顶部区域*/
.top{height:34px;font-size:12px;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:6px;color:#333;cursor:pointer;}
.icon-ewm{width:16px;height:34px;background:url("http://www.3456.tv/images/2019shouyeimage/wxewm_1.png") no-repeat center;}
.icon-mobile{width:9px;height:34px;background:url("http://www.3456.tv/images/2019shouyeimage/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 5px;}
.topr{line-height:34px;}
.login{width:70px;height:34px;}
.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{width:1200px; height:110px; padding-top:8px}
.logo h2,.logo_m{ float:left; margin-right:55px; width:273px; margin-top:15px}
.sousuo{ float:left;width:560px; padding-top:15px;margin-left:-30px}
.search .search_txt{ float:left; width:360px;height:40px; 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:550px; height:19px; padding-top:5px;font-family:"微软雅黑"; overflow:hidden; font-size:14px}
.dh{ width:205px;height:50px; float:left; margin-left:70px; background: url(../images/dn.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:40px;background-color:#18b202;}
.index-nav li{float:left;}
.index-nav li a{display:block;padding:0 20px;font-size:16px;color:#fff;line-height:40px;}
.posr_x a{ color:#666}
.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;}
.posr_fl a{ color:#999}

/*固定导航*/
.mod1{background-color:#fff;}
.level3-nav{width:1200px ;line-height:24px;background-color:#fff;border-radius:2px;}
.level3-nav li{float:left; font-size:14px; height:24px;  margin:7px 11px;}
.level3-nav a{display:block;color:#4c4c4c;}
.top4dq{ width:70px; height:24px; text-align:center; background:#f18401;border-radius:4px; margin:auto 0;}
.top4dq a{ color:#FFF}
.top4dq a:hover{ color:#FF0;text-decoration:none}
/*搜索右边导航*/
.dl_zc{ float:right; font-size:14px; margin-top:10px;}
.dl_zc .dl_btn{ height:44px; width:310px; position:relative;}
.dl_btn .search_select{height: 40px;line-height: 40px;width:140px;overflow: hidden; float:left;color: #fff; background:url(http://www.3456.tv/images/2019shouyeimage/jiantou_xia_b.png) no-repeat #0fab2c 105px 20px; cursor:pointer; text-align:center;}
.dl_btn .search_select ul li{width:140px;text-align:center;cursor:pointer;}
.dl_btn .search_select:hover{height: 131px;border-bottom:1px solid #c1c1c1;border-top:0;z-index:500; position:absolute; top:0px; left:0px;}
.dl_btn .search_select:hover ul{}
.dl_btn .search_select:hover ul li{ background:#fff; color:#000;border:1px solid #c1c1c1; border-top:0px; box-sizing:border-box;}
.dl_btn .search_select:hover ul .dl{ background:url(http://www.3456.tv/images/2019shouyeimage/icon_dl.jpg) no-repeat 16px 13px #fff;}
.dl_btn .search_select:hover ul .zhuce{ background:url(http://www.3456.tv/images/2019shouyeimage/icon_zhuce.jpg) no-repeat 16px 13px #fff;}

.dl_zc .yidongduan{ float:right; width:95px; height:40px; line-height:40px; background:url(http://www.3456.tv/images/2019shouyeimage/icon_mobile.png) no-repeat #0fab2c 27px 12px; padding-left:45px}
.dl_zc .yidongduan a{ color:#fff;}

/*------第一屏--------*/
.top_area{/*background:#222;*/overflow:hidden; padding-bottom:15px}
.area_cont{width:1200px;margin:auto;padding-top:5px}
.left_nav{width:205px;background:#f9fafa;height:445px;float:left;margin-right:15px;padding:0px 0px 0 15px}
.left_nav .one-lev{padding:10px 0 0 0;overflow:hidden}
.left_nav .one-lev h3{font-size:18px; color:#0fab2c;margin-bottom:10px;}
.left_nav .one-lev p a{color:#222;font-size:12px;line-height:26px;width:88px;margin:0 8px 10px 0;text-align: center;border:1px solid #eee;display:block; float:left;text-decoration: none}
.left_nav .one-lev p a:hover{color:#fff;border:1px solid #0fab2c;background:#0fab2c;}
.left_nav .area{clear:both;padding:10px 0}
.left_nav .area h3{font-size:18px;margin-bottom:8px; color: #0fab2c;}
.left_nav .area p{border-top:1px solid #eee;border-left:1px solid #eee;overflow: hidden;margin-right:15px}
.left_nav .area p a{width:46px; line-height:22px;display:block; text-align:center; float:left;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:12px}
.left_nav .area p a:hover{background:#0fab2c;border-right:1px solid #0fab2c;border-bottom:1px solid #0fab2c;color:#FFF; text-decoration:none;}

.center_cont{width:690px;height:445px;float:left;overflow:hidden}
#focus{width:690px;height:261px;overflow:hidden;position:relative;}
#focus ul{height:261px;position:absolute;}
#focus ul li{float:left;width:690px;height:261px;overflow:hidden;position:relative;}
#focus ul li img{width:690px;height:261px;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus .btnBg{position:absolute;width:690px;height:20px;left:0;bottom:0;}
#focus .btn{position:absolute;width:690px;height:10px;padding:12px 10px;right:0;bottom:0;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#focus .btn span.on{background:#fff;}

.pro_ad{overflow:hidden;margin-top:15px;height:205px;clear:both}
.pro_ad ul{clear:both;width:750px;}
.pro_ad li{float:left;width:104px;height:78px;margin:0 7px 7px 0; border:1px #f6f7f8 solid;background: #ccc;overflow: hidden;}
.pro_ad li h3{font-size:12px;padding:5px 10px 0 10px;height:35px;font-weight:normal;line-height:18px}
.pro_ad li p{font-size:12px;padding:8px 10px 0 10px;}
.pro_ad li p em{width:58px;height:16px;line-height:16px;border:1px solid #4c85f9;display:block;float:left; text-align:center;color:#4c85f9;}
.pro_ad li p i{width:58px;height:16px;line-height:16px;border:1px solid #f04e51;display:block;float:left; text-align:center;color:#f04e51;margin-right:10px}
.pro_ad li img{width:104px;height:78px;transition:0.2s}
.pro_ad li:hover img{transform: scale(1.1)}

.right_part{width:260px;background:#fff;height:445px;float:right}
.right_part .hd{background:#0fab2c;overflow: hidden;position: relative;margin-bottom:8px;}
.right_part .hd li{float: left !important; height: 27px !important}
.right_part .hd1 h3{font-size:16px;color:#fff;float:left; }

.right_part ul{padding:0px 5px}
.right_part ul li{line-height:29px; background: url(../images/dian.jpg) no-repeat left;height:29px;overflow: hidden}
.right_part ul li span{float:right;font-size:14px;color:#999}
.right_part ul li a{position: relative; margin-left:8px;font-size:14px;}
.right_part ul li:first-child a:after,.right_part ul li:nth-child(2) a:after,.right_part ul li:nth-child(3) a:after{content:"";position: absolute;right:-12px;top:-4px;display: block;width:9px;height:14px;}
.right_part .hd{ width: 260px !important; height:40px;}
.right_part .hd ul li{ width: 120px; height:40px; float:left!important}

.hd{float:right;}
.right_part .hd ul li{ float:left;height:40px; text-align:center; background:none; border-radius:5px; color:#fff;margin:0!important; padding:0!important}
.right_part .hd ul li a{ font-size:16px!important;color:#FFF; line-height:40px}
.right_part .hd ul li:hover,.right_part .hd ul li.on{background:none!important;height:40px;  color:#FF0}
.right_part .hd ul li a:hover,.right_part .hd ul li a.on{ color:#FF0}


/*企业新闻*/

.real-time-tit{width:1200px;height:43px;line-height:42px; background: #fff;border-bottom: solid 1px #18b133;}
.real-time-tit i{display:block;width:10px;height:35px;}
.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;}

.tab-con{ width: 1200px; height:230px; background: #fff; padding:20px 0 15px 0;}
.tab-conl{width:450px;height:220px;padding:5px 10px 0;border-right:1px solid #ececec;}
.tab-conl li:first-child{ margin-bottom:20px;}
.tab-conl li>a{display:block;width:90px;height:90px;margin-right:15px;border:1px solid #eee;}
.tab-conl li>a>img{display:block;width:90px;height:90px;}
.tab-cont{max-width:310px; margin-bottom: 15px;}
.tab-cont>a{color:#444;line-height:24px;font-weight:bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.tab-cont>p{margin-top:6px;font-size:13px;color:#999;line-height:20px;text-indent:2em;}
.tab-cont>p>a{color:#444;}
.tab-conm{width:750px;height:220px;padding:0px 20px 0;border-right:1px solid #ececec;}
.tab-conm ul{height:220px; overflow:hidden}
.tab-conm li{line-height:28px; float: left;width: 350px; margin-right:5px}
.tab-conm li::before{display:block;float:left;content:"";width:4px;height:4px;margin:12px 10px 0 0;background:#bfbfbf;border-radius:50%;}
.tab-conm li a{display:block;color:#666;}
.tab-conm1{width:360px;height:auto;padding:5px 20px 0;}
.tab-conm1 li{line-height:28px;}
.tab-conm1 li::before{display:block;float:left;content:"";width:4px;height:4px;margin:12px 10px 0 0;background:#bfbfbf;border-radius:50%;}
.tab-conm1 li a{display:block;color:#666;}

/*清洁护肤热门企业*/
.company-modl{position:relative;width:250px;padding-right:10px; }
.company-modl-tit{font-size:24px;color:#444;line-height:30px;border-bottom:1px solid #18ae34; padding:0 0 10px 0px;}
.company-modl li{width:100%;height:auto;border-bottom:1px dotted #d0d0d0; padding-bottom:10px;}
.company-modl li:last-child{border-bottom:none;}
.company-modl-pic{width:60px;height:60px;margin:10px;}
.company-label>a{display:block;margin-bottom:5px;font-size:14px;color:#444;font-weight:bold;}
.company-label{margin-top:10px;}
.company-label-list{width:235px;height:auto;overflow:hidden;}
.company-label-list>a{display:block;color:#666;line-height:24px;}
.company-label-list>a:hover{color:#18ae34;}
.company-label-list>span{display:block;color:#666;line-height:20px; padding:0 3px;}
.company-modlr{width:940px;height:455px; background:#fff;}
.company-modlr-t{line-height:30px; border-bottom:1px solid #18ae34;}
.company-modlr-t>span{display:block;font-size:24px;color:#444; margin:0 0 10px 0px;}
.company-modlr-more>a{display:block;}
.company-modlr-more>a:hover{ color:#18b202}
.company-modlr-more .icon-right{margin-top:10px;  margin-right: 15px;}
.company-modlr-con{width:100%;height:auto;}
.company-classify-list{width:660px;height:auto; padding-top:10px}
.company-classify-list>ul{ margin-left: 5px;}
.company-classify-list li{width:153px;height:auto;margin:0 10px 10px 0px;}
.company-classify-list-pic{display:block;width:153px;height:126px;}
.company-classify-list-pic>img{width:153px;height:126px; border:1px #f6f7f8 solid}
.company-classify-list-name{display:block;width:94%;margin:2px auto 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.company-classify-list .ul{ margin-top: 0px;}
.company-classify-list .ul li{ width: 198px; margin-right: 20px; height: 28px; line-height:28px; color: #666; margin-bottom: 0px; float: left; overflow: hidden;}
.company-news{width:267px; float: right}
.company-news-more .icon-right{margin:15px 10px 0 3px;}
.zx_title{width:255px; padding:8px 0 0 2px; font-size:16px; color:#18b202; height:38px; line-height:38px; background:none;border-bottom:1px solid #dadada; float:right}
.zx_title span{ float:right; padding-right:10px; font-size:12px; }
.zx_title span a{color:#ccc;}
.zx_title span a:hover{ color:#18b202}
.company-news-list>ul{padding:10px 0;}
.company-news-list li{font-size:14px;line-height:28px;}
.company-news-list li::before{display:block;float:left;content:"";width:4px;height:4px;margin:13px 10px 0 12px;background:#bfbfbf;border-radius:50%;}
.company-news-list li>a{display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

/*优质企业*/
.company1-classify-list>ul{margin:0 auto;width:1210px; height: 455px; padding-top:15px; background: #fff;}
.company1-classify-list li{width:160px;height:210px;margin:0 10px 15px 0px; float: left; border:1px #f6f7f8 solid}
.company1-classify-list a{width:160px;}
.company1-classify-list-pic{display:block;width:153px;}
.company1-classify-list-pic>img{width:100%; border-bottom:1px #f6f7f8 solid}
.company1-classify-list-name{display:block;width:94%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*品牌展示*/
.hd{float:right;}
.hd ul li{ float:left; font-size:18px; width:120px; height:28px; text-align:center; background:#cbcbcb; line-height:28px; color:#454545; margin-right: 15px; margin-top: 10px;}
.hd ul li:hover,.hd ul li.on{ background:url(../images/hover.jpg) top no-repeat; height:33px; color:#FFF}
.hd ul li.on a{ color:#FFF}
.hd ul li a:hover,.hd ul li.on{ color:#FFF}
.tittle{margin-top:15px; border-bottom:#07bf00 2px solid; height:50px; background: #fff;}
.tittle h2{float:left; padding-left:14px; line-height:50px; font-size:24px; color:#18ae34; font-weight:500;}
.jingxuan{width: 1200px;margin-bottom:15px}
.jingxuan ul li{float:left;width:160px; height:121px; background:#FFF;overflow:hidden; margin:10px 8px 0 0; border:1px #f6f7f8 solid}
.jingxuan ul li img{ }

/*商机互动*/
.mod-news-tit{line-height:32px;border-bottom:1px solid #eee;}
.mod-news-tit>span{font-size:14px;color:#444;font-weight:bold;}
.mod-news-tit>a{font-size:12px;color:#a2a2a2;}

.mod-news1{width:272px;margin-right:33px; margin-top: 15px;}
.mod-news1 li{height:28px;line-height:28px;}
.mod-news1 li::before{display:block;float:left;content:"";width:4px;height:4px;margin:12px 9px 0 0;border-radius:50%;background:#7d7d7d;}
.mod-news1 li a{display:block;max-width:290px;color:#444;}
.mod-news-conl1{width:94px;height:65px;margin-right:10px;}
.mod-news-conr1{width:168px;height:auto;}
.mod-news-conr1>a{display:block;line-height:18px;color:#444;}
.mod-news-conr1>p{display:block;font-size:12px;color:#666;line-height:16px;text-indent:2em;}
.mod-news-conr1>p a{color:#444;}

/*友情链接*/
.blogroll{ height:auto; background-color:#fff; margin:15px 0;}
.blogroll-text{font-size:14px;color:#666;}
.blogroll li{margin-right:30px;font-size:14px;line-height:26px;}
.blogroll li a{display:block;color:#666;}
.mtb10{ margin-top:10px;width:1200PX;margin:0 auto;}
/*火爆推荐*/
/*地区招商*/
.diqu{ margin-top:15px; margin-bottom:15px; *height:50px;}
.diqu h2{ float:left; background:url(../../../images/home/2019/dqbg.png) no-repeat; width:78px; *height:25px; line-height:25px; color:#fff; margin-right:10px; font-size:16px; font-family:"微软雅黑"; font-weight:bolder; padding-left:2px;}
.diqu a{ display:block; float:left; padding:6px 6px 5px; background:#f3f3f3; margin-right:5px; font-size:14px; color:#424242; font-family:"微软雅黑";}
.hbtjwz{line-height:24px; font-family:"微软雅黑"; font-size:14px; color:#666; height:24px; margin-top:10px;}
.remind-l{width:310px;height:32px;border:1px solid #e5e5e5;}
.remind-tit{height:100%;color:#444;line-height:30px;background:#eaeaea;}
.remind-tit span{display:block;height:100%;margin:0 5px 0 8px;font-weight:bold;}
.remind-l-con{height:30px;line-height:30px;overflow:hidden;width:225px; margin:0px;padding:0px 5px;}
.remind-l-con a{display:block;color:#e60000;font-weight:bold;}
    .remind-l-con a {
        overflow: hidden;
        white-space: nowrap;
        width: 230px;
    }/*单行超出隐藏*/
.remind-l{box-sizing:border-box;}
#SearchKey {
    height: 34px !important
}
/*底部样式*/

/*列表页样式*/
.qy_main{width:1200px; margin: 0 auto;}
.qy_sitemap{color:#575757;}
.qy_sitemap a{color:#575757;}
.qy_fenlei{margin-top:20px;}
.qy_fenlei p{font-size: 22px; color:#18b133;font-weight: bold;}
.qy_fenlei li{float:left; border:1px solid #ededed; margin-left:22px; padding: 3px 38px;}
.qy_fenlei li a{color:#575757;}
.qy_fenlei li a:hover{ color:#FF0000;}
.pro_bq{ margin-top: 10px; padding-left: 20px;}
.pro_bq a{ margin-left: 10px;}

.area_fenlei{margin-top:10px;}
.area_fenlei p{font-size: 22px; color:#18b133;font-weight: bold; width: 140px;}
.area_fenlei li{float:left; border:1px solid #ededed; margin-left:12px; width:66px; height: 30px; line-height: 30px; text-align: center; margin-bottom: 10px; padding: 0 3px;}
.area_w{width:1060px;overflow: hidden;}

.p-con {
    margin-bottom: 50px;
}
.p-con-box {
    position: relative;
    float: left;
    border: 1px solid #dadada;
    margin: 10px 22px 20px 0;
    /*overflow: hidden;*/
}
.p-con-box:nth-child(5n) {
    margin-right: 0;
}
.p-con-box:hover {
    border: 1px solid #0fab2c;
    cursor: pointer;
    transition: all 0.5s;
}
.p-con-box .p-img {
    width:220px;
    height:209px;
    overflow: hidden;
}
.p-con-box .p-img img {
    transition: all 0.5s;
}
.p-con-box:hover .p-img img {
    transform: scale(1.25);
    /*filter: blur(5px);
-moz-filter: blur(5px);
-webkit-filter: blur(5px);*/
}
.p-con-box:hover .p-name, .p-con-box:hover .p-type, .p-con-box:hover .p-online, .p-con-box:hover .p-com {
    background: #0fab2c;
    /*padding: 5px 0;*/
    color: #fff;
    /*filter: blur(5px);
-moz-filter: blur(5px);
-webkit-filter: blur(5px);*/
    transition: all 0.5s;
}
.p-con-box:hover > div a {
    color: #fff;
}
.p-con-box .p-name {
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    /*border-top: 1px solid #e5e5e5;*/
    background: #e6e6e6;
}
.p-com {
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #bbb;
    background: #e6e6e6;
}

.p-com a {
    color: #bbb;
}
.p-type {
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #bbb;
    background: #e6e6e6;
}
.p-type a {
    color: #0fab2c;
}
/*.p-con-box:before,
.p-con-box:after {
    content: "";
    display: block;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    transform: scale(0,1);
    transition: all 0.5s;
}

.p-con-box:after {
    top: 0;
    bottom: 0;
    transform: scale(1,0);
}

.p-con-box:hover:before,
.p-con-box:hover:after {
    transform: scale(1);
    animation: animate 1.5s;
}*/

/*.p-con-box:hover:before {
    border-top: 3px solid #0fab2c;
    border-bottom: 3px solid #0fab2c;
}

.p-con-box:hover:after {
    border-left: 3px solid #0fab2c;
    border-right: 3px solid #0fab2c;
}*/
.p-con-box:hover .p-con-box-con {
    /*box-shadow: 0 0 0 35px rgba(255,255,255,0.3);
    opacity: 1;*/
}
.p-con-box-con {
    position: absolute;
    transition: all 0.5s;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 2;
    margin: 10px 10px;
    padding: 10px 10px;
    background: #0fab2c;
    border-radius:25px;
}
.p-con-box-con img {
    display: block;
    margin: 10px auto;
}
.p-con-box-con p a {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #fbe64e;
}
.p-con-box-con ul li {
    float: left;
    width: 84px;
    padding: 10px 0 10px 5px;
    overflow: hidden;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
}
.p-con-box-con ul li i {
    display: block;
    width: 24px;
    height: 26px;
    float: left;
    margin: 3px 10px 0 0;
    background: url(/images/cx.png) no-repeat left center;
}
.p-con-box-con ul li i.xin {
    background: url(/images/cx.png) no-repeat right center;
}
.p-con-box-con span {
    display: block;
    text-align: center;
    margin: 5px auto;
    height: 24px;
    line-height: 24px;
    width: 100px;
    background: #dff;
    margin-top: 15px;
    transition: all .5s;
}
.p-con-box-con span:hover {
    border-radius: 25px;
}
.p-con-vip {
    position:absolute;
    right:-2px;
    top:-2px;
    width:35px;
    height:35px;
    z-index:9;
}
.p-con-vips {
    position: absolute;
    right: -13px;
    top: 277px;
    width: 35px;
    height: 35px;
    z-index: 9;
}
/*--------分页样式-------*/
#pagess {
    text-align: center;
    margin: 15px auto 22px auto;
    font-size: 12px;
}

#pagess a:hover {
    color: #ffffff;
}


.anpager .cpb {
    background: #009900 none repeat scroll 0 0;
    border: 1px solid #006600;
    color: #ffffff;
    font-weight: bold;
    margin: 5px 4px 0 0;
    padding: 8px 15px 8px;
}

.anpager a {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #bdbdbd;
    color: #444444;
    margin: 5px 4px 0 0;
    padding: 8px 15px 8px;
    text-decoration: none;
}

.anpager a:hover {
    background: #009900 none repeat scroll 0 0;
    border: 1px solid #006600;
    color: white;
}



