.container{max-width: 73%;margin: 0 auto}
.topbanner{position: relative;width: 100%;}

.layoutTitle{text-align: center}
.layoutTitle h3{display: inline;font-size: 40px;color: #333333;position: relative;margin-bottom: 8px;line-height: 1.2}
.layoutTitle h3 .circle{position: absolute;right: -2px;top: 8px;width: 16px;height: 16px;border: 2px solid #caa151;border-radius: 50%;z-index: 1;display: block;}
.layoutTitle p.en{font-size: 14px;color: #999;padding: 10px 0}

.square_item{display:inline-block;border:1px solid #e4e4e4;margin-bottom:14px;width:100%}
.square_item .img{display:block;width:100%;height:0;padding-top:100%;background:#e6e7e9;position:relative;overflow:hidden}
.square_item .img img{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);max-width:100%;max-height:100%;z-index:2}
.square_item .text{display:block;width:100%;padding:5px 10px 15px;color:#333;text-align:left;font-size:14px;background:#fff}
/*4:3*/
.square_item .img.four{padding-top: 75%;}


.main_body{padding:60px 0}


#Pages{font-size: 0;}
#Pages span,#Pages a{font-size: 14px;display: inline-block;min-width: 40px;height: 40px;text-align: center;line-height: 40px;color: #fff;background: #333;padding: 0 10px;margin-right: 10px;margin-bottom: 10px}
#Pages span{background: #caa151}
#Pages p{font-size: 12px;}


.Sec-navigation{display: flex;align-items: center;margin-bottom: 15px;flex-wrap: wrap;border-bottom: 1px solid #ddd;}
.Sec-navigation li{margin-right: 20px;position: relative;margin-bottom: -1px;padding: 0 30px;}
.Sec-navigation li a{font-size: 16px;color: #212121;box-sizing: border-box;margin: 0;padding: 24px 6px;display: inline-block}
.Sec-navigation li.active a{border-bottom: 4px solid #caa151;color: #212121;font-weight: bold;}


@media screen and (max-width:1024px){
	.layoutTitle h3{font-size: 30px;}
	.layoutTitle h3 .circle{width: 13px;height: 13px}
	.main_body{padding: 50px 0}

}

@media screen and (max-width:768px){
	.layoutTitle h3{font-size: 20px}
	.layoutTitle h3 .circle{width: 12px;height: 12px;top: 3px}
	.layoutTitle p.en{padding: 0}
	.navbar-brand img{margin-top: 0}
	.Sec-navigation li{padding: 0 15px 0 0;}
	.Sec-navigation li a{padding: 10px;font-size: 14px}
}

@media screen and (max-width:440px){
	.container {max-width: 100%;}
	.topbanner{margin-top: 66px}
	#Pages span, #Pages a{min-width: 30px;height: 30px;line-height: 30px;margin-right: 5px;padding: 0 5px}
}