/*
.page_detail{-moz-column-count:2; -webkit-column-count:2; column-count:2;}
.page_detail p{margin-top:0px;}
/*warper*/
#form_company_order{width:88.6%; margin:2.5% auto 0 auto; height: auto; background-color: #fff; padding: 0 5.4%;}
#form_company_order ul{padding-top:15px; overflow: hidden;}
#form_company_order ul li{margin-bottom: 15px;}
#form_company_order ul li label{display:inline-block; width:105px; text-align: right;}
#form_company_order ul li input{border:1px solid #aeaeae; width: 177px; height: 30px; line-height:30px; background: none; border-radius: 4px; font-size:14px; font-family: "microsoft yahei"; padding-left: 5px; padding-right: 5px;}
#form_company_order ul li select{border:1px solid #aeaeae; width: 188px; height: 33px; line-height:33px; background: none; border-radius: 4px; font-size:14px; font-family: "microsoft yahei"; margin-left: -3px;}
#form_company_order .btn-submit{width:100%; height: 41px; background: #01377b; border-radius: 4px; -webkit-box-shadow: 0 1px 2px #c0bebf; -moz-box-shadow: 0 1px 2px #c0bebf; box-shadow: 0 1px 2px #c0bebf; margin-top:8px;}
#form_company_order .btn-submit a{color: #FFF;}

