<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*浜у搧涓績*/
.xilie div{
	/*font-size: 2em;padding: 1em;
	outline: 1px solid gray;
	outline-offset: -1px;*/
	background: white;
	margin: 1em 0;
	display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content:center;
    padding: 0em 0;
}
.xilie div&gt;span{
	display: inline-block;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	padding:0 30px;
	border: 1px solid gray;
	border-right:none ;
	background: white;
	cursor:pointer;
}
.xilie div a{
	display: inline-block;
	height: 45px;
	line-height: 45px;
	padding:0 15px;	
	border: 1px solid gray;
	background: white;
	display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content:center;
}

.xilie .xlshow a{
	background: #30A7EB;
	
}

.productlb{
	
}
.productlb .xiliexs{
	display: none;
}

.productlb  .xsshow{display: block;}

.dylb{
padding-bottom: 1em;
border-bottom: 2px solid #30A7EB;
}
.dylb a{
	display: inline-block;
	font-size: 1.6em;padding:5px 10px;border-radius: 10px;
	color: #30A7EB;	
}
.dylb a:hover{text-decoration: none;}
.dylb .lbshow{
	background:#30A7EB;color: white;text-decoration: none;
}


/*浜у搧鏌ヨ*/
.prosearch{margin-top: 3em;}

.showqtfl{margin: 1em 0;font-size: 1.7em;margin-top: 3.5em;}
.showqtfl strong{font-size: 1em;}
.showqtfl a{display:inline-block;font-size: 1em;margin-right: 2em;}

.prosearch{margin-top: 3em;}

.prolist{margin: 0px;}
.prolist h2{padding-left:10px;padding-bottom: 0.5em;border-bottom: 1px solid gray;}
.prolist a{
	font-size: 1.5em;
    color: #555555;
    line-height: 36px;
    text-align: left;
    display: block;
}
.prolist a:hover{color: #30A7EB;text-decoration: none;}




/*鍏跺畠浜у搧绯诲垪鍒楄〃*/
.cplb{margin:1em 0;padding-top:2em;border-top: 1px solid lightgray;}
.cplblist{
	background: white;margin-bottom: 2em;
}
.cplblistimg {
	background: white;padding: 10px;
	}
.cplblistimg img{
	width:100%;outline: 1px solid lightslategrey;
	outline-offset: -1px;
			}
.cplblistms{padding: 10px;}
.cplbtt{display:block;font-size:2em;line-height: 1.5em;height: 1.5em;
color: black;font-weight:500; margin-bottom: 0.5em;overflow: hidden;}
.cplbtt:hover{color:#039DE5;text-decoration: none;}
.cplbct{font-size: 1.5em;letter-spacing:2px;color:#555555;line-height:1.5em;
height:4.5em;background: white;overflow: hidden;}
.cplbmore{
	display:inline-block;
	font-size:1.6em ;color: black;font-weight:500;
	padding: 0.2em 0.3em;border: 1px solid #555555;
}
.cplbmore:hover{
	background:#039DE5;color: white;
	border:none;text-decoration: none;
	}

 .cplb .line{padding-bottom:40px;border-bottom:1px solid #dbdbdb;margin-bottom:20px;}
  .cplb .line .left img{border:1px solid #dbdbdb}
  .cplb .line .right ul{height:auto;}
  .cplb .line .right ul li{float:left;padding-right:10px;margin-bottom:10px;width:20%}
  .cplb .line .right .title h2{
      margin-top: 0px;
      font-size: 14px;
      font-weight: bold;
      color: black;
      text-decoration: none;
   }
  .cplb .line .right p{
      font-size:14px;
      line-height:24px;
   }
  .cplb .line .right img{border:1px solid #dbdbdb;}
  .cplb .line .right span{display:block;width:100%;border:1px dashed #dbdbdb;margin-top:10px;margin-bottom:10px;}
  .cplb .line .right .right-button-left{margin-right:25px;}
  .cplb .line .right .right-button{color: black;
                       font-size: 16px;
                       border-radius: 0px;
                       padding: 5px 25px;
                       border: 1px solid #999999;
                   }
  .cplb .line .right .right-button:hover{
      color: white;
      background-color: #2fa7ea;
      border: 1px solid #2fa7ea;
   }
	
/*浜у搧绯诲垪 鍜岃鎯呭ご閮�*/
.xqpagetop{ padding: 1em;background: #333333;color: white;}
.xqpagetop div{font-size: 1.5em;}
.xqpagetop div img{width: 2em;height: 2em;}
.xqpagetop div a{color: white;font-size: 1em;}
.proxq{margin-top:3em;}
.proxq .proxqms{padding-right: 5em;}
.proxq .proxqms h2{margin-top: 0;}
.proxq .proxqms p{
font-size: 1.5em;line-height: 1.5em;
}
.proxq .proxqimg {background: white;}
.proxq .proxqimg img{width: 100%;outline: 1px solid grey;outline-offset: -1px;}

/*鐐瑰嚮鍥剧墖寮瑰嚭灞�*/
#imgtcc{
	display: none;
	padding: 0;
	z-index:100;
	position:fixed;
	top:30%;
	left:35%;
	width: 30%;
	background:white;
	outline: 1px solid grey;
}
#imgtcc img{width: 100%;}
#imgtcc a{
	position: absolute;right: 0;top: 0;
	display: inline-block;background:#30A7EB;color: white;font-size: 18px;padding: 0.3em 1em;

}

.proxq .proxqms .prozixun a{
	display: inline-block;
	font-size:1.5em ;
	padding: 0.5em 1.5em;
	border-radius:0.3em ;
	color: white;
	background: black;

}
.proxq .proxqms .prozixun a:hover{
	text-decoration: none;
	background:#30A7EB;
}
.proxq .proxqms .prozixun span{
	font-size:1.5em ;
}
.shuxian{height: 1px;background: #D8D8D8;margin:3em 0;}

.proxqlbtop{margin-top: 3em;}
.proxqlbtop #proTab{padding-left: 0px;}
.proxqlbtop #proTab li{
	margin-left: 0;margin-bottom: 5px; 
	text-align: center;
    border-right:3px solid white;padding-right: 0;
  
}
.proxqlbtop #proTab li a{
	color: white;font-size: 1.5em;
   border-radius:0;background:#555555;
}
   
.proxqlbtop #proTab li .ashow{background: #039DE5;}

#proContent div{
    font-size: 1.5em;color: black;
    line-height: 1.6em;
}
#proContent div .wztitle{
    font-size: 1.6em;
    font-weight:500;
}
#proContent div a{
	font-size: 1em;
}
#proContent div a strong{font-size: 1em;}
#proContent table caption h3{margin-top: 0;}
#proContent .table td{font-size: 1.5em;}



/*浜у搧閫夐」琛�*/
.table{color: #000000;}
.table td{
	border: 1px solid black;
}
.table td strong{
	font-size: 16px;
}
.table td a{
	font-size: 1em;
}
.table caption{
	color: black;
	border-bottom:1px solid black;
}
#cpxxb{


}

/*鐣欒█*/
#contactiframe{
	width: 430px;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
	border: 0px;

}


