@charset "UTF-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
 img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table,
 caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output,
 section, summary,time, mark, audio, video, input, select { margin:0;padding:0;}
body{ background: #f8f8f8; color: #333;font:12px/1.5 "Microsoft Yahei","Hiragino Sans GB",arial,sans-serif; min-width: 1200px;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,dfn,em,var,i{ font-style:normal}
ol, ul { list-style: none;}
img{ border: 0;}
table { border-collapse: collapse; border-spacing: 0;}
a{ color: #333; text-decoration: none;}
a:hover{ color: #f50; text-decoration: none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;}
input::-ms-clear, ::-ms-reveal{display: none;}
input:focus,textarea:focus { outline:none;}
.mask{ display: none; z-index: 9999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom:1;}
:root .mask{filter:none\9;}/*for IE9*/
.outHide{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box{ width: 1200px; margin: 0 auto; position: relative; max-height: 99999px;}

/*************topbar*************/
.topbar{ height: 30px; line-height: 30px; background: #fafafa; border-bottom: 1px solid #dfdfdf; font-size: 12px; color: #666; position: relative; z-index: 100;}
.topbar_l{ float: left; width: 28%;}
.topbar_l a{ color: #666;}
.topbar_l a:hover{ color: #f50;}
.top_xl_box{ float: left; position: relative;}
.top_xl{ display: inline-block; padding: 0 10px; color: #666; border-left: 1px solid #fafafa; border-right: 1px solid #fafafa; cursor: pointer; position: relative;}
.top_xl_active{ height: 31px; background: #fff; border-color: #dfdfdf;}
i.top_arrow{ display:inline-block;width:9px;height:6px;overflow:hidden; margin-left: 5px; *margin-top: -10px; background: url(../images/xjt10.png); opacity: .8; filter:alpha(opacity=80); -webkit-transition: all 0.1s; transition: all 0.1s;}
.top_xl_box:hover i.top_arrow{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.top_xl_info{ display: none; position: absolute; background: #fff; top: 31px; border: solid 1px #dfdfdf; border-top: 0;}
.top_xl_box_mobile{ width: 183px; padding: 10px;text-align: center;}
.top_xl_box_mobile_txt{ margin: -10px 0 0; font-size: 14px; color: #888;}
.top_link{ color: #3b73ab; padding: 0 5px;}
.top_login{ display: inline-block; height: 31px; padding: 0 15px; color: #666; text-align: center;}
.top_login:hover{ background: #E74400; color: #fff!important;}
.top_reg{ display: inline-block; height: 31px; padding: 0 15px; background: #eee; color: #FE3303!important; text-align: center; margin-left: -3px;}
.top_reg:hover{ background: #e5e5e5; color: #FE3303!important;}
.topbar_r{ float: right;}
.top_rightinfo{ right: 0; width: 290px; padding: 10px;}
.top_dh_box{ margin-bottom: 15px; max-height: 9999px;}
.top_dh_box:last-of-type{ margin-bottom: 0;}
.top_dh_l{ float: left; width: 80px; font-weight: bold; color: #f50;}
.top_dh_r{ float: right; width: 205px; padding-top: 3px; line-height: 0;}
.top_dh_r a{ color: #666; display: inline-block; height: 12px; line-height: 12px; margin: 6px 0; margin-right: 6px; border-right: 1px solid #e5e5e5; padding-right: 6px;}
.top_dh_r a:last-child{ border-right: 0;}
.top_dh_r a:hover{ color: #f50;}
.top_fr{ right: 0; left: inherit;}
.topbar_r .fr{ float: right; margin-left: 8px;}
.top_xl_mr{ width: 82px; text-align: center;}
.top_xl_mr a{ display: block; height: 30px; line-height: 30px; overflow: hidden; padding: 0 5px;}
.top_zssl{ width: 330px; padding: 0 10px;}
.top_zssl_box{ max-height: 9999px; margin-top: 5px;}
.top_zssl_info{ float: left; width: 80px; margin: 0 15px;}
.top_zssl_t{ text-align: center; font-size: 12px;}
.top_zssl_t span{ font-size: 12px; color: #888; }
.top_zssl_b img{ width: 77px; height: 77px; padding: 2px; border: 1px solid #e6e6e6;}
.top_cpyl{ width: 110px; padding: 5px 15px 0;}
.top_cpyl_info{ display: block; border-bottom: 1px solid #e6e6e6; padding-bottom: 8px; margin-bottom: 6px; text-align: center;}
.top_cpyl_t{ display: block; font-size: 14px; font-weight: bold;}
.top_cpyl1 .top_cpyl_t,.top_cpyl1:hover .top_cpyl_b{ color: #00B0F5;}
.top_cpyl2 .top_cpyl_t,.top_cpyl2:hover .top_cpyl_b{ color: #C65911;}
.top_cpyl3 .top_cpyl_t,.top_cpyl3:hover .top_cpyl_b{ color: #3AB050;}
.top_cpyl4 .top_cpyl_t,.top_cpyl4:hover .top_cpyl_b{ color: #7030A0;}
.top_cpyl_b{ display: block; margin-top: -2px; line-height: 19px; font-size: 12px; color: #999;}
.top_cpyl_info_more{ display: block; height: 40px; line-height: 40px; margin-top: -6px; text-align: center; font-size: 14px; font-weight: bold;}
.topbar_r_phone{ float: right; color: #FE3303;}
.topbar_r_phone span{ padding-left: 3px;}
/*************topbar*************/
/*************footer*************/
.footer{ position: relative; clear: both; background: #fff; border-top: 2px solid #FF4E00; padding-top: 10px; overflow: hidden;}
.letter_class,.footer_lj{ height: 30px; line-height: 30px; text-align: center; overflow: hidden;}
.letter_class{ color: #ccc; font-size: 12px;}
.letter_class span{ color: #039;}
.letter_class a{ padding: 0 8px; color: #039; margin: 0 5px;}
.letter_class a:hover{ color: #f60; text-decoration: underline;}
.footer_lj a{ padding: 0 8px;}
.footer_lj a:hover{ text-decoration: underline;}
.footerTxt{ line-height:25px; margin:5px auto 20px;text-align: center;}
.footerTxt p{clear:both;width:100%;margin:0 auto;color: #999;text-align: center; line-height:28px;}
.footerTxt p span{padding: 0 10px;}
.footerTxt p a{ color: #555;}
.footerTxt p a:hover{ color: #555; text-decoration: underline;}
.footerTxt p.orange{ color: #f60;}
.footerTxt p.orange a{ color: #f60;}
.footerTxt p.orange a:hover{ color: #f60; text-decoration: underline;}
.footerTxt .sina{ display: inline-block; width: 18px; height: 18px; margin: 0 0 -4px 10px; background: url(../images/f_wb.png);}
.footerTxt .wxcode{ display: inline-block; width: 18px; height: 18px; padding: 0; margin: 0 0 -4px 10px; background: url(../images/f_wx.png); position: relative;}
.footerTxt .wxcode img{ display: none; position: absolute; top: -5px; right: -100px; width: 100px; height: 100px; z-index: 9;}
.footerTxt .wxcode:hover img{ display: block;}
.bottom_img{width:620px;margin:10px auto 20px;height:47px;}
.bottom_img ul li{float:left;margin:0 10px;position:relative;height:47px;line-height: 0;overflow: hidden;}
/*************footer*************/

.header{width:100%; min-width: 1200px; height:100px;margin: 0 auto; background: #fff; border-bottom: 1px solid #eee; z-index: 88; position: relative;}
.logo{ float: left; margin-top: 22px;}
.logo_r_txt{ float: left; height: 55px; line-height: 55px; max-width: 200px; margin: 15px 0 0 20px; padding-left: 24px; overflow: hidden; font-size: 30px; font-weight: bold; letter-spacing: 2px; color: #919191; background: url(../images/dian97.jpg) left center no-repeat;}
.search{float:right;margin:30px 220px 0 0; min-width: 455px; *margin-right: 20px; position: relative; _margin-left: 20px; _margin-right: 0;}
.search-input { position: absolute; left: 0; width:354px;height:30px;padding:0 10px;line-height:30px;background:#fff;border:solid 3px #FF4E00;vertical-align: middle; font-family: 微软雅黑;}
input.search-input:focus { outline:none; border: 3px solid #FF4E00;}
.search-btn {width:80px;height:36px; position: absolute; right: 0; border:solid 2px #FF4E00; *height:36px;*border: medium 0 #FF4E00;background: #FF4E00;color: #fff;font-size:16px; font-family: 微软雅黑;color: #fff; letter-spacing: 2px; text-align: center; cursor:pointer;}
.search_key{ width: 445px; height: 20px; line-height: 20px; overflow: hidden; margin-top: 40px; padding-left: 10px; _margin-left: 40px; color: #666;}
.search_key a{ font-size: 12px; color: #666; margin-right: 15px; display: inline-block;}
.search_key a:hover{ color: #0D86BF;}
.sTitle{padding-left:10px;position:absolute;z-index:9;top:-29px; font-size: 12px;}
.sTitle li{width:37px;float:left;line-height:35px;text-align:center;}
.sTitle li a, .sTitle li span {color:#999;height:35px;display:block; cursor: pointer;}
.sTitle li.scurr{background: url(https://style.51sole.com/b2c/images/icon.png) no-repeat;}
.sTitle li.scurr a, .sTitle li.scurr span{ color: #000;}
.sTitle li a:hover{ text-decoration: underline;}
.sTitle li.scurr{ background-position:-79px -721px; *background-position:-79px -720px;}
.h_scsp_btn{ position: absolute; right: 0; top: 31px; width: 130px; height: 34px; line-height: 34px; border: 1px solid #e6e6e6; text-align: center; background: #fafafa; font-size: 14px; border-radius: 2px;}
.h_scsp_btn i{ display: inline-block; width: 19px; height: 17px; margin: 0 10px -3px 0; background: url(../images/upload5.png);}
.h_scsp_btn:hover{ color: #f50;}

.path{ height: 45px; line-height: 45px; color: #666;}
.path a{ color: #666;}
.path a:hover{ color: #f50;}
.path i{ padding: 0 6px;}
.splb_hysx{ padding: 15px 15px 5px 15px; background: #fff; border: 1px solid #ddd;}
.splb_hysx a{ display: inline-block; padding: 1px 10px; margin: 0 20px 10px 0; background: #fff; border-radius: 4px;}
.splb_hysx a:hover{ color: #f50;}
.splb_hysx a.on{ background: #f50; color: #fff;}
.splb_px{ height: 42px; line-height: 42px; padding: 0 25px; margin-top: -1px; border: 1px solid #ddd; background: #fbfbfb; position: relative;}
.splb_px_btn{ display: inline-block; height: 42px; padding: 0 20px;}
.splb_px_btn:hover{ color: #f50;}
.splb_px_btn_on{ background: #f50; color: #fff;}
.splb_px_btn_on:hover{ color: #fff;}
.splb_px_r{ position: absolute; right: 25px; top: 0;}
.splb_px_r i{ color: #f50;}
.splb_px_r a{ font-weight: bold; padding: 0 10px;}
.splb_b{ margin-top: 20px; max-height: 999999px;}
.splb_b_l{ float: left; width: 940px;}
.splb_info{ padding: 30px; margin-bottom: 15px; border: 1px solid #ddd; background: #fff; border-radius: 4px; max-height: 999999px;}
.splb_info_l{ display: block; float: left; width: 230px; height: 140px; position: relative;}
.splb_info_l img{ width: 100%; height: 100%;}
.splb_info_l_mask{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.24) url(../images/play.png) center center no-repeat}
.splb_info_l_time{ display: none; position: absolute; right: 10px; bottom: 8px; color: #fff; font-size: 12px;}
.splb_info:hover .splb_info_l_mask,.splb_info:hover .splb_info_l_time{ display: block;}
.splb_info_r{ float: right; width: 625px;}
.splb_info_name{ display: block; height: 35px; height: 35px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.splb_info_desc{ height: 66px; line-height: 22px; color: #888; font-size: 14px; overflow: hidden;}
.splb_info_o{ margin-top: 20px; position: relative;}
.splb_info_ydl,.splb_info_scsj{ display: inline-block; margin-right: 30px; color: #888;}
.splb_info_ydl i{ display: inline-block; width: 22px; height: 14px; margin: 0 6px -2px 0; background: url(../images/ydl.png);}
.splb_info_scsj i{ display: inline-block; width: 14px; height: 14px; margin: 0 6px -2px 0; background: url(../images/time.png);}
.splb_info_gsm{ position: absolute; right: 0; top: 0; color: #666;}
.splb_b_r{ float: right; width: 240px;}
.splb_b_r_info{ margin-bottom: 15px; background: #fff; border: 1px solid #ddd; border-radius: 4px;}
.splb_b_r_info_t{ height: 40px; line-height: 40px; padding: 0 15px; border-bottom: 1px solid #ddd; font-size: 16px;}
.splb_b_r_info_t i{ display: inline-block; width: 4px; height: 16px; margin: 0 10px -2px 0; border-radius: 4px; background: #f50;}
.splb_b_r_info_b{ padding: 15px 15px 10px;}
.splb_b_r_rmsp li{ height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.splb_b_r_rmsp li span{ display: inline-block; width: 3px; height: 3px; background: #c1c1c1; margin: 0 8px 2px 0;}
.splb_b_r_tjcp{ margin-bottom: 15px; position: relative;}
.splb_b_r_tjcp_img{ display: block; width: 100%; height: 130px;}
.splb_b_r_tjcp_name{ height: 42px; line-height: 21px; margin-top: 5px; overflow: hidden; font-size: 14px;}
.page{ text-align: center; margin: 40px 0;}
.page a{ display: inline-block; height: 30px; line-height: 30px; padding: 0 12px; margin: 0 2px; background: #fff; color: #666; font-size: 14px; border-radius: 2px; border: 1px solid #dcdcdc;}
.page a:hover,.page a.active,.page a.active:hover{ background: #f50; border-color: #f50; color: #fff;}
.page a.disible{ background: #EBEBEB; color: #888;}
.page a.disible:hover{ background: #EBEBEB; color: #888; border-color: #dcdcdc;}
.page span{ color: #888; font-size: 14px;}
.page span.totalPage{ margin-left: 8px;}
.pageInput{ height: 30px; line-height: 30px; width: 35px; margin: 0 5px; *margin-bottom: -5px; border: 1px solid #dcdcdc; background: #fff; text-align: center; border-radius: 2px; color: #666;}
.page a.btn{ background: #f5f5f5; color: #666; padding: 0 10px; margin-left: 10px;}
.page a.btn:hover{ background: #f50; color: #fff;}
.splb_b_r_tjcp .splb_info_l_mask{ height: 130px;}
.splb_b_r_tjcp:hover .splb_info_l_mask{ display: block;}