@charset "utf-8";
/* CSS Document */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, p, blockquote, img, table, th, td, pre, code, form, fieldset, legend, button, input, textarea {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑"!important;
	color: #333;
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
dl, dt, dd, form, li, ul, ol {
	list-style: none;
}

.active1 {
	color: #fff !important;
	background-color: #C61B24 !important;
}
.active1 * {
	color: #FFF
}


.homeModel { width:100%; padding:0 3.5%; box-sizing:border-box; margin:80px 0}

.productMenu { width:100%;
	display: flex;
	height: 5vw;
	line-height: 5vw;
	text-align: center;
}
.productMenu li {
	background-color: #F1F1F1;
	color: #363636;
	flex: 1;
	font-size: 1.35vw;
}
.productMenu li:hover {
	cursor: pointer;
}
.productDesc {
	margin-top: 20px;
	width: 100%;
	overflow: hidden;
}
.proList {
	width: 17%;
	float: left
}
.proShow {
	width: calc(83% - 1vw);
	float: right; background: url(../images/qtcpbg.jpg) no-repeat center center;
	position: relative;
	color: #171717;
 height:calc((183px * 5))
}
.proItem {
	display: flex;
	background-color: #F1F1F1;
	color: #363636;
	box-sizing: border-box;
	height:182px; margin-bottom:1px; padding:15px; box-sizing:border-box
}
.proItem:hover {
	cursor: pointer;
}
.proItem img {
	flex: 1; width:100%; height:100%; display:inline-block; object-fit: cover
}
.proItemDesc {
	flex: 2;
	font-size: 0.94vw;
}
.proItemDesc h3 {
	font-size: 1.25vw;
}
.proItemDesc span {
	line-height: 1.5vw;
}
.opacity {
	opacity: 0.7;
	margin-bottom: 1.61vw;
	font-size: 1.15vw;
}

.proShowDesc {
	font-size: 1.04vw;
	line-height: 1.8vw;
}

.homeproductImg {
    height:calc((183px * 5));
    width: 100%;
    text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
}
.productImg { 
    height: 24.38vw;
	transition: all 0.5s;  
	-moz-transition: all 0.5s; /* Firefox 4 */  
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */  
	-o-transition: all 0.5s; /* Opera */
}

.productImg:hover {      
	transform: scale(1.2);   
	-ms-transform: scale(1.2);  /* IE 9 */ 
	-moz-transform: scale(1.2);  /* Firefox */  
	-webkit-transform: scale(1.2); /* Safari 和 Chrome */  	
	-o-transform: scale(1.2);	
}




.proShowDetail {
	position: absolute;
	text-align: center;
	right: 1.56vw;
	bottom: 1.36vw;
	color: #393939;
	font-size: 0.7vw;
}
.arrow {
	display: inline-block;
	width: 2.5vw;
	height: 2.5vw;
	background-image: url('../img/index/arrow.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
.proShowDetail span {
	opacity: 0.6;
	font-size: 0.4vw;
}
.proShowDetail:hover {
	cursor: pointer;
}
.proShows .proShow:nth-child(n+2) {
	display: none
}
#productEJ .productDesc:nth-child(n+2) {
	display: none
}
#NewList .newsItems:nth-child(n+2) {
	display: none
}
@media all and (max-width:1400px){	
.proItem{ height:125px}
.proShow,.homeproductImg {  height: calc((125px * 5));}
}

@media all and (max-width:900px){
.homeModel{ margin:30px 0 50px; display:none;}	
.proItem{ height:95px}
.proShow,.homeproductImg {  height: calc((95px * 5));}
}

@media all and (max-width:750px){
.productMenu{ height:auto; display:inline-block; text-align:center; line-height:none}
.productMenu li{ display: inline-block; width:auto; padding:10px 25px; margin:0 5px; font-size:15px; margin-bottom:10px}
.proList{ width:100%; text-align:center}
.proItem{ display:inline-block; width:32%;}
.productDesc{ margin-top:10px}
.proShow{ width:100%; margin-top:10px}
.proShow,.homeproductImg{height:350px}
.productImg{ height:auto}
.proShow,.homeproductImg{height:300px}	

}
@media all and (max-width:520px){
.productMenu li {
    padding: 10px 15px;
    margin: 0 3px 10px;
    font-size: 14px;
}
.proItem{ height:65px; padding:10px}
}