<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset 'utf-8';

.productdetail{padding: 46px 0;}
.productdetail .classification{width: 270px; float: left; box-sizing: border-box; padding: 30px 15px; border: solid #e8e8e8 1px;}
.productdetail .classification .title h2{font-size: 20px;}
.productdetail .classification .search{border: solid #1453ac 1px; margin-top: 20px; padding: 0 10px;}
.productdetail .classification .search input{width: 190px; height: 34px; border: none;}
.productdetail .classification .search button{width: 20px; height: 34px; border: none; background: url("../images/search.png") center no-repeat; cursor: pointer;}
.productdetail .classification .list{margin-top: 20px;}
.productdetail .classification .list li{line-height: 22px; padding: 15px 0; border-bottom: dashed #eee 1px;}
.productdetail .classification .list li a{display: inline-block; vertical-align: middle; font-size: 16px; color: #333; max-width: 190px;}
.productdetail .classification .list li a:hover{color: #0f65dc;}
.productdetail .classification .list li .nav_btn{width: 30px; height: 30px; display: inline-block; vertical-align: middle; cursor: pointer; background: url(../images/icon_spirit.png) 0 -240px no-repeat; margin-right: 8px;}
.productdetail .classification .list li ul{display: none;}
.productdetail .classification .list li ul li{white-space: nowrap; padding: 15px 10px 5px 10px; border-bottom: none;}
.productdetail .classification .list li ul li a{font-size: 15px; overflow: hidden; text-overflow: ellipsis;}
.productdetail .classification .list li ul li i{width: 30px; height: 30px; display: inline-block; vertical-align: middle; cursor: pointer; background: url(../images/icon_spirit.png) 0 -270px no-repeat; margin-right: 8px;}

.productdetail .contentdetail{width: calc(100% - 330px); float: right;}
.productdetail .contentdetail .picture{width: 45%; float: left;}
.productdetail .contentdetail .picture .bigimg{border: solid #e5e5e5 1px;}
.productdetail .contentdetail .picture .bigimg img{width: 100%; height: auto;}
.productdetail .contentdetail .picture .thumbnail{margin-top: 30px;}
.productdetail .contentdetail .picture .thumbnail .button{width: 25px; height: 82px; float: left;}
.productdetail .contentdetail .picture .thumbnail .button button{width: 25px; display: block; height: 82px; font-size: 20px; background: #f8f8f8; border: solid #eee 1px; cursor: pointer;}
.productdetail .contentdetail .picture .thumbnail .button button:hover{border-color: #1453ac;}
.productdetail .contentdetail .picture .thumbnail .imglist{max-width: calc(100% - 60px); float: left; overflow: hidden; box-sizing: border-box; margin: 0 5px;}
.productdetail .contentdetail .picture .thumbnail .imglist ul{width: max-content;}
.productdetail .contentdetail .picture .thumbnail .imglist li{height: 80px; float: left; margin: 0 5px; border: solid #eee 1px; cursor: pointer;}
.productdetail .contentdetail .picture .thumbnail .imglist li img{height: 80px; height: 80px;}
.productdetail .contentdetail .picture .thumbnail .imglist li.current{border-color: #1453ac;}

.productdetail .contentdetail .abstract{width: 50%; float: right;}
.productdetail .contentdetail .abstract .name{padding: 20px 0; border-bottom: dashed #e5e5e5 1px;}
.productdetail .contentdetail .abstract .name h1{font-size: 34px;}
.productdetail .contentdetail .abstract .describe{margin-top: 20px; line-height: 28px;}
.productdetail .contentdetail .abstract .consult{margin-top: 20px;}
.productdetail .contentdetail .abstract .consult a{height: 42px; display: inline-block; padding: 0 20px; line-height: 42px; background: #1453ac; color: #fff; border-radius: 5px; transition: all 0.3s; margin-right: 20px;}
.productdetail .contentdetail .abstract .consult a:hover{box-shadow: 0 3px 5px #71a2e8;}
.productdetail .contentdetail .abstract .consult a img{vertical-align: middle;}

.productdetail .contentdetail .detail_tab{margin-top: 30px;}
.productdetail .contentdetail .detail_tab ul{border: solid #e8e8e8 1px;}
.productdetail .contentdetail .detail_tab ul li{display: inline-block; line-height: 46px; font-size: 16px; padding: 0 26px; cursor: pointer;}
.productdetail .contentdetail .detail_tab ul li.current{border-bottom: solid #1453ac 3px; margin-bottom: -1px;}

.productdetail .contentdetail .detail_content{margin-top: 30px; padding-bottom: 50px;}
.productdetail .contentdetail .detail_content .content{display: none;}
.productdetail .contentdetail .detail_content .content.show{display: block;}
.productdetail .contentdetail .detail_content table{max-width: 100%; border-collapse: collapse;}
.productdetail .contentdetail .detail_content table td{word-break: break-word;}
.productdetail .contentdetail .detail_content img{max-width: 100%;}

.productdetail .contentdetail .detail_content .techological_process::after{content: ''; display: table; clear: both;}
.productdetail .contentdetail .detail_content .techological_process .list{width: 23.5%; float: left; text-align: center; box-sizing: border-box; padding: 40px 20px; background: #fff; box-shadow: 0 0 10px 10px #eee; margin: 0 2% 30px 0;}
.productdetail .contentdetail .detail_content .techological_process .list:nth-child(4n){margin-right: 0;}
.productdetail .contentdetail .detail_content .techological_process .list .icon{text-align: center;}
.productdetail .contentdetail .detail_content .techological_process .list .text{font-size: 20px; line-height: 30px; height: 60px; color: #222; font-weight: bold; margin-top: 10px;}

.productdetail .prev_next{border: dashed #e5e5e5 1px; padding: 5px 16px; font-size: 16px; line-height: 32px; margin-top: 20px;}
.productdetail .prev_next span{float: right; font-size: 14px; color: #888;}

@media (max-width: 990px) {
	.productdetail{padding: 30px 15px;}
	.productdetail .classification{width: 100%; padding: 20px 15px;}
	.productdetail .classification .search input{width: 90%;}
	.productdetail .classification .search button{float: right;}
	.productdetail .classification .list li a{max-width: 270px;}
	
	.productdetail .contentdetail{width: 100%; margin-top: 30px;}
	.productdetail .contentdetail .picture{width: 100%; float: left;}
	
	.productdetail .contentdetail .abstract{width: 100%; float: right;}
	.productdetail .contentdetail .abstract .name h1{font-size: 22px;}
	
	.productdetail .contentdetail .detail_tab ul{border-bottom: none;}
	.productdetail .contentdetail .detail_tab ul::after{content: ''; display: table; clear: both;}
	.productdetail .contentdetail .detail_tab ul li{width: 50%; float: left; border-bottom: solid #e8e8e8 1px; line-height: 46px; font-size: 13px; box-sizing: border-box; text-align: center;}
	.productdetail .contentdetail .detail_tab ul li.current{border-bottom: solid #1453ac 1px; margin-bottom: 0;}
	
	.productdetail .contentdetail .detail_content .techological_process .list{width: 49%; padding: 20px;}
	.productdetail .contentdetail .detail_content .techological_process .list:nth-child(2n){margin-right: 0;}
	.productdetail .contentdetail .detail_content .techological_process .list .text{font-size: 16px; line-height: 24px; height: 48px; }
}</pre></body></html>