* { word-break: break-all; font-family: "Microsoft Yahei", Tahoma, Verdana, Arial; -webkit-text-size-adjust: none;padding: 0; margin: 0; }
input, select, textarea { font-size: 12px; padding: 4px; }
img { border: none; }
ul li { list-style-type: none; }
ol li { list-style-type: decimal; }
ul, form { margin: 0px; padding: 0px; }
em, i {font-style: normal;}
/* global */
body { margin: 0px; font-size: 12px; color: #333333; background: #F6F6F6; }

/* links */
a:link, a:visited, a:active { color: #333333; text-decoration: none }
a:hover { color: #FF6600; }
a.w:link, a.w:visited, a.w:active { text-decoration: none; color: #FFFFFF; }
a.w:hover { text-decoration: underline; }
a.t:link, a.t:visited, a.t:active { text-decoration: none; color: #225588; }
a.t:hover { text-decoration: underline; }
a.b:link, a.b:visited, a.b:active { color: #014CCC; text-decoration: none; }
a.b:hover { color: #FF6600; }

/* show */
.title { text-align: center; font-size: 20px; font-weight: bold; line-height: 48px; }
.info { margin: 16px 16px 0 16px; background: #F1F1F1; line-height: 48px; text-align: center; }
.content { font-size: 14px; line-height: 180%; padding: 25px 20px 15px; box-sizing:border-box; }
.content p { margin: 0 0 16px 0; }
.content p img {max-width: 100%;}
.content table {max-width:100%;}
.ex_table td { line-height: 30px; padding:5px 0 5px 10px;}
.ex_table td:nth-child(1) { text-align:right; font-weight:700; padding-right:10px;}
.ex_list th,.ex_list td { line-height: 40px;}
.ex_list td .px14 { background: url(../../image/ico_arrow.gif) no-repeat 8px 6px; padding: 0 0 0 20px; height: 32px; line-height: 32px; overflow: hidden;}
.np-block {overflow:hidden;padding:20px 15px;font-size:14px;}
.np-block span {width:49%;overflow: hidden; text-overflow: ellipsis;}
.np-block span.f_r {text-align:right;}
.property { border: #E6E6E6 1px solid; background: #F6F6F6; padding: 16px; margin: 0 20px; }
.property li { float: left; width: 30%; height: 24px; line-height: 24px; overflow: hidden; }
.foot { background: #F1F1F1; padding: 20px; line-height: 32px; }
.foot i, .top i { font-style: normal; color: #999999; padding: 0 8px; }
.pos { padding: 16px 16px 16px 32px; height: 24px; line-height: 24px; background: url('../../image/pos.png') no-repeat 6px 18px; font-size: 14px; }
.pos div { float: right; }
.pos i { font-style: normal; font-weight: bold; color: #444444; padding: 0 6px; font-family: simsun; }
.pos em { font-style: normal; color: #999999; padding: 0 10px; font-size: 12px; }
.pos .f_r { font-size: 12px; color: #666666; }
.inp { border: #CCCCCC 1px solid; color: #666666; }
.sbm { height: 28px; line-height: 28px; border: #CCCCCC 1px solid; color: #333333; background: #EEEEEE; padding: 0 10px; cursor: pointer; }
.sbm:hover { background: #DDDDDD; }
.banner { margin-top: 20px; }

/* sign */
.sign { z-index: 1000; position: absolute; width: 180px; height: 50px; background: url('vip_bg.gif') no-repeat; margin: 35px 0 0 1000px; }
.sign div { padding: 23px 0 0 73px; }
.sign2 { z-index: 1000; position: absolute; width: 180px; height: 50px; background: url('tel_bg.jpg') no-repeat; margin: 25px 0 0 1000px; }
.sign2 .tel { padding: 26px 0 0 50px; font-size:16px; font-weight:700; color:#f60; letter-spacing:1px; }
.sign2 .txt { margin:10px 0 0 8px;}
.sign2 .txt span { margin-right:15px; background: url('wuxing.jpg') no-repeat; padding:0 0 0 18px; display:inline-block;}
.sign strong { font-size: 18px; color: red; }
.sign span { font-size: 18px; color: red; font-weight: bold; padding: 0 0 0 60px; }

/* thumb */
.intro_thumb {margin:6px 0 6px 25px;height:182px;border-radius:8px;padding:10px;border:#efefef 1px solid;}
.thumb { padding: 16px; }
.thumb img { padding: 5px; border-radius:6px;}
.thumb div { width: 90%; height: 40px; line-height: 20px; overflow: hidden; font-size: 13px; margin: 6px 0 6px 0; }
.thumb p { font-size: 10px; color: #888888; margin: 2px; }
.thumb:hover { background: #F1F1F1; }
.main_body .img_thumb {margin:5px 0 5px 10px;padding:8px;border:#dfdfdf 1px solid; border-radius:6px;}
.main_body .thumb_s {width:240px;margin:5px 0 5px 15px;padding:8px;border:#dfdfdf 1px solid; border-radius:6px;}
.introduce_txt { font-size:14px;}
.introduce_txt p { font-size:14px; line-height:32px; margin-bottom:10px; text-indent: 32px;}
.introduce_txt p img { max-width:100%; margin-left:-32px;}

/* album */
#mid_pos { position: absolute; }
#mid_div { width: 400px; height: 400px; cursor: crosshair; padding: 5px; border: #CCCCCC 1px solid; background: #F3F3F3; }
#zoomer { border: #D4D4D4 1px solid; width: 120px; height: 90px; background: #FFFFFF url('../../image/zoom_bg.gif'); position: absolute; opacity: 0.5; filter: alpha(opacity=50); }
#big_div { width: 360px; height: 360px; border: #CCCCCC 1px solid; background: #FFFFFF; position: absolute; overflow: hidden; }
#big_pic { position: absolute; }
.ab_zoom {margin:370px 0 0 -30px;}
.ab_im { padding: 2px; margin: 0px 0 10px 15px; border: #C0C0C0 1px solid; }
.ab_on { padding: 2px; margin: 0px 0 10px 3px; border: #FF6600 1px solid; background: #FF6600; }
/*产品标签*/
.sell_table {border-collapse:collapse;}
.sell_table td {line-height:32px;padding:3px 0;}
.main_body .sx {line-height:32px;font-size:14px;}
/* pages */
.pages { padding: 20px 0; text-align: center; font-size: 12px; }
.pages a:link, .pages a:visited, .pages a:active { background: #FFFFFF; border: #E6E6E6 1px solid; padding: 6px; text-decoration: none; margin: 0 6px; }
.pages a:hover { background: #F1F1F1; border: #CCCCCC 1px solid; color: #FF6600; }
.pages strong { background: #2E6AB1; padding: 6px; border: #CCCCCC 1px solid; color: #FFFFFF; }
.pages_inp { border: #CCCCCC 1px solid; padding: 6px; width: 30px; text-align: center; color: #666666; }
.pages_btn { width: 48px; background: #EEEEEE; border: #CCCCCC 1px solid; font-weight: bold; padding: 6px; margin: 0 6px; }
.pages label { background: #FFFFFF; border: #CCCCCC 1px solid; padding: 6px; }
.pages label em { color: red; font-weight: bold; font-style: normal; }
.pages label span { font-weight: bold; }
.tbsm {width:360px;}
/* comment */
.stat { padding: 15px 0 10px 0; }
.stat_p { height: 10px; line-height: 10px; background: #FFF7D2; font-size: 1px; }
.stat_p div { height: 10px; line-height: 10px; background: #FFA40D; border-left: #FFA40D 2px solid; float: left; }
.comment { padding: 15px 10px 15px 10px; border-top: #AACCEE 1px dotted; }
.comment_sp { background: #F9FCFE; }
.comment_content { color: #333333; font-size: 14px; line-height: 180%; clear: both; padding: 5px; }
.comment_title { height: 26px; line-height: 26px; color: #1B4C7A; padding: 0 5px 0 5px; }
.comment_reply { padding: 5px 10px 5px 10px; margin: 0 5px 0 5px; line-height: 180%; border: #E6E6E6 1px solid; background: #FFFFE3; }
.comment_no, .order_no { text-align: center; padding: 20px; font-size: 13px; }
/* basic */
.f_l { float: left; }
.f_r { float: right; }
.t_r { text-align: right; }
.t_c { text-align: center; }
.f_b { font-weight: bold; }
.f_n { font-weight: normal; }
.f_white { color: white; }
.f_gray { color: #666666; }
.f_orange { color: #FF6600; }
.f_red { color: red; }
.f_green { color: green; }
.f_blue { color: blue; }
.f_dblue { color: #225588; }
.f_price { font-weight: bold; font-family: Arial; color: #FF6600; }
.px12 { font-size: 12px; }
.px14 { font-size: 14px; }
.lh18 { line-height: 180%; }
.b10 { font-size: 1px; height: 10px; }
.pd10 { padding: 10px; }
.c_b { clear: both; }
.dsn { display: none; }
.c_p { cursor: pointer; }
.highlight { color: red; }

/* common */
.m { width: 1200px; margin: auto; }
.mm { width: 100%; margin: auto; }
.menus { width: 100%; margin: auto; background: #fff; height: 54px; border-top: 1px solid #f1f2f3; }
.top { height: 38px; line-height: 38px; background: #F5F5F5; border-bottom: #f6f6f6 1px solid; width: 100%; }
#top a { text-decoration: none; }
.head { height: 116px; overflow: hidden; }
.head div { float: left; }
.head .logo { padding: 10px 25px 0 0px; height: 90px; overflow: hidden; }
.head .logo img { max-height: 90px; }
.head h1 { font-size: 18px; margin: 32px 0 6px 0; color: #333333; filter: glow(color=#FFFFFF, strength=3); }
.head h4 { font-size: 14px; margin: 0; color: #777; font-weight: normal; }
#menu a { text-decoration: none; }
.menu { background: #fff; height: 54px; overflow: hidden; font-size: 16px; }
.menu_on a { color: #3A92FC; }
.menu_li { float: left; white-space: nowrap; line-height: 54px; padding: 0 30px; }
.menu_li a { color: #333; transition: all .5s;}
.menu_li a:hover { color: #3A92FC; }
.menu_li:hover { color: #3A92FC; border-bottom: 3px solid #3A92FC; line-height: 51px;}
.menu_on { float: left; white-space: nowrap; line-height: 51px; margin: 0 16px; border-bottom: 3px solid #3A92FC; font-weight: bold; }
.side_head { border: #dddddd 0px solid; line-height: 35px; font-size: 16px; border-bottom: 1px solid #efefef; background: #ffffff; padding-top: 10px; }
.side_head div { padding: 0 16px; font-size: 16px; height: 44px; line-height: 44px; overflow: hidden; }
.side_body { border: #dddddd 0px solid; border-top: none; background: #FFFFFF; padding: 16px; margin: 0 0 20px; }
.side_body p {padding:5px 0;line-height:24px;}
.side_body li { background: url('../../image/ico_arrow.gif') no-repeat 4px 12px; padding: 0 0 0 20px; height: 32px; line-height: 32px; overflow: hidden; }
.side_body li a { display:inline-block;}
.side_body li.son {background:none;}
.side_body li.son a { color:#777;}
.side_body li.son a:hover {color:#3A92FC;}
.side_body .com_logo img { max-width:206px;}
.side_body .com_name {font-size:14px;font-weight:700;padding-bottom:8px;margin-bottom:6px;border-bottom:1px #dfdfdf dotted;}
.side_body .member strong {color:#f60;}
.side_body2 { border: #dddddd 0px solid; border-top: none; background: #FFFFFF; padding: 16px; margin: 0 0 20px; }
.side_body2 p {padding:5px 0;line-height:24px;}
.side_body2 li { height: 32px; line-height: 32px; overflow: hidden; }
.side_body2 li.son {background:none;}
.main_head { border: #dddddd 0px solid; border-bottom: none; background: #fff; padding-top: 10px; }
.main_head div { padding: 0 16px; font-size: 16px;line-height: 42px; overflow: hidden; }
.main_body { border: #dddddd 0px solid; border-top: none; background: #FFFFFF; padding: 16px; margin: 0 0 20px; overflow: hidden;}
.sell_content table {border-collapse:collapse;min-width:320px;border: #dfdfdf 1px solid;}
.sell_content table th {background:#f8f8f8; padding:0 10px;}
.sell_content table td {border: #dfdfdf 1px solid;padding-left:15px;}
.bgw { background: #fff; }
.side_head div strong { border-bottom: 2px solid #3A92FC; line-height: 40px; padding-bottom: 10px; }

/*common*/
a:-webkit-any-link {
text-decoration:none;
}
.container { width: 1200px; margin: 0 auto; padding: 0; }
.container:after { content: ""; display: block; clear: both; }
.clearfix:after { content: ""; display: block; clear: both; }
.fl { float: left; }
.fr { float: right; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.color-white { color: white!important; }
.red { color: #fc8080!important; }
.fz12 { font-size: 12px; }
.fz14 { font-size: 14px; }
.wfs { width: 100%; position: relative; }
.p_r { position: relative; }

/*新闻列表*/
.news-list td {padding:5px 0;line-height:30px;}

/*关于我们*/
.m_tab td {padding:5px 0;}

/*悬浮链接*/
.suspension { position: fixed; z-index: 55; right: 0; bottom: 85px; width: 70px; height: 240px; }
.suspension-box { position: relative; float: right; }
.suspension .a { display: block; width: 44px; height: 44px; background-color: #696969; margin-bottom: 4px; cursor: pointer; outline: none; }
.suspension .a.active, .suspension .a:hover { background: #3A92FC; }
.suspension .a .i { float: left; width: 44px; height: 44px; background-image: url(side_icon.png); background-repeat: no-repeat; }
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(suspension-bg.png); background-repeat: no-repeat; background-position: 0 0; }
.suspension .a-service-phone .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(suspension-bg.png); background-repeat: no-repeat; background-position: -27px 0; }
.suspension .a-qrcode .i { background-position: -44px 0; }
.suspension .a-cart .i { background-position: -88px 0; }
.suspension .a-top .i { background-position: -132px 0; }
.suspension .a-top { background: #D2D3D6; display: none; }
.suspension .a-top:hover { background: #c0c1c3; }
.suspension .d { display: none; width: 223px; background: #fff; position: absolute; right: 67px; min-height: 90px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11); }
.suspension .d .arrow { position: absolute; width: 8px; height: 12px; background: url(side_bg_arrow.png) no-repeat; right: -8px; top: 31px; }
.suspension .d-service { top: 0; }
.suspension .d-service-phone { top: 34px; }
.suspension .d-qrcode { top: -38px; }
.suspension .d .inner-box { padding: 8px 22px 12px; }
.suspension .d-service-item { border-bottom: 1px solid #eee; padding: 14px 0; }
.suspension .d-service .d-service-item { border-bottom: none; }
.suspension .d-service-item .circle { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3; display: block; float: left; }
.suspension .d-service-item .i-qq { width: 44px; height: 44px; background: url(side_con_icon03.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; }
.suspension .d-service-item:hover .i-qq { background-position: center 3px; }
.suspension .d-service-item .i-tel { width: 44px; height: 44px; background: url(side_con_icon02.png) no-repeat center center; display: block; }
.suspension .d-service-item h3 { float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text { float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text .number { font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; }
.suspension .d-service-intro { padding-top: 10px; }
.suspension .d-service-intro p { float: left; line-height: 27px; font-size: 12px; width: 50%; white-space: nowrap; color: #888; }
.suspension .d-service-intro i { background: url(side_con_icon01.png) no-repeat center center; height: 27px; width: 14px; margin-right: 5px; vertical-align: top; display: inline-block; }
.suspension .d-qrcode { text-align: center; }
.suspension .d-qrcode .inner-box { padding: 20px 0; }
.suspension .d-qrcode p { font-size: 16px; color: #93959c; }
/*banner css*/
.m-focus { width: 100%; overflow: hidden; }
.m-focus-box { overflow: hidden; margin: 0 auto; position: relative; }
.m-focus { display: block; overflow: hidden; position: relative; }
.m-focus .m-focus-box { margin: 0 auto; overflow: hidden; position: relative; backface-visibility: hidden; }
.m-focus .m-focus-box .swiper-wrapper li { list-style-type: none; }
.m-focus .m-focus-box .swiper-wrapper li a { position: relative; width: 100%; display: block; }
.m-focus .m-focus-box .swiper-wrapper img { width: 100%; display: block; }
.m-focus .swiper-container { display: none; }
.m-focus-box .b-menu { text-align: center; position: absolute; width: 100%; left: 0; bottom: 15px; z-index: 10; }
.m-focus-box .swiper-pagination-switch { display: inline-block; width: 12px; height: 12px; border-radius: 10px; margin-right: 5px; cursor: pointer; }
.swiper-pagination-bullet { display: inline-block; border-radius: 100%; border: #fff 1px solid; cursor: pointer; margin: 0 5px; width: 12px; height: 12px; }

/*产品详情页*/
.main_head .desc {font-size:12px;color:#999;line-height:20px;}
.sx a {width:45%;display:inline-block;}

/*新闻中心*/
.main_news ul li {overflow:hidden;padding:10px 0px;width:50%; float:left;}
.main_news ul li:before { content:""; display:inline-block; width:4px; height:4px; background:#666; margin: -2px 8px 0 0; vertical-align: middle;}
.main_news ul li .image { float:left;width:100%;overflow:hidden;position:relative;padding: 10px;box-sizing: border-box;}
.main_news ul li .image img {width:100%;}
.main_news ul li .text {box-sizing: border-box; overflow:hidden;padding:0px 15px 0px;z-index:1;}
.main_news ul li .text h5 { font-size:14px; color:#333;line-height:22px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-top:10px;}
.main_news ul li .text i{font-size:14px;color:#888;line-height:30px;}
.main_news ul li .text p { font-size:14px; color:#888; line-height:23px;display:block;padding-top:10px;}
.main_news ul li .time { float:right; margin-right:10px; color:#999;}
.main_news ul li:hover .text p,.main_news ul li:hover .text i,.main_news ul li:hover .text h5{color:#363636;}

/*客服样式 THE*/
.kefu{position:fixed;right:0px;top:60%;margin-top:-100px;z-index:100;background:#888; border-radius:4px 0 0 4px;}
.kefu-menu{position:relative;}
.kefu-menu a.kefu-btn{width:60px;text-align:center;display:block;position:relative;padding:3px 5px; border-top:.5px solid rgba(255,255,255,.6);}
.kefu-menu:hover a.kefu-btn { background:#ef9d09;}
.kefu-menu a.kefu-btn p {color:#fff;font-size:12px;line-height:18px;margin:3px 0;}
.kefu-menu a.kefu-btn a{color:#fff;display:block;padding:10px 0px}
.kefu-box{position:absolute;top:0px;right:70px;overflow:hidden;width:0px;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.kefu-menu:hover .kefu-box { position:absolute;top:0px;right:70px;overflow:hidden;width:150px;}
.kefu-box .box-border{padding:15px 10px;background:#fff;border:1px solid #ddd}
.kefu-box .box-border .sev-t{ overflow:hidden; width:130px; z-index:1000;font-size:15px;color:#333;text-align:center;}
.kefu-box .box-border .sev-t p { font-size:14px; margin-bottom:10px;}
.kefu-box .box-border .sev-t img { width:130px;}
.kefu-menu:hover .kefu-box{display:block}
.kefu-menu .ico {width:42px;height:42px;display:block;margin:0 auto;}
.kefu-menu .ico-tel {background:url(img/icon-tel.png) no-repeat;}
.kefu-menu .ico-qq {background:url(img/icon-qq.png) no-repeat;}
.kefu-menu .ico-top {background:url(img/icon-top.png) no-repeat;}
.kefu-menu .ico-wx {background:url(img/icon-wx.png) no-repeat;}
/*客服样式 END*/

/* 新底部 */
.footer { height: 215px; background: #2b2b2b; color: #999; }
.footer a { color: #999; }
.fcont ul { border-bottom: 1px solid #4c4c4c; height: 40px; line-height: 40px; padding-bottom: 12px; margin-top: 25px; }
.fcont li { float: left; font-size: 15px; }
.fcont li a { margin: 0 12px; }
.fcont li:first-child a { margin-left: 0; }
.fcontent { font-size: 15px; line-height: 28px; margin-top: 16px; color: #787878; }
.fcontent .copy { font-size: 14px; color: #787878; margin-top: 5px; }
.fcontent .copy a { color: #787878; }
.ftell { background: url(/image/tell.jpg) no-repeat left center; padding-left: 60px; margin-left: 65px; margin-top: 80px; }
.ftell p { color: rgba(255,255,255,.75); }
.ftell span { font-size: 24px; font-weight: bold; }
.ewm { text-align: center; margin-top: 50px; }
.ewm p { margin-top: 10px; color: #787878; }
.ewm img { width: 100px; height: 100px; }
.banner { width: 1200px; margin: auto; padding-top: 15px; }
.banner img { width: 1200px; max-height: 400px; min-height: 250px; }
.ws_shadow { width: 1200px; margin: 0 auto; background: url(img/shadow.png); height: 28px; }