@charset "utf-8";
body {margin: 0px;padding: 0px; font-size:14px; line-height:1.5; color:#333;font-family:"Montserrat","微软雅黑", Arial; overflow-x: hidden;}
div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
a {color:#333;text-decoration: none;}
a:hover { color:#333;text-decoration: none;}
img { border:0; display:inline; max-width:100%; height:auto; vertical-align: bottom;}

.container { max-width: 1200px; margin: auto; width:95%;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}


/* 首页---*/
.index_bt{display: flex;
    align-items: center;
    justify-content: space-between; margin-bottom:5px;}
.index_bt .tpleft{ line-height:42px;padding: 0px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff; background:#e0763c;}
.index_bt .more{ color:#e0763c;}
.index_cont{ padding:15px;box-sizing:border-box;-webkit-box-sizing:border-box;border: #ffd3bc solid 1px;}
.index_cont ul{display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 20px 20px;align-items: stretch;}
.index_cont ul li{    border: 1px solid #d6d6d6;
    padding: 5px;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center; padding-bottom:12px;}
.index_cont ul li a .photo{ width:100%; padding-top:100%; position:relative; margin-bottom:5px;}
.index_cont ul li a .photo img{ width:100%; height:100%; position:absolute; left:0px; top:0px;object-fit: cover;
 object-position: center center;}
 .index_cont ul li a .title{ line-height:2; font-weight:bold;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
 
/*内页*/
.pshow{display: flex;
    align-items: stretch;
    justify-content: space-between; flex-wrap: wrap;}
.border_1{border: 1px #ff9a66 solid;box-sizing:border-box;-webkit-box-sizing:border-box; background:#fff;}
.l_show{width: 245px;
    background-color: #F2F2F2; margin-right:12px;}
.l_show .border_1{ margin-bottom:5px;}
.l_title{ border-bottom: 1px #ff9a66 solid;
    background-color: #feebdd;
    padding-left: 10px; line-height:30px; font-weight:bold;box-sizing:border-box;-webkit-box-sizing:border-box;}
.l_show .base{ padding:20px 8px; text-align:center;}
.l_show .base .photo{ width:160px;padding: 3px; border: 1px #ff9a66 solid;margin:0px auto 12px;}
.l_show .base .photo img{ width:100%; height:160px; object-fit: cover;
 object-position: center center;}
.l_show .base .title{ font-weight:bold;}
.l_show .base .infor{}
.active_n{padding: 8px;}
.active_n li{ display:flex; align-items: center; line-height:2;}
.active_n li a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.active_n li a:hover{color: #f45300;}

.r_show{ flex:1; overflow:hidden;}
.r_show .content{ padding:12px;}
.r_intro{ line-height:2; margin-bottom:12px;}
.row_pic ul{display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 15px 20px;align-items: stretch;}
.row_pic ul li{ cursor: pointer;  box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center; padding-bottom:0px;}
.row_pic ul li .photo{ width:100%; padding-top:100%; position:relative; margin-bottom:5px;}
.row_pic ul li .photo img{ width:100%; height:100%; position:absolute; left:0px; top:0px;object-fit: cover;
 object-position: center center;}
 .row_pic ul li .title{ line-height:2;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
 @media (max-width:900px){
	.index_cont ul{
	grid-template-columns: repeat(4, 1fr);}
 }
 
 @media (max-width:800px){
	 .l_show{ width:100%; margin-right:0px;}
 }
  @media (max-width:540px){
	.index_cont ul{
	grid-template-columns: repeat(2, 1fr);}
	.row_pic ul{grid-template-columns: repeat(2, 1fr);}
 }