@charset "UTF-8";
*{margin:0;padding:0;border:0;outline-style:none;}
ul,li{list-style:none}
body{font-size:14px;width:100%;background:#fff;overflow-x:hidden;max-width:768px;margin:0 auto; font-family:"Microsoft Yahei";}
.outHide{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
img{ max-width: 100%;}
em, cite {font-style:normal}
table { border-collapse: collapse; border-spacing: 0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;}
input,textarea{-webkit-appearance: none;}
.outHide{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.search{width:100%;height:45px;line-height:45px;overflow:hidden;z-index:999; position: absolute; top:0;left:0;}
.search_box{ padding: 0 15px; position: relative;}
.search_info{ margin: 10px 0 0 0; height: 30px; display: block; width: 100%; background: rgba(255,255,255,.5); border-radius: 50px;}
.search_info span{ font-size: 12px; color: #111; position: absolute; left: 30px; top: -7px; opacity: .4;}
.search_info i{ position: absolute; right: 30px; top: 7px; width: 18px; height: 18px; background: url(../images/ss3.png) center center no-repeat; opacity: .4;}
.shop_company{ height: 180px; padding: 0 15px; background: url(../images/bg777.jpg) top center no-repeat; background-size: cover; overflow: hidden;}
.shop_company_logo{ float: left; width: 14%; margin: 58px 12px 0 0;}
.shop_company_logo img{ border-radius: 4px; width: 100%; height: 100%;}
.shop_company_r{ margin-top: 66px; float: left; width: 77.8%;}
.shop_company_name{ color: #fff; font-size: 1.4rem; height: 27px; line-height: 27px; font-weight: normal; text-shadow: 0 0 4px #222;}
.zone-menu{width: 100%; background: #fff; overflow: hidden;}
.zone-menu li a,.zone-menu li.a{ float: left; width: 25%; height: 60px; color: #444; text-align: center;border-bottom: 1px solid #d5d5d5; box-sizing: border-box; font-size: 12px;}
.zone-menu li:last-of-type a,.zone-menu li.a:last-of-type{ border-right: 0;}
.zone-menu li.a a,.zone-menu li.a{ color: #ff7300;}
.zone-menu li.a a span,.zone-menu li.a span{ display: inline-block; height: 22px; padding: 0 8px; border-bottom: 2px solid #ff7300;;}
.zone-menu li.a a { display:block; width:100%;}
.zone-menu i{ display: inline-block; margin: 10px 0 1px; width: 22px; height: 22px; opacity: 9.;}
.zone-menu i.zm_sy{ background: url(../images/zmsy.png); background-size: contain;}
.zone-menu li.a i.zm_sy{ background: url(../images/zmsy2.png); background-size: contain;}
.zone-menu i.zm_js{ background: url(../images/zmjs.png); background-size: contain;}
.zone-menu li.a i.zm_js{ background: url(../images/zmjs2.png); background-size: contain;}
.zone-menu i.zm_cp{ background: url(../images/zmcp.png); background-size: contain;}
.zone-menu li.a i.zm_cp{ background: url(../images/zmcp2.png); background-size: contain;}
.zone-menu i.zm_lx{ background: url(../images/zmlx.png); background-size: contain;}
.zone-menu li.a i.zm_lx{ background: url(../images/zmlx2.png); background-size: contain;}
.mbx_box{ height: 45px; line-height: 45px; padding: 0 10px; color: #666;}
.mbx_box a{ color: #666;}
.mbx_box .tb{ color: #aaa; padding: 0 6px;}
.companyDesc{ padding: 0 10px 10px; text-indent: 28px; font-size: 14px; line-height: 30px; color: #555;}
.pd_info_all{ text-align: center; width: 100%; background: #fff; height: 40px; line-height: 40px; border: 0; padding: 0;}
.pd_info_all span{ font-size: 14px; color: #f70; display: inline-block; background: url(../images/zksq.png) 8px center no-repeat; background-size:14px 14px; padding: 0 25px;}
.mip-showmore-btn-hide{display: none!important;}
h2.tit-h2{width:100%;margin:0;font-size:.95rem;text-indent:26px;line-height:40px;border-bottom:1px solid #e2e2e2;background:#f6f6f6;overflow:hidden;border-top:solid 1px #e2e2e2;position:relative; color: #555;}
h2.tit-h2:before{position:absolute;z-index:1;width:4px;height:.9rem;content:'';display:block;border-radius:4px;background:#f2405b;top:.8rem; left:16px;}
h2.tit-h2 a{ color: #555;}
i.tit_link{ display: block; width: 40px; height: 100%; background:url(../images/yjt.png) center center no-repeat; position: absolute; right: 0; top: 0;}
.pro_list_box{ overflow: hidden;background: #eee; padding-bottom: 6px;}
.pro_list{ width:50%; float: left; box-sizing: border-box;padding-top:8px;}
.pro_list:nth-child(2n+1){padding-right: 4px;}
.pro_list:nth-child(2n){padding-left: 4px;}
.pro_list_img{ display: block; width: 100%; height: auto;}
.pro_list_img img{ width: 100%; height: 100%;}
.pro_list_name{ display: block; height: 40px;font-size:13px; line-height: 20px;background:#fff; color: #333; overflow: hidden;padding:4px 8px 0 8px;}
.pro_list_other{ height: 24px; line-height: 24px;padding: 0 8px 2px 8px; background:#fff;}
.pro_list_other .price{ color: #f30; font-size: 14px;}
.pro_list_other .price i{ font-style:normal;font-size:18px; font-weight:bold;}
.words{padding:11px 16px 0 16px; line-height: 36px; background: #fff;}
.words a{display: inline-block; margin-right: 0px; width: 32.5%; height: 26px; line-height: 26px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: #666;}
.zwsj{ line-height: 50px; text-align: center; color: #aaa; font-size: 16px;}
.lxwm_box ul{ margin:0 10px 0px 10px; padding: 10px; background: #fff; color: #444; border-radius: 4px; overflow: hidden; position:relative;}
.lxwm_box li{ float: left; line-height: 25px; margin:0 10px 5px 0; text-indent: 15px;width:95%;}
.lxwm_box li em{float: left; font-size:.8rem;background: url(../images/li.png) no-repeat 0 9px;}
.lxwm_box li a{ text-decoration:underline;white-space:nowrap; display: block;}
.lxwm_box li a.black{ color: #444;text-decoration:none;white-space:nowrap; }
.lxwm_box li.pli{margin:10px 0;border-top:1px solid #ddd;padding:10px 0}
.lxwm_box li.pli a{margin:0 5px;color:#507BBF;white-space:nowrap;text-overflow:ellipsis}
.lxwm_box li.call {width:20px; height:20px; position:absolute;overflow:hidden; margin:3px 0 0 -8px;top:75px;left:185px;}
.lxwm_box li.call1 {top:105px;left:190px;}
.lxwm_box li.company {font-size: 1rem; margin: 0 5px 10px 0; text-indent: 0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.call a{width:20px;text-indent:-999px;line-height:20px;text-align:left;color:#fff; background:#f60 url(../images/call.png) no-repeat;display:block;border-radius:15px; background-size:100% 100%;}
h2.mT5{ margin-top: 5px;}
.proList_box{ padding-bottom: 10px;}
.proList{ display: block; padding: 10px 10px 10px 120px; border-bottom: 1px solid #e2e2e2; height: 85px; overflow: hidden; position: relative;}
.proList_l{ position: absolute; top: 10px; left: 10px; display: block; width: 100px; height: 85px;}
.proList_r_t{ display: block; height: 48px; line-height: 24px; font-size: 16px; color: #111; overflow: hidden;}
.proList_r_b{ display: block; margin-top: 10px; height: 20px; line-height: 20px; font-size: 13px; color: #999; overflow: hidden;}
i.renzheng{ display: inline-block; width: 21px; height: 21px; margin: 0 0 -4px 0; background: url(../images/renzheng.svg) center center no-repeat; background-size: contain;}
.proList_r_b span.price{ color: #f50;}
.index-news{background:#fff; overflow: hidden;}
.index-news li a{position:relative;padding:0 60px 0 16px;line-height:38px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 14px; color: #666;}
.index-news li i{position:absolute;right:12px;bottom:14px;width:6px;height:9px; background: url(../images/yjt2.png) no-repeat;}
.index-news li span{float:left; display: block;}
.index-news li span.title{width:50%;overflow:hidden;text-overflow:ellipsis}
.index-news li span.num{width:25%}
.index-news li span.time{width:25%}
.index-news li span b{color:#ed5f01}
.footer{ text-align: center; background: #f5f5f5; padding: 15px 0; font-size: 13px;}
.footer_txt{ color: #7a7a7a; line-height: 28px;}
.footer_txt a{ color: #7a7a7a;}
mip-gototop{ border-radius: 50%;}
.mT45{ margin-top: 45px;}
.shop_b_bar{ z-index: 99; position: fixed; bottom: 0; left: 0; width: 100%; height: 48px; background: #fff; font-size: 12px; border-top: 1px solid #dedede;}
.sbb_btn{ display: block; float: left; box-sizing: border-box; width: 20%; height: 100%; text-align: center; border-right: 1px solid #ddd;}
.sbb_btn2{ display: block; float: left; box-sizing: border-box; width: 30%; height: 100%; background: #fd9c2a; text-align: center; border-right: 1px solid #fd9c2a; color: #fff; line-height: 48px; font-size: 17px;}
.sbb_btn3{ display: block; float: left; box-sizing: border-box; width: 30%; height: 100%; background: #f50; text-align: center; border-right: 1px solid #f50; color: #fff; line-height: 48px; font-size: 17px;}
i.cpfl{ display: inline-block; width: 18px; height: 18px; margin: 8px 0 -1px; background: url(../images/cpfl.png);}
i.qqjt{ display: inline-block; width: 20px; height: 20px; margin: 7px 0 -2px; background: url(../images/qqjt.png);}
i.ljlx{ display: inline-block; width: 18px; height: 18px; margin: 8px 0 -1px; background: url(../images/ljlx.png);}
i.ljlx_b{ display: inline-block; width: 18px; height: 18px; margin: 0 5px -3px 0; background: url(../images/ljlx_b.png);}
.qyxx{ padding:20px;}
.qyxx dl{width: 100%; line-height: 28px; display: block; overflow: hidden; position:relative; color: #666;}
.qyxx dt{ float: left; color: #444;font-size:.8rem; display:inline-block; padding-right: 10px;}
.qyxx dl a{ color: #507BBF;}
.lxwm_box{ max-height: 9999px;}
.s_lx_box{ line-height: 22px; border-bottom: 1px solid #e2e2e2; padding: 10px 10px 10px 80px; position: relative; color: #333;}
.pR90{ padding-right: 90px;}
.s_lx_box:last-of-type{ border-bottom: 0;}
.s_lx_tit{ position: absolute; left: 0; top: 0; display: block; height: 100%; line-height: 42px; padding-left: 10px; width: 70px; color: #888;}
.s_lx_box .s_tb{ position: absolute; right: 10px; top: 9px; width: 70px; height: 23px; line-height: 23px; text-align: center; background: #f80; border-radius: 12px; color: #fff; font-size: 12px;}
.s_dhtb{ display: inline-block; width: 14px; height: 14px; margin: 0 4px -2px 0; background: url(../images/dhtb.svg); background-size: cover;}
.s_sjtb{ display: inline-block; width: 14px; height: 15px; margin: 0 4px -3px 0; background: url(../images/sjtb.svg); background-size: cover;}
.s_qqtb{ display: inline-block; width: 12px; height: 12px; margin: 0 4px -2px 0; background: url(../images/qqtb.svg); background-size: cover;}

.sp_header{position:relative;width:100%;height:45px;line-height:45px;background:#fafafa;border-bottom:1px solid #eee;text-align:center; font-size: 16px;}
.sp_back{position:absolute;z-index:1;left:10px;top:10px;color:#333; margin-top: -2px; padding-left:25px;height:30px;overflow:hidden;line-height:30px;width:60px;display:block;text-align:left; background: url(../images/back_h.svg) left center no-repeat; background-size: 16px;}
.searchf{clear:both;background:#f5f5f5;padding:20px 80px 20px 10px; border-bottom:solid 1px #e5e5e5;position:relative;}
.s_input{ display:block; margin:0px 70px 0px 0px;}
#kw{display:block;height:35px;border:solid 1px #e2e2e2;background:#fff;padding:0 5px; width:100%; font-size: 15px; box-sizing: border-box;}
#search_btn{position:absolute;z-index:1;top:20px;right:10px;width:65px;height:35px;background:#ff7300; font-size: 14px;color:#fff; font-weight: bold; margin: 0; border: 0; padding: 0; border-radius: 0;}
.topic{padding:0 10px;background:#fff;}
.topic h2{font-size:14px; padding:10px 0;color:#333;}
.topic p{font-size:14px; line-height: 30px;}
.topic p a{display:inline-block; margin-right: 30px; color:#288E1D !important;}
.hqzxbj_input,#kw{ font-size: 16px;}

.topbar{width:100%;height:45px;line-height:45px;background:#fafafa;overflow:hidden;z-index:999;top:0;left:0;border-bottom: 1px solid #eee; }
.logospan{display:block; width:100%;}
.t_goback{width:17px;height:17px;display:inline-block;margin:15px 0 0 10px; background:url(../images/go_back_h.png) no-repeat;}
.pd_nav_box{ position: absolute; top: 0; left: 50%; width: 240px; height: 45px; margin-left: -120px;}
.pd_nav_box a{ display: inline-block; width: 50px; height: 43px; line-height: 45px; margin: 0 13px; text-align: center; border-bottom: 2px solid #fafafa; font-size: 0.95rem; color: #666;}
.pd_nav_box a.active{ border-bottom: 2px solid #f50; color: #333;}
.t_mbx{ height: 45px; line-height: 45px; padding: 0 10px; color: #999;}
.t_mbx a{ padding: 5px; color: #999;}
.t_mbx span{ padding: 5px;}
.view-menu{ height: 40px; line-height: 40px; padding: 0 15px; font-size: 15px; font-weight: 700; color: #555; background: #f6f6f6; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; text-align: center;}
.view-detail{padding:5px 16px 5px; line-height: 30px; background: #fff; overflow:hidden;}
.view-detail li{ float: left; width: 100%;color: #333; height: 32px; line-height: 32px; border-bottom: 1px dashed #ddd; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.view-detail li span{color: #507BBF;}
.view-detail li em{float: left; width: 80px;color: #666; text-align: right; margin-right: 20px}
.view-detail li.bB0{ border-bottom: 0;}
h2.new_tit{ background: #f8f8f8; border: 0; margin-top: 0; text-align: center; text-indent: 0; font-weight: normal; color: #555; line-height: 50px; font-size: .86rem;}
h2.new_tit a{ color: #555;}
h2.new_tit:before{position:relative;z-index:1;width:10%;height: 0.9rem;content:' ';display:inline-block;border-radius:0;background: url(../images/titbg2.png) center center no-repeat; background-size: contain; top:2px; left:-10px;}
h2.new_tit:after{position:relative;z-index:1;width:10%;content:' ';display:inline-block;border-radius:0;background: url(../images/titbg2.png) center center no-repeat; background-size: contain; top:2px; left:7px; height: 0.9rem; transform: scaleX(-1);}
h2.new_tit i.tit_link{ display: none;}
.pd_hd_dd{ margin-top: 0px; background: #f6f6f6; height: 30px; line-height: 30px;}
.pd_hd_dd .mip-carousel-indicatorDot .mip-carousel-activeitem{ background: #f60;}
.pd_hd_dd .mip-carousel-indicatorDot .mip-carousel-indecator-item{ width: 10px; height: 10px; background: #D0D0D0;}
.pd_hd_dd .mip-carousel-indicatorDot .mip-carousel-activeitem{ background: #80BD6D;}
.productparam {padding: 10px 10px 10px 10px; margin: 5px 5px 5px 5px; }
.atttilist .title {width: 15%;background-color: #F3F3F3;font-weight: bold; text-indent: 12px;}
.atttilist .etc_cot {width: 30%;height:26px; text-indent: 12px;}
.atttilist td{ border: 1px solid #999;}
.pdd_table{ width: 96%; margin: 20px auto;}
.pdd_table tr td{ height: 35px; line-height: 35px; border: 1px solid #ddd; padding: 0 10px;}
.pdd_table tr td.title{ width: 35%; background: #f8f8f8;}
.pd_d{ padding-top: 6px;}
.pd_d .mip-vd-tabs-nav{ padding: 0; border-bottom: 1px solid #e2e2e2;}
.pd_d .mip-vd-tabs-nav-li{ height: 45px;}
.pd_d .mip-vd-tabs-nav .mip-vd-tabs-nav-selected{ border-bottom: 1px solid #e2e2e2; color:#f60;}
.pd_info_box{ padding: 15px; color: #555; line-height: 24px;}
.pdd_img_box{ position: relative; background: #333; padding: 15px 15px 0; overflow: hidden;}
.pd_img{ height: 450px;}
.pd_img .mip-carousel-indicatorbox{ background: rgba(0,0,0,0.5); padding: 1px 15px; border-radius: 5px;}
.slideInfo{ width: 100%; padding: 10px; margin: 10px 0; box-sizing: border-box; overflow: auto; color: #e2e2e2; font-size: 14px; text-align: center;}
.page{clear:both;padding:10px 0;text-align:center;background:#fff;color:#888; margin-bottom: 10px;}
.page a,.page .dis{color:#888;border:solid 1px #d1d1d1; display: inline-block; width: 18%; height: 32px; line-height: 32px;}
.page .dis{color:#ccc;}
.page .current{color:#ff7300;}
.gsjs_companyDesc{ padding: 10px; text-indent: 28px; font-size: 14px; line-height: 25px; color: #555;}
.cpfl_tit{ height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; padding: 0 15px; font-size: 16px; font-weight: bold; background: #fafafa;}
.cpfl_info{ background: #fff;}
.cpfl_info a{ display: block; height: 45px; line-height: 45px; padding: 0 45px 0 20px; border-bottom: 1px solid #e0e0e0; position: relative; overflow: hidden;}
.cpfl_info a:after{content:''; position: absolute; right: 0; top: 0; width: 45px; height: 45px; background: url(images/yjt.png) center center no-repeat;}
.zx_tit{ line-height: 30px; padding: 8px 15px; font-size: 15px; font-weight: 700; color: #507BBF; background: #f6f6f6; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; text-align: center;}
.zx_time{ text-align: center; padding: 20px 10px 15px; font-size: 12px; font-weight: bold; color: #555;}
.nodata{ height: 80px; line-height: 80px; text-align: center; font-size: 15px; color: #bbb;}
.xc_box{ margin-top: 15px;}
.xc{ float: left; width: 40%; margin: 0 4.4% 40px; position: relative; background: #fff;}
.xcImg{ display: block; position: relative; width: 100%; height: 100%; box-sizing: border-box; padding: 5px; box-shadow: 2px 2px 8px rgba(50, 50, 50, 0.5); z-index: 99; background: #fff;}
.xcImg img{ width: 100%; height: 100%;}
.xcName{display: block; height: 30px; line-height: 35px; font-size: 13px; color: #666; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none;}
.gsxc_info{ position: relative; height: 100%; box-sizing: border-box; background: #222; padding: 55px 15px 0; overflow: hidden;}
.gsxc_info .pd_img{ height: 86%;}
.gsxc_info .mip-carousel-indicatorbox{ background: rgba(0,0,0,0.5); padding: 1px 15px; border-radius: 5px;}
.gsxc_info .goback{ position:absolute;z-index:9999;left:15px;top:10px; width:24px; height:24px; display:block; background:url(../images/backm.png) no-repeat; background-size:cover}


@media screen and (max-width:767px){
    .shop_company{ height: 140px;}
    .shop_company_logo{ width: 17%;}
    .shop_company_name{ font-size: 1.1rem;}
}
@media screen and (max-width:413px){
	.shop_company{ height: 135px;}
    .shop_company_r{ margin-top: 64px;}
}
@media screen and (max-width:374px){
    .shop_company{ height: 120px;}
    .shop_company_logo{ margin-top: 55px;}
    .shop_company_r{ margin-top: 58px;}
    .shop_company_name{ font-size: 1rem;}
    .sbb_btn2,.sbb_btn3{ font-size: 15px;}
    .pd_nav_box{ width: 180px; margin-left: -90px;}
    .pd_nav_box a{ width: 40px; margin: 0 8px;}
}