@charset "utf-8";

/* 内页公共banner图 */
.commonBanner{position: relative; overflow: hidden;}
.commonBanner img{position: relative; left: 50%; transform: translateX(-50%);}
.commonBanner .content{width: 100%; position: absolute; left: 0; top: 150px;}
.commonBanner .content h2 {
  font-size: 38px;
  color: #222;
  width: 60%;
}
.commonBanner .content h3{font-size: 36px; color: #ffe8ce; margin-top: 20px;width:50%;}

/* 面包屑 */
.crumbs{height: 50px; line-height: 50px; background: #f7f7f7; margin-bottom: 50px;}
/* 左边 */
.conLeft{width: 280px; float: left;}
.conLeft .leftTitle{padding: 15px 20px; background: #f7f7f7; border-bottom: solid #dedede 1px;}
.conLeft .leftTitle h3{display: inline-block; font-size: 20px;}
.conLeft .leftTitle p{display: inline-block; margin-left: 6px;}
.conLeft .leftCategory{background: #f7f7f7; margin-bottom: 30px;}
.conLeft .leftCategory li{font-size: 16px; line-height: 46px; border-bottom: dashed #e5e5e5 1px; padding-left: 20px; position: relative;}
.conLeft .leftCategory li::after{width: 3px; height: 3px; content: ''; background: #ffe8ce; border: solid #666 2px; position: absolute; left: 20px; top: 20px; transform: rotate(45deg);}
.conLeft .leftCategory li a{display: block; padding: 0 20px;}
.conLeft .leftCategory li a:hover{color: #cab093;}
.conLeft .leftNews{background: #f7f7f7; margin-bottom: 30px;}
.conLeft .leftNews li{font-size: 14px; line-height: 42px; border-bottom: dashed #e5e5e5 1px; padding-left: 20px; position: relative;}
.conLeft .leftNews li::after{width: 6px; height: 6px; content: ''; background: #666; position: absolute; left: 20px; top: 18px;}
.conLeft .leftNews li a{display: block; padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.conLeft .leftNews li a:hover{color: #cab093;}

/* 右边 */
.conRight{width: calc(100% - 330px); float: right;}
.conRight .rightTitle{padding: 15px 0 15px 35px; background: url("../images/hotlogo.png") left center no-repeat; background-size: auto 25px;}
.conRight .rightTitle h1{font-size: 22px;}

/* 分页器 */
.commonPage{text-align: center; line-height: 26px; font-size: 16px; margin-bottom: 50px;}
.commonPage a{display: inline-block; padding: 0 8px; margin: 0 10px 20px; border: solid #e5e5e5 1px;}
.commonPage a:hover{color: #cab093;}
.commonPage span{display: inline-block; padding: 0 8px; margin: 0 10px;}
.commonPage .current{background: #cab093; color: #fff; border: solid #cab093 1px;}
.commonPage select{height: 28px; margin: 0 10px; border: solid #e5e5e5 1px; outline: none;}

.conAboutus{padding-bottom: 80px;}
.conAboutus img{max-width: 100%; height: auto;}
.conAboutus table{max-width: 100%; border-collapse: collapse;}

.productList{}
.productList .list{width: 31%; float: left; background: #f5f5f5; border-radius: 8px; margin: 0 3.5% 30px 0; position: relative;}
.productList .list:nth-child(3n){margin-right: 0;}
.productList .list:hover{background-image: url("../images/product_bg.jpg"); background-size: 100% 100%;}
.productList .list .picture{overflow: hidden;}
.productList .list .picture img{width: 100%; transition: all 0.5s;}
.productList .list:hover .picture img{transform: scale(1.1);}
.productList .list .content{width: 100%; box-sizing: border-box; position: absolute; left: 0; bottom: 0; padding: 0 30px 20px; opacity: 0; transition: all 0.3s;}
.productList .list .content .title{font-size: 22px; color: #fff;}
.productList .list .content .text{font-size: 12px; color: #fff; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.productList .list:hover .content{opacity: 1;}

.productDetails{padding-bottom: 80px;}
.productDetails .picture{width: 50%; float: left;}
.productDetails .picture .images{background: #f5f5f5; border-radius: 8px;}
.productDetails .picture .images img{width: 100%;}
.productDetails .picture .images:hover{background-image: url("../images/product_bg.jpg"); background-size: 100% 100%;}
.productDetails .picture .thumbnail{margin-top: 20px;}
.productDetails .picture .thumbnail .button{width: 30px; height: 80px; float: left; cursor: pointer;}
.productDetails .picture .thumbnail .button.previous{background-image: url("../images/arrow_left.png");}
.productDetails .picture .thumbnail .button.next{background-image: url("../images/arrow_right.png");}
.productDetails .picture .thumbnail .list{max-width: calc(100% - 70px); float: left; overflow: hidden; box-sizing: border-box; border-radius: 5px; margin: 0 5px;}
.productDetails .picture .thumbnail .list ul{width: max-content;}
.productDetails .picture .thumbnail .list li{height: 80px; float: left; margin: 0 5px; background: #f5f5f5; cursor: pointer;}
.productDetails .picture .thumbnail .list li img{height: 80px;}
.productDetails .picture .thumbnail .list li.current{background-image: url("../images/product_bg.jpg"); background-size: 100% 100%;}
.productDetails .abstract{width: 45%; float: right;}
.productDetails .abstract .name{padding: 20px 0; border-bottom: dashed #e5e5e5 1px;}
.productDetails .abstract .name h1{font-size: 16px;}
.productDetails .abstract .text{margin-top: 20px;}
.productDetails .abstract .text p{color: #717171; line-height: 28px;}
.productDetails .abstract .consult{margin-top: 20px;}
.productDetails .abstract .consult a{width: 150px; height: 36px; display: inline-block; text-align: center; line-height: 36px; background: #cab093; color: #fff; border-radius: 18px; transition: all 0.3s;}
.productDetails .abstract .consult a:hover{box-shadow: 0 3px 5px #e8d7c4;}
.productDetails .contentTab{margin-top: 20px;}
.productDetails .contentTab ul{border-bottom: solid #e5e5e5 1px;}
.productDetails .contentTab ul li{display: inline-block; padding: 0 28px; line-height: 46px; font-size: 16px; font-weight: bold; cursor: pointer;}
.productDetails .contentTab ul li.current{border-bottom: solid #cab093 2px; margin-bottom: -1px;}
.productDetails .content{margin-top: 20px; line-height: 28px; display: none;}
.productDetails .content.show{display: block;}
.productDetails .content table{max-width: 100%; border-collapse: collapse;}
.productDetails .content table td{padding: 3px 8px;}
.productDetails .content img{max-width: 100%; height: auto;}
.productDetails .content .relatedProducts{display: flex; justify-content: space-between;}
.productDetails .content .relatedProducts .list{width: 23.5%; margin-right: 2%; background: #f5f5f5;}
.productDetails .content .relatedProducts .list:last-child{margin-right: 0;}
.productDetails .content .relatedProducts .list:hover{background-image: url("../images/product_bg.jpg"); background-size: 100% 100%;}
.productDetails .content .relatedProducts .list .image img{width: 100%;}
.productDetails .content .relatedProducts .list p{padding: 0 20px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.productDetails .content .relatedProducts .list:hover p{color: #fff;}
.productDetails .productLinks{margin-top: 20px; padding: 10px 0; border-bottom: solid #e5e5e5 1px; color: #7a7a7a;}
.productDetails .prevNext{margin-top: 10px;}
.productDetails .prevNext p{line-height: 28px; color: #7a7a7a;}

.conNews .list{margin-bottom: 50px; border: dashed #e5e5e5 1px; padding: 30px;}
.conNews .list .date{width: 16%; float: left; margin-right: 3%; position: relative;}
.conNews .list .date::after{width: 40px; height: 2px; content: ''; background: #f1f1f1; position: absolute; top: 0; right: 0;}
.conNews .list .date .day{font-size: 50px; color: #343434;}
.conNews .list .date .year{font-size: 12px; color: #646464;}
.conNews .list .picture{width: 28%; float: left; overflow: hidden;}
.conNews .list .picture img{width: 100%; transition: all 0.5s;}
.conNews .list .picture:hover img{transform: scale(1.1);}
.conNews .list .content{width: 50%; float: right; color: #2a2a2a;}
.conNews .list .content .title{line-height: 30px; font-size: 18px; color: #cab093; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.conNews .list .content .title a{color: #cab093;}
.conNews .list .content .text{height: 48px; line-height: 24px; color: #7b7b7b; margin-top: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.conNews .list .content .text a{color: #7b7b7b;}
.conNews .list .content .more{margin-top: 20px;}
.conNews .list .content .more a{color: #343434;}

.newsDetails{padding-bottom: 80px;}
.newsDetails .newsDate{line-height: 42px; border-bottom: dashed #e5e5e5 1px; color: #949494;}
.newsDetails .newsDate p{display: inline-block; margin-right: 26px;}
.newsDetails .newsContent{margin-top: 20px;}
.newsDetails .newsContent img{max-width: 100%;}
.newsDetails .newsContent table{max-width: 100%; border-collapse: collapse;}
.newsDetails .newsLinks{margin-top: 20px; padding: 10px 0; border-bottom: solid #e5e5e5 1px; color: #7a7a7a;}
.newsDetails .prevNext{margin-top: 10px;}
.newsDetails .prevNext p{line-height: 28px; color: #7a7a7a;}

.albumList{}
.albumList .list{width: 31%; float: left; margin: 0 3.5% 30px 0;}
.albumList .list:nth-child(3n){margin-right: 0;}
.albumList .list .picture{border: solid #27344d 3px; overflow: hidden;}
.albumList .list .picture img{width: 100%; transition: all 0.5s;}
.albumList .list:hover .picture img{transform: scale(1.1);}
.albumList .list .title{margin-top: 6px; text-align: center; font-size: 16px;}

.albumDetail{padding-bottom: 80px;}
.albumDetail .picture{width: 50%; margin: 0 auto; border: solid #27344d 3px;}
.albumDetail .picture img{width: 100%;}
.albumDetail .label{margin-top: 20px; border-bottom: solid #e5e5e5 1px;}
.albumDetail .label h3{display: inline-block; padding: 0 28px; line-height: 46px; font-size: 16px; font-weight: bold; border-bottom: solid #cab093 2px; margin-bottom: -1px;}
.albumDetail .content{margin-top: 20px;}
.albumDetail .content img{max-width: 100%;}
.albumDetail .content table{max-width: 100%; border-collapse: collapse;}
.albumDetail .albumLinks{margin-top: 20px; padding: 10px 0; border-bottom: solid #e5e5e5 1px; color: #7a7a7a;}
.albumDetail .prevNext{margin-top: 10px;}
.albumDetail .prevNext p{line-height: 28px; color: #7a7a7a;}

.casesList{}
.casesList .list{width: 31%; float: left; margin: 0 3.5% 30px 0;}
.casesList .list:nth-child(3n){margin-right: 0;}
.casesList .list .picture{overflow: hidden;}
.casesList .list .picture img{width: 100%; transition: all 0.5s;}
.casesList .list:hover .picture img{transform: scale(1.1);}
.casesList .list .title{margin-top: 6px; text-align: center; font-size: 16px;}

.casesDetail{padding-bottom: 80px;}
.casesDetail .picture{width: 50%; margin: 0 auto;}
.casesDetail .picture img{width: 100%;}
.casesDetail .label{margin-top: 20px; border-bottom: solid #e5e5e5 1px;}
.casesDetail .label h3{display: inline-block; padding: 0 28px; line-height: 46px; font-size: 16px; font-weight: bold; border-bottom: solid #cab093 2px; margin-bottom: -1px;}
.casesDetail .content{margin-top: 20px;}
.casesDetail .content img{max-width: 100%;}
.casesDetail .content table{max-width: 100%; border-collapse: collapse;}
.casesDetail .casesLinks{margin-top: 20px; padding: 10px 0; border-bottom: solid #e5e5e5 1px; color: #7a7a7a;}
.casesDetail .prevNext{margin-top: 10px;}
.casesDetail .prevNext p{line-height: 28px; color: #7a7a7a;}

@media (max-width: 980px) {
	/* 内页公共banner图 */
	.commonBanner{margin-top: 61px;}
	.commonBanner img{height: 160px;}
	.commonBanner .content{top: 26px;}
	.commonBanner .content h2{font-size: 26px; color: #222;}
.commonBanner .content h3{font-size:18px; color: #ffe8ce; margin-top:5px;width:60%;}
	
	/* 面包屑 */
	.crumbs{margin-bottom: 30px;}
	/* 左边 */
	.conLeft{display: none;}
	/* 右边 */
	.conRight{width: 100%; float: right;}
	
	.conAboutus{padding-bottom: 50px;}
	
	.productList .list{width: 48%; float: left; background: #f5f5f5; padding: 20px 0; border-radius: 8px; margin: 0 4% 30px 0; position: relative;}
	.productList .list:nth-child(3n){margin-right: 4%;}
	.productList .list:nth-child(2n){margin-right: 0;}
	.productList .list .content{position: initial; padding: 0 20px; opacity: 1;}
	.productList .list .content .title{font-size: 18px; color: #323232; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.productList .list .content .text{max-width: max-content; color: #878787;}
	
	.productDetails{padding-bottom: 50px;}
	.productDetails .picture{width: 100%;}
	.productDetails .abstract{width: 100%;}
	
	.conNews .list{margin-bottom: 30px; padding: 20px;}
	.conNews .list .date{display: none;}
	.conNews .list .picture{display: none;}
	.conNews .list .content{width: 100%;}
	
	.newsDetails{padding-bottom: 50px;}
	.newsDetails .prevNext p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	
	.albumList .list{width: 48%; margin: 0 4% 30px 0;}
	.albumList .list:nth-child(3n){margin-right: 4%;}
	.albumList .list:nth-child(2n){margin-right: 0;}
	.albumList .list .picture{border-width: 1px;}
	
	.albumDetail{padding-bottom: 50px;}
	.albumDetail .picture{width: 60%; border-width: 1px;}
	.albumDetail .picture img{width: 100%;}
	
	.casesList .list{width: 48%; float: left; margin: 0 4% 30px 0;}
	.casesList .list:nth-child(3n){margin-right: 4%;}
	.casesList .list:nth-child(2n){margin-right: 0;}
	
	.casesDetail{padding-bottom: 50px;}
	.casesDetail .picture{width: 60%;}
}