/*鐩稿叧浜у搧*/
.xgcp{margin-bottom: 3em;margin-top: 3em;}
.xgcptop{border-bottom: 1px solid gray;}
.xgcptop span{display:inline-block;font-size: 2em;text-align:center;line-height:2.5em;width:11em;background: grey;color: white;}
/*鐩稿叧浜у搧鍥�*/
.box{
	width: 100%;
	border: 1px solid #555555;
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.box&gt;div{

}
#roll{
	width: 100%;

}
#roll dd{
	width: 281px;
	border: 0px solid #00EE00;
	float: left;
	margin-right: 5px;
}
#roll dd img{width: 90%;margin: 5% 5%;outline: 1px solid lightgrey}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.box{height: 292px;}
	#roll dd{width: 281px;}
	#roll dd img{/*width: 80%;margin: 10% 20%;*/ }
	.cplb .line .right .title h2{margin-top:20px;}

}
@media only screen and (min-width: 320px) and (max-width: 320px) {
	.box{height: 422px;}
	#roll dd{width: 420px;}
	#roll dd img{/*width: 80%;margin: 10% 20%;*/ }
	.cplb .line .right .title h2{margin-top:20px;}
}

@media only screen and (min-width: 375px) and (max-width: 667px) {
	.box{height: 252px;}
	#roll dd{width: 245px;}
	#roll dd img{/*width: 80%;margin: 10% 20%;*/ }
	.cplb .line .right .title h2{margin-top:20px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#roll dd{width: 358px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1124px) {
	#roll dd{width: 310px;}
}


.box span{font-size: 25px; position: absolute;bottom: 40%; left:0px; display: inline-block;width: 40px;text-align: center;cursor: pointer;background: black;z-index: 90;color: #fff;}
.box .next{right: 0px; left:auto;}
</pre></body></html>