@charset "utf-8";
 /*  
*@description: 全局 
*@author: name 林异频  
* @update: name (2015-07-14 18:32)更新 */
html{width:100%; height:100%;}
body{ font-size:14px;color:#686868; line-height:1.8; min-width:320px;font-family:"微软雅黑",Arial;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table{word-break:break-all}
ol,ul,li{list-style-image:none;list-style-position:outside;list-style-type:none;}
.input{ padding:0; margin:0; font-family:"微软雅黑"; outline:none}
.left{float:left;}
.right{float:right;}
.clear{clear:both; height:0px; width:0; margin:0; padding:0; border:none; overflow:hidden; }
.clear1{clear:both; overflow:hidden; }
a{text-decoration:none; cursor:pointer; color:#686868}
a:hover{ color:#f8791b}
h1{ font-size:18px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
h5{ font-size:12px}
.see{ display: block !important;}
.height20{ height:20px;}
.height50{ height:50px;}
.beijing{ padding:10px 0; clear:both; overflow:hidden; min-width:320px; margin:0 auto}
.global{ background:url(../images/beijing.jpg) repeat-y center 0; padding:0 0 15px}
.global .beijing{ overflow: visible;}
/**************top**************/
.sidr-open{ overflow: hidden;}
.zengjia{display: none;clear: both; overflow: hidden; width: 100%; height: 100%; position: fixed;left: 0; top: 0; background: url(../images/zj.png) repeat; z-index: 10;}
.sidr-open .zengjia{ display:block}
.top{ background:#1c1d1c; font-size:12px; color:#b1b1b1; line-height:36px; clear:both; position:fixed; bottom: 0; left: 0; width: 100%; z-index: 300;}
.top .beijing{ padding:0 5px; min-width:310px;}

.top dt a{ color:#b1b1b1; margin-left:10px}
.top dt span{ display: none;}
.mob_sousuo{float: right; margin:5px 0; width: 50%; display: inline-block; border-radius: 5px; background: #fff; padding: 0 5px; overflow: hidden;}
.mob_sousuo input{ border:0; overflow:hidden; height:26px; padding:0; margin:0; outline:none}
.mob_s1{ font-size:14px; background:none; width:80%; color:#CECECE; line-height:26px;float: left;}
.mob_s2{ cursor:pointer; width:19px; background:url(../images/top_ss.png) no-repeat 0 center; line-height:99;float: right;}

.top dd{ float:right; display:none}
.top_1{ margin-left:10px; float:left; display:inline-block}
.top_1 span{ float:left}
.top_1 big{ color:#f02e2e; float:left; font-size:18px;}
.top_2{ float:left; height:18px; margin:9px 5px; display:block; position:relative; z-index: 102;}
.top_2 span{ height:18px; clear:both; overflow:hidden; display:block; cursor:pointer}
.top_2 span img{ height:100%; vertical-align:top}
.top_2 p{ position:absolute; left:-48px; top:25px; width:125px; padding-top:5px; background:url(../images/top_wx2.png) no-repeat center 0; z-index:6; display:none}
.top_2 p img{ border:3px solid #ffba00; width:125px; *width:115px}
/**************logo**************/
.logo.beijing{ padding:10px 0; position:relative; z-index: 55;}
.logo h2{ font-size:1em; width:60%; float:left; line-height:1; padding:0; margin:0}
.logo h2 span{ display:none}
.logo h2 a{ float:left}
.logo h2 img{ max-width:100%; max-height: 30px;}
.logo_ss{ max-width:65%; height:36px; position:absolute; right:0; top:50%; margin-top:-18px; z-index:5}
.logo_ss1{ border:1px solid #CECECE; height:34px; float:left; *width:281px; padding:0 10px; border-radius:7px; display: none;}
.logo_ss1 input{ border:0; overflow:hidden; height:34px; float:left; padding:0; margin:0; outline:none}
.logo_1{ font-size:14px; background:none; min-width:80%; color:#CECECE; line-height:34px;}
.logo_2{ cursor:pointer; width:19px; background:url(../images/top_ss.png) no-repeat 0 8px; line-height:99}
.logo_e{ float:left; display:none}
.logo_e a{ padding:0 10px 0 25px; line-height:36px;}
.logo_e1{ background:url(../images/top_1.png) no-repeat 0 center; color:#CA0E13}
.logo_e2{ background:url(../images/top_2.png) no-repeat 0 center; color:#F7941E}

/**************menu**************/
menu{ clear:both;}
menu .beijing{ overflow:visible; position:relative; padding:0; z-index: 101;}
.menu_1{ cursor:pointer; background:#FFF; float:right; padding:5px 5px 0; border-radius:5px; margin-top: -40px;}
.menu_1 em{ overflow:hidden; margin-bottom:5px; height:3px; width:30px; background:#CA0D12; clear:both; display:block}
.menu{ width:100%; background:#FFF; position:absolute; left:0; z-index:100; display:none; top:-10px;}
.menu li{ text-align:center; line-height:30px; border-bottom:1px solid #CA0D12;}
.menu li.on .menu1_2{ display: block;}
/*.menu1_1{ border-bottom:1px solid #CA0D12;}*/
.menu1_2{ overflow:hidden; background:#CA0D12; clear:both; display:none}
.menu1_2 a{ overflow:hidden; font-size:12px; border-top:1px solid #FFF; color:#FFF; clear:both; display:block}

/**************foot**************/
.foot { font-size:12px; background:#2D2D2D; color:#737373; padding:10px 0 0 0; display:none;}
.foot big {overflow: hidden; color: #fff; clear: both; display: block}
.foot_1 {width:245px}
.foot_1 big {font-size:16px; padding:3px 0;}
.foot_1 span {overflow: hidden; padding:5px 0 15px; clear:both; display:block}
.foot_1 p img {margin-right: 8px}
.foot_1 img {max-width: 100%}
.foot_1 p a{ display:inline-block;}
.foot_2 {margin-left:20px; display:inline-block; line-height:2}
.foot_2 li {height:180px; width:160px; background:url(../images/foot.jpg) repeat-y; float:left; padding:0 25px}
.foot_2 li a {overflow: hidden; clear: both; display: block}
.foot_2 li big {font-size: 14px; padding-bottom: 8px}
.foot_2 big a {color: #fff}
.foot_3 {display: none}
.foot_3 li {width: 150px; float: left; margin-left: 20px; display: inline-block}
.foot_3 li em {overflow: hidden; text-align: center; clear: both; display: block}
.foot_3 li em img { border:1px solid #484848; padding:4px;}
.foot_3 li big {font-size: 14px; padding-top: 5px}
footer { background: #202120; color: #626262; text-align: center; font:12px/24px; margin-bottom:36px ;}

footer img {vertical-align: top; margin: 5px}
/**************bodyright**************/
.bodyright {font-size: 12px; width: 77px; right: 0px; position: fixed; color: #fff; text-align: center; z-index: 200; display: none; top: 20%}
.bodyright dd {margin-bottom: 3px; height: 60px; width: 100%; background: url(../images/body_right_2021.png) #af171c no-repeat center 0; position: relative; float: left; clear: both}
.bodyright dd a {overflow: hidden; cursor: pointer; height:60px; *height: 22px; width: 100%; padding-top: 38px; display: block}
.bodyright span {overflow: hidden; cursor: pointer; height:60px; *height: 22px; width: 100%; padding-top: 38px; display: block}
.bodyright dd a {color: #fff}
.bodyright dd.bd_r0 {background-position: center 0px}
.bodyright dd.bd_r1 {background-position: center -64px}
.bodyright dd.bd_r2 {background-position: center -128px}
.bodyright dd.bd_r3 {background-position: center -191px}
.bodyright dd.bd_r4 {background-position: center -255px}
.bodyright dd p {background: url(../images/body_right2.png) no-repeat right center; right: 85px; position: absolute; z-index: 101; display: none; top: -33px; padding-right: 5px}
.bodyright dd p img {border:5px solid #AF171C; height:115px; border-radius:3px}
.bodyright dt {overflow: hidden; height: 60px; width: 100%; background: url(../images/body_right_2021.png) #616161 no-repeat center -319px; clear: both}
.by-QQ{overflow: hidden; cursor: pointer; height:60px; *height: 22px; width: 100%; padding-top: 38px; display: block}
.by-QQ1{ position:absolute;right: 77px; top: 0; background:#CA0D12; padding:10px; overflow: hidden; white-space: nowrap; border: 1px solid #CA0D12; display: none;*width: 60px; border-radius: 3px;}
.bodyright dd .by-QQ1 a{ display: block; clear: both; overflow: hidden; white-space: nowrap; color: #fff; background: url(../images/contact_4_1.png) no-repeat 0 center; padding:0 0 0 25px; line-height: 28px; height: 28px;white-space: nowrap; text-align: left;}
.bodyright dd:hover .by-QQ1{ display: block;}
/**************page**************/
.page{ clear:both; overflow:hidden; padding:20px 0 0; text-align:center;}
.page a,.page span{ display:inline-block; margin:2px; overflow:hidden;}
.page a{ line-height:23px; border-radius:2px; border:1px solid #c4c2c3; padding:0 10px}
.page a.thisclass{ background:url(../images/page.png) repeat-x; border:0; line-height:25px; color:#fff}
.page span{ line-height:25px; padding:0 5px;}
.page a.page_prev{ background:url(../images/page_1.png) no-repeat 8px center; padding-left:17px}
.page a.page_next{ background:url(../images/page_2.png) no-repeat 57px center; padding-right:20px}
.page input{ outline:none; line-height:23px; height:25px; *height:23px; border:1px solid #c4c2c3; }
.page_1{ padding:0 5px; text-align:center; width:40px}
.page_2{ border-radius:2px; background:url(../images/page_2.png) no-repeat 42px center; padding:0 20px 0 10px; color:#000; *width:55px;}

/*slider*/
.slick-slider{ position: relative; z-index: 1; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block;}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before,.slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; /*height: 100%;*/ min-height: 1px; display: none; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/****************************内页****************************/
.main_banner{ clear: both; overflow: hidden; /*display: none;*/}
.main_banner img{ width: 100%;}
#left-menu{overflow:hidden; display:none; height:30px; width:35px;float:left; border-radius:5px; background:#ca0d12; cursor:pointer; /* display:inline-block; */padding:4px 5px 3px; /*margin-bottom:15px;*/ position: relative; z-index: 100; margin-right: 10px;}
#left-menu em{ display:block; height:3px; margin:2px 0 3px; width:100%; background:#fff; overflow:hidden; float:left}
#sidr-left{ display:none;left: auto;left: -55%;position: fixed;top: 0;height: 100%;z-index: 999999;width:200px;overflow-x: none;overflow-y: auto;background: #fff;color: #333;-webkit-box-shadow: inset 0 0 5px 5px #f0f0f0;-moz-box-shadow: inset 0 0 5px 5px #f0f0f0;box-shadow: inset 0 0 5px 5px #f0f0f0;}
.main_left1 li{ clear: both; /*width:100%; */line-height:40px; border-bottom:1px dashed    #f1f1f1; text-align:center; overflow:hidden}
.main_left1 li span{ display: block; clear: both;}
.main_left1 li span a{ display:block; clear:both;}
.main_left1 li.hover span a{ color:#fff; background:#ca0d12}

.main_left1 li p a.on{ color:#ca0d12}
.main_left2{ clear: both; display: none; background: #828282;}
.main_left1 li.hover .main_left2{ display: block;}
.main_left1 li .main_left2 em a{ display: block; clear: both; border-bottom: 1px solid #fff; line-height: 40px; font-size: 12px; color: #fff;}
.main_left1 li .main_left2 .on{ background: #666;}
.main_left1 li .main_left2 .on em a{/* color: #ca0d12;*/ }
.main_left1 i,.main_left1 em{ font-style: normal; display: block;}
.main_left1 li p{ display: none; background: #f8f8f8; font-size: 12px; border-top: 2px solid #ededed;line-height: 30px; padding: 5px 0;}
.main_left2 dd.on p{ display: block; }

.main_left2 dd p i a{ background:url(../images/work.jpg) no-repeat 0 center; padding-left: 10px; display: inline-block;}
.main_left2 dd p i.on1 a{ background:url(../images/work_1.jpg) no-repeat 0 center; color: #ca0d12;}

.center_left{ padding-bottom: 40px;} 
.center_left big{ display: block; clear: both; font-size: 24px; line-height: 60px; margin-bottom: 10px;}
.center_left p a.hover{ color: #ca0d12;}
.center_left big span{ color:#fff; background:#ca0d12; display: block;  clear: both; overflow: hidden; text-align: center;}
.center_left p,.center_left strong{ display: block; clear: both; overflow: hidden;line-height: 36px;}
.center_left p{border-bottom: 1px dashed #e2e2e2; padding:0 0 10px 23%; }
.center_left p a{ display: block; clear: both; overflow: hidden;}
.center_left strong{ font-size: 16px; padding:10px 0 0 23%; }


.main_right{ overflow:hidden; background:#fff; clear:both; padding-bottom:20px}
.main_right1{ overflow:hidden; clear: both; padding-bottom: 20px;}
.location{ clear:both; overflow:hidden; background:url(../images/location2.png) repeat-x bottom; line-height:60px}
.location dt{ color:#a7a7a7; font-size:12px; background:url(../images/location.png) no-repeat 0 center; display:none; float:right; padding:0 20px}
.location dt a{ color:#a7a7a7; margin:0 8px}
.location dd{ float:left; background:url(../images/location3.png) repeat-x bottom; display:inline-block; overflow:hidden; font-size:18px; color:#ca0d12}
.location dd span{ background:url(../images/location1.png) no-repeat center bottom; padding-bottom:9px; padding:0 15px; display:inline-block}

.zixun{ position: fixed;left:2%; top:20%; width:200px; display: none; z-index:1000;}
.zixun p{ position: relative; clear: both; overflow: hidden;}
.zixun p a{ display: block;}
.zixun p img{ width: 100%; vertical-align: top;}
.zixun p em{ position: absolute;right: 5px; top: 5px; height: 10px; width:10px;cursor: pointer; z-index: 1001; display: block;}



@media screen and (max-width: 767px) { 
.table-responsive {
    width: 100%;
    margin-bottom: 15px;  /* 设置底部外边距，避免重叠 */
    overflow-x: scroll;  /* 超出范围，水平可滚动 */
   /* overflow-y: hidden;*/
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {    margin-bottom: 0;  }
  .table-responsive > .table > thead > tr > th,
  /* 省略部分样式 */
  .table-responsive > .table > tfoot > tr > td {
white-space: nowrap;  /* 确保单元格中的文本不会换行，直到遇到 <br> 标签为止*/
  }
  .table-responsive > .table-bordered {    border: 0;  } 
  .table-responsive > .table-bordered {
    border: 0; /*将整个表格的外边框设置为0像素*/
  }
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  /*此处省略一些选择符*/
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; /*将所有tr的第一个单元格(即最左边的一列)的左边框都置为0像素*/
  }
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  /*此处省略一些选择符*/
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; /*将所有tr的最后一个单元格(即最右边的一列)的右边框都设置为0像素*/
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  /*此处省略一些选择符*/
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; /*将最后一行tr里的单元格的底部边框设置为0像素*/
  }
.activity1 table{ min-width: 760px;}
.center_2 table{ min-width: 760px;}
.center_addr table{ min-width: 400px;}
/*footer p span{ display: none;}*/
.contact_article table{ min-width: 700px;}
.contact_article{ overflow-x: scroll !important}
}

@media only screen and (min-width: 768px) {
.global{ padding: 15px 0;}
.beijing{ padding:10px 0; width:768px;}
/**************top**************/
.top{ position: static;}
.top .beijing{ padding:0; overflow:visible}
.top dt{float: left;}
.top dt span{ display: inline-block;}
.top dd{ display:inline-block}
.mob_sousuo{ display: none;}
/**************logo**************/
.logo.beijing{ padding:25px 0;}
.logo h2 {width: auto}
.logo h2 a{ float:left; margin-right:20px}
.logo h2 span {float: left; display: inline-block;}
.logo h2 img{ max-height: 50px;}
.logo_e,.logo_ss1{ display:inline-block}

/**************menu**************/
menu{ background:#CA0D12;}
menu .beijing{ height:45px; padding:0}
.menu_1{ display:none}
.menu{ background:none; position:static; display:block !important}
.menu li{ background:url(../images/menu_1.jpg) no-repeat right 0; position:relative; float:left; padding:0 10px; line-height:45px; z-index: 4;border:none;}
.menu li.menu_b{ background:none}
.menu1_1{  padding:0 11px 0 12px; display:block}
.menu1_1 span{ color:#FFF; display:block}
.menu1_2{ width:240px; background:url(../images/menu.png) #fffffe no-repeat 14% 0; position:absolute; padding:15px; text-align:left; left:10px; z-index:15; line-height:26px; top:45px;}
.menu1_2 a{ width:50%; background:url(../images/menu_4.jpg) no-repeat 0 center; border:none; float:left; color:#616161; clear:none; display:inline-block; padding-left:15px;}
.menu li.hover .menu1_1 span{ background:url(../images/top_wx2.png) no-repeat center bottom; border-bottom:3px solid #FFBA00; padding-top:3px; line-height:39px}
.menu li.on .menu1_1{ background:url(../images/menu_2.jpg) repeat-x; padding-top:5px; margin-top:-5px;}
.menu li.hover.on .menu1_1 span{ border-color:#FF9000; background:none;}
.menu li.menu_last .menu1_2{ right:10px; background-position:85% 0; left:auto}
/*.menu li.on .menu1_2{ -webkit-animation-name:'bounceIn';-webkit-animation-duration:0.5s;}
*/
/**************foot**************/
.foot,.bodyright{display: block}
footer{ margin-bottom: 0;}
/****************************内页****************************/
.main_banner{ display: block;}
#left-menu{ display:none !important}
.main_left{ float:left; width:200px; display:inline-block; overflow:hidden; margin-right:25px}
#sidr-left{ display:block;left:auto;right:0;position:static;top:0;height:auto;width:200px; overflow:hidden;background:url(../images/main_left1.png) repeat-y right;-webkit-box-shadow:none;-moz-box-shadow: none;box-shadow:none; }
.main_left1 li .main_left2 em a{ font-size: 14px;}
.main_left1 li{line-height:60px; padding-right:6px; font-size:16px;}
.main_left1 li.hover{ background:url(../images/main_left.png) no-repeat right 24px;}
.main_left1 li.hover span a{ font-size:18px;}
.center_left big{ background:url(../images/main_left.png) no-repeat right center; padding-right: 6px;}
.center_left p{ margin-right: 6px;}
.main_right,.main_right1{clear:none}
.location dt{ display:inline-block}
.location dd span{padding:0 20px;}
.zixun{ display: block;}
}

@media only screen and (min-width: 960px) {
.beijing{width:960px;}
/**************logo**************/
.logo h2 a{width:auto;margin-right:40px}
.logo_1{ width:240px;}
.logo_e a { padding:0 15px 0 25px;}
/**************menu**************/
/*.menu li { padding:0 10px;}*/
.menu1_1 { padding:0 23px 0 24px;}
.menu1_2 { font-size:16px; background-position:19% 0}
.menu li.menu_last .menu1_2 {background-position: 80% 0}
/**************foot**************/
.foot_2 li {width:115px; padding:0 20px;}
.foot_3 {display: block}

/****************************内页****************************/
.main_left{ width:226px; }
#sidr-left{width:226px;}
}
@media only screen and (min-width: 1160px) {
.beijing{width:1160px;}
/**************logo**************/
.logo_1{ width:260px;}
/**************menu-菜单栏9项**************/
.menu li {padding:0 17px}
.menu1_1 { padding:0 14px}
.menu1_2 {background-position: 19% 0; left: 17px}
.menu li.menu_last .menu1_2 {right: 14px; background-position: 81% 0}


/**************menu-菜单栏8项**************/
/* .menu li {padding:0 25px}
.menu1_1 { padding:0 21px}
.menu1_2 {background-position: 19% 0; left: 25px}
.menu li.menu_last .menu1_2 {right: 25px; background-position: 81% 0} */


/**************foot**************/
.foot_2 li {width:170px; padding:0 25px}
/*.foot_3 {display: block}*/
.foot_3 li {margin-left: 35px}

/****************************内页****************************/


}
.load-down{ clear: both; overflow: hidden; text-align: right;}
.wor_big{font-size: 16px; background:#cdcdcd; padding: 0 10px; display: inline-block; overflow: hidden; color: #fff;}
.zcgl-black{ background: #000; opacity: 0.9; filter:alpha(opacity=90); position:fixed;left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; display: block;}
.zcgl{ position:fixed; left: 5%; top: 10%; z-index: 1001; background: #fff;border:3px solid #d7d7d9; width: 90%; max-height: 80%; overflow: hidden;font-size: 12px; display: none;}
.zcgl-1{ clear: both; overflow: hidden; padding: 10px; background: #f7f7f7;}
.zcgl-1 img{ max-width: 80%;}
.zcgl-2{ clear: both; overflow: hidden; padding: 10px;overflow-y: scroll}
.zcgl-acticle{ clear: both; overflow: hidden; line-height: 1.6; padding-bottom: 10px;}
.zcgl-acticle-new{ clear: both; overflow: hidden; line-height: 1.6; padding-bottom: 10px;}
.zcgl-3{ background: #ffffff; clear: both; overflow: hidden; color: #000;}
/* .zcgl-3{ background: #f4f4f4; clear: both; overflow: hidden; color: #000;} */
.zcgl-thr1{ clear: both; overflow: hidden; padding: 15px; background: #e7e7e7;}
.zcgl-thr2{ clear: both; overflow: hidden; padding:10px 15px;}
.zcgl-thr2 dd{ padding: 10px 0; clear: both; overflow: hidden; line-height: 44px;}
.zcgl-thr2 dd span{float: left; width: 100px; margin-right: 10px; display: inline-block; overflow:hidden;}
.zcgl-thr2 dd a{ height: 44px; display: inline-block; overflow: hidden; padding: 0 15px; font-size: 16px; color: #fff;float: left;}
.zcgl-c1{ background: #f00;}
.zcgl-c2{ background: #949599;}

@media only screen and (min-width: 768px) {
/* .zcgl{left:50%; border-width: 10px; width: 720px;*width: 700px; margin-left: -360px;} */
.zcgl{left:50%; border-width: 10px; width: 460px;*width: 700px; margin-left: -240px;}
.zcgl-1{ padding: 10px 15px;}
.zcgl-1 img{ padding: 5px 0;}
.zcgl-acticle{ clear: none;float: left; width: 430px; padding: 10px 0;}
.zcgl-acticle-new{ clear: none;float: left; width: 420px; padding: 10px 0;}
.zcgl-2{overflow: hidden;}
.zcgl-3{float: right; clear: none; width: 240px;}
.zcgl-thr1{ padding: 25px 15px;}
}


.new-active{float: right; display:none; line-height:50px;}
.new-active a{float: left; margin-left: 20px; padding-left: 25px; display: inline-block; overflow: hidden;}
.new-active a.new-act1{background: url(../images/new-active.png) no-repeat 0 center;}
.new-active a.new-act2{background: url(../images/new-active1.png) no-repeat 0 center;}
.new-active a.new-act3{background: url(../images/new-active2.png) no-repeat 0 center;}
@media only screen and (min-width: 768px) {
 .new-active{ display: inline-block;}   
}



/****************************2021.10.27图片放大功能****************************/
.product { width:320px; height:150px; border:1px solid #ddd; margin:0 auto; padding:10px; }
.productInfo { width:150px; float:left; }
.productMfr { font:bold 16px/18px arial, sans-serif; color:#c00; padding:0; margin:0; }
.productType { font:bold 14px/18px arial, sans-serif; color:#000; padding:0; margin:0; }
.features { padding:10px 0; margin:0; list-style:none; }
.features li { font:normal 12px/16px arial, sans-serif; color:#555; }
.price { font:bold 14px/18px arial, sans-serif; color:#00c; padding:0 0 10px 0; margin:0; }
a.clickbox, a.clickbox:visited, a.clickbox:hover { text-decoration:none; text-align:center; }
a.clickbox img { display:block; border:0; }
a.clickbox b { display:block; }
a.clickbox em { font:bold 10px/12px arial, sans-serif; color:#000; }
a.clickbox { float:left; margin:0 15px 15px 0; display:inline; }
a.clickbox .lightbox { position:absolute; left:-9999px; top:-10000px; cursor:default; z-index:500; }
a.clickbox .light { position:absolute; left:0; top:0; width:100%; }
a.clickbox .box { position:absolute; left:0; width:100%; text-align:center; height:300px; top:2%; margin-top:-10px; }
/* trigger for IE6 */
a.clickbox:active { direction:ltr; }
a.clickbox:active .lightbox { left:0; top:0; width:100%; height:100%; }
a.clickbox .lightbox:hover, a.clickbox:focus .lightbox { position:fixed; left:0; top:0; width:100%; height:100%; }
a.clickbox .lightbox:hover .light, a.clickbox:active .lightbox .light, a.clickbox:focus .lightbox .light { background:#fff; width:100%; height:100%; filter: alpha(opacity=90);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity:0.90; }
a.clickbox .lightbox:hover .box img, a.clickbox:active .lightbox .box img, a.clickbox:focus .lightbox .box img { border:1px solid #ddd; margin:0 auto; padding:30px; background:#fff; }
a.clickbox .lightbox:hover .box span, a.clickbox:active .lightbox .box span, a.clickbox:focus .lightbox .box span { display:block; width:560px; padding:0; margin:10px auto; text-align:center; text-decoration:none; background:#fff; border:1px solid #ddd; }
a.clickbox .lightbox .box span.title { font:normal 22px/26px verdana, sans-serif; color:#069; }
a.clickbox .lightbox .box span.text { font:normal 11px/16px verdana, sans-serif; color:#333; }
.clear { clear:left; }
a.clickbox i { display:block; width:32px; height:32px; position:fixed; right:-100px; top:0; z-index:500; }
a.clickbox .lightbox:hover i, a.clickbox:active i, a.clickbox:focus i { right:5.5%; top:2%; background:url(../images/close2.png); margin-right:8px; margin-top:5px; }
#close { display:block; position:fixed; width:32px; height:32px; right:5.5%; top:2%; margin-right:8px; margin-top:5px; z-index:1000; background:url(trans.gif); cursor:pointer; }