.warper_top {display:block;width:100%;padding-top:0px;margin:0px auto 0px auto;color:#333; display:none;}
.warper_top a {color: #333;}

.warper_cet {display:block;height:auto;width:1200px;margin:0% auto 1% auto;padding-top:1%;}
.warper_bot {display:none;width:1041px;padding-bottom:26px;margin:0px auto 0px auto;background:url(../images/page_bg_bot.jpg) no-repeat bottom center;}
#jj_left{width:auto; display:block; float:none; text-align:center;  margin-left:0px; margin-bottom:1.5%;}
#jj_right {width: 100%;padding:0%;  display: block;float: none;margin-right: 0px;padding-right: 0px;margin-bottom:2.5%;}

#jj_left_tit{ display: none; height:96px; line-height:95px; font-size:13px; padding-left:15px; font-weight:bold; font-family:微软雅黑;color:#ffffff; letter-spacing:0.125em; text-indent:-1999px;}  
#jj_left_search{background:url(../images/jj_left_search_bg.gif) no-repeat 0px 0px; height:80px;margin-top:20px;} 
#jj_left_contactus{background: url(../images/jj_left_contact_bg.jpg) no-repeat 0px 0px;margin-top:20px;}
#jj_left_contactus {padding:70px 0px 20px 12px;color:#666666;}
#jj_left_menu{border-top:0;width:100%;overflow:hidden;margin-bottom:10px;background:#fff;padding:0px;}

.left_title {width: 180px; height:60px; margin:0px auto 50px auto; display:block;font-size:18px;text-align:center;line-height:60px;padding:0px 5% 0px 5%;border:1px solid #333;color:#333;background:#fff; font-weight:bold;}
.left_title span {display:block;line-height:30px; position:relative;bottom:15px;background:#fff;font-size:24px;text-transform:uppercase;color:#999;}
.left_title {
    display: none;
}
/*
#jj_left_menu{border-top:0;width:260px;overflow:hidden;margin-bottom:10px;background:#fff;padding:0px;}
#jj_left_menu .box_02 ul{ width:260px; margin:0px auto 10px auto; padding-bottom:0px; }
#jj_left_menu .box_02 ul li {margin-top:0px;}
#jj_left_menu .box_02 ul li.prod0{line-height:45px;text-align:center; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 
                                  border-bottom:1px solid #e5e5e5;
                                  background-image: -webkit-linear-gradient(to top, #f1f1f1, #ffffff);background-image: linear-gradient(to top, #f1f1f1, #ffffff);
}
#jj_left_menu .box_02 ul li.prod0 a{padding-left:0px;display:block; width:100%; height:45px; line-height:45px;color:#2f2f2f; }
#jj_left_menu .box_02 ul li.prod0:hover{background:#999;color:#fff;  }
#jj_left_menu .box_02 ul li.prod0:hover a {background:#999;color:#fff;  font-weight:bold; }
#jj_left_menu .box_02 ul li.prod1{color:#666; text-align:center;  line-height:45px; height:45px;background:#f7f7f7;border-bottom:1px solid #e5e5e5;}
#jj_left_menu .box_02 ul li.prod1 a{color:#666;line-height:45px; height:45px; }
#jj_left_menu .box_02 ul li.prod1:hover a{color:#d0a227;line-height:45px; height:45px; }
#jj_left_menu .box_02 ul li.prod1:hover a:hover{color:#0050a0;}
#jj_left_menu .box_02 ul li.lthis01{line-height:45px;text-align:center; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;background:#c6deff; color:#08508a }
#jj_left_menu .box_02 ul li.lthis01 a{color:#08508a; font-weight:bold;}
*/
#jj_left_menu{border-top:0;overflow:hidden;margin:40px auto 10px auto;background:initial;padding:0px;}
#jj_left_menu .box_02 ul{ width:auto; margin:0px auto 0px auto; padding-bottom:0px; }
#jj_left_menu .box_02 ul li {margin-top:0px;display:inline;float:left;width:auto;padding-left:25px;padding-right:25px; margin:0 10px 0 0px;}
#jj_left_menu .box_02 ul li.prod0 {line-height: 38px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border:1px solid #d1d1d1;background:#fff;border-radius:5px;}                                  
#jj_left_menu .box_02 ul li.prod0 a{padding-left:0px;display:block; width:100%; height:38px; line-height:38px;color:#000; }
#jj_left_menu .box_02 ul li.prod0:hover{border:1px solid #000;color:#000;  }
#jj_left_menu .box_02 ul li.prod0:hover a {color:#000;  font-weight:bold; }
#jj_left_menu .box_02 ul li.prod1{color:#666; text-align:center;  line-height:38px; height:38px;background:#f7f7f7;border-bottom:1px solid #e5e5e5;}
#jj_left_menu .box_02 ul li.prod1 a{color:#666;line-height:38px; height:38px; }
#jj_left_menu .box_02 ul li.prod1:hover a{color:#d0a227;line-height:38px; height:38px; }
#jj_left_menu .box_02 ul li.prod1:hover a:hover{color:#0050a0;}
#jj_left_menu .box_02 ul li.lthis01{line-height:38px;text-align:center; width:auto;padding-left:25px;padding-right:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;color:#fff ;border:1px solid #008fd7;background:#008fd7;border-radius:5px; }
#jj_left_menu .box_02 ul li.lthis01 a{color:#fff; font-weight:bold;}

.searchbox{ display:block; float:right; width:100%; text-align:right; margin-right:10px;}
.comlinkwarp {width:218px;overflow:hidden;margin-top:10px;border:1px solid #e8e8e8; }
.comlinkwarp h2 {width: 100%; height:38px; margin:0px auto; display:block;font-size:18px;text-align:center;line-height:38px; background:url(../images/title_bg.jpg) repeat-x; color:#333;}
.comlinkwarp h2 span {display: none;}
.comlinkwarp .comlink {width:200px;margin:10px auto;}
.comlinkwarp .comlink ul li {text-align: left;line-height: 26px;}
.comlinkwarp .toplink {width:200px;margin:10px auto;text-align:left;}
.comlinkwarp .toplink a{margin-right:10px;text-decoration:underline;word-break: keep-all;white-space: nowrap;display:inline-block;color:#000000;height:26px;line-height:26px;}

#jj_right_con{width:100%; padding:0px 0px 0px 0px;margin-bottom:0px;margin-top:0px;} 
.jj_right_top{display:none;padding-top:30px;background: url(../images/cont_bg_t.png) no-repeat top center;border-top:0px solid #fff;}
.jj_right_bot{display:none;position:relative;bottom:5px;padding-top:30px;background: url(../images/cont_bg_b.png) no-repeat bottom center;}

.panel_tags_all {padding:40px;}
.panel_tags_all a {margin-right:20px;font-size:14px;line-height:28px;}
.panel_tags_bytag {padding:0px 30px;}
.panel_tags_bytag ul li {height:35px;line-height:35px;border-bottom:1px dotted #666;font-size:14px;}
/***********************************自定义筛选***************************************** */
.thrdmenu {width: 100%;margin:2.5% 0 0  0;border:1px solid #eaeaea;font-size:12px; }
.thrdmenu tr td {word-break:break-all;border-bottom:1px solid #eaeaea; }
.thrdmenu td.trdtit {height:32px;width: 80px;vertical-align: text-top;text-align:center;background:#f8f8f8;}
.thrdmenu tr td  a{margin-left:10px;height:22px;line-height:22px;display:inline-block;padding:0px 8px 0px 8px;color:#333;text-align:center;border-radius:3px;margin-bottom:4px;}
.thrdmenu tr td  a.cur{margin-left:10px;display:inline-block;padding:0px 8px 0px 8px;background:#ff6a00;color:#fff;text-align:center;border-radius:3px;margin-bottom:4px;}
.thrdmenu tr td:first-child {text-align: center;font-weight: 500;}
.thrdmenu tr td.trdcon{display:block; overflow:hidden;background:#fff;}
.thrdmenu tr td.trdcon span {display: none;}
#html_keyword {width: 100%;height:40px;margin:2.5% 0 0  0;background:#666;padding:2.5%;display:none; }
#html_keyword td.htmk_tit { width: 80px;vertical-align: text-top;color:#333;font-weight:bold;text-align:left;display:none;}
#html_keyword td .keyword_input {margin-left:10px;height:32px;line-height:32px;display:inline-block;padding:0px 10px 0px 10px;background:#ff6a00;color:#fff;text-align:center;border-radius:3px;margin-bottom:10px;border:0px;font-weight:bold;}
#html_keyword td .keyword_prod {height:32px;line-height:32px;}
#html_keyword td input{margin-left:10px;font-size:12px;height:20px;line-height:20px;padding:0px 5px 0px 5px;margin-bottom:10px; }  
@media screen and (max-width:1200px) {
    .thrdmenu {width: 95%;margin:2.5% 2.5% 0 2.5%;}
    #html_keyword {width:95%;margin: 0 2.5% 2.5% 2.5%;}
    .thrdmenu tr td.trdcon{display:block;height:30px; overflow:hidden;background:#fff;}
    .thrdmenu tr td.trdcon span{display:inline;width:15px;height:15px;text-align:center;line-height:15px;margin-top:3.5px;margin-right:2.5%; float:right;background:#666;color:#fff; }            
    .thrdmenu tr td.trdcon span.on {background:#093c8b;}            
}  
/**************************************************************************** */
.tit_detail{ font-size: 22px;line-height: 50px;color: #000;margin:0px auto;text-align:center;border-bottom:1px dotted #333;}
.page_detail .tit_detail,.showlist .tit_detail,.articlelist .tit_detail {display: none;}
#secbanner{width:100%; height:auto;max-height:320px; margin:0px auto 0px auto;text-align:center; overflow:hidden; position:relative; z-index:0;display:block;}
#secbanner a {display:block;}
#secbanner a img {width:100%;height:auto;}

#secbanner .type_name{width:600px; position: absolute;top: 120px;left:50%;margin-left: -600px; text-align:left;display:none;}
#secbanner .type_name h3{font-size: 50px;color: #e81f29;margin-bottom: 28px;font-weight: 100;}
#secbanner  .type_name p{font-size: 32px;color: #fff;font-weight:lighter; font-family: 'Arial';text-transform: uppercase;}

/* 本例子css */
.qunar { width: 950px; margin: 0 auto 15px; position: relative; overflow: hidden; }
.qunar .e_pic_wrap { z-index: 1; white-space: nowrap; width: 950px; height: 227px; padding-bottom:10px;}
.qunar .e_pic_wrap li {position:relative;  display: inline; width: 950px; height: 227px;  overflow: hidden; }
.qunar .e_pic_wrap li img {width:950px;height:227px;}
.qunar .e_bg_flt { position: absolute; right: 0; top: 0; width: 270px; height: 227px; background: #000; filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; z-index: 10; }
.qunar .e_flt_inf { position: absolute; right: 0; top: 0; width: 227px; height: 227px; padding: 25px 28px 10px 15px; overflow: hidden; z-index: 20; color: #fff; white-space: normal; word-wrap: break-word; }
.qunar .e_flt_inf h2 { font: 18px/25px "微软雅黑"; }
.qunar .e_flt_inf h3 { font: 16px/22px "微软雅黑"; margin-bottom: 22px; }
.qunar .e_flt_inf h3 a, .qunar .e_flt_inf h2 a { color: #fff; }
.qunar .e_flt_inf .t_info { line-height: 20px; height: 104px; overflow: hidden; }
.qunar .e_flt_inf .t_info a { color: #fff; }
.qunar .e_flt_inf .t_info .l_view { background: url(../images/ico_p1.png) no-repeat scroll -120px 0; color: #fff; width: 39px; height: 14px; line-height: 14px; padding: 0 2px; display:block; font-size:10px;margin-top:10px; }
.qunar .e_sep { color: #81d6d3; position: absolute; bottom: 20px; right: 20px; width: 235px; z-index: 20; }
.qunar .e_sep a { color: #81d6d3; }
.qunar .prev, .qunar .next { position: absolute; z-index: 30; display: block; }
.qunar .prev { top: 93px; left: 10px; }
.qunar .next { top: 93px; right: 10px; }
.qunar .prev a, .qunar .next a { display: block; width: 25px; height: 32px; overflow: hidden; background: url(../images/ico_prevnext.png) no-repeat scroll 0 0; _background-image: url(../images/ico_prevnext_ie6.png); }
.qunar .prev a { background-position: 0 0; }
.qunar .prev a:hover { background-position: 0 -40px; }
.qunar .next a { background-position: 0 -80px; }
.qunar .next a:hover { background-position: 0 -120px; }
/*======================================================================*/
.defshow {display:block;width:1000px; height:auto; margin:0px auto;}
.picScroll_warp {background:url(../images/defshow_bg.png) no-repeat top center;padding-top:4px;padding-bottom:4px;}
.picScroll {display:block;width:950px; height:165px; margin:17px auto;position:relative; overflow:hidden; }
.picScroll ul:after {display:block;content:"";clear:both;}
.picScroll ul li {float:left; margin-right:8px;}
.picScroll ul li.last {float:left; margin-right:0px;}
.picScroll ul li a {display:block;background:url(../images/show_bg.jpg) no-repeat top center;padding:10px;}
.picScroll ul li a:hover {display:block;background:url(../images/show_bg03.jpg) no-repeat top center;padding:10px;}
.picScroll ul li a img {width:206px;height:145px;}
.picScroll .prev,.picScroll .next{ display:none; position:absolute; top:72px; left:5px; width:23px; height:23px; background:url(../images/btns.png) no-repeat;  text-indent:-1999px;  }
.picScroll .next{ left:auto; right:5px; background-position:-25px 0; }
.picScroll .prev:hover{ background-position:0 -30px; }
.picScroll .next:hover{ background-position:-25px -30px; }
.showlist_def_list {background:#ffffff;padding-bottom:15px;}
.showlist_def_list_l {width:270px;display:inline;float:left;}
.showlist_def_list_l .showbox {width:120px;display:inline;float:left;margin:5px 5px 5px 5px;}
.showlist_def_list_r {width:670px;display:inline;float:right;}
.showlist_def_list_l .showbox .showbox_pic {display:block;width:120px;height:84px;border:3px solid #fff;padding:0px;}
.showlist_def_list_l .showbox .showbox_pic:hover {display:block;width:120px;height:84px;border:3px solid #beeafe;padding:0px;}
.showlist_def_list_l .showbox .showbox_tit {margin-top:0px;display:block;width:120px;height:24px; background:none;}
.showlist_def_list_l .showbox .showbox_pic .pic img{width:120px;height:84px;}
.showlist_def_list_l .showbox .showbox_tit a span{ color:rgba(0, 0, 0, .5);font-size:10px;}

.showlist .defaulttop {width:120px; height:120px; display:inline;float:left;margin:5px 5px 5px 5px;}
.showlist .defaulttop .showbox_pic a.pic img{width:120px; height:80px;}
.showlist_def_list_l .showbox .showbox_tit a {display:block;overflow:hidden; width:120px;height:24px;white-space:nowrap;text-overflow:ellipsis;}
.showlist_def_list_r ul li {height: 30px;line-height: 30px;border-bottom: 1px dotted #666;font-size: 14px;}
.showlist_def_list_r ul li b {float:left;margin-right:5px;color:#0094ff;}
.showlist_def_list_r ul li a {float:left;font-size:12px;color: rgba(0, 0, 0, .5);}
.showlist_def_list_r ul li a:hover {font-size:12px;color: rgba(0, 0, 0, 1.0);}
.showlist_def_list_r ul li span {color:#ff0000;float:right;padding-right:5px;}
.showlist_def_list_r ul li {display:list-item;}
#proddetail{ width:870px;padding:0px 40px 0px 40px;margin:0px auto; height:auto; overflow:hidden; }

#proddetailbox .rc_box {width: 95%;padding:2.5%;background: #f7f7f7;}
#proddetailbox .rc_box .rc_pic {width: 140px;height:140px;display: inline;float: left;}
#proddetailbox .rc_box .rc_pic img {width:140px;height:140px;border-radius:70px;}
#proddetailbox .rc_box .rc_txt {width: 60%;display: inline;float: left;margin-left:2.5%;}
#proddetailbox .rc_box .rc_txt h5 {font-size:32px;line-height:64px;font-weight:500;}
#proddetailbox .rc_box .rc_txt p{margin:0px;}
#proddetailbox .rc_detail {width: 95%;padding:0 2.5% 2.5% 2.5%;background: #f7f7f7;margin-top:20px;}
#proddetailbox .rc_detail h4.prod_tit {height:60px;line-height:60px;color:#333;font-weight:500;font-size:16px;font-weight:bold;margin:20px 0px 30px 0px;border-bottom:4px solid #333;}
#proddetailbox .rc_detail img {max-width:100%;}
/* 本例子css */
.picFocus{ margin:0 auto;  width:818px; border:1px solid #ccc; padding:20px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:auto;margin:0px auto; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:196px; height:116px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:818px; height:514px; display:block;  }

.parameter_header {background: #81d6d3;}
.parameter_left {text-align:right;width:120px;color:#808080;border-bottom:1px dotted #d1d1d1;border-left:20px solid #fff;padding-right:10px;border-right:1px dotted #d1d1d1;}
.parameter_right {width:200px;padding-left:10px;padding-right:10px;text-align:center;border-bottom:1px dotted #d1d1d1;}
.parameter_header td {color:#fff;font-weight:bold;}
.detail_template td.detail_mark {height:40px;line-height:40px;border-bottom:2px solid #005aab;}
.detail_template td.detail_cont {padding-top:10px;}
.prod_btn {padding-top:10px;width:870px;height:45px;overflow:hidden; margin:0px auto;}

#proddetail .prodtotal{ line-height:48px;border-bottom:1px solid #e0e0e0; color:#333333; font-weight:bold;}
#proddetail a img{width:270px; height:345px;}
.proddetail_txt{ width:410px; float:right;position:relative; z-index:0;top:0px;}
.proddetail_txt ul li{ line-height:32px;}
.proddetail_txt ul li span{ line-height:32px; font-size:12px; font-weight:bold;}
.proddetail_txt ul li.btnbox{ padding-top:10px; padding-left:0px;}
.proddetail_txt ul li.btnbox img{width:95px; height:25px; margin-right:10px;}
.proddetail_txt ul li.btnbox a.poplight{ display:inline; height:24px; padding:0px 10px 0px 10px; line-height:24px; border:1px solid #d1d1d1;}
.prodtags{padding:2px 8px 2px 8px; background:#008fd7; color:#ffffff; text-align:center; margin-left:10px;}
.shoptitle{ font-size:18px; font-weight:bold; line-height:32px; border-bottom:1px dashed #e6e9ed; text-align:left;}
.shopmembprice{ font-size:22px; font-weight:bold; color:#ff0000;}
#proddetailtit div.show{ display:inline; width:120px; height:35px;}
#proddetailbox{width:800px;margin:0% auto 40px auto; }
/* 本例子css */
#ifocus { width:494px; padding-bottom:7px; height:270px; border:1px solid #DEDEDE; background:#F8F8F8;  }
#ifocus_pic { display:inline; position:relative; float:left; width:400px; height:265px; overflow:hidden; margin:6px 0 0 6px; }
#ifocus_piclist li { width:400px; height:265px; overflow:hidden;}
#ifocus_piclist img { width:400px; height:265px; }
#ifocus_btn { display:inline; float:right; margin-top:9px; width:78px; padding-right:5px;}
#ifocus_btn li { width:78px; height:51px; margin-bottom:5px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#ifocus_btn img { width:64px; height:42px; margin:5px 0 0 10px; }
#ifocus_btn .on{ background: url(../images/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
#ifocus_opdiv { position:absolute; left:0; bottom:0; width:400px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; }
#ifocus_tx ul li{ display:none;  }
#ifocus_tx ul li a{ color:#fff; font-size:14px; font-weight: bold;}
/*======================================================================*/
/*文章多行列表展示*/
.articlelist {width:100%;padding:0px;}
.articlelist ul.article_default_list {width:100%;margin:0px auto 10px auto;}
.articlelist ul.article_default_list li {height:35px;line-height:35px;border-bottom:1px dotted #666;font-size:14px;background:url(/template/default/images/icon_jtg.png) no-repeat left center;}
.articlelist ul.article_default_list li a {display:inline;float:left;padding-left:10px;}
.articlelist ul.article_default_list li span {display:inline;float:right; padding-right:5px;}

/*文章多行多列展示*/
.articlelist div.article_default_picgrid {width:32%;height:auto;overflow:hidden; display:inline;float:left;margin:2.5% 2% 0% 0%;}
.articlelist div.article_default_picgrid .picgrid_pic a.tit {display:block;font-weight:bold;height:32px;line-height:32px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#e25a0a;
                                                             text-align:center;
                                                             }
.articlelist div.article_default_picgrid .showbox_pic{width:100%;height:auto;}
.articlelist div.article_default_picgrid .picgrid_pic a{display:block;width:100%;height:auto;overflow:hidden;}
.articlelist div.article_default_picgrid .picgrid_pic a img {width: 100%;height:auto;transition:all .3s;}
.articlelist div.article_default_picgrid .picgrid_pic a:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-transform:scale(1.2,1.2);transition: .3s transform;}
.articlelist div.article_default_picgrid .picgrid_txt {width:100%;text-align:left;line-height:32px;height:32px;}
.articlelist div.article_default_picgrid .picgrid_txt a span {color:#2f2f2f;}
.articlelist div.article_default_picgrid .picgrid_txt a:hover span {color:#ff0000;}
/*.articlelist div.article_default_picgrid .picgrid_txt .showbox_icon {display:block;width:150px;position:relative;top:-32px;z-index:7;left:150px;height:32px;line-height:32px;text-align:right;overflow:hidden;}
.articlelist div.article_default_picgrid .picgrid_txt .showbox_icon b {line-height:32px;font-size:10px;font-weight:500;margin-right:5px;cursor:pointer;}
.articlelist div.article_default_picgrid .picgrid_txt .showbox_icon b.icon_fav {background:url(../images/icon_fav.png) no-repeat left center;padding-left:15px;        }
.articlelist div.article_default_picgrid .picgrid_txt .showbox_icon b.icon_top {background:url(../images/icon_z.png) no-repeat left center;padding-left:15px;        }
.articlelist div.article_default_picgrid .picgrid_txt .showbox_cont {line-height:22px;font-size:12px;position:relative; top:-32px;color:#b1b0b0;}
.articlelist div.article_default_picgrid .picgrid_txt .piclist_txt_cont {line-height:22px;color:#b1b0b0;position:relative;top:-32px;}
.articlelist div.article_default_picgrid .picgrid_txt .piclist_txt_cont {line-height:22px;color:#b1b0b0;position:relative;top:-32px;}
.articlelist div.article_default_picgrid .picgrid_txt .piclist_txt_tags {padding:10px 0px 10px 0px;position:relative;top:-32px;}
.articlelist div.article_default_picgrid .picgrid_txt .piclist_txt_tags .tags {display:inline;padding:2px 10px 2px 10px; background:#efefef; color:#2f2f2f;margin-right:5px;}
.articlelist div.article_default_picgrid .picgrid_txt .piclist_txt_tags .tags:hover {background:#1679b1;color:#ffffff;}*/ 


.aboutus {width:95%;padding:2.5%; margin:0px auto 10px auto;background:#ffffff;
filter: alpha(opacity=80);
opacity: 0.8;
-moz-opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/*文章多行单列展示*/
.articlelist ul.article_default_piclist {width:100%;margin:10px auto 10px auto;}
.articlelist ul.article_default_piclist li {padding-bottom:5px;padding-top:5px;border-bottom:0px dotted #d1d1d1;}
/*微信文章*/
ul.article_default_piclist{width:100%;padding:0%; }
ul.article_default_piclist li.t {width: 95%;padding: 2.5%;border-top:0px dotted #ddd;background:#fff; margin:20px 0px 20px 0px;transition: all 0.1s ease-in;-webkit-transition: all 0.1s ease-in;opacity: 1;}
ul.article_default_piclist li.t:first-child {border-top: 0;}
ul.article_default_piclist li.t .pic{ width:30%; float:left;}
ul.article_default_piclist li.t .pic a, ul.article_default_piclist li.t .pic img {display: block;width: 100%;max-width:100%;}
ul.article_default_piclist li.t .pic img {display: block;width: 100%;max-width:100%;max-height:256PX;min-height:256PX;box-shadow:0px 0px 5px rgba(0,0,0,0.4);border-radius:7px;}

ul.article_default_piclist li.t .con{width:65.5%;float:right;padding-right:2%; }


ul.article_default_piclist li.t .con a.tit {font-weight: bold;color: #333;line-height:65px;}
    ul.article_default_piclist li.t .con a.tit span {
        display: inline;
        width: auto;
        padding:5px 15px 5px 15px;
        margin-right: 10px;
        background: #008fd7;
        font-size: small;
        color: #fff;
        text-align: center;
    }
ul.article_default_piclist li.t .con a.tit:hover {font-weight: bold;color: #e25a0a;}
ul.article_default_piclist li.t .con p{ color:#333;padding:0px;margin:0px;font-size:small;  }
ul.article_default_piclist li.t .other{width:67.5%;float:right;color:#666;line-height:42px;font-size:10pt;}
ul.article_default_piclist li.t .piclist_txt_tags {display:inline;float:right;width:62.5%; padding:10px 0px 10px 0px;position:relative;top:0px;}
ul.article_default_piclist li.t .piclist_txt_tags .tags {display:inline;padding:2px 10px 2px 10px; background:#efefef; color:#2f2f2f;margin-right:5px;}
ul.article_default_piclist li.t .piclist_txt_tags .tags:hover {background:#1679b1;color:#ffffff;} 


ul.article_default_piclist li.t:hover {background: #008fd7; color:#fff;} 
ul.article_default_piclist li.t:hover .con a.tit {font-weight: bold;color: #fff;line-height:65px;}
    ul.article_default_piclist li.t:hover .con a.tit span {
        display: inline;
        width: auto;
        padding:5px 15px 5px 15px;
        margin-right: 10px;
        background: #fff;
        font-size: small;
        color: #008fd7;
        text-align: center;
    }
ul.article_default_piclist li.t:hover .con p{ color:#fff;padding:0px;margin:0px;font-size:small;  }
ul.article_default_piclist li.t:hover .other{width:67.5%;float:right;color:#fff;line-height:42px;font-size:10pt;}
ul.article_default_piclist li.t:hover .piclist_txt_tags {display:inline;float:right;width:62.5%; padding:10px 0px 10px 0px;position:relative;top:0px;}
ul.article_default_piclist li.t:hover .piclist_txt_tags .tags {display:inline;padding:2px 10px 2px 10px; background:#efefef; color:#2f2f2f;margin-right:5px;}
ul.article_default_piclist li.t:hover .piclist_txt_tags .tags:hover {background:#1679b1;color:#ffffff;} 
/*详细*/
#proddetail .helptag{display:none; }
#proddetailbox .viewspottable tr td p {margin-left:20px;}
#proddetailbox .viewspottable {margin:20px auto 30px auto;}
#proddetailbox .viewspottable p {padding:0px;}
#proddetailbox h4.viewspot_tit{display:block;width:940px;height:32px;line-height:32px;padding-left:10px;background: #e8f5fd;border-top:4px solid #005aab;font-size:12px;}
#article_detail{ padding:0px;width:95%; margin:0px auto; padding:2.5%;background:#f3f3f3;}
.total_news{width:700px; margin:0px auto;}
.total_news h4{ background:url(../images/tit_news01.jpg) no-repeat left center; height:60px;width:740px; display:block; text-indent:-1999px;}
.total_acts h4{ background:url(../images/tit_news02.jpg) no-repeat left center; height:60px;width:740px; display:block; text-indent:-1999px;}
.total_read h4{ background:url(../images/tit_news03.jpg) no-repeat left center; height:60px;width:740px; display:block; text-indent:-1999px;}
.total_news a.more,.total_acts a.more,.total_read a.more{ display:block; float:right; width:86px;background:#ff9900; color:#ffffff; text-align:center; margin-top:5px;}
.total_news a.more:hover,.total_acts a.more:hover,.total_read a.more:hover{ background:#05b2ec;}
.helptag{ margin-top:10px; text-align:left;}
.helptxt {LINE-HEIGHT: 26px; COLOR: #605d5c; margin:0px; padding:0px;
line-height:24px;height:auto;color:#666666;}
.helptag{ text-align:left;width:100%;font-size:small;}
.helptxt {PADDING-BOTTOM: 20px; PADDING-TOP: 10px}
.helptxt img{ margin:0px auto; max-width:870px;}
.helptag {TEXT-ALIGN: left;}
#contenttools{ display:inline; float:right; text-align:right;}
#contenttools a{margin-right:10px;}
.tsmaller{ font-size:8px; font-weight:bold;}
.tsmall{ font-size:12px;}
.tlarger{ font-size:16px; font-weight:bold;}
.print{ margin-left:5px;}
.copylink{ margin-left:5px;}

#article_detail .visatemplate {width:768px;margin:0px auto;border:1px solid #d1d1d1;}
#article_detail .visatemplate td{padding:4px;border:1px solid #d1d1d1;border-collapse:collapse;}
.helptags {TEXT-ALIGN: left; margin-top:10px; margin-bottom:10px;text-align:left;width:98%;background:#f7f7f7;display:block;padding:1%;font-size:small;}
.helptags a {display:inline;padding:2px 10px 2px 10px; background:#efefef; color:#2f2f2f;margin-right:5px;}
.helptags a:hover {background:#d33a01;color:#ffffff;} 
.helplink{ text-align:center;}
UL.prevnext {margin-bottom:30px;}
#website_help UL.prevnext {LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; padding:10px; border:1px solid #e6e6e6;}
#website_help UL.prevnext LI {BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; LINE-HEIGHT: 22px; WIDTH: 310px;line-height:22px; height:22px; border-bottom:none;}

.page_detail {width:95%;padding:2.5%; margin:1% auto 10px auto;background:#f3f3f3;/*
filter: alpha(opacity=80);
opacity: 0.8;
-moz-opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
*/
line-height:32px;
}
.page_detail img {max-width:100%;}
/*我要订购*/
.apply {width:870px;padding:40px; background:#ffffff; margin:0px auto;}
.apply .orderonline {width:600px;margin:30px auto;}
.apply .orderonline tr th {padding:5px;text-align:right;font-weight:500;}
.apply .orderonline tr td {padding:5px;}
.apply .orderonline tr td input {height:20px; line-height:20px; padding:5px; border:0px; border:1px solid #B4B4B4; color:#595757; background:#F8FDFF;}
.apply #txt_spotname {width:258px;}
.apply #txt_crnum,.apply #txt_rtnum {width:40px;margin-right:5px;}
.apply .orderonline tr td #btn_online {
width: 182px;
height: 35px;
background:#666666;
border: none;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
color: rgb(255, 255, 255);
font-family: 微软雅黑;
font-size: 14px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.apply .orderonline tr td #btn_online:hover {background:#b1b0b0;color:#000000;}
.spotorder {
width: 118px;
height: 35px;
line-height:35px;
text-align:center;
margin-top:10px;
margin-bottom:10px;
background: rgb(32, 162, 222);
border: none;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
color: rgb(255, 255, 255);
font-family: 微软雅黑;
font-size: 14px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}

#proddetail .showbox_icon{display:none;}
/********/
.post_template {width:100%;}
.post_template td {padding:4px;border:1px solid #d1d1d1;}
.post_template td.post_name {font-weight:bold;background:#005aab;color:#ffffff;}
.article_default_list_fz2 {width:100%;margin:0%;border-bottom:2px solid #84bb0b;}
.article_default_list_fz2 .td_header {border-bottom:1px solid #000;text-align:center;color:#333;height:60px;line-height:60px;border-top:2px solid #84bb0b;}
.article_default_list_fz2 td {height:40px;line-height:40px;padding:4px;border-bottom:1px solid #e8e8e8;text-align:center;}
.article_default_list_fz2 tr.td_text {display:none;text-align:left;}
.article_default_list_fz2 tr.td_text p{text-align:left;}
.article_default_list_fz2 td span{display:block;width:100%; height:32px;line-height:32px;text-align:center;cursor:pointer;}

.wrap-con .mycon, .wrap-con .mycon p {font-size: 14px;line-height: 180%;}
.wrap-con {width: 95%;padding:2.5%;overflow: hidden;}
#wrap730 {width: 730px;float: right;}
.sub-content {position: relative;top: 160px;width: 1000px;margin: 0 auto;clear: both;padding-bottom: 200px;}
:focus {outline: 1;}
.wrap-con .mycon p {margin-bottom: 3px;}
.line {height: 1px;background: #c6c6c6;border: 0;}
.line {height: 1px;background: #e8e8e8;border: 0;margin-top: 20px;margin-bottom: 20px;clear: both;display: block;}
#order-form {width: 730px;margin-bottom: 30px;margin-top: 20px;}
#order-form .step2, #order-form .step3{width: 730px;display: block;}
#order-form .step4 {width: 730px;display: none;}
#order-form .step2 h3, #order-form .step3 h3, #order-form .step4 h3 {font-size: 16px;margin-bottom: 15px;}
:-ms-input-placeholder {color: #ababab;opacity: 1;}
#order-form .step4 input {width: 710px;height: 25px;float: initial;padding: 2px 8px;margin-bottom: 10px;border: solid 1px #dbdbdb;font: 14px "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #333;}
#order-form .step3 textarea {width: 710px;height: 150px;padding: 2px 8px;border: solid 1px #dbdbdb;resize: none;font: 12px "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #1f1f1f;}
#order-form .step3 p {margin: 20px 0;}
input, select, checkbox, radio {vertical-align: middle;}
#order-form .step3 .js-submit {display: inline-block;padding: 5px 10px;background: #333;font: bold 16px "Microsoft YaHei", Arial, Helvetica, sans-serif;border: 0;color: #fff;}
#order-form .step2 ul {width: 800px;}
#order-form .step2 ul li {float: left;margin-bottom: 20px;width: 180px;margin-right: 20px;font-size: 12px;}
#order-form .step2 ul li a {display: block;height: 40px;background: #eee;}
#order-form .step2 ul li a i {width: 15px;height: 40px;background: #333;display: block;color: #fff;float: left;}
#order-form .step2 ul li a span {width: 131px;display: block;float: left;padding: 5px 0 5px 10px;}
#order-form .step2 ul li b {font-size: 18px;}
#order-form .step2 ul li a:hover, #order-form .step2 ul li a.hover {background: #eee url(../images/chick.png) no-repeat right bottom;}
#order-form .step2 ul li a:hover i, #order-form .step2 ul li a.hover i {background: #ff0000;}
#order-form .step1 ul {width: 870px;border-bottom: solid 1px #dbdbdb;margin-bottom: 20px;}
#order-form .step1 ul li {float: left;margin-bottom: 20px;width: 330px;margin-right: 70px;}
#order-form .step1 ul li span {width: 60px;float: left;font-weight: bold;}
#order-form .step1 ul li select{border:1px solid #aeaeae; width: 82px; height: 33px; line-height:33px; background: none; font-size:14px; font-family: "microsoft yahei"; margin-left:2px;}
/*#order-form .step1 ul li select {width: 269px;height: 31px;float: right;padding: 2px 8px;border: solid 1px #dbdbdb;font: 13px "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #333;}*/
#order-form .step1 ul li input {width: 250px;height: 25px;float: right;padding: 2px 8px;border: solid 1px #dbdbdb;font: 14px "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #333;}
#order-form .step1 ul li i {color: #d2190e;}
.wrap-con .mycon img {width: 100%;}
.pcshare {display:block;clear:both;width:100%;margin:40px auto;text-align:center;
background-image:-webkit-linear-gradient(to top, #d1d1d1, #ffffff);background-image:linear-gradient(to top, #d1d1d1, #ffffff);
border:1px solid #ddd;}
.wxtags a.opensrcurl{color:#607fa6;}

/*相关案例或历史浏览*/
#comhistory {width:100%;display:block; margin:0px auto 0px auto;padding-top:0px;padding-bottom:0px;}
#comhistory .w1200 {width: 100%;}
#comhistory .intr_tit {color:#000;font-weight:bold;font-size:18px;line-height:60px;text-align:left;letter-spacing:0.15em;padding-left:0px;border-left:0px solid #000;margin-bottom:30px;width:100%;margin:0px;padding-left:0%;}
.historybox {width:23.5%;display:inline;float:left;margin-right:0%;margin-left:0%;margin-right:2%; margin-bottom:20px; text-align:center;background:#f7f7f7;}
.historybox.last{display:inline;float:right;margin-right:0%;} 
.historybox a img {width:100%;border:0px solid #ddd;height:210px; }
.historybox p {margin:0px 0px 0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.historybox p span {display:block;margin:0px 0px 8px;color:#999;}
.historybox p strong {font-size:10pt;line-height:24pt; font-weight:500;display:block;margin:0px auto 0px auto;width:95%;}
.historybox p font{display:none;}
.historybox:hover{background:#e81f29;color:#fff;}
.historybox:hover p span {color: #fff;}
/*相关新闻*/
.dynamic .intr_tit {color:#000;font-weight:bold;font-size:18px;line-height:60px;text-align:left;letter-spacing:0.15em;padding-left:0px;border-left:0px solid #000;margin-bottom:30px;width:100%;margin:0px;padding-left:0%;}
.dynamic .w1200{display:block;width:100%;}
.defartbox {display:inline;float:left;width:32%;padding:0%; margin-top:0px;border:0px solid #efefef;background:#fff;margin-right:2%;}
.dynamic3{display:inline;float:right;width:32%;padding:0%; margin-top:0px;border:0px solid #efefef;background:#fff;margin-right:0%;}
.defartbox .deftit {display: none;}
.defarttop {clear:both;padding:0;}
.defarttop_pic {width:100%;display:block;float:none;height:150px;overflow:hidden;}
.defarttop_pic img {width:100%;height:auto;}
.defarttop_txt {width:100%;display:block;height:150px; float:none;text-align:center;opacity:0;position:relative;margin-top:-150px;top:0px;}
.defarttop_txt a {font-weight:bold;font-size:12pt; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:80%;color:#fff;height:90px;line-height:90px; padding:30px 0px 30px 0px;
                  text-shadow:0 3px 3px rgba(0,0,0,0.4);
                  text-align:center;
                  margin:0px auto;
}
.defarttop_txt p {margin:0px;color:#999;display:none;}
.defarttop:hover .defarttop_txt {opacity: 1;background:rgba(0,0,0,0.4);}
.defartbox ul {padding:2.5%;}
.defartbox ul li {height:32px;line-height:32px;border-bottom:1px dotted #d1d1d1;background:url(/template/default/images/icon_jtg.png) no-repeat left center;text-align:left;}
.defartbox ul li:last-child{border-bottom:0px;}
.defartbox ul li span.date {display: inline;float: right;display:none; }
.defartbox ul li a {margin-left: 10px;display:inline-block;width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:small;}
/*单页索引*/
.page_index_list {margin-bottom: 20px;}
.page_index_list .page_index_box {display: inline;float: left;width: 17.8%;padding:0.5%;border-radius:7px; height:auto;margin: 0 1.5% 0 0;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}
.page_index_list .page_index_box h4.tit_detail {font-size:14pt;line-height:24px;color:#fff;border-bottom:0px dotted #f7f7f7;width:48px;height:48px;border-radius:35px;background:#fff;padding:10px;position:relative;margin-top:-39px;box-shadow:0 3px 2px rgba(0,0,0,0.4);}
.page_index_list .page_index_box .page_index_text {height:250px;line-height:24pt;overflow:hidden;color:#fff;text-shadow:0 0 1px rgba(0,0,0,0.4);margin-top:15px;}
.page_index_list .page_index_box a {display:block;width:80%;margin:20px auto;text-align:center;background:#fff;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.4);font-size:12pt; }
.page_index_list .page_index_box a:hover {background: #e81f29;color:#fff;}
.page_index_list .item1 {background: #ffa800;}
.page_index_list .item2 {background: #b7d12f;}
.page_index_list .item3 {background: #ff5915;}
.page_index_list .item4 {background: #319a96;}
.page_index_list .item5 {background: #da0000;margin:0px 0px 0px 0px;}
.page_index_list .item1 h4.tit_detail {color: #ffa800;}
.page_index_list .item2 h4.tit_detail {color: #b7d12f;}
.page_index_list .item3 h4.tit_detail {color: #ff5915;}
.page_index_list .item4 h4.tit_detail {color: #319a96;}
.page_index_list .item5 h4.tit_detail {color: #da0000;}
.page_index_list .page_index_box:hover {background: #333;}
@media screen and (max-width:1200px) {
    body {background:#fff;font-size:10pt;}
    .containerbox {position:relative;margin-top:0px;top:0px;background:none;}
    #secbanner {display: none;}
    .warper_top {display:block;width:100%;padding-top:0px;margin:0px auto 0px auto;background:#f7f7f7;color:#333;}
    .warper_cet {width: 100%;padding:0 0 0 0;background:initial;}
    .righttit_bg {width:100%;}
    #jj_left {display: none;position:absolute;width:100%;height:100%;background:#fff;z-index:999;top:40px;}
    #jj_left .left_title, .comlinkwarp {display: none;}
    #jj_left_menu {width:100%;padding:0px;margin:0px auto 0px auto;}
    #jj_left_menu .box_02 {width: 95%;padding:0 2.5% 0 2.5%;}
    #jj_left_menu .box_02 ul{ width:100%; margin:0px auto 10px auto;padding:0px; padding-bottom:20px; }
    #jj_left_menu .box_02 ul li {margin: 5px 0px 0px 0px;}
    #jj_left_menu .box_02 ul li.prod0{line-height:32px;text-align:center; width:100%; padding-left:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border:0;border-bottom:1px dotted #d1d1d1; background:none;}
    #jj_left_menu .box_02 ul li.prod0 a{padding-left:0px;display:block; width:100%; height:32px; line-height:32px;background:none; color:#2f2f2f; }
    #jj_left_menu .box_02 ul li.prod0:hover{background:none;  }
    #jj_left_menu .box_02 ul li.prod0:hover a {color:#0050a0; font-weight:bold; }
    #jj_left_menu .box_02 ul li.prod1{color:#666; text-align:center; padding-left:0px; line-height:32px; height:32px; border:0;border-bottom:1px dotted #d1d1d1;}
    #jj_left_menu .box_02 ul li.prod1 a{color:#666;line-height:32px; height:32px; }
    #jj_left_menu .box_02 ul li.prod1:hover a{color:#e6e6e6;line-height:32px; height:32px; }
    #jj_left_menu .box_02 ul li.prod1:hover a:hover{background:#0050a0;color:#ff0000;}
    #jj_left_menu .box_02 ul li.lthis01{line-height:32px;text-align:center; width:100%; padding-left:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border:0; border-bottom:1px dotted #d1d1d1; background:none; }
    #jj_left_menu .box_02 ul li.lthis01 a{color:#d2190e; font-weight:bold;}

    #jj_right {float: none;width:100%;}
    #jj_right img {max-width:100%;}
    #jj_right_con{width:100%; padding:0%;margin-top:0px;} 
    .articlelist {width:100%;padding:0%;}
    h4.tit_detail{ font-size:1.35em;font-weight:bold;min-height:2.7em; line-height:2.7em;color:#000;padding-left:0px;padding-right:0px;position:relative;top:-1px;border-bottom:0px solid #d4d4d4;
                   width:100%;display:block;text-align:center;margin-top:0px;
                   display:none;
    }
    .page_detail h4.tit_detail ,#article_detail h4.tit_detail {display: block;}
    .showlist, .articlelist {width: 100%;padding: 0%;}

    /*文章多行列表展示*/
   /* .articlelist { width:95%;padding:2.5%;}*/
    .articlelist ul.article_default_list {width:95%;margin:2.5%;}
    .articlelist ul.article_default_list li {height:35px;line-height:35px;border-bottom:1px dotted #f7f7f7;font-size:14px;}
    .articlelist ul.article_default_list li a {display:inline;float:left;margin-left:0px;}
    .articlelist ul.article_default_list li span {display:none;float:right; padding-right:5px;}

    #article_detail,.page_detail {width:95%;padding:2.5%;}
    #article_detail .page_detail img {max-width: 100%;}
    .helptag {width: 100%;}
    /*订购*/
    .wrap-con{width:95%;padding:2.5%;}
    #order-form {width: 100%;margin-bottom: 30px;margin-top: 20px;}
    #order-form .step2, #order-form .step3 {width: 100%;display: block;}
    #order-form .step2 h3, #order-form .step3 h3 {font-size: 16px;margin-bottom: 15px;}
    :-ms-input-placeholder {color: #ababab;opacity: 1;}
    #order-form .step3 textarea {width: 95%;height: 150px;padding:2.5%;border: solid 1px #dbdbdb;resize: none;font: 12px "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #1f1f1f;}
    #order-form .step3 p {margin: 20px 0px 0px 0px;}
    input, select, checkbox, radio {vertical-align: middle;}
    #order-form .step3 .js-submit {display: inline-block;width:33%;padding:5px 0% 5px 0%;background: #333;font: bold 16px "Microsoft YaHei", Arial, Helvetica, sans-serif;border: 0;color: #fff;text-align:center;border-radius:3px;}
    #order-form .step2 ul {width: 102%;}
    #order-form .step2 ul li {float: left;margin-bottom: 20px;width: 30%;margin-right: 2.5%;font-size: 12px;}
    #order-form .step2 ul li a {display: block;height: 40px;background: #eee;}
    #order-form .step2 ul li a i {width: 15px;height: 40px;background: #333;display: block;color: #fff;float: left;}
    #order-form .step2 ul li a span {width: 65px;display: block;float: left;padding: 5px 0 5px 10px;}
    #order-form .step2 ul li b {font-size: 13px;}
    #order-form .step2 ul li a:hover, #order-form .step2 ul li a.hover {background: #eee url(/template/default/images/chick.png) no-repeat right bottom;}
    #order-form .step2 ul li a:hover i, #order-form .step2 ul li a.hover i {background: #d2190e;}
    #order-form .step1 ul {width: 100%;border-bottom: solid 1px #dbdbdb;margin-bottom: 20px;}
    #order-form .step1 ul li {float: left;margin-bottom: 20px;width: 100%;margin-right: 70px;}
    #order-form .step1 ul li span {width: 100%;float: left;font-weight: bold;}
    #order-form .step1 ul li select {width: 100%;height: 31px;float: right;padding: 2px 8px;border: solid 1px #dbdbdb;font: 13px "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #333;margin-bottom:10px;   }
    #order-form .step1 ul li input {width: 95%;height: 25px;float: right;border: solid 1px #dbdbdb;font: 14px "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #333;}
    #order-form .step1 ul li i {color: #d2190e;}
    .wrap-con .mycon img {width: 100%;}
    .tc888 img{width:100%;}

    .panel_tags_bytag {width:95%; padding: 0px 2.5%;}
    /*产品中心*/
    .show_detail {width: 95%;padding: 2.5%;}
    #proddetail{ width:100%;padding:0px;margin:0px auto; height:auto; overflow:hidden; }
    #proddetailbox h4.prod_tit {width:100%; height:42px;line-height:42px;color:#d33a01;font-weight:500;font-size:16px;font-weight:bold;margin:1% 0% 1% 0%;}
    #proddetailbox p {padding:0px;}
    #proddetailbox p img {max-width:100%;}
    #proddetailbox .prod_case {width:100%;border-top:1px dotted #e8e8e8;}
    #proddetailbox .prod_case td{border-bottom: 1px dotted #e8e8e8;padding:4px 0px 4px 0px;}
    #proddetailbox table.prod_rc {width:100%;}
    #proddetailbox table tr td.rc_pic {width:200px;}
    #proddetailbox table tr td.rc_parmter {width:310px;}
    #proddetailbox table tr td img {width:150px;height:150px;border-radius:75px;}
    /* 本例子css */
    .picFocus{ margin:0 auto;  width:98%;padding:1%;background:#ededed; position:relative;  overflow:hidden;  zoom:1;   }
    .picFocus .hd{ width:auto;margin:0px auto; padding-top:5px;  overflow:hidden; }
    .picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
    .picFocus .hd ul li{ padding-top:5px;display:block; float:left; width:32%;margin-left:1%;background:#ddd; text-align:center;  }
    .picFocus .hd ul li img{ width:100%; height:auto; border:0px solid #ddd; cursor:pointer; margin-right:0px;   }
    .picFocus .hd ul li.on{ background:#ff0000; }
    .picFocus .hd ul li.on img{ border-color:initial;  }
    .picFocus .bd li{ vertical-align:middle; }
    .picFocus .bd img{ width:100%; height:auto; display:block;  }

    .page_pmhtml{width:100%;}
    .page_pmhtml ul {border:0px solid #ccc;border-bottom:0px;}
    .page_pmhtml ul li {display: inline-table;height:32px;line-height:32px;width: 100%;float: none;border-bottom:1px solid #ccc;}
    .page_pmhtml ul::after {content:"";clear:both;}
    .page_pmhtml ul li span {display:inline;float:left; width:30%;text-align:right;padding-right:2.5%;margin-right:2.5%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#efefef;}

    .parameter_header {background: #81d6d3;}
    .parameter_left {text-align:right;width:120px;color:#808080;border-bottom:1px dotted #d1d1d1;border-left:20px solid #fff;padding-right:10px;border-right:1px dotted #d1d1d1;}
    .parameter_right {width:200px;padding-left:10px;padding-right:10px;text-align:center;border-bottom:1px dotted #d1d1d1;}
    .parameter_header td {color:#fff;font-weight:bold;}
    .detail_template td.detail_mark {height:40px;line-height:40px;border-bottom:2px solid #005aab;}
    .detail_template td.detail_cont {padding-top:10px;}
    .prod_btn {padding-top:10px;width:870px;height:45px;overflow:hidden; margin:0px auto;}

    #proddetail .prodtotal{ line-height:48px;border-bottom:1px solid #e0e0e0; color:#333333; font-weight:bold;}
    #proddetail a img{width:270px; height:345px;}
    .proddetail_txt{ width:410px; float:right;position:relative; z-index:99;top:0px;}
    .proddetail_txt ul li{ line-height:32px;}
    .proddetail_txt ul li span{ line-height:32px; font-size:12px; font-weight:bold;}
    .proddetail_txt ul li.btnbox{ padding-top:10px; padding-left:0px;}
    .proddetail_txt ul li.btnbox img{width:95px; height:25px; margin-right:10px;}
    .proddetail_txt ul li.btnbox a.poplight{ display:inline; height:24px; padding:0px 10px 0px 10px; line-height:24px; border:1px solid #d1d1d1;}
    .prodtags{padding:2px 8px 2px 8px; background:#008fd7; color:#ffffff; text-align:center; margin-left:10px;}
    .shoptitle{ font-size:18px; font-weight:bold; line-height:32px; border-bottom:1px dashed #e6e9ed; text-align:left;}
    .shopmembprice{ font-size:22px; font-weight:bold; color:#ff0000;}
    #proddetailtit div.show{ display:inline; width:120px; height:35px;}
    #proddetailbox{width:100%;margin:2.5% auto 0px auto;padding:0px; }

    /*文章多行多列展示*/
    .articlelist div.article_default_picgrid {width:46.25%;height:auto;overflow:hidden; display:inline;float:left;margin:2.5% 0 0% 2.5%;}
    .articlelist div.article_default_picgrid .picgrid_pic a.tit {display:block;font-weight:bold;height:32px;line-height:32px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
    .articlelist div.article_default_picgrid .showbox_pic{width:100%;height:auto;}
    .articlelist div.article_default_picgrid .picgrid_pic a img {width: 100%;height:auto;}
    .articlelist div.article_default_picgrid .picgrid_txt {width:100%;text-align:left;line-height:32px;height:32px;}
    .articlelist div.article_default_picgrid .picgrid_txt a span {color:#2f2f2f;}
    .articlelist div.article_default_picgrid .picgrid_txt a:hover span {color:#ff0000;}

    /*微信文章*/
    ul.article_default_piclist{width:100%;padding:0%; }
    ul.article_default_piclist li.t {width: 95%;padding: 2.5%;border-top:1px dotted #ddd;margin:0px;background:#fff;}
    ul.article_default_piclist li.t:first-child {border-top: 0;}
    ul.article_default_piclist li.t .pic{ width:32.5%; float:left;}
    ul.article_default_piclist li.t .pic a, ul.article_default_piclist li.t .pic img {display: block;width: 100%;max-width:100%;}
    ul.article_default_piclist li.t .pic img {display: block;width: 100%;max-width:100%;max-height:initial;min-height:initial;}
    ul.article_default_piclist li.t .con{width:62.5%;float:right; }
    ul.article_default_piclist li.t .con a.tit {font-size: 14px;font-weight: bold;color: #333;line-height:28px;}
    ul.article_default_piclist li.t .con a.tit:hover {font-size: 20px;font-weight: bold;color: #ff3300;}
    ul.article_default_piclist li.t .con p{ color:#888888; display:none;margin:0px;padding:0px;}
    ul.article_default_piclist li.t .other{width:62.5%;float:right;color:#666;font-size:12px;padding-right:2%;}
    ul.article_default_piclist li.t .other strong {display: none;}
    ul.article_default_piclist li.t .piclist_txt_tags {display:none;float:right;width:62.5%; padding:10px 0px 10px 0px;position:relative;top:0px;}
    ul.article_default_piclist li.t .piclist_txt_tags .tags {display:inline;padding:2px 10px 2px 10px; background:#efefef; color:#2f2f2f;margin-right:5px;}
    ul.article_default_piclist li.t .piclist_txt_tags .tags:hover {background:#1679b1;color:#ffffff;}

    #contenttools {position:fixed;width:30px;top:220px;right:0px;text-align:center;}
    #contenttools a {display:block;width:30px;line-height:30px;text-align:center;background:rgba(0,0,0,0.15);color:#fff;margin-right:0px;border-radius:15px;margin-bottom:10px;}
    #contenttools a:hover{background:rgba(0,0,0,0.65);}
    #contenttools a.print, #contenttools a.copylink {display:none;}
    .wxtags a.opensrcurl{color:#607fa6;}
    .helptags {display: none;}
    .article_default_list_fz2 {width:95%;margin:2.5%;}
    #comhistory {display: none;}

    /*单页索引*/
    .page_index_list {margin-bottom: 20px;}
    .page_index_list .page_index_box {display: block;float: none;width: 90%;padding:2.5%;border-radius:7px; height:auto;margin: 50px auto 0 auto;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}
    .page_index_list .page_index_box h4.tit_detail {display:block; font-size:14pt;line-height:24px;color:#fff;border-bottom:0px dotted #f7f7f7;width:48px;height:48px;border-radius:35px;background:#fff;padding:10px;position:relative;margin-top:-50px;box-shadow:0 3px 2px rgba(0,0,0,0.4);}
    .page_index_list .page_index_box .page_index_text {height:250px;line-height:24pt;overflow:hidden;color:#fff;text-shadow:0 0 1px rgba(0,0,0,0.4);margin-top:15px;}
    .page_index_list .page_index_box a {display:block;width:95%;margin:20px auto;text-align:center;background:#fff;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.4);font-size:12pt; }
    .page_index_list .page_index_box a:hover {background: #e81f29;color:#fff;}
    .page_index_list .item1 {background: #ffa800;}
    .page_index_list .item2 {background: #b7d12f;}
    .page_index_list .item3 {background: #ff5915;}
    .page_index_list .item4 {background: #319a96;}
    .page_index_list .item5 {background: #da0000;}
    .page_index_list .item1 h4.tit_detail {color: #ffa800;}
    .page_index_list .item2 h4.tit_detail {color: #b7d12f;}
    .page_index_list .item3 h4.tit_detail {color: #ff5915;}
    .page_index_list .item4 h4.tit_detail {color: #319a96;}
    .page_index_list .item5 h4.tit_detail {color: #da0000;}
    .page_index_list .page_index_box:hover {background: #333;}
}