/*
shangpu-CSS-xiaohei-dtmuban.com-20170713
*/
/* global */
body {margin:0px;font-size:14px;color:#000000;background: #f9f9f9;}
div,p{padding:0;margin:0;}
a{color: #666666;}
a:link,a:visited,a:active{text-decoration:none;}
a:hover{color:#198ede}
/* common */
.fl{float:left}
.fr{float:right}
.m {width:1200px;margin:auto;}
.pos {padding:15px 15px 15px 25px;background:none;font-size:14px;color:#888}
.pos a{color:#888}
.sptop{width:100%;margin:0 auto;height: 30px;line-height: 30px;background: #ffffff;border-bottom: 1px solid #e6e6e6;    color: #999;}
.sptop a{   color: #999;}






#top a {text-decoration:none;}

.head-top{background:#ffffff;width: 100%;min-width: 1200px;}
.head {width:1200px;height: 68px;overflow:hidden;position:relative;padding: 24px 0;}
.head .logo {padding: 8px 10px 0 0px;width:200px;height:50px;overflow:hidden;border-right: 1px solid #ccc;}
.head .logo,.head .logo img{float: left;}
.head .logo{display: table-cell;width: 200px;height: 50px;vertical-align: middle;}
/* .head .logo img{margin:0 auto;display:block;width:145px;height:50px;} */

.head .name_com{float:left}
.head .name_com h1 {font-size: 25px;margin: 0px 0 10px 10px;color:#333333;font-weight:normal;}
.head .name_com h1 img{vertical-align: middle;}
.head .name_com h4 {font-size:15px;margin:0 0 0 10px;color: #666666;font-weight: normal;}

/*search+vip*/
.head-search-vip{float: right;position: relative;}
.m-search {margin-top:15px;height: 44px;float: right;color: #e60000;font-size: 34px;}
.m-search_right{float: left;}
.m-search_right span{font-size: 14px;display: block;}
.m-search_right p{font-size: 24px;}
.m-search .d_ico{background:url('../images/phone_03.png') no-repeat;width:43px;height:43px;float:left;display:block;padding-right:5px;vertical-align:middle;}

.banner img{display:block;width: 100%;}

/*nax*/
.new_nax{background: #2b2e32;width: 100%;min-width: 1200px;}
#menu a {text-decoration:none;display:block;padding:0 29px;}
.menu {height:50px;line-height:50px;overflow:hidden;font-size:16px;font-weight:bold;}
.menu_li {float:left;white-space:nowrap;line-height:50px;}
.menu_li span {color:#ffffff;font-weight: normal;}
.menu_on,.menu_li:hover {float:left;white-space:nowrap;line-height:50px;background:#ef4c1a;}
.menu_on span {color:#FFFFFF;font-weight: normal;}
.menu ul{float: left;width: 900px;}
.menu .menu_right{color: #fff;float: right;background: #198ede;padding: 0 50px;}
.menu .menu_right img{margin-right: 10px;}
/*data*/
.sider_data {width:292px;margin-bottom:15px;background:#fff; overflow: hidden;padding-bottom: 40px;}
.sider_data .title_com{padding: 10px 20px 10px 20px;overflow:hidden;border-top: 2px solid #0049ac;}
.sider_data .title_com h3{display:block;font-size: 16px; color: #333; font-weight: normal;text-align: center;margin:0;}
.sider_data .title_com .icon_rz{ float:left; padding-left: 6px;}
.sider_data .title_com .icon_rz i{display: block; font-size: 28px; margin-top: -10px; float: left;}
.sider_data .title_com .icon_rz span{display: block; font-size: 13px;padding-top: 2px;float: left; padding-left:3px;}
.sider_data .title_com .client_logo{display: block;margin: auto;width: 138px;height: 138px;}
.sider_data .title_com_v {border-bottom: 3px solid #F84000;padding: 10px 20px 10px 20px;overflow:hidden;}
.sider_data .title_com_v h3{display:block;font-size: 16px; color: #333; font-weight: normal;}
.sider_data .title_com_v .icon_rz{ float:left; padding-left: 6px;}
.sider_data .title_com_v .icon_rz i{display: block; font-size: 28px; margin-top: -10px; float: left;}
.sider_data .title_com_v .icon_rz span{display: block; font-size: 13px;padding-top: 2px;float: left; padding-left:3px;}


.sider_data ul {clear:both;padding:10px 0; overflow: hidden;}
.sider_data ul li{clear: both;font-size:13px;line-height: 26px;}
.sider_data ul li span{display: block; float:left; width: 65px; text-align-last:justify;color:#333;margin-left:10px}
.sider_data ul li span.zju{ letter-spacing: 1px;}
.sider_data ul li p {float: left;width:180px;color:#333;padding: 0;margin: 0;}
.sider_data ul li p a{ color: #0049ac; padding-right: 10px;}


.side_head {border-bottom: 1px solid #ddd;background:#ffffff;}
.side_head div {padding:0 10px 0 10px;font-size: 16px;height: 56px;line-height: 58px;overflow:hidden;letter-spacing:1px;}
.side_head div strong{font-weight:500}
.side_head .f_r img{margin-top:16px}
.side_body {border-top:none;background:#FFFFFF;padding:10px;margin: 0 0 20px;font-size:14px;color:#666}
.side_body li {background:url('../images/ico_arrow.gif') no-repeat 5px 11px;padding:0 0 0 20px;height: 30px;line-height:30px;overflow:hidden;}

.main_head {overflow: hidden;height: 25px;line-height: 25px;background: #ffffff;padding:28px 0 22px 18px;}
.main_head div {font-size:21px;overflow:hidden;letter-spacing:1px;}
.main_head div strong{font-weight:700;}
.main_head div span{display: inline-block;width: 3px;height: 24px;background: #198ede;float: left;margin-right: 12px;}
.main_head .f_r img{margin-top:16px}
.main_body {border-top:none;background:#FFFFFF;padding:20px;margin:0 0 20px 0;}
/*margin:0 0 20px 0*/
/*gundong*/
.elite{width: 873px;height: 239px;overflow:hidden;position:relative;padding-left: 38px;}
.elite ul{ overflow:hidden; zoom:1}
.elite ul li{width:209px;height:239px;float:left; _display:inline; overflow:hidden; text-align:center}

.elite .sPrev,.elite .sNext{ position:absolute; left:5px; top:10px; display:block; width:30px; height:216px; border:1px solid #ddd; background:url(../images/icoleft.gif) center center no-repeat #f4f4f4}
.elite .sNext{ left:auto; right:5px; background:url(../images/icoright.gif) center center no-repeat #f4f4f4}
.elite .sPrev:hover,.elite .sNext:hover{border-color: #F84000;}


.step_price{margin:20px 0;}
.step_price td.f_price{color:#e60000!important;font-size: 12px!important;}
.bay{margin-top:20px}
.bay li{float:left;padding:8px 40px 9px;color:#ffffff;font-size:16px;cursor: Pointer;}
.bay .BuyNow{background:#ff8400;margin-right:20px }
.bay .AddCart{background:#e60000;}
.bay .AddCart i{width:20px;height:20px; background:url(../images/ico-r-mall.png) no-repeat;float:left;margin-right:3px}

.xunj{background: #3F51B5;display:block;width: 230px;height: 44px;line-height: 44px;text-align:center;color:#ffffff;margin-top:30px;font-size: 16px;}
.cplb_left{width: 897px;float: left;}
.cplb_right{width: 292px;float: right;}

.main_body .thumb{padding: 6px;border: 2px solid #dcdcdc;float: left;margin-right: 5px;margin-bottom: 13px;width:194px;}
.main_body .thumb:nth-child(4n){margin-right: 0;}
.main_body .thumb .cplb_list_pic{position: relative;}
.main_body .thumb .cplb_list_pic a{display:block;width:192px;height:159px;overflow:hidden;}
.main_body .thumb .cplb_list_pic img{transition:all .5s;display:block;width:192px;height:159px;}
.main_body .thumb .cplb_list_pic:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.main_body .thumb .cplb_list_title{line-height: 25px;position: absolute;bottom: 0;left: 0;width: 100%;height: 24px;line-height: 24px;background: rgba(25,142,222,.5);text-align: center;color: #fff;}
.main_body .thumb .thumb_title{line-height: 30px;margin-top: 4px;}
.main_body .thumb .thumb_title h3{font-size: 12px;margin: 0;font-weight: 400;line-height: 30px;}
.main_body .thumb .thumb_title h3 span{font-size: 14px;color: #ff0000;}
.main_body .thumb .thumb_title p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.crumbs{line-height: 40px;color: #999999;font-size:12px;}
.crumbs a{color: #999;font-size:12px;}
.crumbs span{margin-left:4px;}
.attestation{margin-top: 4px;}
.main_body .thumb:hover .cplb_list_title{background: rgba(239, 76, 26, .5)}
.pad_bot_36{padding-bottom: 36px;}


/*vip*/
#viptime {position:absolute;right:0;top: -10px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);width: 206px;height: 40px;line-height:40px;padding: 3px 0;text-align:right;font-size: 16px;color: #888;font-family: "Microsoft YaHei","Noto Serif","DejaVu Serif",serif;}
#viptime b{font-family: "Microsoft YaHei","Noto Serif","DejaVu Serif",serif; color: #c00012; font-size: 28px; padding: 0 5px 0 3px; font-style: italic; vertical-align: -3px;}
#viptime span{position:absolute;margin-left:-65px;margin-top:-3px;color:#ffffff;font-size:20px;font-weight:700; font-style: italic;}

.zz_vip{background:url(../images/vip_bgnew.png) no-repeat 46px 0px;}
.free_vip { font-size: 14px; color: #666;background:url(../images/pt_bgnew.png) no-repeat 46px 0px;}

/*VIP_MINI*/
#viptime2 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);  color: #666;margin: auto;}
/*#viptime2 p{float: left; line-height: 28px;height: 28px;}*/
#viptime2 p.pthy_member{margin-right: 10px;}
#viptime2 p span{font-size: 16px; }
#viptime2 p{line-height: 28px;height: 28px;margin:auto;text-align:center;}
#viptime2 p i{display: block;width: 22px;height: 22px; float: left; margin:3px 4px 3px 0;font-size: 25px; }
#viptime2 .year {font-size: 14px;padding:0 5px;color: #666;padding-left: 10px;}
#viptime2 .year b{height: 27px; line-height: 27px;font-family: "Microsoft YaHei","Noto Serif","DejaVu Serif",serif; color: #e30010; padding-right: 3px;}
.free_vip2 {font-size:16px;width: 175px;}
.free_vip2 i{color: #969696;width:27px;height:26px;}
.free_vip2 i.f_bg_mini{background:url(../images/pthy_icon_03.png) no-repeat;}
.free_vip2 p span{color: #969696;}
/* 右侧产品分类 */
.sider_data_cp{background: #fff;margin-bottom: 15px;}
.sider_ty_title h2{font-size: 16px;color: #198ede;line-height: 52px;border-bottom: 1px solid #eff1f4;padding:12px 20px 0;margin-bottom: 0;margin-top: 0;}
.sider_data_list li{line-height: 57px;border-bottom: 1px solid #eff1f4;}
.sider_data_list p{padding: 0 0 0 20px;}
.sider_data_list p.sider_icon{background: url(../images/sider_data_list_03.png) no-repeat 242px center;}
/* 右侧链接 */
.sider_data_link{background: #fff;}



.fl-clr{zoom: 1;}
.ft_0{width: 1200px; margin: 0 auto; padding: 20px 0;}
/* .ft_lf{width: 200px; float: left; line-height: 50px; color: #b2b2b2; padding-top: 20px; text-align: center;margin-right: 94px;} */
.ft_lf{width: 200px; float: left; line-height: 50px; color: #b2b2b2; padding-top: 20px; text-align: center;}
.ft_0 a{color: #b2b2b2;}
.ft_lf img{opacity: .8; filter: alpha(opacity=80);}
.ft_rt{float: right; text-align: left; color: #b2b2b2;}
.ft_rt dl{float: left; width: 123px;margin-right: 40px;}
.ft_rt dt{font-size: 14px; padding-bottom: 8px;border-bottom: 1px solid #6a6b74;margin-bottom: 10px;}
.ft_rt dd a{color: #b2b2b2; line-height: 24px; margin-right: 5px;display: block;height: 24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ft_dz{padding-top: 10px;margin-top: 10px;overflow: hidden;width: 900px;}
.ft_lf .footer2_logo{display: block;}
.fl-clr:after{display: block; clear: both; height: 0; content: "\0020";}
.line2{line-height: 21px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.ft_rt dl.w205{width: 205px;}
.ft_rt dl dt{width: 123px;}
.footer_bot_inner{width:1200px;margin: auto;}
.footer_bot{border: 1px solid #505255;}
.footer_bot li{display: inline-block;}
.footer_bot li a{display: inline-block;}
.footer_bot li a:hover{ -webkit-transition-property:background-image;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;}
.footer_bot li span{display: inline-block;float: left;line-height: 36px;font-size: 12px;}
.weiling{width:120px;height:18px;background: url(../images/weiling.png) no-repeat center center;background-size: 100%, 100%;vertical-align: middle;margin-top: 5px;}
.weiling:hover{background: url(../images/weiling_hover.png) no-repeat;background-size: 100%, 100%}
.wangshang{width:113px;height:22px;background: url(../images/wangshang.png) no-repeat;background-size: 100%, 100%;vertical-align: middle;margin-top: 5px;}
.wangshang:hover{background: url(../images/wangshang_hover.png) no-repeat;background-size: 100%, 100%}
.footer_copy{display: inline-block;line-height: 36px;}
.mar_30{margin-right: 30px;}

.diamond{margin-left: 10px;}

.background_fff{background: #fff;}
.xwzx_list{padding: 0 20px 60px;}
.xwzx_list li{padding: 23px 0;border-bottom: 1px solid #e5e5e5;}
.xwzx_list li a .xwzx_list_left{width: 123px;height: 90px;background: #e5e5e5;float: left;text-align: center;color: #333;}
.xwzx_list li a .xwzx_list_right{float: right;width: 700px;}
.xwzx_list_left h3{font-size: 36px;line-height: 58px;}
.xwzx_list_left p{font-size: 16px;}
.xwzx_list_right{color: #333;}
.xwzx_list_right h2{line-height: 33px;font-size: 16px;margin-bottom: 10px;}
.xwzx_list_right p{line-height: 18px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.xwzx_list li:hover .xwzx_list_left{background: #198ede;color: #fff;}
.xwzx_list li:hover .xwzx_list_right{color: #198ede;}
.yqlj_arrow{background:#fff url(../images/link_arrow_03.jpg) no-repeat 245px center;}


/*company-list*/
.company2{width: 947px;padding:14px 15px;margin-bottom: 15px;border: 1px solid #ebebeb;border-bottom-color: #cfd0d3;overflow: hidden;background-color: #ffffff;}
.company2:hover{box-shadow: 0 1px 0px #666666;}
.company2-l{float:left;width: 146px;height: 146px;overflow:hidden;position: relative;}
.company2-l .company2-l-img{width:145px;height: 145px;display: table-cell;vertical-align: middle;text-align: center;overflow: hidden;}
.company2-l .company2-l-img img{max-height: 145px;max-width: 145px;_height:145px;_width:145px;overflow: hidden;}
.company2-l .company2-l-text{display:none}
.company2-l:hover .company2-l-text{display:block;text-align:center;}
.company2-l .company2-l-text{margin-top: -153px;position: absolute;width:152px;height:153px;line-height:153px;text-align:center;background: inherit;background-color: rgba(0, 0, 0, 0.7);}
.company2-l .company2-l-text a{font-size:14px;color:#ffffff;vertical-align:middle;background-color:#ff6600;padding:3px 8px;}
.company2-c{width:400px;float: left;overflow: hidden;margin-left: 30px;margin-right: 45px;}
.company2-c h1{height: 32px; z-index:1;}
.company2-c h1 a{color: #333; font-size: 14px; font-weight: 200; max-width: 370px; height: 32px; line-height: 32px; float:left; white-space: nowrap; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.company2-c h1 a:hover{color:#198ede;}
.company2-c h1 i.icon-code{float:left;position:relative;margin-left:10px;height: 18px;width: 18px;background: url('../images/ico-code.png') no-repeat;margin-top: 14px;vertical-align:middle;}
.company2-c h1 .codeBox{display:none;text-align: center;position: absolute;right: 0;top: 20px;z-index: 30;background: #fff;border: 1px solid #ddd;padding: 5px;}
.company2-c h1 .codeBox p{height:20px;line-height: 20px;font-style: normal;}
.company2-c h1 i.icon-code:hover .codeBox{display: block!important;z-index:9999;}
.company2-c p{font-size: 12px;color: #888;line-height: 22px;white-space: nowrap; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.company2-c p img{display: block;float: left;margin-top: 5px;margin-right: 12px;width: 12px;vertical-align: middle;}
.company2-r{width: 310px;float: left;text-align: center;}
/* .company2-r-t{height: 40px;} */
.company2-r-t-l{height: 22px;float: left;width: 72px;margin-left: 5px;background: url(../images/mjcj_title_06.png) no-repeat center;}
.company2-r-t-r{height: 22px;float: left;width: 72px;margin-left: 5px;background: url(../images/mjcj_title_08.png) no-repeat center;}
.company2-r-t-c{font-size: 14px;color: #000;float: left;margin: 0 19px;line-height: 24px;}
.company2-r-bs{line-height:24px;color:#999;}
.company2-r-bs li{float:left;text-align:center;width:96px;}
.company2-r-bs li:nth-child(2){margin: 0 11px;}
/* .company2-r-bs li:hover img{border: #1269d3 solid 1px;} */
.company2-r-bs li:hover a{color: #1269d3;}
.company2-r-bs li dl dd{font-size:14px;}
.company2-r-bs li dl dd a {display:block;color: #888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.company3{margin-left: 50px;}
.company4{margin-right: 50px;}
.company2r{width: 205px;padding: 0px 10px 10px;border-top: #48b400 solid 3px;border-bottom: #ddd solid 1px;border-left: #ddd solid 1px;border-right: #ddd solid 1px;margin-top: 13px;}
.company2r h1{/* padding:0px 15px; */font-size: 14px;margin-bottom: 10px;font-weight: 500;border-bottom: dashed 1px #ddd;line-height: 40px; height:40px; overflow:hidden;}
.company2r p{line-height: 28px;color: #666;}
.company2r p span{color: #333;}
.cj_list_btn{display: inline-block;width: 95px;height: 22px;background: #198ede;border:1px solid #198ede;text-align: center;color: #fff;margin-top: 16px;line-height: 22px;}
.cj_list_btn:hover{background: #fff;color: #198ede;}

.mjcj_btn{display: inline-block;width: 95px;height: 22px;background: #198ede;border:1px solid #198ede;text-align: center;color: #fff;margin-top: 16px;line-height: 22px;}
.mjcj_btn:hover{background: #fff;color: #198ede;}
.company2-r-t{width: 248px;margin:0 auto 15px;}
.shop-pic-list{margin-bottom: 20px;border-bottom: 1px solid #cccccc;}
.shop-item-pic a img{display: block;margin: auto;}
/* .shop-pic-list:hover {box-shadow: 0px 0px 5px #ddd;} */
.line-limit-length {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 40px;}
.vk-name a{color: #333333;}