/*
Theme Name: joinshine
Theme URI: 
Author: xonoic
Description: joinshine website
Version: 1.0
*/
body{
	margin:0;
	padding:0;
	
}
header{margin-top:0;padding-top:0;}
.top a{
	color: white;
	font-weight: bold;
	margin: 0 1rem;
	font-size: small;
}
.top span{
	color: white;
	font-weight: bold;
	margin: 0 1rem;
	font-size: small;
}
.banner{
	background: linear-gradient(to right, #efefef,#fcfdff);
}
.about{
	background-color: #f7f7f7;
	padding: 3rem 0;
}
.ab-content{
    background-color: white;
	border-radius: 2rem;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
	font-size: x-small;
	padding: 3rem 0;
}
.ab-content p,span{
    margin: 0;
}
.ab-content .row{
	margin: 2rem 0;
}
.content:nth-child(-n+5){
	border-right: 1px solid gainsboro;
}
.content img{
	cursor: pointer;
	transition: transform 0.3s;
}
.content img:hover{
	transform: scale(1.1);
}
.service{
	padding: 3rem 0;
}
.pro{
	border-radius: 2rem;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
	font-size: small;
	padding: 3rem 0;
}
.pro li{
	list-style: none;
	cursor: pointer;
}
.pro .dot{
	padding-left: 2rem;
}
.pro .dot i{
	color: #ececec;
	cursor: pointer;
}
.pro .dot .active{
	color: #313131;
}
@media screen and (min-width:1400px) {
	.pro ul .active{
		background-image: url('../image/line.png');
		background-repeat: no-repeat; 
		background-position: right center; 
	}
}

.proimg img{
	border-radius: 2rem 4rem 2rem 2rem;
}
.proimg .item{
	display: none;
}
.proimg .active{
	display: block;
}
.procontent{
	padding: 2rem;
}
.procontent .itc{
	display: none;
}
.procontent .active{
	display: block;
}
.new{
	background-color: #f7f7f7;
	padding: 3rem 0;
}
.new .card,.card-img-top{
	border: none;
	border-radius: 0;
}
.new img{
	transition: all 0.1s linear;
	cursor: pointer;
}
.new img:hover{
	scale: 1.1;
}
.new a,span{
	color: burlywood;
    text-decoration: none;
}
.foot{
	padding: 2rem 0;
}
.foot h6{
	margin: 1rem 0;
}
.foot a{
	color: white;
	text-decoration: none;
}
.foot .mb-3{
	margin: 0 !important;
}
.contact{
	height: 150px;
}
.contact .btn{
	--bs-btn-padding-x:2.75rem;
	margin: 0 1rem
}
.bread{
	padding: 1rem 0;
}
.bread a{
	text-decoration: none;
	color: #313131;
}
.odm{
	margin: 1rem 0;
	padding: 1rem 0;
}
.jiagong{
	margin: 1rem 0 0 0;
	padding: 1rem 0;
}
.about hr{
	width: 30%;
}
.about .aboutpic{
	padding: 2rem 0;
	position: relative;
	z-index: 2;
}
.about .aboutpic::after{
	content: '';
	background-color: #ffc107;
	right: 0;
	height: 100%;
	width: 45%;
	top: 0;
	position: absolute;
	z-index: 0;
}
.about .aboutpic img{
	object-fit: cover;
	position: relative;
    z-index: 2;
	transition: all 0.5s linear;
}
.about .aboutpic img:hover{
	scale: 1.1;
}
.equipment{
	padding: 1rem 0;
}
.pro .list-group-item{
	border: none;
	border-radius: 0;
}
.pro .list-group-item.active{
	background-color: #ffc107;

}
.pro img{
	transition: all 0.5s linear;
}
.pro img:hover{
	scale: 1.1;
}
.pro .pagination{
	--bs-pagination-color: #ffc107;
	--bs-pagination-hover-color:#d5d5d5;
}
.pro .content{
	margin: 1rem 0;
	border-right: 0;
	
}
.pro .content h3{
	border-bottom: 1px #ffc107 solid;
}
.pro .content span{
	border-radius: 0;
}
.pro a{
	text-decoration: none;
	color: brown;
}
.pro .btn{
	color: white;
}
.news{
	background-color: white;
	padding: 1rem;
	transition: all 0.3s linear;
	margin-bottom: 2rem;
}
.news a{
	text-decoration: none;
	color: #313131;
	
}
.news:hover{
	background-color: #ffc107;
	color: white;
}
.equipment img{
	transition: all 0.3s linear;
}
.equipment img:hover{
	scale: 1.3;
}
.indexnews .text-indent{
	text-indent: 2em;
}
.indexnews a{
	text-decoration: none;
}
.contactus{
	margin-bottom:2rem ;
}
.contactus a{
	text-decoration: none;
}
.contactus .us{
	padding: 2rem;
}
/* 归档页+分类分页统一样式 */
.post-type-archive-goods .pagination .page-link,
.tax-goods_cat .pagination .page-link {
    border: 1px solid #6c757d;
    color: #212529;
}
.post-type-archive-goods .pagination .page-item.active .page-link,
.tax-goods_cat .pagination .page-item.active .page-link {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #000;
}
.post-type-archive-goods .pagination .page-item.disabled .page-link,
.tax-goods_cat .pagination .page-item.disabled .page-link {
    color: #6c757d;
    border-color: #6c757d;
}