* { padding:0px; margin:0px; word-wrap:break-word; word-break:break-all;}
img { border:0px; vertical-align:top; }
ul, p { margin: 0; padding: 0; font-weight: normal; font-style: normal;}
body { line-height:1.6em; background:#f6f6f6; color:#333; font-size:12px; font-family:"Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif;}
ul li { list-style:none; }
a:link, a:visited { color:#333; text-decoration:none; }
a:hover { color:#f40;}
input,button,select,textarea{border:0px; vertical-align:middle; font-size:12px;font-family:"Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif; outline:none;}
input[type="button"]{ cursor:pointer;}

img{ max-width:100%;}
table{ border-collapse:collapse; border-spacing:0;}

/*.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;}

.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); z-index:9;}

/*边框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 img{ max-width:100%; max-height:100%; vertical-align:middle;}
*/
.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: -moz-none; -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(../image/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 .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:#e33; 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;}
.head .head_box .slogan em{color:#f44;font-weight:bold;font-style: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;}

/*放大镜*/
.pro_show_up{ padding:30px 0; background:#fff;} 

.pro_detail{ width:640px;  font-size:14px;margin:0 auto;}
.pro_detail .title{ line-height:1.5em; margin-bottom:10px; font-size:24px; font-weight:normal;}
.pro_detail .discount{ margin:-5px 0 10px; color:#f44;}
.pro_detail .info{ padding:10px 15px; background:#f8f8f8;}
.pro_detail .info li{ width:100%; padding:8px 0; float:left;}
.pro_detail .info li .name{ width:12%; float:left; color:#999;}
.pro_detail .info li .con{ width:88%; float:left;}

.pro_detail .attr{ width:100%; padding:10px 0; display:inline-block;}
.pro_detail .attr .name{ width:12%; float:left; color:#999;}
.pro_detail .attr .con{ width:88%; float:left;}

.pro_detail .attr .unit{ padding:15px 0 0;}
.pro_detail .attr .unit li{ width:100%; padding:5px 0 0; float:left;}
.pro_detail .attr .unit li .name{ padding:2px 0; color:#666;}
.pro_detail .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;}
.pro_detail .attr .unit li .con .on{ background:#f44; color:#fff; }

.pro_detail .attr .attr_btn .name{ line-height:36px; color:#666;}
.pro_detail .attr .attr_btn .inp input{ width:240px; height:34px; padding:0 10px; border:solid 1px #f44; border-radius:3px 0 0 3px; font-size:15px; float:left;}
.pro_detail .attr .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;}
.pro_detail .attr .attr_btn .inp .btn:hover{ background:#f30;}

.pri_num{ color:#999;}
.pri_num span{ padding:0 2px;}

.pro_detail .btn_list{ width:100%; padding:25px 0 0; border-top:dashed 1px #e1d9d9; float:left;}
.pro_detail .btn_list .btn{ margin-right:15px; padding:12px 40px; border:solid 1px; border-radius:3px; color:#fff; font-size:16px; float:left; opacity:0.9;}
.pro_detail .btn_list .btn:last-of-type{ margin:0;}
.pro_detail .btn_list .btn:hover{ opacity:1;}
.pro_detail .btn_list .btn b{ font-weight:normal;}
.pro_detail .btn_list .btn_a{ background:#f44; border-color:#f44;}
.pro_detail .btn_list .btn_b{ background:#ffe6e6; border-color:#f44; color:#f44;}
.pro_detail .btn_list .btn_c{ background:#0af; border-color:#0af;}

.pro_detail .btn_list .icon{ width:20px; height:20px; margin-right:6px;}
.pro_detail .btn_list .mes{ background-position:-40px 0;}
.pro_detail .btn_list .tel{ background-position:-20px 0;}
.pro_detail .btn_list .pic{ background-position:-60px 0;}
.pro_detail .btn_list .tel_hov{ width:180px; padding:12px 10px; text-align:center;}
.pro_detail .btn_list .tel_hov .icon{ background-size:100px; background-position:0 -10px;}

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

.pro_detail .rz{}
.pro_detail .rz span{ float:left; margin:0 12px 5px 0;}
.pro_detail .rz em{ width:18px; line-height:18px; margin-right:3px; background:#06a; border-radius:2px; color:#fff; font-style:normal; font-size:smaller; text-align:center; display:inline-block;}
.pro_detail .rz b{ font-weight:normal;}

.pro_show_down{}
.pro_show_down .page_left{ width:290px; float:left;}
.pro_show_down .page_left .lm_tit{ line-height:1.6em; padding:20px 0 12px; font-size:20px; font-weight:bold;}
.pro_show_down .page_left .pro_list{ width:100%; padding-bottom:30px; background:#fff; float:left;}
.pro_show_down .page_left .pro_list li{ width:240px; margin:25px 25px 0; float:left;}
.pro_show_down .page_left .pro_list .name{ padding:10px 0 10px; font-size:15px; }
.pro_show_down .page_left .pro_list .btn_box{}
.pro_show_down .page_left .pro_list .btn_box .btn{ width:115px; line-height:20px; margin-right:6px; padding:5px 0px; background:#fff0f0; border:solid 1px #f44; color:#f44; font-size:13px; float:left; text-align:center; opacity:0.85;}
.pro_show_down .page_left .pro_list .btn_box .btn:last-of-type{ margin:0;}
.pro_show_down .page_left .pro_list .btn_box .btn:hover{ opacity:1;}
.pro_show_down .page_left .pro_list .btn_box .btn b{ font-weight:normal;}
.pro_show_down .page_left .pro_list .btn_box .icon{ width:16px; height:16px; margin:2px 4px 0 0;}
.pro_show_down .page_left .pro_list .btn_box .mes{ background-position:-100px 0;}
.pro_show_down .page_left .pro_list .btn_box .tel{ background-position:-80px 0;}
.pro_show_down .page_left .pro_list .btn_box .pic{ background-position:-120px 0;}

.pro_show_down .page_right{ width:640px;margin:0 auto;}
.pro_show_down .page_right .lm_tit{ line-height:1.6em; padding:20px 0 12px; font-size:20px; font-weight:bold;}
.pro_show_down .page_right .show_box{ width:100%; background:#fff; float:left;}
.pro_show_down .page_right .show_box .parameter{ padding:15px 20px; font-size:13px;}
.pro_show_down .page_right .show_box .parameter ul{ padding:10px 0; border-bottom:dashed 1px #e2e2e2;}
.pro_show_down .page_right .show_box .parameter li{ width:33%; padding:10px 0; float:left;}
.pro_show_down .page_right .show_box .parameter li:nth-of-type(3n){ clear:right;}
.pro_show_down .page_right .show_box .parameter li:nth-of-type(3n+1){ clear:left;}
.pro_show_down .page_right .show_box .parameter .name{ width:25%; float:left; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pro_show_down .page_right .show_box .parameter .con{ width:65%; float:left; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pro_show_down .page_right .show_box .detail{ padding:15px 20px;}
.pro_show_down .page_right .show_box .detail *{ line-height:1.8em;}
.page_r .con img{ max-width:100%;}
.qa_mes{ width:750px; background:#0af; margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
.qa_mes .left{ padding:30px 0px 30px 40px;}
.qa_mes .left .en{ font-size:14px; font-style:normal; color:rgba(255,255,255,0.6); text-transform:uppercase;}
.qa_mes .left .tit{ line-height:40px; font-weight:normal; color:#fff;}
.qa_mes .left .tit h3{ font-size:32px; font-weight:normal;}
.qa_mes .left .tit p{ font-size:24px;}
.qa_mes .left .label{}
.qa_mes .left .label span{ line-height:28px; margin:3px 6px 3px 0; padding:0 16px; background:#fff; border:solid 1px #987; color:#765; font-size:14px; display:inline-block;}
.qa_mes .left .tel{ line-height:36px; font-size:30px; color:#ff0;}
.qa_mes .left .tel img{ height:30px; margin:3px 8px 0 0;}
.qa_mes .right{ max-width:50%; padding:20px 30px 20px 0;}
.qa_mes .right .qa{ line-height:22px; font-size:15px; color:rgba(255,255,255,0.9);}
.qa_mes .right .qa p{ margin-bottom:6px;}
.qa_mes .right .text{ color:rgba(255,255,255,0.7);}
.qa_mes .inp input{ width:190px; height:38px; padding:0 10px; font-size:15px; float:left;}
.qa_mes .inp .btn{ line-height:38px; padding:0 15px; background:#ff0; color:#f44; font-size:15px; float:left;}
.qa_mes .inp .btn:hover{ background:#09e;}

/*.page_mes{ padding:30px 0; background:rgba(16,21,66,0.7); position:relative;}
.page_mes_zz{ width:100%; height:100%; background:url(../image/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{ text-align:center; color:#fff;}
.page_mes .tit *{ line-height:1.5em;}
.page_mes .tit h3{ font-size:36px; font-weight:normal;}
.page_mes .tit p{ font-size:24px;}
.page_mes .inp_box{}
.page_mes .inp_box ul{ width:47%;}
.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;}
.page_mes .sub_box{ padding-top:5px;}
.page_mes .sub_box ul{ width:47%;}
.page_mes .sub_box li{}
.page_mes .sub_box li .btn{ width:27%; line-height:40px; padding:3px 0; color:#fff; text-align:center; font-size:16px; opacity:0.9;}
.page_mes .sub_box li .btn:hover{ opacity:1;}
.page_mes .sub_box li .btn_a{ background:#f44; float:right;}
.page_mes .sub_box li .btn_b{ background:#0af; float:left;}*/
.page_mes{ padding:30px 0; background:rgba(16,21,66,0.7); position:relative;}
.page_mes_zz{ width:100%; height:100%; background:url(../image/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{ text-align:center; color:#fff;}
.page_mes .tit *{ line-height:1.5em;}
.page_mes .tit h3{ margin-bottom:5px; font-size:38px; font-weight:normal;}
.page_mes .tit .mes_slogan{ font-size:24px;}
.page_mes .tit .mes_remark{ font-size:16px; opacity:0.8; color:#ff0;}
.page_mes .left{ width:42%; margin-left:6%; float:left;}
.page_mes .left li{ width:30%; padding:10px 0 10px; float:left; text-align:center; opacity:0.8;}
.page_mes .left li .tb{ padding:16px; border:solid 1px #fff; border-radius:50%; display:inline-block;}
.page_mes .left li .icon{ width:40px; height:40px;}
.page_mes .left li .chang{ background-position:0px -80px;}
.page_mes .left li .bao{ background-position:-40px -80px;}
.page_mes .left li .xianhuo{ background-position:-80px -80px;}
.page_mes .left li .piao{ background-position:-120px -80px;}
.page_mes .left li .fuwu{ background-position:-160px -80px;}
.page_mes .left li .baojia{ background-position:0px -120px;}
.page_mes .left li p{ padding:10px 0; font-size:16px; color:#fff;}
.page_mes .right{ width:45%; float:right;}
.page_mes .inp_box{ width:90%;}
.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:90%; padding-top:5px;}
.page_mes .sub_box .btn{ width:100%; line-height:40px; padding:3px 0; background:#f44; color:#fff; text-align:center; font-size:18px; opacity:0.9; display:block;}
.page_mes .sub_box .btn:hover{ opacity:1;}

/*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_tooltip{}
.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;}
.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:0; padding:15px 0; background:rgba(3,21,40,0.9); position:fixed; bottom:0; left:0; overflow:hidden;}
.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-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:25%; 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 .wechat{ background:#50b674;}
.tel_tooltip .wechat img{ width:40px; height:40px; margin:-5px 0;}
.tel_tooltip .tel img{ animation:tada 1.2s infinite;}
.tel_tooltip .tooltip_tel_box{ width:200px; 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;}
.pop_box { position:absolute; top:50%; left:50%;}
.pop_box .icon{ background:url(../image/pop_icon.png) no-repeat;}

.js_dialog_feedback{ background:rgba(0, 0, 0, 0.3);}
.js_dialog_feedback .feedback_box{ width:720px; background:#fff; bottom:10px; right:10px; top:auto; left:auto; margin:0!important;}
.js_dialog_feedback .pop_tit{ line-height:40px; padding:0 20px; background:#f8f8f8; position:relative;}
.js_dialog_feedback .pop_tit h3{ font-size:14px; font-weight:normal;}
.js_dialog_feedback .pop_tit .close{ width:14px; height:14px; position:absolute; top:13px; right:20px; opacity:0.4; cursor:pointer;}
.js_dialog_feedback .pop_tit .close:hover{ opacity:0.6;}

.js_dialog_update{ background:rgba(0, 0, 0, 0.5);}
.js_dialog_update .update_box{width:720px; padding:50px 20px; background:#fff; border-radius:5px; display:inline-block;}
.js_dialog_update .update_box .left{ padding:40px 0 0 30px; float:left;}
.js_dialog_update .update_box .left h3{ line-height:1.8em; font-size:36px; color:#f44;}
.js_dialog_update .update_box .right{ width:360px; float:right;}
.js_dialog_update .update_box .right img{ opacity:0.9;}
.js_dialog_update .update_box .close{ width:14px; height:14px; position:absolute; top:15px; right:15px; opacity:0.4; cursor:pointer;}
.js_dialog_update .update_box .close:hover{ opacity:0.6;}

/*弹窗，电话*/
.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(../image/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; background-size:100px;}
.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:hover{ 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;}


/*弹窗，步骤*/
.mes_body_zz{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0; z-index:999999; display:none;}

.pop_mes_body{ width:700px; min-height:320px; background:#f8f8f8; position:fixed; top:50%; left:50%; z-index:2;}

.pop_mes_body .mes_close{ padding:10px; background:rgba(0,0,0,0); position:absolute; top:-35px; right:0px; cursor:pointer;}
.pop_mes_body .mes_close .icon{ width:16px; height:16px; background-position:0 0; opacity:0.6;}
.pop_mes_body .mes_close:hover .icon{ opacity:0.8;}

.pop_mes_body .mes_tit{ padding:12px 20px; text-align:left;}
.pop_mes_body .mes_tit h3{line-height:1.5em; margin:3px 0; font-size:20px; font-weight:bold;}
.pop_mes_body .mes_tit p{ font-size:14px; color:#999;}

.pop_mes_body .mes_box{border-top:solid 1px #ccc; font-size:14px; overflow:hidden;}
.pop_mes_body .mes_box .li_box{ padding:10px 10px 10px 20px; overflow:hidden; position:relative; display:none;}
.pop_mes_body .mes_box .li_box .tit{ margin:10px 10px 20px 0; font-size:20px; text-align:center;}
.pop_mes_body .mes_box .li_box .con .option{ line-height:20px; margin:0 10px 10px 0; padding:4px 15px; background:#fff2f2; border:solid 1px #f44; border-radius:15px; color:#f44; display:inline-block; cursor:pointer;}
.pop_mes_body .mes_box .li_box .con .option.on,.pop_mes_body .mes_box .li_box .con .option:hover{ background:#f44; border-color:#f44; color:#fff;}

.pop_mes_body .mes_inp{ line-height:20px; padding:10px 15px; position:relative; display:none;}
.pop_mes_body .mes_inp .lm_tit{ line-height:1.5em; padding:10px 0 5px; }
.pop_mes_body .mes_inp .lm_tit img{ width:60px; margin-right:10px; border:solid 1px #ddd; float:left;}
.pop_mes_body .mes_inp .lm_tit .text{ float:left;}
.pop_mes_body .mes_inp .lm_tit h3{line-height:1.5em; font-size:18px; color:#f90;}
.pop_mes_body .mes_inp .lm_tit p{ line-height:1.5em; margin-top:6px; color:#999; }
.pop_mes_body .mes_inp .inp_box{ width:90%; padding:12px 0px; display:flex; position:relative;}
.pop_mes_body .mes_inp .tel{ width:100%; height:40px; padding:0px 10px; background:#fff; border:solid 1px #f44; border-radius:2px 0 0 2px; font-size:16px; flex:1;}
.pop_mes_body .mes_inp .sub{width:120px; line-height:40px; background:#f44; border-radius:0 2px 2px 0; font-size:16px; color:#fff; text-align:center;}
.pop_mes_body .mes_inp .sub:hover{ background:#f30;}
.pop_mes_body .mes_inp .sub a{ color:#fff;}

.pop_mes_body .show_mes_inp{ width:60%; line-height:45px; margin:10px 20% 30px; background:#07f; border-radius:8px; text-align:center; font-size:18px; color:#fff; cursor:pointer; display:none;}

.pop_mes_result{ width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; left:0; bottom:0; z-index:1000000; display:none;}
.pop_mes_result .result_box{ width:24%; color:#fff; text-align:center; position:absolute; left:38%; top:50%; margin-top:-180px;}
.pop_mes_result .result_box img{ width:70%; opacity:0.9;}
.pop_mes_result .result_box p{ line-height:1.6em; font-size:24px;}
.pop_mes_result .result_box .btn{ text-align:center;}
.pop_mes_result .result_box .btn a{ width:35%; line-height:36px; margin:0 4%; border-radius:18px; font-size:16px; display:inline-block;}
.pop_mes_result .result_box .yes{ background:#0b8; color:#fff;}
.pop_mes_result .result_box .no{ background:rgba(187,187,187,0.4); color:#aaa; opacity:0.3;}

/*弹窗，拨号*/
.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_con{}
.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{ 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_message{ background:rgba(0,0,0,0.6); display:none;}
.pop_message_box{ width:30%; max-height:80%; padding:20px; background:#fff; border-radius:5px; position:fixed; top:50%; left:50%; z-index:2; }

.pop_message_box .close{ padding:15px; background:rgba(0,0,0,0); position:absolute; top:0px; right:0; cursor:pointer;}
.pop_message_box .close i{ width:14px; height:14px; background-position:0 0px; opacity:0.4;}
.pop_message_box .close:hover i{ opacity:0.6;}

.pop_message_box .tit{ text-align:left;}
.pop_message_box .tit h3{line-height:1.5em; margin:-3px 0 3px; font-size:20px; font-weight:bold;}
.pop_message_box .tit p{ font-size:13px; color:#999;}
.pop_message_box .inp_box{ padding-top:15px;}
.pop_message_box .inp_box .inp_li{ margin:0px 0 12px; padding:10px 0; border:solid 1px #e2e2e2; border-radius:3px; display:flex; align-items:center;}
.pop_message_box .inp_box .inp_li input{ flex:1; background:none; border:none; font-size:16px; outline:none;}
.pop_message_box .inp_box .inp_li textarea{ width:100%; height:96px; line-height:24px; padding:0 10px; font-size:16px; flex:1; resize:none;}
.pop_message_box .inp_box .left{ margin-right:10px; padding:0 10px; border-right:solid 1px #e2e2e2;}
.pop_message_box .inp_box .icon{ width:24px; height:24px; background:url(../image/icon.png) no-repeat; opacity:0.5;}
.pop_message_box .inp_box .name{ background-position:-80px -20px;}
.pop_message_box .inp_box .tel{ background-position:-110px -20px;}
.pop_message_box .inp_sub{ width:100%; margin:5px 0 10px; padding:15px 10px; background:#f44; border-radius:5px; color:#fff; font-size:18px; display:inline-block; text-align:center;}
.pop_message_box .inp_sub:hover{ background:#f30;}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}

/*弹窗，微信*/
.js_dialog_wechat{ background:rgba(0,0,0,0.6); display:none;}
.pop_wechat_box{ width:30%; max-height:80%; padding:60px 40px; background:#fff; border-radius:5px; position:fixed; top:50%; left:50%; z-index:2; }

.pop_wechat_box .close{ padding:15px; background:rgba(0,0,0,0); position:absolute; top:0px; right:0; cursor:pointer;}
.pop_wechat_box .close i{ width:14px; height:14px; background-position:0 0px; opacity:0.4;}
.pop_wechat_box .close:hover i{ opacity:0.6;}

.pop_wechat_box .erweima{ padding:10px; text-align:center;}
.pop_wechat_box h3{ line-height:1.5em; text-align:center; font-size:26px; font-weight:normal; color:#1a1;}
.pop_wechat_box p{ line-height:1.5em; text-align:center; font-size:22px; font-weight:lighter;}



  .cpcc-ts-01-left {
            position: relative;
            width: 100%;
            float: left;
            overflow: hidden;
            border: 1px solid #e7e7e7;
            margin-left: 20px;
        }
        
        .cpcc-ts-01-left-jt {
            width: 12px;
            height: 23px;
            position: absolute;
            top: 50%;
            margin-top: -11px;
            cursor: pointer;
            z-index: 33;
        }
        
        .cpcc-ts-01-left-prev {
            left: 10px;
        }
        
        .cpcc-ts-01-left-next {
            right: 10px;
        }
        
        .cpcc-ts-01-left-size {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 56px;
            height: 26px;
            font-size: 14px;
            line-height: 16px;
            color: #787878;
            letter-spacing: 3px;
        }
        
        .cpcc-ts-01-left-size em {
            font-style: normal;
        }
        
        .cpcc-ts-01-left-pic {
            width: 100%;
            position: relative;
            text-align: center;
        }
        
        .cpcc-ts-01-left-pic li {
            width: 100%;
            float: left;
        }
        
        .cpcc-ts-01-left-pic img {
            width: 100%;
            margin: 0 auto;
            display: block;
        }