* { 
padding:0; 
margin:0; 
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; background:#FAFAFA;

}
body,td,th {
	font-size: 13px; color:#111; font-family:"??ì?";
}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span{padding:0;margin:0;}

ul, ol , li { list-style:none; display:block; }
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
img{border: none;}
a { text-decoration: none; color:#111;}
a:hover {text-decoration:none;color:#ff0000;}
a.fhsy{line-height:20px; border:1px #ccc solid; width:80px; text-align:center; display:block; background:#f1f1f1; float:right; margin-left:25px;}
a.fhsy:hover{color:#ff0000;}
a.a12wt {text-decoration: none;color: #333;font-size:12px;}
a.a12wt:hover {text-decoration: none;color:#ff0000;}

a.a12w {text-decoration: none;color: #ffffff;font-size:12px;}
a.a12w:hover {text-decoration: none;color:#FF9900;}
a.a12r {text-decoration: none;color: #ff0000;font-size:12px;}
a.a12r:hover {text-decoration: underline;color: #999;}
a.a12 {text-decoration: none;color: #333;font-size:12px;}
a.a12:hover {text-decoration: underline;color: #ff0000;}
a.a13 {text-decoration: none;color: #333;font-size:13px;}
a.a13:hover {text-decoration: underline;color: #ff0000;}
a.a14 {text-decoration: none;color: #111;font-size:14px;}
a.a14:hover {text-decoration: none;color: #ff0000;}
a.a16 {text-decoration: none;color: #111;font-size:16px;}
a.a16:hover {text-decoration: none;color: #ff0000;}

a.a16x {text-decoration: none;color: #fff;font-size:16px;font-family:"?￠èí??oú","??ì?",Arial;}
a.a16x:hover {text-decoration: none;color: #FDE201;}

a.a21 {text-decoration: none;color: #111;font-size:21px; font-family:"?￠èí??oú","??ì?",Arial;}
a.a21:hover {text-decoration: none;color: #ff0000;}

a.a25 {text-decoration: none;font-size:25px; color:#FFFFFF; font-family:"?￠èí??oú","??ì?",Arial;}
a.a25:hover {text-decoration: none;color: #f1f1f1;}
a.a28 {text-decoration: none;color: #111;font-size:28px; font-family:Georgia, "Times New Roman", Times, serif;}
a.a28:hover {text-decoration: none;color: #ff0000;}


a.acp {text-decoration: none;color: #111;font-size:14px;}
a.acp:hover {text-decoration: none;color: #ff0000;-webkit-filter: grayscale(1);filter:gray;filter: grayscale(1);}

a.aab {text-decoration: none;height:26px; width:162px; display:block;  }
a.aab:hover {text-decoration: none;}
.aableft{display:block; line-height:20px; width:80%; text-align:center; float:left;}
.aabright{display:block; line-height:20px; width:20%; text-align:center; float:right;}

a.acla {display:block; width:207px; position:relative; line-height:49px; float:left; text-align:left; padding-left:40px; color:#FFFFFF; background:#FEAD3A; font-size:22px; font-family:"?￠èí??oú","??ì?",Arial;}
a.acla:hover {color:#FFFFFF; }
/*------------------------------------------------------------------------------*/
a.cacy {
display:block; 
line-height:49px;font-family:"?￠èí??oú","??ì?",Arial;
float:left;
text-align:center; 
width:105px;
font-size:15px;
color:#fff;
text-decoration:none; 
}

a.cacy:hover {
color:#fff;
background:url(../image/jjz-m.jpg) left top repeat-x;
}

a.cacytv {
display:block;font-family:"?￠èí??oú","??ì?",Arial;
float:left;
line-height:49px;
text-align:center; 
width:105px;
font-size:15px;
color:#fff;
text-decoration:none;
background:url(../image/jjz-m.jpg) left top repeat-x;

}
a.cacytv:hover {
color:#fff;
background:url(../image/jjz-m.jpg) left top repeat-x;
}

/*-----------------------------------------------------------------------------*/
a.acy {
display:block;font-family:"?￠èí??oú","??ì?",Arial;
line-height:42px; width:205px;
border-bottom:1px #bbb solid;
background:url(../image/index3_23.png) 10px 8px no-repeat;
padding-left:40px;
font-size:15px;
color:#325DA1;
text-decoration:none;
}

a.acy:hover {
color:#F6A907;
background:url(../image/vvb_03.png) 10px 8px no-repeat #f1f1f1;
}

a.acytv {
display:block;font-family:"?￠èí??oú","??ì?",Arial;
line-height:45px;
padding-left:40px;
border-bottom:1px #bbb solid;
background:url(../image/vvb_03.png) 10px 10px no-repeat;
font-size:15px;
color:#F99E0F;
text-decoration:none;

}
a.acytv:hover {
line-height:50px;
background:url(../image/vvb_03.png) 10px 10px no-repeat;
}

/*------------------------------------------------------------------*/
a.ahnew{
font-size:14px; display:block;
color:#111;
background:url(../image/new_25.jpg) 810px 10px no-repeat;
}
a.ahnew:hover{
color:#ff0000;
background:url(../image/new_12.jpg) 810px 10px no-repeat;
}



/*------------------------- left ment --------------------------------*/
a.acb{
width:178px; overflow:hidden;
height:48px;
line-height:22px;
padding-left:25px;
padding-right:5px;
display:block;
margin-bottom:2px;
background:url(../image/tr-2.png) right top repeat-y;
padding-top:5px;
}
a.acb:hover{
color:#fff;
background:url(../image/index3_20.png) 0px 0px no-repeat;
}
/*--------------------------------------------------------------------*/
a.ableft{
display:block; line-height:43px; color:#222; background:url(../image/ab_29.jpg) 0px 0px no-repeat; font-size:14px; padding-left:70px; width:172px; 
}
a.ableft:hover{
color:#0190DC;
background:url(../image/ab_25.jpg) 32px 1px no-repeat;
}

a.ableftc{
display:block; line-height:43px; color:#0190DC; background:url(../image/ab_25.jpg) 32px 1px no-repeat; font-size:14px; padding-left:70px; width:172px;
}
a.ableftc:hover{
color:#0190DC;
background:url(../image/ab_25.jpg) 32px 1px no-repeat;
}

/*--------------------------------------------------------------------*/
a.ableft2{
display:block; line-height:28px; color:#222; background:url(../image/new_g12.png) 72px 8px no-repeat,url(../image/ab_29v.jpg) 0px 0px repeat-y; font-size:13px; padding-left:70px; width:172px;
}
a.ableft2:hover{
color:#0190DC;
background:url(../image/new_g12r.png) 72px 8px no-repeat,url(../image/ab_25v.jpg) 32px 0px repeat-y;
}

a.ableftc2{
display:block; line-height:28px; color:#0190DC;background:url(../image/new_g12r.png) 72px 8px no-repeat,url(../image/ab_25v.jpg) 32px 0px repeat-y; font-size:13px; padding-left:70px; width:172px;
}
a.ableftc2:hover{
color:#0190DC;
background:url(../image/new_g12r.png) 72px 8px no-repeat,url(../image/ab_25v.jpg) 32px 0px repeat-y;
}

/*-----------------------------------------------------------------*/

a.acal{
position:absolute; top:0; left:0; z-index:85; display:block; width:272px; height:366px; background:url(../image/index_21c.png) 0px 0px no-repeat; 
}
a.acal:hover{
background:url(../image/index_21b.png) 0px 0px no-repeat;
}

/*-----------------------------------------------------------------*/
.unew{width:285px; margin:5px 0 0 0;}
.unew li{line-height:32px; border-bottom:1px #ccc dotted; width:285px; display:block;}
.unewsub{display:block; line-height:32px; width:28px; text-align:center; float:left; background:url(../image/index_45_05.jpg) center center no-repeat; font-size:14px; color:#FFFFFF;}
.unewlist{display:block; line-height:32px; height:32px; width:240px; float:left; overflow:hidden;padding-left:10px;}

/*óò2àDü???ò*/
.xuanfWrap{position: fixed;top: 50%;right: 0;margin-top: -130px;z-index: 99;width:60px;
			padding: 12px 0;background-color: #6da9df;border-radius: 10px 0 0 10px;z-index: 99999999;}			
.xuanfIcons a{display: block;font-size: 12px;color: #fff;text-align: center;}
.xuanfIcons a i{display: block;width: 32px;height: 32px;margin: 0 auto;}
.xuanfTop,.xuanfBot{width:36px;height:14px;margin: 0 auto;}
.xuanfBot{margin-top: 18px;}
.xuanfZXZX,.xuanfKFDH,.xuanfGFWX{margin: 20px 0 16px;}
.xuanfZXZX i{background: url(../image/gosun-xf-icon1.jpg) no-repeat center;background-size: 100%;}
.xuanfKFDH i{background: url(../image/gosun-xf-icon2.jpg) no-repeat center;background-size: 100%;}
.xuanfGFWX i{background: url(../image/gosun-xf-icon3.jpg) no-repeat center;background-size: 100%;}
.xuanfInfo{position:absolute;right: 60px;top: 50%;width: 0;height: 170px;
			background-color: #6da9df;border-radius: 10px 0 0 10px;text-align: center;
			margin-top: -85px;overflow: hidden;}
.xuanfInfo a{color: #fff;display: block;font-size: 12px;margin: 10px 0 10px;}
.xuanfInfo a i{display: block;width: 50px;height: 50px;margin: 0 auto;margin-bottom: 2px;}
.zxzxTip01 i{background: url(../image/gosun-xf-zxkf.jpg) no-repeat center;}
.zxzxTip02 i{background: url(../image/gosun-xf-qqkf.jpg) no-repeat center;}
.kfdhTipDiv{width: 70%;margin: 14px auto 10px;}
.kfdhTipDiv h2{color: #fff;font-size: 16px;font-size: 15px \9;font-weight: normal;padding: 6px 0;}
.kfdhTipDiv h3{color: #fff;font-size: 12px;font-weight: normal;padding: 6px 0;
			border-bottom: 1px solid #fff;}
.gfwxTip img{margin: 25px 0 4px;}
.gfwxTip h3{color: #fff;font-size: 12px;font-weight: normal;}
.zxzxTip{display: none;}
.kfdhTip{display: none;}
.gfwxTip{display: none;}

/*---------------------------------- cpgd pic --------------------------------------*/
.jscarousal
{
	width: 1200px;
	height: 366px;
	padding: 0 0 0 25px;
	margin:0 auto;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width: 31px;
	height: 366px;
	background-color: #fafafa;
	color: White;
	position: relative;
	top: 0px;
	cursor: pointer;
}
.jscarousal .jscarousal-left
{
	background-image: url(../image/index_27.jpg);
	background-repeat: no-repeat;
	background-position: left; padding-right:7px;
}
.jscarousal .jscarousal-right
{
	background-image: url(../image/index_30.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents
{
	width: 1106px;
	height: 366px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	height: 366px;
}
.jscarousal-contents > div > div
{
	float: left;
	margin-left:0px; height:366px; width:265px; position:relative;
	margin-right:11px;
}
.jscarousal-contents img
{
	width: 265px;
	height: 194px;
}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-text
{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;
}
/*---------------------------------- cpgd pic end  --------------------------------------*/
/*banner*/
.banner{ width:100%; height:450px; overflow:hidden; position:relative; z-index:11; background:#eee; padding-bottom:0px;}
#full-screen-slider { width:100%; height:450px; float:left; position:relative}
#slides { display:block; width:100%; height:450px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
/*#pagination { display:block; list-style:none; position:absolute; left:30%; top:390px; z-index:9900;  padding:5px 15px 5px 0; margin:0}*/
#pagination { display:block; list-style:none; position:absolute; left:30%; top:423px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
/*#pagination li { display:block; list-style:none; width:0px; height:0px; float:left; margin-left:15px; background:#008DD4 }*/
#pagination li { display:block; list-style:none; width:80px; height:4px; float:left; margin-left:15px; background:#325DA1 }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#FEAD3A}

/*--------------------------------------------------*/
.icon, .icon_new, .icon_hot, .site_logo, .nav .icon_arrow, .opt_wrap .icon_opt, .footer .icon_arrow, .footer .platform_wrap .item_tmall, .footer .platform_wrap .item_jd, .footer .platform_wrap .item_suning {
  background-image: url(../image/sprite.png);
  background-repeat: no-repeat; }
 .opt_wrap {
    width: 241px;
    position: absolute;
    top: 0;
    right: 0;
    }
     .opt_wrap .opt {
      float: right;
      width: 69px;
      height: 49px;
      position: relative;
	  /*background:url(../image/m6.png) 0px 0px;*/
       }
     .opt_wrap .opt_wb {
      border-right: 1px solid #A0C4FC; }
     .opt_wrap .opt_wx {
      border-left: 1px solid #A0C4FC;
      border-right: 1px solid #A0C4FC; 
	  /*background:url(../image/m6.png) 0px 0px;*/
	  }
     .opt_wrap .icon_opt {
      display: block;
      width: 20px;
      height: 20px;
      margin: 15px auto; }
     .opt_wrap .icon_search {
      background-position: -130px 0; }
     .opt_wrap .icon_wx {
      background-position: -160px 0; }
     .opt_wrap .icon_wb {
      background-position: -190px 0; }
     .opt_wrap .opt_wx_hover {
      height: 49px;
      border-left: 1px solid #A0C4FC;
      border-right: 1px solid #A0C4FC; }
     .opt_wrap .search_wrap {
      width: 49px;
      padding: 0 10px 0 10px;
      height: 49px;
      position: absolute;
      top: 0;
      right: 0;border-left: 1px solid #A0C4FC; 
      /*background:url(../image/m6.png) 0px 0px;*/
      
      -webkit-transition: width .5s;
      -moz-transition: width .5s;
      -ms-transition: width .5s;
      -o-transition: width .5s;
      transition: width .5s; }
       .opt_wrap .search_wrap form {
        display: none; }
       .opt_wrap .search_wrap input {
        display: block;
        margin:13px 0;
        width: 140px;
        *width: 110px;
        padding-left: 35px;
        height: 24px;
        line-height: 24px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        border-radius: 12px;
        border: 1px solid #A0C4FC;
        font-family: \5b8b\4f53; }
         .opt_wrap .search_wrap input::-webkit-search-cancel-button {
          display: none; }
       .opt_wrap .search_wrap .icon_opt {
        margin: 0;
        position: absolute;
        top: 15px;
        *top: 30px/9;
        left: 25px; }
     .opt_wrap .opt_search_hover .search_wrap {
      width: 150px; overflow:hidden;
	  
	  }
     .opt_wrap .opt_search_hover form {
      display: block; }
	  .wx_wrap {
  display: none;
  width: 170px;
  height: 240px;
  padding: 20px;
  background:url(../image/m6.png) 0px 0px;
  position: absolute;
  top:49px;
  left:0px;
  z-index: 23351;
  border: 1px solid #A0C4FC;
  border-top: 0 none; }
  .wx_wrap .txt {
    font-size: 18px;
    line-height: 24px;
    color: #008bcc;
    font: 400 18px/24px \5FAE\8F6F\96C5\9ED1; }
  .wx_wrap .wx_qrcode {
    display: block; }
	/*--------------------------------------------------------*/
	#pas{width:70%; padding-top:10px; float:right;}
	
	#pas a{float:left; display:block; line-height:30px; width:30px; text-align:center;background:#f1f1f1; border:1px #ccc solid; font-size:14px; margin-right:8px; color:#111;}
	#pas a:hover{ background:#FF9104; color:#FFFFFF;}
	
	#pas a.yets{float:left; display:block; line-height:30px; width:50px; text-align:center;background:#f1f1f1; border:1px #ccc solid; font-size:14px; margin-right:8px; color:#111;}
	#pas a.yets:hover{ background:#FF9104; color:#FFFFFF;}
	
	#pas a.ope{float:left; display:block; line-height:30px; width:30px; text-align:center;background:#FF9104; color:#FFFFFF; border:1px #ccc solid; font-size:14px; margin-right:8px;}
	#pas a.ope:hover{ background:#FF9104; color:#FFFFFF;}
	
	/*----------------------------------------------------------*/
	
a.newxg{
display:block; width:30%; line-height:28px; background:url(../image/newshow_16.jpg) left center no-repeat; padding-left:20px;font-size:13px; color:#333333; float:left;
}
a.newxg:hover{
color:#ff0000;
background:url(../image/newshow_15.jpg) left center no-repeat;
}

/*--------------------------------------------------------*/
a.cpsh{
display:block; width:186px; float:left;line-height:41px; border-bottom:1px #ccc solid;border-top:1px #ccc solid; border-right:1px #ccc solid;text-align:center; font-size:16px; color:#111;
}
a.cpsh:hover{
color:#ff0000;
border-bottom:0px #ccc solid;border-top:1px #ff0000 solid; background:#fff;
}

a.cpsht{
display:block; width:186px; float:left;line-height:41px; border-bottom:0px #ccc solid;border-top:1px #ff0000 solid; border-right:1px #ccc solid;text-align:center; font-size:16px; color:#ff0000;background:#fff;
}
a.cpsht:hover{
color:#ff0000;
border-bottom:0px #ccc solid;border-top:1px #ff0000 solid; background:#fff;
}

	/*---------------------------------- cpgd pic --------------------------------------*/
.jscarousal2
{
	width: 838px;
	height: 138px;
	margin:0 auto;
	position: relative; /*overflow: hidden;*/
}
.jscarousal2 .jscarousal-left2, .jscarousal2 .jscarousal-right2
{
	float: left;
	width: 21px;
	height: 138px;
	background-color: #fafafa;
	color: White;
	position: relative;
	top: 0px;
	cursor: pointer;
}
.jscarousal2 .jscarousal-left2
{
	background-image: url(../image/cpshow_36.jpg);
	background-repeat: no-repeat;
	background-position: left; padding-right:7px;
}
.jscarousal2 .jscarousal-right2
{
	background-image: url(../image/cpshow_37.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents2
{
	width: 788px;
	height: 138px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents2 > div
{
	position: absolute;
	width: 100%;
	height: 138px;
}
.jscarousal-contents2 > div > div
{
	float: left;
	margin-left:0px; height:138px; width:190px; position:relative;
	margin-right:7px;
}
.jscarousal-contents2 img
{
	width: 188px;
	height: 111px;
}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-text
{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;
}
/*---------------------------------- cpgd pic end  --------------------------------------*/
.home_al_list{float:left; border:1px #ccc solid; width:270px; height:150px; overflow:hidden; margin-bottom:10px;}
.al_list_more{width:95%; text-align:right; padding:8px 0 0 0; margin:0 auto;}
.al_list_title{display:block;width:95%; margin:0 auto 0 auto; line-height:30px;}
.homet_al_list_lx img{float:left; margin:0 15px 10px 0; width:106px; height:80px; border:1px #ccc solid;}
.homet_al_list_lx{width:95%; margin:0 auto; height:100px; overflow:hidden; line-height:21px; color:#666666; font-size:12px;}

a.hyq{
display:block; line-height:20px; padding-right:15px; margin-bottom:3px; float:left; font-size:12px; color:#666;
}
a.hyq:hover{
color:#ff0000;

}

#newnei img{ margin:10px 0 10px 0;}
#newnei a{color:#ff0000;}
#nei1 a{color:#ff0000;}a.zhmab{
float:left; width:220px; height:301px; background:#196599; text-decoration:none; display:block;
}
a.zhmab:hover{
background:#24BDFF;
}


.zhmcplist{float:left; position:relative; width:220px; height:186px; margin-bottom:11px;}
.zhmcplist h1{font-size:16px; color:#fff; font-weight:normal;}a.zhmdibu{float:left; line-height:15px; display:block; text-align:center; width:114px; border-right:1px #fff solid; color:#FFFFFF;}
a.zhmdibu:hover{ color:#F2F400;}
a.zhmdibut{float:left; line-height:15px; display:block; text-align:center; width:114px; color:#FFFFFF;}
a.zhmdibut:hover{ color:#F2F400;}a.zhmgywm:hover{ color:#F2F400;}a.zhmyxwl:hover{ color:#F2F400;}
a.zhmjyln{margin:0 auto 7px auto; width:1100px; display:block; line-height:37px; background:#F1F1F1; font-family:arial; color:#00A6F0; font-size:37px; font-weight:bold;}
a.zhmjyln:hover{ color:#FF9900;}

a.fhsy1{display:block; line-height:65px; width:100px; float:right; margin-right:6px; font-size:14px; color:#333333; text-align:center;border-radius:5px;}
a.fhsy1:hover{color:#fff; background:#54C3D5;}

a.fhsyt1{display:block; background:#54C3D5; line-height:65px; width:100px;margin-right:6px; float:right; font-size:14px; color:#fff; text-align:center;border-radius:5px;}
a.fhsyt1:hover{color:#fff; background:#54C3D5;}

/*----------------------------- zhome page end -------------------------------------*/

a.zhleftclass {line-height:45px; border-bottom:1px #ccc solid; color:#444; font-size:20px; width:170px; display:block; margin:0 auto; font-size:16px; font-weight:bold; }
a.zhleftclass:hover {color:#000;}
a.zhleftclasst {line-height:45px; color:#000; font-size:20px; width:170px; display:block; margin:0 auto; font-size:16px; font-weight:bold; }
a.zhleftclasst:hover {color:#000;}

a.zhclass {display:block; line-height:30px; width:150px; padding-left:20px; background:url(../image/zx3.jpg) left center no-repeat; color:#333;font-size:13px;}
a.zhclass:hover {background:url(../image/zx4.jpg) left center no-repeat; color:#111; font-weight:bold;}
a.zhclasst {display:block; line-height:30px; width:150px; padding-left:20px; background:url(../image/zx4.jpg) left center no-repeat; color:#111; font-weight:bold;}
a.zhclasst:hover {background:url(../image/zx4.jpg) left center no-repeat; color:#111; font-weight:bold;}

a.zhtclass {display:block; line-height:28px; width:140px; padding-left:30px;color:#444;}
a.zhtclass:hover {color:#1884DF;}

a.zhtclasst {display:block; line-height:28px; width:140px; padding-left:30px;color:#1884DF;}
a.zhtclasst:hover {color:#1884DF;}

/* ---- PbootCMS pagination bar (page:bar), styled after original #pas .yets/.ope ---- */
#pas .page-status{float:left; line-height:32px; font-size:14px; color:#666; margin-right:8px;}
#pas .page-numbar{float:left;}
#pas a.page-index,#pas a.page-pre,#pas a.page-num,#pas a.page-next,#pas a.page-last{float:left; display:block; line-height:30px; min-width:50px; padding:0 10px; text-align:center; background:#f1f1f1; border:1px #ccc solid; font-size:14px; margin-right:8px; color:#111; text-decoration:none;}
#pas a.page-index:hover,#pas a.page-pre:hover,#pas a.page-num:hover,#pas a.page-next:hover,#pas a.page-last:hover{ background:#FF9104; color:#FFFFFF;}
#pas span.page-num-current{float:left; display:block; line-height:30px; min-width:30px; padding:0 10px; text-align:center; background:#FF9104; color:#FFFFFF; border:1px #ccc solid; font-size:14px; margin-right:8px;}
/* ---- hover overlay links (hidden state moved from inline style to class) ---- */
.prohover{display:none;}

/* ============================================================
   二次改造样式（20260922）：具体站点 重庆标签条码碳带网
   设计基调：深蓝 #325DA1 / 橙 #E8940A；所有文字-背景组合已做对比度校验
   ============================================================ */

/* ---------- 基础 ---------- */
body{ font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif; font-size:14px; color:#333; background:#fff; margin:0; }
img{ max-width:100%; }
a{ color:#2E5FA3; text-decoration:none; }
a:hover{ color:#E8940A; }
ul,ol,li{ list-style:none; margin:0; padding:0; }
.container{ width:100%; max-width:1100px; margin:0 auto; padding:0 15px; box-sizing:border-box; }
:focus-visible{ outline:2px solid #E8940A; outline-offset:2px; }

/* ---------- 顶部条 ---------- */
.topbar{ background:#f4f4f4; border-bottom:1px #e1e1e1 solid; font-size:12px; color:#555; }
.topbar-in{ display:flex; justify-content:space-between; align-items:center; min-height:34px; gap:10px; }
.topbar-links a{ color:#555; padding:0 4px; }
.topbar-links a:hover{ color:#E8940A; }

/* ---------- 页头 ---------- */
.header{ background:#fff; }
.header-in{ display:flex; align-items:center; gap:16px; padding:14px 15px; }
.site-logo{ display:block; max-height:56px; max-width:280px; width:auto; height:auto; object-fit:contain; }
.site-sub{ margin:0; font-size:14px; color:#666; border-left:1px solid #e1e1e1; padding-left:16px; line-height:1.5; }

/* ---------- 主导航 ---------- */
.nav{ background:#325DA1; position:relative; z-index:900; }
.nav-in{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.nav-list{ display:flex; flex-wrap:wrap; }
.nav-item{ position:relative; }
.nav-link{ display:block; color:#fff; font-size:15px; line-height:48px; padding:0 22px; white-space:nowrap; }
.nav-link:hover{ color:#fff; background:#24477C; }
.nav-link.cur{ color:#fff; background:#24477C; box-shadow:inset 0 -3px 0 #E8940A; }
.subnav{ display:none; position:absolute; left:0; top:48px; min-width:200px; background:#fff; border:1px solid #d7d7d7; border-top:3px solid #E8940A; box-shadow:0 6px 16px rgba(0,0,0,.12); z-index:950; padding:6px 0; }
.nav-item:hover .subnav, .nav-item:focus-within .subnav{ display:block; }
.subnav-link{ display:block; color:#333; font-size:14px; line-height:38px; padding:0 18px; white-space:nowrap; }
.subnav-link:hover{ color:#E8940A; background:#f6f6f6; }
.nav-search{ display:flex; align-items:center; padding:8px 0; }
.nav-search form{ display:flex; }
.nav-search input{ width:170px; height:32px; line-height:32px; border:1px solid #d7d7d7; border-right:0; border-radius:3px 0 0 3px; padding:0 10px; font-size:13px; color:#333; background:#fff; box-sizing:border-box; }
.nav-search button{ height:32px; padding:0 14px; border:1px solid #24477C; background:#24477C; color:#fff; font-size:13px; cursor:pointer; border-radius:0 3px 3px 0; }
.nav-search button:hover{ background:#E8940A; border-color:#E8940A; }

/* ---------- 首页 Hero ---------- */
.hero{ position:relative; height:450px; overflow:hidden; background:#1B3A5C; }
.hero .banner{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; }
.hero-mask{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;
  background:linear-gradient(90deg, rgba(16,38,66,.88) 0%, rgba(16,38,66,.62) 42%, rgba(16,38,66,.18) 78%, rgba(16,38,66,.05) 100%); }
.hero-copy{ position:relative; z-index:3; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.hero-copy h1{ margin:0 0 14px 0; color:#fff; font-size:40px; line-height:1.3; font-weight:600; text-shadow:0 2px 8px rgba(0,0,0,.35); }
.hero-sub{ margin:0 0 30px 0; color:#EAF1FA; font-size:17px; line-height:1.7; text-shadow:0 1px 4px rgba(0,0,0,.4); }
.hero-btns{ display:flex; gap:14px; flex-wrap:wrap; }

/* ---------- 按钮 ---------- */
.btn{ display:inline-block; line-height:42px; padding:0 26px; font-size:15px; border-radius:3px; cursor:pointer; text-align:center; }
.btn-accent{ background:#E8940A; color:#fff; border:1px solid #E8940A; }
.btn-accent:hover{ background:#C77E06; border-color:#C77E06; color:#fff; }
.btn-ghost{ background:transparent; color:#fff; border:1px solid rgba(255,255,255,.85); }
.btn-ghost:hover{ background:rgba(255,255,255,.14); color:#fff; }
.btn-line{ background:#fff; color:#325DA1; border:1px solid #325DA1; }
.btn-line:hover{ background:#325DA1; color:#fff; }

/* ---------- 通用区块 ---------- */
.home-main{ padding:10px 15px 30px 15px; }
.sec{ margin:34px 0; }
.sec-head{ margin-bottom:18px; border-bottom:2px solid #325DA1; padding-bottom:10px; position:relative; }
.sec-head h2{ margin:0; font-size:22px; color:#2b2b2b; font-weight:600; display:inline-block; }
.sec-head h2::before{ content:""; display:inline-block; width:6px; height:20px; background:#E8940A; margin-right:10px; vertical-align:-2px; border-radius:1px; }
.sec-head p{ margin:8px 0 0 0; font-size:13px; color:#666; }
.sec-more{ float:right; font-size:14px; line-height:30px; color:#325DA1; }
.sec-more:hover{ color:#E8940A; }
.sec-foot{ margin:16px 0 0 0; text-align:center; }
.grid{ display:flex; flex-wrap:wrap; }
.grid-2 > *{ width:calc(50% - 8px); }
.grid-3 > *{ width:calc(33.333% - 10.66px); }

/* ---------- 材料能力矩阵 ---------- */
.mat-card{ display:flex; flex-direction:column; box-sizing:border-box; margin-right:16px; margin-bottom:16px; padding:26px 22px 20px 22px; background:#f7f9fc; border:1px solid #e3e9f2; border-top:4px solid #325DA1; border-radius:4px; transition:transform .25s ease, box-shadow .25s ease; }
.mat-grid .mat-card:nth-child(3n){ margin-right:0; }
.mat-card:nth-child(1) .mat-ico{ background:#8a5a00; }
.mat-card:nth-child(2) .mat-ico{ background:#325DA1; }
.mat-card:nth-child(3) .mat-ico{ background:#2f7d6d; }
.mat-card:hover{ transform:translateY(-4px); box-shadow:0 10px 22px rgba(27,58,92,.14); }
.mat-ico{ display:block; width:44px; height:12px; border-radius:6px; margin-bottom:16px; }
.mat-name{ font-size:19px; color:#2b2b2b; font-weight:600; margin-bottom:10px; }
.mat-more{ font-size:13px; color:#325DA1; margin-top:auto; }
.mat-card:hover .mat-more{ color:#E8940A; }

/* ---------- 品牌卡 ---------- */
.brand-grid{ display:flex; flex-wrap:wrap; gap:12px; }
.brand-chip{ display:inline-block; padding:0 20px; line-height:40px; background:#fff; border:1px solid #d7dce4; border-radius:20px; font-size:14px; color:#333; transition:all .2s ease; }
.brand-chip:hover{ border-color:#325DA1; color:#325DA1; background:#f2f6fc; transform:translateY(-2px); }
.brand-page{ margin-bottom:20px; }

/* ---------- 知识卡片 ---------- */
.news-grid{ gap:16px; }
.news-card{ display:flex; flex-direction:column; box-sizing:border-box; padding:18px 20px; background:#fff; border:1px solid #e3e9f2; border-left:4px solid #325DA1; border-radius:3px; transition:box-shadow .25s ease, transform .25s ease; }
.news-card:hover{ box-shadow:0 8px 18px rgba(27,58,92,.12); transform:translateY(-2px); }
.news-title{ font-size:16px; color:#2b2b2b; line-height:1.6; margin-bottom:8px; font-weight:600; }
.news-card:hover .news-title{ color:#325DA1; }
.news-desc{ font-size:13px; color:#666; line-height:1.8; }

/* ---------- 流程 ---------- */
.flow{ display:flex; flex-wrap:wrap; margin:0 -8px; counter-reset:step; }
.flow li{ width:calc(25% - 16px); margin:0 8px 16px 8px; box-sizing:border-box; padding:22px 18px; background:#f7f9fc; border:1px solid #e3e9f2; border-radius:4px; position:relative; }
.flow-num{ display:flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:#325DA1; color:#fff; font-size:16px; font-weight:600; margin-bottom:12px; }
.flow li h3{ margin:0 0 8px 0; font-size:16px; color:#2b2b2b; font-weight:600; }
.flow li p{ margin:0; font-size:13px; color:#666; line-height:1.7; }
.flow li::after{ content:""; position:absolute; right:-14px; top:38px; width:12px; height:2px; background:#c3cfdf; }
.flow li:last-child::after{ display:none; }

/* ---------- 联系转化条 ---------- */
.sec-cta{ display:flex; flex-wrap:wrap; background:#1B3A5C; border-radius:4px; margin:34px 0; overflow:hidden; }
.cta-about{ flex:1 1 55%; box-sizing:border-box; padding:30px 34px; }
.cta-contact{ flex:1 1 45%; box-sizing:border-box; padding:30px 34px; background:#16304f; }
.sec-cta h2{ margin:0 0 14px 0; color:#fff; font-size:20px; font-weight:600; }
.cta-about p{ margin:0 0 18px 0; color:#D8E3F0; font-size:14px; line-height:1.9; }
.cta-phone{ margin:0 0 12px 0; color:#fff; font-size:30px; font-weight:700; letter-spacing:1px; font-family:Arial,sans-serif; }
.cta-line{ margin:0; color:#D8E3F0; font-size:14px; line-height:2; }
.cta-qrwrap{ margin-top:14px; display:flex; align-items:center; gap:12px; color:#D8E3F0; font-size:13px; line-height:1.7; }
.cta-qr{ width:120px; height:120px; display:block; background:#fff; padding:4px; box-sizing:border-box; border-radius:3px; }

/* ---------- 友情链接 ---------- */
.flink{ display:flex; flex-wrap:wrap; gap:10px; }
.flink a{ display:inline-block; padding:0 14px; line-height:32px; font-size:13px; color:#555; background:#f4f6f9; border:1px solid #e3e9f2; border-radius:3px; }
.flink a:hover{ color:#325DA1; border-color:#325DA1; }

/* ---------- 内页横幅 ---------- */
.page-band{ background:#1B3A5C url('../picture/banner-tech.jpg?v=20260922') center 30% no-repeat; background-size:cover; position:relative; }
.page-band::before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(20,42,70,.82); }
.band-in{ position:relative; display:flex; justify-content:space-between; align-items:center; gap:14px; padding-top:34px; padding-bottom:34px; flex-wrap:wrap; }
.band-title{ margin:0; color:#fff; font-size:28px; font-weight:600; line-height:1.35; }
.band-tag{ display:inline-block; margin-bottom:6px; padding:2px 12px; font-size:13px; color:#fff; background:#E8940A; border-radius:3px; }
.band-sub{ margin:6px 0 0 0; color:#B9C8DC; font-size:13px; }
.band-crumb{ color:#B9C8DC; font-size:13px; }
.band-crumb a{ color:#D8E3F0; }

/* ---------- 内页布局 ---------- */
.layout{ display:flex; align-items:flex-start; gap:20px; padding-top:24px; padding-bottom:30px; }
.side{ flex:0 0 242px; background:#fff; border:1px solid #e3e9f2; border-radius:4px; overflow:hidden; }
.side-head{ background:#325DA1; color:#fff; font-size:17px; text-align:center; line-height:52px; font-weight:600; }
.side-nav{ padding:8px 0; }
.side-link{ display:block; line-height:42px; padding:0 20px; color:#333; font-size:14px; border-left:3px solid transparent; }
.side-link:hover{ color:#325DA1; background:#f2f6fc; }
.side-link.cur{ color:#325DA1; border-left-color:#E8940A; background:#f2f6fc; font-weight:600; }
.side-link2{ padding-left:38px; font-size:13px; color:#555; position:relative; }
.side-link2::before{ content:""; position:absolute; left:26px; top:50%; margin-top:-2px; width:4px; height:4px; border-radius:50%; background:#b9c2ce; }
.main-content{ flex:1 1 auto; min-width:0; }
.sort-desc{ margin:0 0 18px 0; padding:14px 18px; background:#f7f9fc; border-left:4px solid #325DA1; color:#555; font-size:14px; line-height:1.9; border-radius:0 3px 3px 0; }

/* ---------- 产品卡片 ---------- */
.pgrid{ gap:15px; }
.pgrid .pcard{ width:calc(33.333% - 10px); }
.pcard{ display:flex; flex-direction:column; box-sizing:border-box; border:1px solid #e3e9f2; border-radius:4px; overflow:hidden; background:#fff; transition:box-shadow .25s ease, transform .25s ease; }
.pcard:hover{ box-shadow:0 10px 22px rgba(27,58,92,.14); transform:translateY(-3px); }
.pcard-img{ display:block; height:180px; background:#eef2f7; overflow:hidden; }
.pcard-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.pcard-noimg{ display:flex; align-items:center; justify-content:center; height:100%; color:#8a97a8; font-size:13px; letter-spacing:2px; }
.pcard-title{ display:block; padding:12px 14px; font-size:14px; color:#333; line-height:1.6; text-align:center; }
.pcard:hover .pcard-title{ color:#325DA1; }
.list-note{ margin:18px 0; font-size:13px; color:#8a97a8; }

/* ---------- 新闻/搜索列表行 ---------- */
.newslist{ border-top:1px solid #e3e9f2; }
.newsrow{ display:block; padding:16px 14px; border-bottom:1px solid #e3e9f2; transition:background .2s ease; }
.newsrow:hover{ background:#f7f9fc; }
.newsrow-title{ display:block; font-size:16px; color:#2b2b2b; line-height:1.65; margin-bottom:6px; font-weight:600; }
.newsrow:hover .newsrow-title{ color:#325DA1; }
.newsrow-desc{ display:block; font-size:13px; color:#666; line-height:1.8; }

/* ---------- 详情 ---------- */
.detail{ background:#fff; border:1px solid #e3e9f2; border-radius:4px; padding:26px 30px; }
.detail-title{ margin:0 0 20px 0; font-size:24px; color:#2b2b2b; line-height:1.5; font-weight:600; padding-bottom:14px; border-bottom:1px solid #e3e9f2; }
.detail-img{ margin:0 0 20px 0; text-align:center; }
.detail-img img{ max-width:100%; height:auto; border-radius:3px; }
.detail-body{ font-size:15px; line-height:2; color:#333; word-wrap:break-word; }
.detail-body p{ margin:0 0 14px 0; }
.detail-body img{ max-width:100%; height:auto; }
.detail-article{ margin-top:24px; }
.detail-pn{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.pn-item{ flex:1 1 45%; box-sizing:border-box; padding:12px 16px; background:#f7f9fc; border:1px solid #e3e9f2; border-radius:3px; font-size:13px; color:#555; }
.pn-item:hover{ color:#325DA1; border-color:#325DA1; }
.pn-next{ text-align:right; }

/* ---------- 相关推荐 ---------- */
.relate-links{ display:flex; flex-direction:column; gap:10px; }
.relate-link{ padding:12px 16px; background:#f7f9fc; border:1px solid #e3e9f2; border-radius:3px; font-size:14px; color:#333; }
.relate-link::before{ content:"· "; color:#E8940A; font-weight:700; }
.relate-link:hover{ color:#325DA1; border-color:#325DA1; background:#f2f6fc; }

/* ---------- 单页 ---------- */
.single{ padding:24px 0 10px 0; font-size:15px; line-height:2; color:#333; }
.single p{ margin:0 0 14px 0; }
.sec-cta-contact{ margin-top:26px; }

/* ---------- 分页 ---------- */
.pagebar{ margin:20px 0 10px 0; overflow:hidden; }
.pagebar .page-status{ float:left; display:block; line-height:32px; margin-right:12px; font-size:13px; color:#666; }
.pagebar .page-numbar{ float:left; }
.pagebar a.page-index,.pagebar a.page-pre,.pagebar a.page-num,.pagebar a.page-next,.pagebar a.page-last{ float:left; display:block; line-height:30px; min-width:50px; padding:0 10px; text-align:center; background:#f1f1f1; border:1px #ccc solid; font-size:14px; margin-right:8px; color:#333; text-decoration:none; box-sizing:border-box; }
.pagebar a:hover{ background:#325DA1; color:#fff; border-color:#325DA1; }
.pagebar span.page-num-current{ float:left; display:block; line-height:30px; min-width:30px; padding:0 10px; text-align:center; background:#E8940A; color:#fff; border:1px #E8940A solid; font-size:14px; margin-right:8px; box-sizing:border-box; }

/* ---------- 页脚 ---------- */
.footer{ margin-top:40px; background:#24303E; color:#B9C4D0; }
.foot-nav{ padding:18px 15px 6px 15px; display:flex; flex-wrap:wrap; gap:4px 0; }
.foot-nav a{ color:#D5DDE5; font-size:13px; padding:0 12px; border-right:1px solid #3a4a5c; line-height:22px; }
.foot-nav a:first-child{ padding-left:0; }
.foot-nav a:last-child{ border-right:0; }
.foot-nav a:hover{ color:#fff; }
.foot-info{ padding:8px 15px; font-size:13px; display:flex; flex-wrap:wrap; gap:4px 22px; }
.foot-copy{ padding:10px 15px 22px 15px; font-size:12px; color:#8FA0B3; display:flex; flex-wrap:wrap; gap:4px 18px; }
.footer-simple{ margin-top:0; }

/* ---------- 右侧悬浮 ---------- */
.xuanf{ position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:999; display:flex; flex-direction:column; background:#325DA1; border-radius:8px 0 0 8px; overflow:visible; }
.xuanf-top,.xuanf-item{ display:block; width:52px; padding:12px 0; text-align:center; color:#fff; font-size:12px; line-height:1.5; cursor:pointer; }
.xuanf-top:hover,.xuanf-item:hover{ background:#24477C; color:#fff; }
.xuanf-wechat{ position:relative; }
.xuanf-wechat-label{ display:block; }
.xuanf-qr{ display:none; position:absolute; right:60px; top:50%; transform:translateY(-50%); background:#fff; padding:6px; border-radius:4px; box-shadow:0 6px 18px rgba(0,0,0,.2); }
.xuanf-qr img{ display:block; width:130px; height:130px; }
.xuanf-wechat:hover .xuanf-qr{ display:block; }

/* ---------- 404 ---------- */
.p404{ text-align:center; padding:70px 15px; }
.p404-num{ margin:0; font-size:72px; color:#E8940A; font-weight:700; font-family:Arial,sans-serif; line-height:1.1; }
.p404 h1{ margin:10px 0 8px 0; font-size:22px; color:#333; font-weight:600; }
.p404-tip{ margin:0 0 24px 0; color:#666; font-size:14px; }
.p404-btns{ display:flex; justify-content:center; gap:14px; }
.p404-btns .btn-line{ color:#325DA1; }
.nav-404{ margin-bottom:0; }

/* ---------- 入场动效（opacity/transform，滚动无劫持） ---------- */
@media (prefers-reduced-motion: no-preference){
  .hero-copy h1,.hero-sub,.hero-btns{ animation:heroIn .8s ease both; }
  .hero-sub{ animation-delay:.15s; }
  .hero-btns{ animation-delay:.3s; }
  @keyframes heroIn{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:translateY(0); } }
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}

/* ---------- 响应式 ---------- */
@media (max-width:1200px){
  .hero-copy h1{ font-size:34px; }
  .pgrid .pcard{ width:calc(50% - 8px); }
}
@media (max-width:1024px){
  .grid-3 > *{ width:calc(50% - 8px); }
  .mat-grid .mat-card{ margin-right:16px; }
  .mat-grid .mat-card:nth-child(2n){ margin-right:0; }
  .mat-grid .mat-card:nth-child(3n){ margin-right:16px; }
  .flow li{ width:calc(50% - 16px); }
  .flow li::after{ display:none; }
}
@media (max-width:768px){
  .site-sub{ display:none; }
  .nav-in{ flex-direction:column; align-items:stretch; }
  .nav-list{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .nav-item{ flex:0 0 auto; }
  .nav-link{ line-height:42px; padding:0 16px; }
  .nav-search{ padding:0 0 10px 0; }
  .nav-search input{ flex:1 1 auto; width:auto; }
  .nav-search form{ display:flex; width:100%; }
  .subnav{ position:static; display:block; box-shadow:none; border:0; border-top:1px dashed #e3e9f2; padding:0; }
  .subnav-link{ padding-left:32px; line-height:36px; }
  .hero{ height:360px; }
  .hero-copy h1{ font-size:26px; }
  .hero-sub{ font-size:14px; }
  .layout{ flex-direction:column; }
  .side{ flex:1 1 auto; width:100%; }
  .band-title{ font-size:22px; }
  .band-in{ align-items:flex-start; flex-direction:column; gap:8px; }
  .cta-about,.cta-contact{ flex:1 1 100%; }
  .detail{ padding:20px 18px; }
  .detail-title{ font-size:20px; }
  .pn-item{ flex:1 1 100%; }
  .pn-next{ text-align:left; }
}
@media (max-width:560px){
  .grid-2 > *, .grid-3 > *, .pgrid .pcard{ width:100%; margin-right:0 !important; }
  .mat-card,.flow li{ width:100%; margin-right:0 !important; }
  .hero{ height:320px; }
  .hero-copy h1{ font-size:22px; }
  .cta-about,.cta-contact{ padding:24px 20px; }
  .cta-phone{ font-size:24px; }
  .topbar-welcome{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}

/* ---------- 分页修正：当前版本 page:bar 输出结构为 span.page-index > a ---------- */
.pagebar span.page-index,.pagebar span.page-pre,.pagebar span.page-next,.pagebar span.page-last{ float:left; margin-right:8px; }
.pagebar span.page-index a,.pagebar span.page-pre a,.pagebar span.page-next a,.pagebar span.page-last a{ display:block; line-height:30px; min-width:50px; padding:0 10px; text-align:center; background:#f1f1f1; border:1px solid #ccc; font-size:14px; color:#333; text-decoration:none; box-sizing:border-box; }
.pagebar span.page-index a:hover,.pagebar span.page-pre a:hover,.pagebar span.page-next a:hover,.pagebar span.page-last a:hover{ background:#325DA1; color:#fff; border-color:#325DA1; }
.pagebar span.page-pre a,.pagebar span.page-next a{ color:#999; background:#f6f6f6; }
.pagebar .page-numbar{ float:left; margin-right:8px; }
.pagebar .page-numbar a.page-num{ display:block; line-height:30px; min-width:30px; padding:0 10px; text-align:center; background:#f1f1f1; border:1px solid #ccc; font-size:14px; color:#333; box-sizing:border-box; }
.pagebar .page-numbar a.page-num-current{ background:#E8940A; color:#fff; border-color:#E8940A; }

/* ---------- 材料能力矩阵（带材质图版式，20260922b） ---------- */
.grid-4 > *{ width:calc(25% - 12px); }
.mat-grid .matc{ position:relative; display:flex; flex-direction:column; justify-content:flex-end; box-sizing:border-box; min-height:230px; padding:18px 20px; border-radius:4px; overflow:hidden; margin-right:16px; margin-bottom:16px; transition:transform .25s ease, box-shadow .25s ease; border:1px solid rgba(27,58,92,.15); }
.mat-grid .matc:nth-child(4n){ margin-right:0; }
.matc .matc-bg{ position:absolute; inset:0; background-size:cover; background-position:center; transition:transform .45s ease; }
.matc:nth-child(1) .matc-bg{ background-image:url('../picture/mat-wax.jpg?v=20260922'); }
.matc:nth-child(2) .matc-bg{ background-image:url('../picture/mat-hybrid.jpg?v=20260922'); }
.matc:nth-child(3) .matc-bg{ background-image:url('../picture/mat-resin.jpg?v=20260922'); }
.matc:nth-child(4) .matc-bg{ background-image:url('../picture/mat-labels.jpg?v=20260922'); }
.matc::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(16,38,66,.12) 18%, rgba(16,38,66,.86) 58%, rgba(16,38,66,.96) 100%); }
.matc .matc-body{ position:relative; display:flex; flex-direction:column; gap:6px; }
.matc .mat-name{ color:#fff; font-size:19px; font-weight:600; text-shadow:0 1px 4px rgba(0,0,0,.4); }
.matc .mat-more{ color:#D8E3F0; font-size:13px; }
.matc:hover{ transform:translateY(-4px); box-shadow:0 10px 22px rgba(27,58,92,.22); }
.matc:hover .matc-bg{ transform:scale(1.05); }
@media (max-width:1024px){
  .grid-4 > *{ width:calc(50% - 8px); }
  .mat-grid .matc{ margin-right:16px; }
  .mat-grid .matc:nth-child(2n){ margin-right:0; }
  .mat-grid .matc:nth-child(4n){ margin-right:16px; }
}
@media (max-width:560px){
  .grid-4 > *{ width:100%; }
  .mat-grid .matc{ margin-right:0 !important; }
}

/* ---------- 产品卡无图占位：材质示意图（碳带默认 / 标签纸列覆盖） ---------- */
.pcard-noimg{ display:block; height:100%; background-size:cover; background-position:center; position:relative; }
.pcard-noimg::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(27,58,92,.30), rgba(27,58,92,.45)); }
.pcard-noimg::after{ content:""; position:absolute; right:10px; bottom:10px; width:26px; height:3px; border-radius:2px; background:rgba(255,255,255,.55); }
.pgrid .pcard-noimg{ background-image:url('../picture/mat-hybrid.jpg?v=20260922'); }
.pgrid-1-2 .pcard-noimg{ background-image:url('../picture/mat-labels.jpg?v=20260922'); }