.page_ibanner{background: url(../images/product/page_bannger.webp) no-repeat center/cover;}

.main .layout{margin: 3% auto;display: flex;justify-content: space-between;align-items: start;}

.main .main-warp .title{font-size: 30px;color: #333;font-weight: bold;}
.main-warp .time_warp{display: flex;justify-content: start;align-items: center;margin-top: 2%;}
.main-warp .time_warp .time{color: #666666;}
.main-warp .time_warp .share{display: flex;justify-content: start;align-items: center;margin-left: 30px;}



.main .main-warp .desc{color: #666;margin-top: 1%;}
.main .main-warp .content{margin: 3% 0;}
.main .content p{font-size: 16px;color: #666;line-height: 1.6;margin: 5px 0;padding: 5px 0;}
.main .content .link{background-color: #A1CC3A;color: #fff;border-radius: 24px;padding: 10px 30px;display: flex;justify-content: center;align-items: center;width: fit-content;margin: 3% 0;}
.main .content .link::after{content: ' ';display: inline-block;width: 30px;height: 30px;background:#fff url(../images/r-jt.webp) no-repeat center/17px 11px;border-radius: 50%;margin-left: 15px;transition: all .3s;}
.main .content .link:hover{background-color: #333;}
.main .content .link:hover::after{background-image: url(../images/ar-jt.webp);}
.main .content .content_title{font-size: 22px;color: #333;font-weight: bold;}
.main .content .table_warp{margin: 3% 0;overflow-x: auto;max-width: 100%;}
.main .content .page_form .title{font-size: 22px;}

.main .form ul{display: flex;justify-content: space-between;align-items: start;margin-top: 3%;flex-wrap: wrap;}
.main .form .item{width: 30%;position: relative;padding: 0 15px;}
.main .form .item::before{content: '*';color: red;position: absolute;left: 0;top: 13px;}
.main .form .item_message{width: 100%;}
.main .form input{width: 100%;border: none;font-size: 18px;padding: 8px 0;border-bottom: 1px solid #AAAAAA;}
.main .form input::placeholder{color: #333;}
.main .form textarea{width: 100%;border: none;margin-top: 20px;border-bottom: 1px solid #AAAAAA;font-size: 18px;}
.main .form textarea::placeholder{color: #333;font-size: 18px;}
.main .form .item_message::before{top: 26px;}
.main .form .item.item_submit::before{display: none;}
.main .form .item.item_submit{margin: 3% 0;background-color: #A1CC3A;border-radius: 22px;max-width: 150px;transition: all .3s;}
.main .form input.submit_btn{background-color: transparent;color: #fff;border-bottom: none;}
.main .form .item_submit:hover{background-color: #000000;}


.turn_page{padding-top: 3%;border-top: 1px solid #E5E5E5;}
.turn_page>div{display: flex;justify-content: start;align-items: center;margin-bottom: 20px;}
.turn_page span{display: inline-block;margin-right: 10px;color: #fff;font-size: 16px;border-radius: 15px;padding: 3px 15px;width: 110px;display: flex;justify-content: center;align-items: center;flex-shrink: 0;}
.turn_page .prev span{background-color: #A1CC3A;}
.turn_page .next span{background-color: #000;}
.turn_page span::before{content: ' ';display: inline-block;width: 12px;height: 6px;background: url(../images/down.webp) no-repeat center/cover;transform: rotate(90deg);margin: 0px 5px 0px 0px;flex-shrink: 0;}
.turn_page .prev span::before{transform: rotate(90deg); margin: 0px 5px 0px 0px;}
.turn_page .next span::before{transform: rotate(90deg);margin: 0px 5px 0px 0px;}



.pcb-table {border-collapse: collapse;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);min-width: 100%;}

.pcb-table th {background-color: #a1cc3a;color: white;padding: 12px;text-align: left;font-weight: bold;border: 1px solid #ddd;}
.pcb-table td {padding: 12px;border: 1px solid #ddd;}
.pcb-table tr:nth-child(even) {background-color: #f9f9f9;}
.pcb-table tr:hover {background-color: #f5f5f5;}



@media only screen and (max-width: 1660px) {
}
@media only screen and (max-width: 950px) {
	.page_ibanner{min-height: 200px;justify-content: center;align-items: center;display: flex;margin-top: 70px;}
	.main .form .item{width: 100%;}
	.main .form .item_message::before{top: 11%;}

	.main-warp .time_warp{flex-wrap: wrap;}
	.main-warp .time_warp .share{margin-left: 0;margin-top: 3%;}

}
@media only screen and (max-width: 480px) {

}
