:root{
    --mainColor: #151515;
    --subColor: #0165b7;
    --mainTextColor: #333;
    --subTextColor: #AAA;
    --hoverColor: #0165b7;
    --borderColor: #CCC;
    --bodyWidth: 1400px;
    --paddingWidth: calc((100vw - var(--bodyWidth)) / 2);
    --mainFontSize: 14px;
    --subFontSize: 12px;
    --lineHeight: 1.5;
}

/* 通用样式 */

*{
    box-sizing: border-box;
}
body{
    margin: 0;
    padding: 0;
}
a{
    color:var(--mainTextColor);
    text-decoration: none;
    transition:all 0.3s ease;
}
a:hover{
    color:var(--hoverColor);
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}


/* 顶部 */
.top{
    min-width: var(--bodyWidth);
    padding:10px var(--paddingWidth);
    background-color:var(--mainColor);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #aaa;
    font-size:12px;
}

.top .phone svg{
    fill: var(--subColor);
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

/* 页眉 */
.header{
    min-width: var(--bodyWidth);
    padding:5px var(--paddingWidth);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header ul.MainNav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header ul.MainNav li{
    padding:0 2vw;
}
.header ul.MainNav li a{
    display: inline-block;
    padding:5px 0 ;
    border-bottom: 2px solid transparent;
}
.header ul.MainNav li a:hover{
    border-bottom: 2px solid var(--subColor);
}

/* 产品 */
.indexProduct{
    min-width: var(--bodyWidth);
    padding:30px var(--paddingWidth) 0 var(--paddingWidth);
}
.indexProduct .title{
    position: relative;
    text-align: center;
    color:var(--mainTextColor);
    font-size: 25px;
    margin-bottom:10px;
    padding-bottom:10px;
}
.indexProduct .title::after{
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    background-color: var(--subColor);
    position: absolute;
    left:50%;
    bottom:0px;
    transform: translateX(-50%);
}
.indexProduct .titlecont{
    text-align: center;
    color: var(--subTextColor);
    font-size: 14px;
}

.indexProduct ul.List{
    width: var(--bodyWidth);
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.indexProduct ul.List li{
    width:32%;
    margin-bottom: 30px;
}
.indexProduct ul.List li .Image{
    width:100%;
    aspect-ratio: 4/3;
    overflow: hidden;
}
.indexProduct ul.List li .Image img{
    width:100%;
    height:100%;
    object-fit: cover;
    transition:all 0.3s ease;
}
.indexProduct ul.List li .Image img:hover{
    transform: scale(1.1);
}
.indexProduct ul.List li a.Title {
    display: block;
	font-size: 18px;
    font-weight: bold;
    background: url(rightArrow.svg) right center no-repeat;
    background-size: 30px;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px #EEE solid;
    text-align: center;
}
.indexProduct ul.List li .ColName {
	display:none;
}
.indexProduct ul.List li .Time {
	display:none;
}

/* 简介 */
.indexAbout{
    min-width: var(--bodyWidth);
    padding:30px var(--paddingWidth);
}
.indexAbout .title{
    position: relative;
    text-align: center;
    color:var(--mainTextColor);
    font-size: 25px;
    margin-bottom:10px;
    padding-bottom:10px;
}
.indexAbout .title::after{
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    background-color: var(--subColor);
    position: absolute;
    left:50%;
    bottom:0px;
    transform: translateX(-50%);
}
.indexAbout .titlecont{
    text-align: center;
    color: var(--subTextColor);
    font-size: 14px;
}

.indexAbout .SinglePage{
    margin-top:30px;
    width:var(--bodyWidth);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.indexAbout .SinglePage .Image{
    width:40%;
}
.indexAbout .SinglePage .Image img{
    width:100%;
    aspect-ratio: 5/3;
    object-fit: cover;
}
.indexAbout .SinglePage .Desc{
    width:55%;
    color:var(--mainColor);
    font-size: 14px;
    line-height: 1.8;
}
.indexAbout .SinglePage .More{
    width:100%;
    text-align: center;
    margin-top: 20px;
}
.indexAbout .SinglePage .More a{
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--mainColor);
    color:white;
}
.indexAbout .SinglePage .More a:hover{
    background-color: var(--subColor);
}

/* 页尾 */
.footer{
    margin-top:30px;
    border-top: 1px solid #EEE;
    padding:30px var(--paddingWidth);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:14px;
}
.footer .nav{
    width:60%;
}
.footer .MainNav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer .MainNav a{
    font-weight: bold;
}
.footer .contact{
    width:30%;
}
.footer .contact span{
    font-weight: bold;
}

.footer-copyright{
    border-top: 1px solid #EEE;
    text-align: center;
    padding:10px 0;
    font-size:12px;
    color: #999;
}


/* 内页 */
.nyMainCont{
    width:var(--bodyWidth);
    padding:30px 0;
    margin:0 auto;
}

.subject{
    position: relative;
    background-image: url(user.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px;
    line-height: 50px;
    padding-left:50px;
    border-bottom:1px solid var(--borderColor);
    font-weight: bold;
    font-size:18px;
}
.subject:after{
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 200px;
    height: 2px;
    background-color: var(--subColor);
}

.nyMainCont .Content{
    padding-top:30px;
    font-size:14px;
    line-height: 1.8;
    color:var(--mainTextColor);
}

/* 内页产品 */
.NoColumn.Product ul.List{
    width: var(--bodyWidth);
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.NoColumn.Product ul.List li{
    width:32%;
    margin-bottom: 30px;
}
.NoColumn.Product ul.List li .Image{
    width:100%;
    aspect-ratio: 4/3;
    overflow: hidden;
}
.NoColumn.Product ul.List li .Image img{
    width:100%;
    height:100%;
    object-fit: cover;
    transition:all 0.3s ease;
}
.NoColumn.Product ul.List li .Image img:hover{
    transform: scale(1.1);
}
.NoColumn.Product ul.List li a.Title {
    display: block;
	font-size: 18px;
    font-weight: bold;
    background: url(rightArrow.svg) right center no-repeat;
    background-size: 30px;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px #EEE solid;
    text-align: center;
}
.NoColumn.Product ul.List li .ColName {
	display:none;
}
.NoColumn.Product ul.List li .Time {
	display:none;
}

.NoColumn.Product .PageInfo{
    display: none;
}


.Detail.Product .Name{
    display: none;
}
.Detail.Product .Images{
    display: none;
}

.prevnext{
    display: none;
}

.Pagination{
	clear:both;
    text-align: center;
    padding: 20px 0;
}
.Pagination a{
	padding:5px;
	border:1px #EEE solid;
	margin:2px;
	cursor:pointer;
}
.Pagination a:hover{
	background-color: #EEE;
}
.Pagination a.now{
	background-color: #333;
	color:white;
	font-weight: bold;
}

.Back{
    text-align: center;
    padding:20px 0;
}
.Back a{
    padding: 5px 15px;
 
    border: 1px #CCC solid;
}
.Back a:hover{
    background-color: var(--subColor);
    color: white;   
}