@charset "utf-8";
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin:0; padding:0;}
body, input, textarea, select, button, table{ outline:none; font-family:'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; box-shadow:none; font-size:12px;}
select{ -webkit-appearance:listbox;}
input[type=button]{-webkit-appearance:none;}
body{ min-width:320px; margin:0 auto; background:#fff; font-family:'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; color:rgba(0,0,0,0.9); -webkit-text-size-adjust:none;}
img, fieldset{border:0; vertical-align:top;}
ul,ol,li{ list-style:none}
a{ color:rgba(0,0,0,0.9); text-decoration:none;}
a,a:link,a:visited{ -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
img{ max-width:100%;}
table{ border-collapse:collapse; border-spacing:0;}

*{ padding:0px; margin:0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*.clear,.clear_bt,.clear_bb,.clear_h5,.clear_h10,.clear_h15,.clear_h20,.clear_h30,.clear_h40,.clear_h50,.clear_h60{ height:0px; line-height:0px; zoom:0; clear:both; font-size:0px;}*/
.clear,.clear_bt,.clear_bb,[class^=clear_h]{ height:0px; line-height:0px; zoom:0; clear:both; font-size:0px;}
.clear_h5{ height:5px;}
.clear_h10{ height:10px;}
.clear_h15{ height:15px;}
.clear_h20{ height:20px;}
.clear_h30{ height:30px;}
.clear_h40{ height:40px;}
.clear_h50{ height:50px;}
.clear_h60{ height:60px;}
.clear_bt{ border-top:solid 1px #e2e2e2;}
.clear_bb{ border-bottom:solid 1px #e2e2e2; }

.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.dib{ display:inline-block; vertical-align:top;}
.tal{ text-align:left;}
.tac{ text-align:center;}
.tar{ text-align:right;}
.cursor{ cursor:pointer;}
.tdu,a.tdu{ text-decoration:underline;}
.tdu_hov:hover{ text-decoration:underline;}
.tdu_act:active{ text-decoration:underline;}
.of_hid{ overflow:hidden;}
.pos_re{ position:relative;}

.m5{ margin:5px;}
.m10{ margin:10px;}
.m15{ margin:15px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}

.p5{ padding:5px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}

.w40{ width:40px;}
.w80{ width:80px;}
.w120{ width:120px;}
.w160{ width:160px;}
.w200{ width:200px;}
.w240{ width:240px;}
.w280{ width:280px;}
.w320{ width:320px;}
.w360{ width:360px;}
.w400{ width:400px;}
.w480{ width:480px;}
.w560{ width:560px;}
.w640{ width:640px;}

.c000{ color:#000!important;}
.c333{ color:#333!important;}
.c666{ color:#666!important;}
.c999{ color:#999!important;}
.cccc{ color:#ccc!important;}
.cfff{ color:#fff!important;}
.c06b{ color:#06b!important;}
.c09c{ color:#09c!important;}
.c0b8{ color:#0b8!important;}
.cf30{ color:#f30!important;}
.cf90{ color:#f90!important;}
.cd00{ color:#d00!important;}
.cf40{ color:#f40!important;}
.cf44{ color:#f44!important;}

.bgfff{ background-color:#fff!important;}
.bgeee{ background-color:#eee!important;}
.bgf2{ background-color:#f2f2f2!important;}

.fssm{ font-size:smaller!important;}
.fs12{ font-size:12px!important;}
.fs13{ font-size:13px!important;}
.fs14{ font-size:14px!important;}
.fs15{ font-size:15px!important;}
.fs16{ font-size:16px!important;}
.fs18{ font-size:18px!important;}
.fs20{ font-size:20px!important;}
.fs24{ font-size:24px!important;}

/*上传*/
input[type="file"]{ position:absolute; right:0; top:0; font-size:100px; opacity:0; filter:alpha(opacity=0);}

/*边框0.5*/
.bt,.bb,.bl,.br{ position:relative;}
.bt:before,.bb:after,.bl:before,.br:after{ content:''; background:#ddd; position:absolute; z-index:2;}
.bt:before{ width:100%; height:1px; left:0; top:0; transform:scaleY(.5); -webkit-transform:scaleY(.5);}
.bb:after{ width:100%; height:1px; left:0; bottom:0; transform:scaleY(.5); -webkit-transform:scaleY(.5);}
.bl:before{ width:1px; height:100%; top:0; left:0; transform:scaleX(.5); -webkit-transform:scaleX(.5);}
.br:after{ width:1px; height:100%; top:0; right:0; transform:scaleX(.5); -webkit-transform:scaleX(.5);}

.b_all{ position:relative;}
.b_all:before{ content:''; width:200%; height:200%; border:solid 1px #ddd; position:absolute; left:0; top:0; z-index:-1; transform-origin:0 0; -webkit-transform-origin:0 0; transform:scale(.5,.5); -webkit-transform:scale(.5,.5);}

/*box-sizing*/
.box_siz,.box_siz *{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

/*box-shadow*/
.box_sha{ box-shadow:0px 0px 5px #ddd; -moz-box-shadow:0px 0px 5px #ddd; -webkit-box-shadow:0px 0px 5px #ddd;}
.box_sha_hov:hover{ box-shadow:0px 0px 5px #ddd; -moz-box-shadow:0px 0px 5px #ddd; -webkit-box-shadow:0px 0px 5px #ddd;}

/*图片居中*/
/*.pic_c{ display:table-cell; vertical-align:middle; text-align:center;*display: block;*font-family:Arial;}*/
.pic_c{ display:flex; justify-content:center; align-items:center}
.pic_c img{ max-width:100%; max-height:100%; vertical-align:middle;}

/*flex排列*/
.y_start{ display:flex; align-items:flex-start;}
.y_center{ display:flex; align-items:center;}
.y_end{ display:flex; align-items:flex-end;}
.x_start{ display:flex; justify-content:flex-start;}
.x_center{ display:flex; justify-content:center;}
.x_end{ display:flex; justify-content:flex-end;}
.x_pad_start_end{ display:flex; justify-content:space-around;}
.x_start_end{ display:flex; justify-content:space-between;}

.flex_wrap{flex-wrap:wrap;}

/*栅格*/
[class*="grid"]{ display:flex;}
[class*=grid_pad]{ justify-content:space-between;}
[class*=grid].flex_wrap>*{ margin-bottom:5px;}

.grid_1>*{ width:100%;}
.grid_2>*{ width:50%;}
.grid_3>*{ width:33.3%;}
.grid_4>*{ width:25%;}
.grid_5>*{ width:20%;}
.grid_6>*{ width:16.6%;}

.grid_pad_2>*{ width:49%;}
.grid_pad_3>*{ width:32.3%;}
.grid_pad_4>*{ width:24%;}
.grid_pad_5>*{ width:19%;}
.grid_pad_6>*{ width:16%;}

/*去色*/
.color_filt{ filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*ie6-9*/}

/*文字打断*/
.word_break,.word_break *{ word-wrap:break-word; word-break:break-all;}

/*自动隐藏文字*/
[class*=t_ellipsis_]{ display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all; white-space:normal!important; -webkit-box-orient:vertical;}
.t_ellipsis_1{ -webkit-line-clamp:1;}
.t_ellipsis_2{-webkit-line-clamp:2;}
.t_ellipsis_3{-webkit-line-clamp:3;}
.t_ellipsis_4{-webkit-line-clamp:4;}

/*默认样式*/
.no_sty{ width:100%; line-height:normal; overflow:hidden;}
.no_sty img{ max-width:100%;}

/*禁止复制*/
.no_copy{ -moz-user-select: none; -o-user-select:none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;}

.icon{ line-height:0; background:url(../images/icon.png) no-repeat; font-size:0; text-indent:-99999px; display:inline-block; vertical-align:top;}

/*******************************/

*::-webkit-input-placeholder{ color:#bbb;}
*::-moz-placeholder{ color:#bbb;}
*::-ms-input-placeholder{ color:#bbb;}

/*main*/
.main{ width:1190px; margin:0 auto;}
.main990{ width:990px; margin:0 auto;}

/*head*/
.head{ width:100%; padding:25px 0; background:#fff; position:fixed; top:0; left:0; z-index:99999;}
.head .main{ position:relative;}
.head .head_box .head_l{ margin:-5px 0;}
.head .head_box .head_l .logo{ height:40px; float:left;}
.head .head_box .head_l .name{ line-height:1em; padding:8px 15px 0 10px; font-size:22px; color:#006; float:left; font-weight:600;}
.head .head_box .slogan{ line-height:1em; padding:6px 15px; border-left:solid 1px #e2e2e2; font-size:18px; color:#666; font-weight:lighter;}
.head .head_box .slogan b{ font-weight:normal;}

.head .head_susp{ width:100%; padding:5px 0; position:absolute; z-index:-1; opacity:0;}
.head .head_susp .logo{ height:26px; margin:-2px 10px -4px 0; float:left;}
.head .head_susp .name{ max-width:70%; line-height:20px; font-size:18px; float:left;}
.head .head_susp .btn_box{ float:right;}
.head .head_susp .btn_box .btn{ line-height:20px; margin:-6px 6px; padding:5px 10px; background:#fff0f0; border:solid 1px #f44; color:#f44; font-size:13px; float:left; text-align:center; opacity:0.85;}
.head .head_susp .btn_box .btn:last-of-type{ margin-right:0;}
.head .head_susp .btn_box .btn:hover{ opacity:1;}
.head .head_susp .btn_box .btn b{ font-weight:normal;}
.head .head_susp .btn_box .icon{ width:16px; height:16px; margin:2px 4px 0 0;}
.head .head_susp .btn_box .mes{ background-position:-100px 0;}
.head .head_susp .btn_box .tel{ background-position:-80px 0;}
.head .head_susp .btn_box .pic{ background-position:-120px 0;}

.head_empty{height:90px; line-height:0px; zoom:0; clear:both; font-size:0px;}

.m_head{ display:none;}

/*show_info_tit*/
.m_show_info_tit{ display:none;}
.m_attr_unit{ display:none;}
.m_pro_info{ display:none;}
.m_td_info{ display:none;}

/*banner*/
.banner_box{ padding:50px 0; background:#f2f2f2; position:relative;}
.banner_bg{ width:100%; height:350px; background:url(../images/page_mes_bg.jpg) no-repeat center; opacity:0.4; position:absolute; left:0; top:0; z-index:0;}
.banner_zz{ width:100%; height:350px; background:#0062d0; opacity:0.8; position:absolute; left:0; top:0; z-index:1;}
.banner_info{ width:700px; padding-top:10px; position:relative; z-index:2; float:right;}
.banner_info .title{ margin-bottom:20px; color:#fff; font-size:50px; font-weight:600;}
.banner_info .slogan{ margin-bottom:50px; font-size:30px; color:#ff0;}
.banner_info .label{ margin-bottom:20px; color:#fff; font-size:16px;}
.banner_info .label span{ width:20%; line-height:2em; margin:0 10px 10px 0; padding:4px 5px; background:rgba(255,255,255,0.1); border:solid 1px #fff; border-radius:1px; float:left; text-align:center;}
.banner_info .label span{ display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all; white-space:normal!important; -webkit-box-orient:vertical; -webkit-line-clamp:1;}

.banner_info .online_pri{ padding:30px 0 0; font-size:14px; color:#999;}

.banner_info .btn_box{ padding:25px 0 0;}
.banner_info .btn_box .btn{ line-height:20px; margin-right:15px; padding:12px 40px; border:solid 1px; border-radius:3px; color:#fff; font-size:16px; float:left; opacity:0.9;}
.banner_info .btn_box .btn:last-of-type{ margin:0;}
.banner_info .btn_box .btn:hover{ opacity:1;}
.banner_info .btn_box .btn b{ font-weight:normal;}
.banner_info .btn_box .btn_a{ background:#f44; border-color:#f44;}
.banner_info .btn_box .btn_b{ background:#0af; border-color:#0af;}

.banner_info .btn_box .icon{ width:20px; height:20px; margin-right:6px;}
.banner_info .btn_box .mes{ background-position:-40px 0;}
.banner_info .btn_box .tel{ background-position:-20px 0;}
.banner_info .btn_box .pic{ background-position:-60px 0;}

.banner_info .btn_link{ padding-top:15px;}
.banner_info .btn_link .btn{ line-height:20px; margin-right:30px; float:left; opacity:0.8;}
.banner_info .btn_link .btn:hover{ opacity:1;}
.banner_info .btn_link .icon{ width:16px; height:16px; margin:2px 5px 0 0; opacity:0.7;}
.banner_info .btn_link .btn_a .icon{ background-position:0px -60px;}
.banner_info .btn_link .btn_b .icon{ background-position:-20px -60px;}
.banner_info .btn_link .btn_c .icon{ background-position:-40px -60px;}
.banner_info .btn_link b{ font-weight:normal; color:#777;}

.banner_info .list_attr{ display:none;}

.banner{ width:450px; margin:0 auto; position:relative; overflow:hidden; float:left; z-index:2;}
.banner .hd ul{ height:6px; padding:3px; background-color:rgba(255,255,255,0.7); border-radius:6px; font-size:0; vertical-align:top; display:inline-block; display:none;}
.banner .hd ul li{ width:6px; height:6px; border-radius:50%; background:#8C8C8C; margin:0 3px; vertical-align:top; overflow:hidden; display:inline-block;}
.banner .hd ul .on{ background:#f44;} 
.banner .bd{ position:relative; z-index:0; }
.banner .bd li img{ width:100%; }
.banner .prev,.banner .next{ width:30px; height:30px; margin:-15px 0px 0; background:url(../images/pisscrollicons.png) no-repeat; background-size:60px; display:block; float:right; overflow:hidden; position:absolute; top:50%; z-index:9; opacity:0.4; cursor:pointer;}
.banner .prev{ background-position:0px 0px; left:0px;}
.banner .next{ background-position:-30px 0px; right:0px; }

/*特点*/
.lm_tit{ text-align:center;}
.lm_tit *{ line-height:1.6em;}
.lm_tit h3{ font-size:42px; font-weight:normal; color:#023;}
.lm_tit h3 b{ margin-left:20px;}
.lm_tit p{ font-size:20px; color:#023; font-weight:lighter;}
.lm_tit em{ width:50%; height:1px; background:linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0)); display:inline-block;}

.pro_td{ padding:10px 0 30px; background:#f2f2f2;}
.pro_td .main{ padding:30px 20px; background:#fff;}
.pro_td .pro_td_box{ padding:40px 0 30px; text-align:center;}
.pro_td .pro_td_box .td_li{ width:16.3%; display:inline-block; text-align:center;}
.pro_td .pro_td_box .td_li em{ width:100px; line-height:100px; display:inline-block; border:solid 2px #07f; border-radius:4px; color:#07f; font-size:48px; font-style:normal;}
.pro_td .pro_td_box .td_li h3{ padding:20px 0 0; font-size:20px; font-weight:normal;}

/*产品*/
.pro_list{ padding:30px 0 0;}
.pro_list .pro_list_box{ padding:40px 0 30px;}
.pro_list .pro_list_box .pro_li{ width:380px; margin:0 25px 30px 0; border:solid 2px #00AAFF; float:left;}
.pro_list .pro_list_box .pro_li:nth-of-type(3n){ margin-right:0;}
.pro_list .pro_list_box .pro_li img{ width:100%;}
.pro_list .pro_list_box .pro_li h3{ line-height:30px; padding:15px 0; background:#00AAFF; color:#fff; font-size:24px; font-weight:normal; display:flex;}
.pro_list .pro_list_box .pro_li h3 span{ padding:0 3px 0 20px; flex:1; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all; white-space:normal!important; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.pro_list .pro_list_box .pro_li .btn{ width:80px; line-height:26px; margin:-15px -2px -17px; padding:5px 15px; background:#e23434; font-size:20px; float:right; text-align:center; color:#fff; font-weight:bold;}

/*工厂实力*/
.com_show{ padding:30px 0 20px; background:#f2f2f2;}
.com_show .com_show_box{ padding:40px 0 0px; }
.com_show .com_show_box .com_li{ width:100%; margin-bottom:40px; background:#fff; float:left; }
.com_show .com_show_box .com_li *{ line-height:1.5em;}
.com_show .com_show_box .com_li:nth-of-type(2n){ text-align:right;}
.com_show .com_show_box .com_li:nth-of-type(2n) .left{ float:right;}
.com_show .com_show_box .com_li:nth-of-type(2n) .right{ float:left;}
.com_show .com_show_box .com_li .left{ width:50%; float:left;}
.com_show .com_show_box .com_li .right{ width:50%; padding:50px 50px 0;  float:left;}
.com_show .com_show_box .com_li .right .tit{ margin-bottom:20px; font-size:42px; color:#06b}
.com_show .com_show_box .com_li .right .td{ max-height:4.5em; overflow:hidden; font-size:24px; color:#454545;}
.com_show .com_show_box .com_li .right .td{ display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all; white-space:normal!important; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.com_show .com_show_box .com_li .right em{ width:60px; height:4px; background:#06b; display:inline-block;}
.com_show .com_show_box .com_li .right .btn_box{ padding:50px 0 0;}
.com_show .com_show_box .com_li .right .btn_box .pri{ width:100%; margin-bottom:20px; float:left; color:#999; font-size:20px;}
.com_show .com_show_box .com_li .right .btn_box .pri b{ color:#f44;}
.com_show .com_show_box .com_li .right .btn_box .btn a{ line-height:20px; margin-right:15px; padding:12px 40px; border-radius:3px; color:#fff; font-size:18px; display:inline-block; opacity:0.9;}
.com_show .com_show_box .com_li .right .btn_box .btn a:last-of-type{ margin:0;}
.com_show .com_show_box .com_li .right .btn_box .btn a:hover{ opacity:1;}
.com_show .com_show_box .com_li .right .btn_box .btn .btn_a{ background:#f44;}
.com_show .com_show_box .com_li .right .btn_box .btn .btn_b{ background:#0af;}

/*应用*/
.pro_yy{ padding:30px 0 0;}
.pro_yy .pro_yy_box{ padding:40px 0 30px;}
.pro_yy .pro_yy_box .yy_li{ width:180px; margin:0 22px 25px 0; border:solid 1px #999; float:left; text-align:center;}
.pro_yy .pro_yy_box .yy_li:nth-of-type(6n){ margin-right:0;}
.pro_yy .pro_yy_box .yy_li img{ width:100%; }
.pro_yy .pro_yy_box .yy_li h3{ line-height:30px; padding:10px 0; font-size:20px; font-weight:normal;}
.pro_yy .pro_yy_box .yy_li h3{ display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all; white-space:normal!important; -webkit-box-orient:vertical; -webkit-line-clamp:1;}

/*案例*/
.case{ padding:30px 0 20px; background:#f2f2f2;}
.case .case_box{ padding:40px 0 0px; }
.case .case_box .case_li{ width:284px; margin:0 18px 20px 0; float:left; position:relative;}
.case .case_box .case_li:nth-of-type(4n){ margin-right:0;}
.case .case_box .case_li img{ width:100%;}
.case .case_box .case_li .li_zz{ width:100%; height:100%; background:rgba(0,0,51,0.4); position:absolute; left:0; top:0; z-index:2;}
.case .case_box .case_li .text_box{ width:60%; margin-top:-55px; position:absolute; left:20%; top:50%; z-index:3; color:#fff; text-align:center;}
.case .case_box .case_li .text_box h3{ max-height:70px; line-height:35px; font-size:26px; font-weight:normal; overflow:hidden;}
.case .case_box .case_li .text_box .btn{ line-height:20px; margin-top:20px; font-size:18px; color:#fff; display:inline-block;}
.case .case_box .more{ padding-top:10px; text-align:center;}
.case .case_box .more .btn{ font-size:32px; color:#023; font-weight:lighter;}

/*荣誉*/
.honor{ padding:30px 0; }
.honor_pic{ width:48%; float:left;}
.honor_pro{ width:48%; margin:0 auto; position:relative; overflow:hidden; float:right; z-index:2;}
.honor_pro .hd ul{display:none;}

.honor_pro .bd{ position:relative; z-index:0; }
.honor_pro .bd li img{ width:100%; }
.honor_pro .prev,.honor_pro .next{ width:30px; height:30px; margin:-15px 0px 0; background:url(../images/pisscrollicons.png) no-repeat; background-size:60px; display:block; float:right; overflow:hidden; position:absolute; top:50%; z-index:9; opacity:0.4; cursor:pointer;}
.honor_pro .prev{ background-position:0px 0px; left:0px;}
.honor_pro .next{ background-position:-30px 0px; right:0px; }

/*ad*/
.page_ad1{ width:100%; padding:10px 0; background:#4091ec; text-align:center;}

/*活动*/
.page_ad_hd{width:100%; padding:0px; background:url(../images/pro_hd_bg.png) center; background-color:#eeeccc; color:#d00;}
.page_ad_hd_box{ width:100%; padding:15px 0; border:solid 1px #d00; text-align:center;}
.page_ad_hd_box h3{ line-height:30px; margin-bottom:10px; font-size:20px; font-weight:normal;}
.page_ad_hd_box .btn{ line-height:40px; padding:0 30px; background:#d00; color:#f7f07d; display:inline-block; vertical-align:top; font-size:14px;}
.page_ad_hd_box .btn:hover{ background:#d40000;}

/*qa_mes*/
.qa_mes{ padding:40px 0; background:#f2f2f2;}
.qa_mes_box{ width:100%; background:#fff; border:solid 1px #e2e2e2; align-items:center; display:flex; justify-content:space-between;}
.qa_mes_box .left{ padding:40px 0px 40px 100px; float:left;}
.qa_mes_box .left .en{ font-size:14px; font-style:normal; color:#987;text-transform:uppercase;}
.qa_mes_box .left .tit{ line-height:40px; margin:5px 0 10px; font-size:28px; font-weight:normal; color:#d00;}
.qa_mes_box .left .label{ margin-bottom:10px;}
.qa_mes_box .left .label span{ line-height:30px; margin:3px 6px 3px 0; padding:0 20px; background:#fff; border:solid 1px #987; color:#765; font-size:14px; display:inline-block;}
.qa_mes_box .left .tel{ line-height:36px; font-size:30px; color:#d00;}
.qa_mes_box .left .tel img{ height:30px; margin:3px 10px 0 0;}
.qa_mes_box .right{ width:48%; padding:20px 30px 20px 0; float:right;}
.qa_mes_box .right .qa{ line-height:24px; font-size:16px; color:#0ae;}
.qa_mes_box .right .qa p{ margin-bottom:6px;}
.qa_mes_box .right .text{ color:#987;}
.qa_mes_box .inp{ padding:10px 0 5px; display:inline-block;}
.qa_mes_box .inp input{ width:190px; height:36px; padding:0 10px; border:solid 1px #0ae; font-size:15px; float:left;}
.qa_mes_box .inp .btn{ line-height:36px; padding:0 15px; background:#0ae; color:#fff; font-size:15px; float:left;}
.qa_mes_box .inp .btn:hover{ background:#09e;}

/*留言*/
.page_mes{ padding:30px 0; background:rgba(0,98,208,0.8); position:relative;}
.page_mes_zz{ width:100%; height:100%; background:url(../images/page_mes_bg.jpg) no-repeat center; background-size:cover; position:absolute; left:0; top:0; z-index:-1; opacity:0.4;}
.page_mes .tit{ margin-bottom:40px; text-align:center; color:#fff;}
.page_mes .tit *{ line-height:1.5em;}
.page_mes .tit h3{ font-size:42px; font-weight:normal;}
.page_mes .tit p{ font-size:20px; opacity:0.7;}
.page_mes .m_tit{ display:none;}
.page_mes .bz{ margin-bottom:40px; color:#fff;}
.page_mes .bz .heng{ opacity:0.7;}
.page_mes .bz .li_box{ font-size:20px; }
.page_mes .bz .li_box .icon{ width:40px; height:40px; margin-right:10px;}
.page_mes .bz .li_box .zheng{ background-position:0px -80px;}
.page_mes .bz .li_box .bao{ background-position:-40px -80px;}
.page_mes .bz .li_box .song{ background-position:-80px -80px;}
.page_mes .bz .li_box .piao{ background-position:-120px -80px;}
.page_mes .bz .li_box .fuwu{ background-position:-160px -80px;}
.page_mes .remark{ margin-bottom:30px; font-size:16px; color:#fff; text-align:center;}
.page_mes .inp_box{ width:40%; margin-left:30%;}
.page_mes .inp_box li{ width:100%; margin-bottom:15px; float:left;}
.page_mes .inp_box li .inp{ width:100%; position:relative; float:left;}
.page_mes .inp_box li .inp .icon{ width:24px; height:24px; position:absolute; top:8px; left:10px; opacity:0.6;}
.page_mes .inp_box li .inp .name{ background-position:-80px -20px;}
.page_mes .inp_box li .inp .tel{ background-position:-110px -20px;}
.page_mes .inp_box li .inp .add{ background-position:-140px -20px;}
.page_mes .inp_box li .inp .other{ background-position:-170px -20px;}
.page_mes .inp_box li .inp input{ width:100%; height:40px; padding-left:44px; background:#fff; border:solid 1px #e2e2e2; font-size:14px; float:left;}
.page_mes .inp_box li .inp textarea{ width:100%; height:95px; line-height:20px; padding:10px; background:#fff; border:solid 1px #e2e2e2; font-size:14px; resize:none}
.page_mes .sub_box{ width:40%; margin-left:30%; padding-top:5px;}
.page_mes .sub_box li{ width:100%; float:left;}
.page_mes .sub_box li .btn{ width:100%; line-height:40px; padding:3px 0; color:#fff; text-align:center; font-size:16px; opacity:0.9; float:left;}
.page_mes .sub_box li .btn:hover{ opacity:1;}
.page_mes .sub_box li .btn_a{ background:#f44; border: none;}
.page_mes .sub_box li .btn_b{ background:#0af; border: none;}
.page_mes .sub_box .xy{ margin-top:10px; font-size:12px; color:#fff; opacity:0.6;}
.page_mes .sub_box .xy a{ color:#fff;}

.list_mes{ display:none;}

/*foot*/
.foot_nav{ width:100%; padding:20px 0; background:#fff; display:inline-block; color:#999; font-size:14px; text-align:center;}
.foot_nav a{ padding:0 5px; color:#999;}

.foot_about{ padding:2px; color:#999;}

.foot_ad{ color:#999;}
.foot_ad b{ font-weight:normal; padding:0 8px;}

.foot_bz{ padding:10px;}
.foot_bz img{ height:40px; margin:0 5px;}

/*foot_tool*/
.foot_tool{ display:none;}
.foot_tool_empty{ display:none;}

/*底部电话*/
.foot_tooltip .tooltip_btn{ padding:15px 40px 15px 20px; border-radius:0 50px 50px 0; background:#f44; position:fixed; bottom:0; left:0; text-align:center; cursor:pointer; z-index:999;}
.foot_tooltip .tooltip_btn{ animation:foot_tooltip_btn 1.2s infinite;}
.foot_tooltip .tooltip_btn .icon{ width:40px; height:40px; background-position:-40px -20px;}
.foot_tooltip .tooltip_btn .name{ line-height:22px; padding-top:3px; font-size:16px; color:#fff;}

.foot_tooltip .tooltip_box{ width:100%; padding:15px 0; background:rgba(3,21,40,0.9); position:fixed; bottom:0; left:-100%; overflow:hidden; z-index:999; display:none;}
.foot_tooltip .tooltip_box .main{ width:990px;}
.foot_tooltip .tooltip_box .left{ position:relative; float:left;}
.foot_tooltip .tooltip_box .left .text{ line-height:1.5em; margin-top:8px; color:#ffe612; font-size:16px;}
.foot_tooltip .tooltip_box .right{ float:right;}
.foot_tooltip .tooltip_box .right .text{ line-height:25px; color:#fff; opacity:0.8;}
.foot_tooltip .tooltip_box .inp input{ width:200px; height:40px; padding:0 10px; border:none; border-radius:3px 0 0 3px; font-size:15px; float:left;}
.foot_tooltip .tooltip_box .inp .btn{line-height:40px; padding:0 15px; background:#f44; border-radius:0 3px 3px 0; color:#fff; font-size:15px; font-weight:bold; float:left;}
.foot_tooltip .tooltip_box .inp .btn:hover{ background:#f30;}
.foot_tooltip .tooltip_box .close{ opacity:0.8; position:absolute; top:15px; right:15px; cursor:pointer;}
.foot_tooltip .tooltip_box .close .icon{ width:16px; height:16px;}
.foot_tooltip .tooltip_box .close:hover{ opacity:1;}

@keyframes foot_tooltip_btn {
  from { left:-10px;}
  50%{ left:0px;}
  to { left:-10px;}
}

/*侧边，电话*/
.tel_tooltip{ position:fixed; bottom:20%; right:8px; z-index:99;}
.tel_tooltip li{width:70px; margin:0 0 1px; padding:12px 5px 5px; background:#0af; text-align:center; cursor:pointer; position:relative;}
.tel_tooltip li p{ padding:5px 0; color:#fff; font-size:13px;}
.tel_tooltip li img{ width:30px; height:30px;}
.tel_tooltip .tel img{ animation:tada 1.2s infinite;}
.tel_tooltip .tooltip_tel_box{ width:240px; padding-right:10px; position:absolute; right:70px; top:-90px; text-align:left; cursor:auto; display:none;}
.tel_tooltip .tooltip_tel_box .box_sha{ box-shadow:0px 0px 15px #bbb; -moz-box-shadow:0px 0px 15px #bbb; -webkit-box-shadow:0px 0px 15px #bbb;}
.tel_tooltip .tooltip_tel_box .box{ background:#fff; border-radius:5px;}

.tel_tooltip .tooltip_tel_box .jiantou{ width:0; height:0; border:solid 10px; border-color:transparent transparent transparent #fff; position:absolute; right:-10px; top:50%; margin-top:-6px;}
.tel_tooltip .tooltip_tel_box p{ padding:0; color:#333;}

.tel_tooltip .tooltip_tel_box .tit{ padding:10px 20px;}
.tel_tooltip .tooltip_tel_box .tit input{ width:100%; height:36px; margin:5px 0; background:#fff; border:solid 1px #f44; border-radius:5px; text-align:center; font-size:16px;}
.tel_tooltip .tooltip_tel_box .tit .btn{ background:#f44; color:#fff;}
.tel_tooltip .tooltip_tel_box .tit .btn:hover{ background:#f22;}

.tel_tooltip .tooltip_tel_box .remark{ line-height:1.6em; margin:0 10px; padding:10px 10px; border-top:dashed 1px #ccc; font-size:13px;}

.tel_tooltip .tel:hover .tooltip_tel_box{ display:block;}

@keyframes tada {
  from { transform: scale3d(1, 1, 1);}
  8%, 16% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
  24%, 40%, 56%, 72% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
  32%, 48%, 64% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
  to { transform: scale3d(1, 1, 1);}
}

/*弹窗*/
.js_dialog{ background:rgba(0, 0, 0, 0.8); position:fixed; top:0; bottom:0; left:0; right:0; z-index:99999; display:none;}
.pop_box { position:absolute; top:50%; left:50%;}
.pop_box .icon{ background:url(../images/pop_icon.png) no-repeat;}

/*弹窗，电话*/
.js_dialog_tel{ position:relative; z-index:99999;}
.pop_tel_box{ width:360px; max-height:90%; background:#fff; position:fixed; top:50%; left:50%; z-index:2;}
.pop_tel_box{ box-shadow:0px 0px 15px #bbb; -moz-box-shadow:0px 0px 15px #bbb; -webkit-box-shadow:0px 0px 15px #bbb;}

.pop_tel_box .icon{ background:url(../images/pop_icon.png); }
.pop_tel_box .close{ position:absolute; right:10px; top:10px; z-index:9; opacity:0.6; cursor:pointer;}
.pop_tel_box .close i{ width:16px; height:16px; background-position:0px -20px;}
.pop_tel_box .pop_tit{ width:100%; padding:50px 0 40px; background:#0af; text-align:center; color:#fff;}
.pop_tel_box .pop_tit *{line-height:1.6em; }
.pop_tel_box .pop_tit h3{ font-size:30px;}
.pop_tel_box .pop_tit p{ font-size:24px;}
.pop_tel_box .pop_btn{ width:100%; float:left;}
.pop_tel_box .pop_btn li{ width:50%; position:relative; float:left;}
.pop_tel_box .pop_btn a{ line-height:20px; padding:20px 0; text-align:center; font-size:14px; display:block;}
.pop_tel_box .pop_btn .br:after{ background:#bbb;}
.pop_tel_box .pop_btn .icon{ width:20px; height:20px; margin-right:10px;}
.pop_tel_box .pop_btn i.mes{ background-position:-40px -20px;}
.pop_tel_box .pop_btn i.tel{ background-position:-20px -20px;}

.pop_tel_box .pop_btn .tel_box{ width:360px; padding-top:10px; position:absolute; left:-180px; bottom:-170px; text-align:left; cursor:auto; display:none;}
.pop_tel_box .pop_btn .tel_box .box_sha{ box-shadow:0px 0px 15px #bbb; -moz-box-shadow:0px 0px 15px #bbb; -webkit-box-shadow:0px 0px 15px #bbb;}
.pop_tel_box .pop_btn .tel_box .box{ padding:10px 0; background:#fff;}

.pop_tel_box .pop_btn .tel_box .jiantou{ width:0; height:0; border:solid 10px; border-color:transparent transparent #fff transparent; position:absolute; right:90px; top:-10px;}
.pop_tel_box .pop_btn .tel_box p{ padding:0; color:#333;}

.pop_tel_box .pop_btn .tel_box .tit{ padding:10px 20px;}
.pop_tel_box .pop_btn .tel_box .tit input{ width:60%; height:36px; padding:0 10px; background:#fff; border:solid 1px #0af; font-size:16px; float:left;}
.pop_tel_box .pop_btn .tel_box .tit .btn{ width:40%; background:#0af; color:#fff; text-align:center;}
.pop_tel_box .pop_btn .tel_box .tit .btn:active{ background:#09f;}

.pop_tel_box .pop_btn .tel_box .remark{ line-height:1.8em; margin:0 10px; padding:10px 10px; border-top:dashed 1px #ccc; font-size:14px; text-align:center;}

.pop_tel_box .pop_btn li.tel:hover .tel_box{ display:block;}

/*弹窗，协议*/
.js_dialog_xieyi{ background:rgba(0,0,0,0.6);}
.pop_xieyi_box{ width:50%; max-height:80%; padding:15px; background:#fff; position:fixed; top:50%; left:50%; z-index:2; overflow:auto;}

.pop_xieyi_box .close{ padding:10px; background:rgba(0,0,0,0); position:fixed; top:12%; right:25%; cursor:pointer;}
.pop_xieyi_box .close i{ width:16px; height:16px; background-position:0 -20px;}

.pop_xieyi_box .xieyi_tit{ width:100%; line-height:20px; padding-bottom:10px; background:#fff;}
.pop_xieyi_box .xieyi_tit h3{ font-size:14px; font-weight:bold;}

.pop_xieyi_box .xieyi_box{ padding:10px 0; border-top:solid 1px #ccc; }
.pop_xieyi_box .xieyi_box p{ margin-bottom:5px; color:#666;}

/*弹窗，拨号*/
.js_dialog_tel_num{ background:rgba(0, 0, 0, 0.8); position:fixed; top:0; bottom:0; left:0; right:0; z-index:999999;}
.pop_tel_num{ width:90%; max-height:90%; background:#fff; border-radius:8px; overflow:auto; position:fixed; top:50%; left:50%; z-index:2;}

.pop_tel_num .pop_box_tit{ padding:12px 15px;text-align:center;}
@media screen and (min-width:640px) {
.pop_tel_num{ width:360px;}
}

.pop_tel_num .close{ padding:6px 6px 10px 10px; background:rgba(0,0,0,0.1); border-radius:0 8px 0 24px; position:absolute; right:0; top:0; z-index:9; opacity:0.6; cursor:pointer;}
.pop_tel_num .close:hover{ background:rgba(0,0,0,0.2);}
.pop_tel_num .close i{ width:16px; height:16px; background-size:80px; background-position:0px -16px;}
.pop_tel_num .tal{ text-align:left;}
.pop_tel_num .pop_box_btn{ width:100%; height:45px; line-height:45px; background:#f90; border-radius:5px; color:#fff; font-size:18px; display:inline-block; text-align:center;}
.pop_tel_num .pop_box_btn:active{ background:#e90;}

.pop_tel_num .pop_box_tit .tit{ padding:0 8px;}
.pop_tel_num .pop_box_tit .bb{ width:80%; position:absolute; left:10%; top:50%; z-index:-1;}
.pop_tel_num .num_box{ padding:8px 5px;}
.pop_tel_num .num_box .tel_info{ width:100%; height:45px; background:none; border:none; font-size:40px; text-align:center;}
.pop_tel_num .num_box .tel_info::-webkit-input-placeholder{ color:#999; font-size:20px; font-weight:lighter;}
.pop_tel_num .num_box .tel_info::-moz-placeholder{ color:#999; font-size:20px; font-weight:lighter;}
.pop_tel_num .num_box .tel_info::-ms-input-placeholder{ color:#999; font-size:20px; font-weight:lighter;}
.pop_tel_num .num_list{ padding:0 10px; text-align:center;}
.pop_tel_num .num_list ul{position:relative;}
.pop_tel_num .num_list li{ width:30%; margin:10px 0; border-radius:50%; display:inline-block; }
.pop_tel_num .num_list li:active h3{-webkit-animation: zoomOut 1s;animation: zoomOut 1s;}
.pop_tel_num .num_list li *{ line-height:1em;}
.pop_tel_num .num_list li h3{ font-size:36px; font-weight:lighter; position:relative;}
.pop_tel_num .num_list li p{ font-size:x-small; color:#999; opacity:0.6; text-transform:uppercase;}

.pop_tel_num .num_list .tel_btn{ margin:10px; padding:10px 15px; border-radius:25px; background:#02aae9; display:inline-block;}
.pop_tel_num .num_list .tel_btn:active{ background:#208bdd;}
.pop_tel_num .num_list .tel_btn a{ line-height:20px; color:#fff; font-size:16px;}
.pop_tel_num .num_list .tel_btn .icon{ width:20px; height:20px; margin-right:5px; background-position:-40px 0;}

.pop_tel_num .num_list .num_del{padding:5px 0; position:absolute; right:10px; bottom:17px; opacity:0;}
.pop_tel_num .num_list .num_del:active{ opacity:0.5!important;}
.pop_tel_num .num_list .num_del .icon{ width:30px; height:16px; background-position:-60px 0;}

@keyframes zoomOut {
  from { opacity: 1;}
  50% { opacity: 0;-webkit-transform: scale3d(2, 2, 2);transform: scale3d(2, 2, 2);}
  to { opacity: 0;}
}

/*弹窗，产品参数*/
.js_dialog_attr{ background:rgba(0,0,0,0.6);}
.pop_attr_box{ width:750px; max-height:80%; background:#fff; position:fixed; top:50%; left:50%; z-index:2; overflow:auto;}
.pop_attr_box .close{ margin-left:339px; padding:10px; background:rgba(0,0,0,0); position:fixed; top:12%; left:50%; cursor:pointer;}
.pop_attr_box .close i{ width:16px; height:16px; background-position:0 -20px;}

.pop_attr_box .pop_attr_tit{ line-height:24px; padding:15px 20px; border-bottom:solid 1px #ccc;}
.pop_attr_box .pop_attr_tit h3{ margin:3px 0; font-size:18px; font-weight:bold;}
.pop_attr_box .pop_attr_tit p{ font-size:13px; color:#999;}

.pop_attr_box .pop_attr_unit{ width:100%; line-height:20px; padding:20px 20px 0; font-size:14px; float:left;}
.pop_attr_box .pop_attr_unit li{ width:100%; padding:5px 0; float:left;}
.pop_attr_box .pop_attr_unit li .name{ width:80px; padding:3px 0; float:left; color:#666;}
.pop_attr_box .pop_attr_unit li .con{ width:630px; float:left;}
.pop_attr_box .pop_attr_unit li .con span{ margin:0 5px 5px 0; padding:3px 12px; background:#f6f6f6; border:solid 1px #e2e2e2; border-radius:2px; float:left; cursor:pointer; opacity:0.9;}
.pop_attr_box .pop_attr_unit li .con .on{ background:#f44; color:#fff; }

.pop_attr_box .pop_attr_btn{ width:100%; padding:15px 20px; font-size:14px; float:left;}
.pop_attr_box .pop_attr_btn .name{ width:80px; line-height:36px; color:#666; float:left;}
.pop_attr_box .pop_attr_btn .con{ float:left;}
.pop_attr_box .pop_attr_btn .inp input{ width:240px; height:36px; padding:0 10px; border:solid 1px #f44; border-radius:3px 0 0 3px; font-size:15px; float:left;}
.pop_attr_box .pop_attr_btn .inp .btn{line-height:36px; padding:0 15px; background:#f44; border-radius:0 3px 3px 0; color:#fff; font-size:15px; font-weight:bold; float:left;}
.pop_attr_box .pop_attr_btn .inp .btn:hover{ background:#f30;}

/*************************/

@media screen and ( min-width: 640px) and ( max-width: 1190px) {
.main,main990{ width:100%;}

/*head*/
.head .head_susp .name{ max-width:60%;}

/*banner*/
.banner_box{ padding:40px 0; }
.banner_bg{ height:250px;}
.banner_zz{ height:250px;}
.banner_info{ width:55%; padding-top:5px;}
.banner_info .title{ margin-bottom:10px; font-size:32px;}
.banner_info .slogan{ margin-bottom:20px; font-size:20px; }
.banner_info .label{ font-size:13px;}
.banner_info .online_pri{ font-size:12px;}
.banner_info .btn_box{ padding:15px 0 0;}
.banner_info .btn_box .btn{ padding:10px 30px; font-size:14px;}
.banner_info .btn_link{ padding-top:10px;}
.banner{ width:40%; }

/*特点*/
.lm_tit h3{ font-size:36px;}
.lm_tit p{ font-size:18px;}

.pro_td .main{ padding:20px 10px;}
.pro_td .pro_td_box .td_li{ width:15%;}
.pro_td .pro_td_box .td_li em{ width:80px; line-height:80px; font-size:42px;}
.pro_td .pro_td_box .td_li h3{ padding:10px 0 0; font-size:14px;}

/*产品*/
.pro_list{ padding:30px 0 0;}
.pro_list .pro_list_box{ padding:40px 0 30px; text-align:center;}
.pro_list .pro_list_box .pro_li{ width:30%; margin:0 3% 20px 0; float:none; display:inline-block;}
.pro_list .pro_list_box .pro_li h3{ padding:10px 0;font-size:20px;}
.pro_list .pro_list_box .pro_li h3 span{ padding:0 3px 0 10px;}
.pro_list .pro_list_box .pro_li .btn{ width:60px; line-height:20px; margin:-10px -2px -12px; padding:5px 10px;font-size:16px;}

/*工厂实力*/
.com_show .com_show_box .com_li{ margin-bottom:30px; }
.com_show .com_show_box .com_li .right{ padding:20px 30px 0;}
.com_show .com_show_box .com_li .right .tit{ margin-bottom:10px; font-size:36px; }
.com_show .com_show_box .com_li .right .td{ max-height:3em; font-size:18px; -webkit-line-clamp:2;}
.com_show .com_show_box .com_li .right .btn_box{ padding:20px 0 0;}
.com_show .com_show_box .com_li .right .btn_box .pri{ margin-bottom:10px; font-size:18px;}
.com_show .com_show_box .com_li .right .btn_box .btn a{ margin-right:10px; padding:10px 25px; font-size:14px;}

/*应用*/
.pro_yy .pro_yy_box{ padding:40px 10px 30px; text-align:center;}
.pro_yy .pro_yy_box .yy_li{ width:15%; margin:0 1.5% 10px 0; float:none; display:inline-block;}
.pro_yy .pro_yy_box .yy_li h3{ padding:5px 0; font-size:14px;}

/*案例*/
.case .case_box{ padding:40px 10px 0px; text-align:center; }
.case .case_box .case_li{ width:23.5%; margin:0 1.5% 10px 0; float:none; display:inline-block; }
.case .case_box .case_li .text_box{ width:70%; margin-top:-50px; left:15%;}
.case .case_box .case_li .text_box h3{ max-height:60px; line-height:30px; font-size:20px;}
.case .case_box .case_li .text_box .btn{ margin-top:10px; font-size:14px; }
.case .case_box .more .btn{ font-size:28px;}

/*ad*/
.page_ad1 img{ width:90%;}

/*活动*/
.page_ad_hd{ padding:5px;}

/*qa_mes*/
.qa_mes{ padding:40px 0;}
.qa_mes_box .left{ padding:40px 0px 40px 6%; float:left;}
.qa_mes_box .left .tit{ font-size:24px;}
.qa_mes_box .left .label span{ padding:0 15px; font-size:13px; }

.qa_mes_box .right .qa{ font-size:15px; }
.qa_mes_box .inp{ padding:10px 0 5px; display:inline-block;}
.qa_mes_box .inp input{ width:160px; height:36px; font-size:14px;}
.qa_mes_box .inp .btn{ padding:0 12px; font-size:14px;}

/*留言*/
.page_mes .tit{ margin-bottom:30px; }
.page_mes .tit h3{ font-size:36px;}
.page_mes .tit p{ font-size:18px;}

.page_mes .bz{ margin-bottom:30px; padding:0 10px;}
.page_mes .bz .li_box{ font-size:14px; }
.page_mes .bz .li_box .icon{ width:20px; height:20px; margin-right:5px; background-size:100px;}
.page_mes .bz .li_box .zheng{ background-position:0px -40px;}
.page_mes .bz .li_box .bao{ background-position:-20px -40px;}
.page_mes .bz .li_box .song{ background-position:-40px -40px;}
.page_mes .bz .li_box .piao{ background-position:-60px -40px;}
.page_mes .bz .li_box .fuwu{ background-position:-80px -40px;}

.page_mes .inp_box{ width:50%; margin-left:25%;}
.page_mes .sub_box{ width:50%; margin-left:25%; }

/*foot*/
.foot_nav{ font-size:12px; }
.foot_bz img{ height:30px;}

/*底部电话*/
.foot_tooltip .tooltip_box{ overflow:hidden;}
.foot_tooltip .tooltip_box .main{ width:85%; display:flex; align-items:center;}
.foot_tooltip .tooltip_box .left{ width:50%; margin-right:2%; }
.foot_tooltip .tooltip_box .left .text{ margin:0; font-size:14px;}
.foot_tooltip .tooltip_box .right .text{ line-height:25px; color:#fff; opacity:0.8;}
.foot_tooltip .tooltip_box .inp input{ width:160px; font-size:14px;}
.foot_tooltip .tooltip_box .inp .btn{ padding:0 12px; font-size:14px; }

/*侧边，电话*/
.tel_tooltip .tel:hover .tooltip_tel_box{ display:none;}

/*弹窗，电话*/
.pop_tel_box .pop_btn li.tel:hover .tel_box{ display:none;}

/*弹窗，产品参数*/
.pop_attr_box{ width:80%;}
.pop_attr_box .close{ margin:0; left:auto; right:10%;}

.pop_attr_box .pop_attr_unit li{ display:flex;}
.pop_attr_box .pop_attr_unit li .con{ width:auto; flex:1}
.pop_attr_box .pop_attr_btn .inp input{ width:200px; }

/*弹窗，协议*/
.pop_xieyi_box{ width:80%;}
.pop_xieyi_box .close{ right:10%;}
}

/**********************/
@media screen and ( max-width: 640px) {
.icon{ background-size:100px;}
.main,main990{ width:100%;}

/*head*/
.head{ display:none;}
.head_empty{ display:none;}

.m_head{ width:100%; height:40px; padding:0 10px; background:#f8f8f8; border-bottom:solid 1px #f2f2f2; display:flex;}
.m_head .left .logo{ height:20px;}
.m_head .left .name{ margin-left:8px; font-size:16px; font-weight:bold; display:none;}
.m_head .left .slogan{ margin-left:10px; padding-left:10px; border-left:solid 1px #ddd; font-size:13px;color:#666; font-weight:lighter;}
.m_head .left .slogan b{ font-weight:normal;}

/*show_info_tit*/
.m_show_info_tit{ width:100%; padding:10px; background:#fff; left:0; top:0; z-index:99; display:block;}
.info_tit_fixed{ position:fixed; box-shadow:0px 0px 7px #333; -webkit-box-shadow:0px 0px 7px #333;}
.m_show_info_tit .tit{ font-size:16px; font-weight:normal;}
.m_show_info_tit .inp_tel{ width:100%; padding:5px 0px 0; background:#fff; left:0; top:0; z-index:99;}
.m_show_info_tit .inp_tel.info_tit_fixed{padding:5px 10px 5px; background:#fff;}
.m_show_info_tit .inp_tel .inp{ width:70%; height:32px; padding:0 5px; border:solid 1px #0af; float:left; color:#222; font-size:14px;}
.m_show_info_tit .inp_tel .btn{ width:30%; line-height:32px; background:#0af; color:#fff; float:left; text-align:center; font-size:14px; border: none;}
.m_show_info_tit .inp_tel .btn:active{ background:#09f;}
.m_show_info_tit .tips{ font-size:smaller; color:#999;}

.m_show_info_tit .tit_qa{ color:#0ae; font-size:13px; display:none;}
.m_show_info_tit .tit_qa p{ margin:5px 0;}

.m_attr_unit{ display:block;}
.m_attr_unit{ width:100%; line-height:20px; padding:15px 15px 0; font-size:12px; float:left;}
.m_attr_unit li{ width:100%; padding:5px 0 0; float:left; display:flex;}
.m_attr_unit li .name{ width:60px; padding:2px 0; float:left; color:#666;}
.m_attr_unit li .con{ width:auto; float:left; flex:1;}
.m_attr_unit li .con span{ margin:0 5px 5px 0; padding:1px 8px; background:#fbfbfb; border:solid 1px #e2e2e2; border-radius:2px; float:left; cursor:pointer; opacity:0.9;}
.m_attr_unit li .con .on{ background:#f44; color:#fff; }

.m_attr_unit .attr_btn{ padding:3px 0px 0; }
.m_attr_unit .attr_btn .name{ padding:6px 0;}
.m_attr_unit .attr_btn .inp{ display:flex;}
.m_attr_unit .attr_btn .inp input{ max-width:140px; height:32px; padding:0 10px; border:solid 1px #f44; flex:1; float:left;}
.m_attr_unit .attr_btn .inp .btn{ width:90px; line-height:32px; background:#f44; color:#fff; font-size:12px; font-weight:bold; float:left; text-align:center;}
.m_attr_unit .attr_btn .inp .btn:active{ background:#f30;}
.m_attr_unit .attr_btn .fs12{ font-size:smaller!important;}

.m_attr_unit .choice_tit{ padding:0px 0 6px; text-align:center;}
.m_attr_unit .choice_tit h3{ line-height:20px; padding:6px 12px; background:#f44; border-radius:16px; color:#fff; display:inline-block; font-size:14px; font-weight:bold;}
.m_attr_unit .choice_tit em{ width:16px; height:16px; margin:2px 10px; border:solid 3px #fff; border-radius:50%; float:left;}
.m_attr_unit .choice_tit span{ float:left;}

/*m_pro_info*/
.m_pro_info{ margin:5px 0 -5px; display:block;}
.m_pro_info .li_box{ padding:5px 0px; display:flex; justify-content:space-between; align-items:center;}
.m_pro_info .li_box .left{ max-width:100%; display:flex; justify-content:flex-start;}
.m_pro_info .li_box .left .name{ width:60px; color:#999;}
.m_pro_info .li_box .left .con{ flex:1;}

.m_td_info{ display:block;}
.m_td_info img{ display:block;}
.m_td_info p{ padding:0 10px;}

/*banner*/
.banner_box{ padding:0px;}
.banner_bg{ display:none;}
.banner_zz{ display:none;}
.banner_info{ width:100%; padding:10px 10px 0;}
.banner_info .title{ margin-bottom:10px; color:#006; font-size:28px; text-align:center; display:none; }
.banner_info .slogan{ margin-bottom:10px; font-size:20px; color:#f90; text-align:center; display:none;}
.banner_info .label{ margin-bottom:10px; padding:0; color:#666; font-size:12px; display:flex; justify-content:space-between; flex-wrap:wrap; display:none;}
.banner_info .label span{ width:23%; margin:3px 0px; padding:2px 5px; background:rgba(255,255,255,0.6); border-color:#ddd;}

.banner_info .online_pri{ margin:0 -10px; padding:10px 12px; background:#fff; font-size:13px; display:none;}
.banner_info .online_pri .pri_num{ display:none;}

.banner_info .btn_box{ padding:15px 0; display:flex; justify-content:space-between;}
.banner_info .btn_box .btn{ width:48%; line-height:32px; margin:0px; padding:0px; border-radius:16px; font-size:14px; display:flex; justify-content:center; align-items:center;}
.banner_info .btn_box .btn:active{ opacity:1;}
.banner_info .btn_box .btn_a{ background:#f44; border-color:#f44;}
.banner_info .btn_box .btn_b{ background:#0af; border-color:#0af;}

.banner_info .btn_box .icon{ width:15px; height:15px; background-size:150px;}
.banner_info .btn_box .mes{ background-position:-30px 0;}
.banner_info .btn_box .tel{ background-position:-15px 0;}
.banner_info .btn_box .pic{ background-position:-45px 0;}

.banner_info .btn_link{ margin:0 -10px; padding:10px 20px; background:#fff; display:flex; justify-content:space-between;}
.banner_info .btn_link .btn{ margin:0px; }
.banner_info .btn_link .btn:active{ opacity:1;}
.banner_info .btn_link .icon{ background-size:100px;}
.banner_info .btn_link .btn_a .icon{ background-position:0px -80px;}
.banner_info .btn_link .btn_b .icon{ background-position:-20px -80px;}
.banner_info .btn_link .btn_c .icon{ background-position:-40px -80px;}

.banner_info .list_attr{ margin:5px -10px 0; padding:0px; background:#fff; display:block;}

.banner{ width:100%; margin:0 auto; position:relative; overflow:hidden; }

/*mes_news_list*/

.mes_news_list .bd{ padding:15px 10px; }
.mes_news_list .infoList li{ width:100%; height:30px; line-height:30px; float:left; overflow:hidden;}
.mes_news_list .infoList li{ display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all; white-space:normal!important; -webkit-box-orient:vertical; -webkit-line-clamp:1;}


/*特点*/
.lm_tit h3{ font-size:24px;}
.lm_tit h3 b{ margin-left:10px;}
.lm_tit p{ font-size:14px;}
.lm_tit em{ width:80%;}

.pro_td{ padding:10px 0 0px;}
.pro_td .main{ padding:10px; background:none;}
.pro_td .pro_td_box{ padding:20px 0 10px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.pro_td .pro_td_box .td_li{ width:33%; margin-bottom:20px;}
.pro_td .pro_td_box .td_li em{ width:60px; line-height:60px; border-width:1px; font-weight:lighter; font-size:36px;}
.pro_td .pro_td_box .td_li h3{ padding:10px 0 0; font-size:15px; font-weight:normal;}

/*产品*/
.pro_list{ padding:20px 0 0;}
.pro_list .pro_list_box{ padding:20px 8px 10px;}
.pro_list .pro_list_box .pro_li{ width:48.5%; margin:0 0px 10px; border-width:1px;}
.pro_list .pro_list_box .pro_li:nth-of-type(2n){ float:right;}
.pro_list .pro_list_box .pro_li img{ width:100%;}
.pro_list .pro_list_box .pro_li h3{ line-height:20px; padding:10px 0; font-size:15px; display:flex;}
.pro_list .pro_list_box .pro_li h3 span{ padding:0 3px 0 10px;}
.pro_list .pro_list_box .pro_li .btn{ width:50px; line-height:15px; margin:-10px -1px -11px; padding:5px 10px; font-size:12px;}

/*工厂实力*/
/*.com_show{ padding:30px 0; }
.com_show .com_show_box{ padding:20px 0 0; }
.com_show .com_show_box .com_li{ margin-bottom:0px;}
.com_show .com_show_box .com_li:nth-of-type(2n){ text-align:left;}
.com_show .com_show_box .com_li:nth-of-type(2n) .left{ float:left;}
.com_show .com_show_box .com_li:nth-of-type(2n) .right{ float:right;}
.com_show .com_show_box .com_li .left{ width:100%;}
.com_show .com_show_box .com_li .right{ width:100%; padding:20px 20px 30px; }
.com_show .com_show_box .com_li .right .tit{ margin-bottom:10px; font-size:28px;}
.com_show .com_show_box .com_li .right .td{ max-height:none; font-size:16px;}
.com_show .com_show_box .com_li .right em{ transform: scale3d(1,0.5,1);}
.com_show .com_show_box .com_li .right .btn_box{ padding:10px 0 0;}
.com_show .com_show_box .com_li .right .btn_box .pri{ margin-bottom:10px; font-size:16px;}
.com_show .com_show_box .com_li .right .btn_box .btn a{ margin-right:10px; padding:8px 20px; font-size:14px; }*/
/*工厂实力*/
.com_show{ padding:20px 0 10px;}
.com_show .com_show_box{ padding:20px 0 0px; }
.com_show .com_show_box .com_li{ margin-bottom:10px; }
.com_show .com_show_box .com_li .left{ background:#f8f8f8;}
.com_show .com_show_box .com_li .right{ padding:5px 15px 0; }
.com_show .com_show_box .com_li .right .tit{ margin-bottom:3px; font-size:18px;}
.com_show .com_show_box .com_li .right .td{ max-height:3em; font-size:12px; -webkit-line-clamp:2;}
.com_show .com_show_box .com_li .right em{ transform: scale3d(1,0.5,1);}
.com_show .com_show_box .com_li .right .btn_box{ padding:5px 0 0;}
.com_show .com_show_box .com_li .right .btn_box .pri{ margin-bottom:0px; font-size:12px;}
.com_show .com_show_box .com_li .right .btn_box .btn a{ line-height:20px; margin:0; padding:0; background:none!important; color:#f44; font-size:13px; font-weight:bold; }
.com_show .com_show_box .com_li .right .btn_box .btn a:active{ opacity:1;}
.com_show .com_show_box .com_li .right .btn_box .btn .btn_a{ display:none;}

/*应用*/
.pro_yy{ padding:20px 0 0;}
.pro_yy .pro_yy_box{ padding:20px 8px 10px;}
.pro_yy .pro_yy_box .yy_li{ width:32%; margin:0 2% 8px 0;}
.pro_yy .pro_yy_box .yy_li:nth-of-type(3n){ margin-right:0;}
.pro_yy .pro_yy_box .yy_li h3{ line-height:20px; padding:5px 0; font-size:14px;}

/*案例*/
.case{ padding:20px 0 10px;}
.case .case_box{ padding:20px 8px 10px; }
.case .case_box .case_li{ width:48.5%; margin:0 0px 10px;}
.case .case_box .case_li:nth-of-type(2n){ float:right;}
.case .case_box .case_li .text_box{ width:70%; margin-top:-50px; left:15%;}
.case .case_box .case_li .text_box h3{ max-height:60px; line-height:30px; font-size:20px;}
.case .case_box .case_li .text_box .btn{ line-height:20px; margin-top:10px; font-size:14px;}
.case .case_box .more .btn{ font-size:24px;}

/*荣誉*/
.honor{ padding:20px 10px; }
.honor_pic{ width:100%;}
.honor_pro{ width:100%;}

/*ad*/
.page_ad1 img{ width:90%;}

/*活动*/
.page_ad_hd{ padding:5px;}
.page_ad_hd_box{ padding:10px 10px 5px;}
.page_ad_hd_box h3{ line-height:20px; margin-bottom:8px; font-size:14px;}
.page_ad_hd_box .btn_box{ width:80%; margin-left:10%;}
.page_ad_hd_box .btn{ line-height:20px;  margin:0 5px 5px; padding:6px 15px;}

/*qa_mes*/
.qa_mes{ padding:0px;}
.qa_mes_box{ padding:0; background:none; border:none; display:inline-block;}
.qa_mes_box .left{ width:100%; padding:30px 0px 20px 30px; background:#fff;}
.qa_mes_box .left .en{ font-size:12px; }
.qa_mes_box .left .tit{ line-height:30px; font-size:20px; }
.qa_mes_box .left .label span{ line-height:25px; font-size:12px;}
.qa_mes_box .left .tel{ line-height:30px; font-size:20px;}
.qa_mes_box .left .tel img{ height:24px;}
.qa_mes_box .right{ width:100%; padding:20px 20px 10px;}
.qa_mes_box .right .qa{ line-height:1.5em; font-size:12px;}
.qa_mes_box .right .qa p{ margin-bottom:5px;}
.qa_mes_box .right .text{ font-size:smaller; opacity:0.8;}
.qa_mes_box .inp{ padding:10px 0 5px; display:inline-block;}
.qa_mes_box .inp input{ width:160px; height:32px; font-size:13px;}
.qa_mes_box .inp .btn{ line-height:32px; font-size:13px;}
.qa_mes_box .inp .btn:active{ background:#09e;}

/*留言*/
.page_mes{ padding:10px 0; background:none; border-bottom:solid 8px #e2e2e2; }
.page_mes_zz{ display:none;}
.page_mes .tit{ display:none;}
.page_mes .m_tit{ width:100%; position:relative; text-align:center; display:block;}
.page_mes .m_tit h3{ line-height:24px; padding:12px 10px; font-size:18px; font-weight:normal;}
.page_mes .m_tit .icon{ font-size:12px; position:absolute; left:50%;}
.page_mes .m_tit i.block{ width:80%; height:1px; background:#ddd; bottom:1px; margin-left:-40%; z-index:1;}
.page_mes .m_tit i.block2{ width:80px; height:3px; background:#d00; bottom:0px; margin-left:-40px; z-index:2;}

.page_mes .bz{ display:none;}
.page_mes .remark{ display:none;}
.page_mes .inp_box{ width:100%; margin-left:0; border-top:8px solid #e2e2e2;}
.page_mes .inp_box li{ margin:0; padding:8px 10px 5px; border-bottom:solid 1px #e2e2e2;}
.page_mes .inp_box li .inp .icon{ width:18px; height:18px; background-size:150px; top:7px; left:10px;}
.page_mes .inp_box li .inp .name{ background-position:-60px -15px;}
.page_mes .inp_box li .inp .tel{ background-position:-82.5px -15px;}
.page_mes .inp_box li .inp .add{ background-position:-105px -15px;}
.page_mes .inp_box li .inp .other{ background-position:-127.5px -15px;}
.page_mes .inp_box li .inp input{ height:32px; padding-left:38px; border:none; font-size:13px; }
.page_mes .inp_box li .inp textarea{ height:80px; padding:0 10px; border:none; font-size:13px;}
.page_mes .sub_box{ width:100%; margin-left:0; padding:10px;}
.page_mes .sub_box li .btn{ padding:0; border: none;}
.page_mes .sub_box li .btn:active{ opacity:1;}
.page_mes .sub_box .xy{ font-size:smaller; color:#999;}
.page_mes .sub_box .xy a{ color:#666;}

.list_mes{ display:block;}

/*foot*/
.foot_nav{ padding:15px 10px; background:#eee; font-size:smaller;}
.foot_nav a{ display:none;}
.foot_about{ padding:0px;}
.foot_ad{ display:none;}
.foot_bz{ display:none;}

/*foot_tool*/
.foot_tool{ width:100%; padding:5px 0; background:#fff; position:fixed; left:0; bottom:0; z-index:999999; display:flex;}
.foot_tool{ box-shadow:0px 0px 7px #999; -webkit-box-shadow:0px 0px 7px #999;}
.foot_tool .btn{ min-width:30%; line-height:34px; margin:0 0.5%; padding:0 10px; border-radius:20px; text-align:center; display:flex; align-items:center; justify-content:center; color:#fff;}
.foot_tool .tel{ line-height:36px; background:linear-gradient(to right, #f70 0%, #f40 100%); }
.foot_tool .mes{ background:linear-gradient(to right, #0af 0%, #07f 100%);}
.foot_tool .sms{ background:linear-gradient(to right, #fb0 0%, #f80 100%);}
.foot_tool em{ font-size:14px; font-style:normal;}
.foot_tool .btn em{ display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all; white-space:normal!important; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.foot_tool .icon{ width:20px; height:20px; margin-right:5px;}
.foot_tool .tel .icon{ background-position:-40px -60px;}
.foot_tool .mes .icon{ background-position:-60px -60px;}
.foot_tool .sms .icon{ background-position:-80px -60px;}

/*底部电话*/
.foot_tooltip{ display:none;}

/*弹窗*/
.pop_box .icon{ background:url(../images/pop_icon_m.png) no-repeat; background-size:100px;}

/*侧边，电话*/
.tel_tooltip{ transform: scale3d(0.7,0.7,1); right:-5px; opacity:0.9;}
.tel_tooltip .tel:hover .tooltip_tel_box{ display:none;}

/*弹窗，电话*/
.pop_tel_box .pop_btn li.tel:hover .tel_box{ display:none;}
.pop_tel_box{ width:85%;}
.pop_tel_box .icon{ background:url(../images/pop_icon_m.png); background-size:100px; }

/*弹窗，产品参数*/
.pop_attr_box{ width:100%; position:fixed; top:auto; bottom:0;}
.pop_attr_box .close{ margin-left:0; left:auto; right:0;}

.pop_attr_box .pop_attr_tit{ padding:10px 15px;}

.pop_attr_box .pop_attr_unit{ padding:15px 15px 0; font-size:12px;}
.pop_attr_box .pop_attr_unit li{ padding:5px 0 0; display:flex;}
.pop_attr_box .pop_attr_unit li .name{ width:60px;}
.pop_attr_box .pop_attr_unit li .con{ width:auto; flex:1;}
.pop_attr_box .pop_attr_unit li .con span{ padding:2px 10px; }

.pop_attr_box .pop_attr_btn{ padding:10px 15px; font-size:12px; }
.pop_attr_box .pop_attr_btn .name{ width:60px; line-height:32px;}
.pop_attr_box .pop_attr_btn .inp input{ width:160px; height:32px; font-size:12px;}
.pop_attr_box .pop_attr_btn .inp .btn{line-height:32px; font-size:12px;}
.pop_attr_box .pop_attr_btn .inp .btn:active{ background:#f30;}
.pop_attr_box .pop_attr_btn .fs12{ font-size:smaller!important;}

/*弹窗，协议*/
.pop_xieyi_box{ width:90%;}
.pop_xieyi_box .close{ right:5%;}

}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}