@charset "utf-8";
.container{}
.header{height: auto;}

.banner .img02{display: none;}
@media only screen and (max-width:640px){
	.banner .img01{display: none;}
	.banner .img02{display: block;}
}

.pcbox{}
.sjbox{display: none;}

.u-tt .hd { margin:0 2.5%; position:relative; }
.u-tt .hd h2 { padding:15px 5px; border-bottom: 1px solid #ccc; color:#132c80; font-size:18px; line-height:26px; vertical-align:top; font-weight:100; }
.u-tt .hd h2 span { display:block; color:#bababa; font-weight:100; font-size:15px; line-height:20px; text-transform:uppercase; vertical-align:top; }
.u-tt .hd .more { position:absolute; top:50%; right:8px; width:15px; height:15px; margin-top:-7px; padding:0; background:url(../images/icon_arr_arrow.png) no-repeat #f60; background-size:contain; overflow:hidden; }
.u-tt .hd .more a { display:block; background:none; line-height:999px; }
.u-tt .bd { margin:0 2.5%; padding:3% 0; }

.box-isd{display: none}
.box-isd .hd { background:#fff;}
.box-isd .hd h2 { border-right:0; background:#fff; color:#1e1201; }
.box-isd .hd .col { float:right; height:24px; margin:15px 5px 0 0; padding:0 20px; line-height:24px; border-radius:3px; border:1px solid #ddd; text-align:center; }
.box-isd .hd .col a { color:#333; }

@media only screen and (max-width:1200px){
	.wrap{width: 96%;}
	.box-isd{display: block;}
}

.wrap .main{padding: 60px 0;}
@media only screen and (max-width:1400px){
	.wrap .main{padding: 45px 0;}
}
@media only screen and (max-width:1200px){
	.wrap .main{padding: 30px 0;}
	.pcbox{display: none;}
	.sjbox{display: block;}
}
@media only screen and (max-width:750px){
	.wrap .main{padding: 20px 0;}
	.banner{display: block;}
}


.sidebar{border-bottom: 1px solid #f6f6f6;}
.leftTitle { display:none; }

.menu { position:relative; }
.menu dl dt { position:relative; display:inline-block; margin-right:80px; }
.menu dl dt:last-child { margin-right:0; }
.menu dl dt a { position:relative; display:block; font-size:18px; color:rgba(0,0,0,0.9); line-height:60px; }
.menu dl dt a:before { position:absolute; display:none; content:""; left:0; right:0; bottom:0; height:2px; background:#d9a76c; z-index:5; }
.menu dl dt a.current,.menu dl dt:hover a { color:#d9a76c; }
.menu dl dt a.current:before,.menu dl dt:hover a:before { display:block; }
 
@media all and (max-width:1400px){
	.menu dl dt { margin-right:40px; }
	.menu dl dt:last-child { margin-right:0; }
	.menu dl dt a { font-size:16px; }
}
@media all and (max-width:1200px){
	.menu { display:none; }
}

/* 内容模式 */
.article{line-height:2; font-size:16px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article img{max-width: 100%;height: auto;}
.article video{max-width: 100%;height: auto}
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
} 
#dituContent img{max-width: unset!important;}
@media all and (max-width:1400px){
	.article{font-size: 14px;}
}
@media all and (max-width:1200px){
	.article{font-size: 13px;}
}

.whArea { padding:0 0 60px; }
.whArea ul li { position:relative; float:left; width:32%; margin-right:2%; padding-bottom:60px; border-bottom:1px solid #7f7f7f; }
.whArea ul li:before { position:absolute; left:0; width:0; bottom:-1px; height:3px; display:block; content:""; background:#d9a76c; transition: all 0.6s; z-index:2; }
.whArea ul li:nth-child(3n) { margin-right:0; }
.whArea ul li:nth-child(n + 4) { margin-top:65px; }
.whArea ul li .pic { overflow:hidden; }
.whArea ul li .pic img { transition: all 0.6s; }
.whArea ul li .txt { margin-top:35px; }
.whArea ul li .txt .p1 { font-size:24px; color:#333; line-height:40px; height:40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.whArea ul li .txt .p2 { display:none; margin-top:10px; color:#7d7d7d; font-size:14px; }
.whArea ul li .txt .p3 { font-size:16px; color:#7d7d7d; line-height:30px; margin-top:25px; min-height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.whArea ul li .txt .p4 { font-size:16px; color:#7d7d7d; margin-top:60px; }
 
.whArea ul li .date { position:absolute; right:0; bottom:30px; color:#333; font-size:36px; text-align:right; line-height:1; z-index:2; }
.whArea ul li .date span { display:block; font-size:18px; margin-top:10px; }

.whArea ul li:hover:before { width:100%; }
.whArea ul li:hover .pic img { transform: scale(1.1)!important; }
.whArea ul li:hover .txt .p1 { color:#d9a76c; }
.whArea ul li:hover .txt .p4 { color:#d9a76c; }
.whArea ul li:hover .date { color:#d9a76c; }

@media all and (max-width:1400px){
	.whArea { padding:0 0 40px; }
	.whArea ul li { width:32%; margin-right:2%; padding-bottom:40px; }
	.whArea ul li:nth-child(3n) { margin-right:0; }
	.whArea ul li:nth-child(n + 4) { margin-top:40px; }
 
	.whArea ul li .txt { margin-top:20px; }
	.whArea ul li .txt .p1 { font-size:18px; line-height:30px; height:30px; }
	.whArea ul li .txt .p3 { font-size:14px; line-height:25px; margin-top:20px; min-height:50px; -webkit-line-clamp:2; }
	.whArea ul li .txt .p4 { font-size:14px; margin-top:30px; }
	 
	.whArea ul li .date { bottom:15px; font-size:20px; }
	.whArea ul li .date span { font-size:14px; margin-top:10px; }
}
@media all and (max-width:1200px){
	.whArea { padding:0 0 30px; }
	.whArea ul li { width:49%; margin-right:2%; padding-bottom:40px; }
	.whArea ul li:nth-child(3n) { margin-right:2%; }
	.whArea ul li:nth-child(2n) { margin-right:0; }
	.whArea ul li:nth-child(n + 3) { margin-top:20px; }
 
	.whArea ul li .txt { margin-top:15px; }
	.whArea ul li .txt .p1 { font-size:16px; line-height:20px; height:20px; }
	.whArea ul li .txt .p3 { font-size:14px; line-height:25px; margin-top:15px; min-height:50px; -webkit-line-clamp:2; }
	.whArea ul li .txt .p4 { font-size:14px; margin-top:20px; }
	 
	.whArea ul li .date { bottom:15px; font-size:20px; }
	.whArea ul li .date span { font-size:14px; margin-top:10px; }
}
@media all and (max-width:750px){
	.whArea { padding:0 0 30px; }
	.whArea ul li { width:100%; margin-right:0; padding-bottom:15px; }
	.whArea ul li:nth-child(3n) { margin-right:0; }
	.whArea ul li:nth-child(2n) { margin-right:0; }
	.whArea ul li:nth-child(n + 2) { margin-top:15px; }
 
	.whArea ul li .txt { margin-top:15px; }
	.whArea ul li .txt .p2 { display:block; }
	.whArea ul li .txt .p3 { margin-top:10px; }
	.whArea ul li .txt .p4 { margin-top:15px; }
	 
	.whArea ul li .date { display:none; }
}

/* 分页 */
.page { text-align:center; font-size:0; }
.page a { display:inline-block; margin:0 4px; padding:0 15px; background:#f4f4f4; color:#333; line-height:40px; font-size: 14px; border-radius:5px; }
.page a:hover,.page .current { background:#d9a76c; color:#fff; }

@media screen and (max-width: 1400px){
	.page a { margin:0 3px; padding:0 10px; line-height:30px; font-size: 14px; }
}
@media screen and (max-width: 1200px){
	.page a { margin:0 3px 5px 3px; padding:0 10px; line-height:25px; font-size: 12px; }
}

.conArea02 .hd { font-size:34px; font-weight:bold; text-align:center;color: #333 }
.conArea02 .bd { margin-top:75px; }
.conArea02 .bd ul li { float:left; width:48%; margin-right:4%; }
.conArea02 .bd ul li:nth-child(2n) { margin-right:0; }
.conArea02 .bd ul li:nth-child(n + 3) { margin-top:35px; }
.conArea02 .bd ul li .p1 { line-height:40px; font-size:16px; color:#181818; }
.conArea02 .bd ul li .p1 i { color:#e52b26; }
.conArea02 .bd ul li .p2 .text { width:100%; height:60px; line-height:60px; border:1px solid #eee; font-size:14px; padding:0 20px; box-sizing: border-box; }
.conArea02 .bd ul li .p2 .textarea { width:100%; height:120px;  border:1px solid #eee; font-size:14px; padding:10px 20px; box-sizing: border-box; }

.conArea02 .bd ul li.li05 { width:100%; margin-right:0; }
.conArea02 .bd ul li.li06 { width:100%; margin-right:0; text-align:center; }
.conArea02 .bd ul li.li06 .btn { display:inline-block; width:150px; height:50px; text-align:center; line-height:50px; font-size:18px; color:#fff; letter-spacing:6px; background:#a2a2a2; margin:0 20px; border-radius:5px; cursor:pointer; }
.conArea02 .bd ul li.li06 .btn01 { background:#d9a76c; }

@media all and (max-width:1400px){
	.conArea02 .hd { font-size:28px; }
	.conArea02 .bd { margin-top:60px; }
 
	.conArea02 .bd ul li:nth-child(n + 3) { margin-top:25px; }
	 
	.conArea02 .bd ul li .p2 .text { height:50px; line-height:50px; }
  
}
@media all and (max-width:1280px){
	.conArea02 .hd { font-size:28px; }
	.conArea02 .bd { margin-top:60px; }
 
	.conArea02 .bd ul li:nth-child(n + 3) { margin-top:25px; }
	 
	.conArea02 .bd ul li .p2 .text { height:50px; line-height:50px; }
  
}
@media all and (max-width:750px){
	.conArea02 .hd { font-size:18px; }
	.conArea02 .bd { margin-top:30px; }
	.conArea02 .bd ul li { float:none; width:100%; margin-right:0; }
	.conArea02 .bd ul li:nth-child(2n) { margin-right:0; }
	.conArea02 .bd ul li:nth-child(n + 2) { margin-top:10px; }
	.conArea02 .bd ul li .p1 { line-height:30px; font-size:14px; }
	.conArea02 .bd ul li .p2 .text { height:40px; line-height:40px; font-size:14px; padding:0 10px; }
	.conArea02 .bd ul li .p2 .textarea {  border:1px solid #eee; font-size:14px; padding:10px; }
 
	.conArea02 .bd ul li.li06 .btn { width:100px; height:40px; line-height:40px; font-size:14px; margin:0 10px; }
}

.content{margin-bottom: 20px;}
.content li{width: 50%; float: left; padding: 0 1.5%; margin: 0 0 2%;box-sizing: border-box;}
.content .pic{background-size: 100%; background-position: center; padding-top: 63%; background-repeat: no-repeat; transition: all .3s;}
.content .tit{font-size: 24px;margin-top: 4%; margin-bottom: 3%; color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.content .txt{color: #888; line-height: 2; margin-bottom: 2%; height: 64px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.content .label{display: inline-block; padding: 0 2%; text-align: center; background-color: #ff9016; color: #fff; font-size: 14px; line-height: 25px;}
.content li:hover .pic{background-size: 110%;}

.product.content li{width: 25%;padding: 0 1%;}
.product.content .tit{font-size: 20px;}

@media all and (max-width:1400px){
	.content .tit{font-size: 21px;}
	.content .txt{font-size: 14px;height: 56px;}
	.product.content .tit{font-size: 18px;}
}
@media all and (max-width:1280px){
	.content .tit{font-size: 18px;}
	.content .txt{font-size: 13px;height: 52px;}
	.product.content li{width: 33.333%;}
	.product.content .tit{font-size: 16px;}
}
@media all and (max-width:750px){
	.content{margin-bottom: 10px;}
	.content li{width: 100%;padding: 0 0;}
	.content .tit{margin-top: 3%;font-size: 16px;margin-bottom: 2%;}
	.product.content li{width: 50%;}
	.product.content .tit{font-size: 14px;}
}



.con{display: flex;justify-content: space-between;align-items: center;}
.con .conl{width: 48%;}
.con .conr{width: 48%;}
@media only screen and (max-width:750px){
	.con{display: block;}
	.con .conl{width: 100%;}
	.con .conr{width: 100%;margin-top: 15px;}
}