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

body, html {
	width:100%
}
html{font-size:10px;}
@media screen and (max-width: 750px) {
  html {
    font-size: 1.3333333333vw;
  }
}

body { margin:0; padding:0;font-family:"Montserrat","微软雅黑", Arial;font-size:2.4rem; background:#f6f6f6; line-height:1.5; color:#333333; width:100%; max-width:750px; margin:0px auto;}
a { color:#333333; text-decoration:none;cursor:default;}
a:hover { color:#333333;}
img { border:0; display:inline; vertical-align: bottom; width:auto; height:auto; max-width:100%;}
div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
.clear{ clear:both;}
input,textarea{ outline:none;}


.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.flex-between {display: flex;align-items: center;justify-content: space-between;}
.flex-center-y {display: flex;align-items: center;}
.flex-column{flex-direction: column;}
*{ box-sizing: border-box;}

.container{ padding:0rem 0rem; width:100%;}


/* 头部 */
.phone{width:100%; max-width:750px; margin:auto;line-height:1.5; padding:0; }
.header{ height: 76px; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.header .logo img{ height: 56px; width: auto;}
.part_1{ font-size: 3.5rem; color: #fff;background-color: #000; text-align: center; line-height: 8.9rem;}
.banner ul li img{ width: 100%; height: auto;}
.banner span.active{ background:#fbbe11;}
.index_bt{ text-align: center; font-size: 4.3rem; margin-bottom: 2.5rem;}
.part_2{ padding: 3rem 2.7rem 5rem;background-color: #fff; margin-top: 0rem; margin-bottom: 0rem;}
.p_list ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 3.4rem 3.4rem;
align-items: stretch;}
.p_list ul li a{ display: block; text-align: center;}
.p_list ul li a .photo{ width: 100%; overflow: hidden; height: 16.2rem; display: flex; align-items: center; justify-content: center; margin-bottom: 1.2rem;}
.p_list ul li a .photo img{ max-height: 100%; max-width: 100%;object-fit: cover;
    object-position: center center;}
.p_list ul li a .title{ font-size: 2.6rem;}
.xj_list ul li{ border-bottom: 1px #c1c1c1 solid; padding: 2.2rem 0px; display: flex; align-items: stretch;}
.xj_list ul li .photo{ width: 25rem; height: 25rem;}
.xj_list ul li .photo img{ width: 100%; height: 100%;object-fit: cover;
    object-position: center center;}
.xj_list ul li .content{ flex:1; overflow: hidden; margin-left: 2.9rem; padding: 2.2rem 0px; display: flex; flex-direction: column; justify-content: space-between;}
.xj_list ul li .content .title a{ font-size: 3rem; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-weight: 600;}
.show{padding: 4rem 3rem; background-color: #fff;margin-top: 0rem; margin-bottom: 0rem;}
.show h2{ text-align: center; font-size: 4.2rem;}
.show .lab{ text-align: center; font-size: 3.5rem; margin-bottom: 3rem;}
.show .lab p{ margin-top: 2rem;}
.show .infor{ margin-bottom: 1.5rem; font-size: 3rem;}
.show .show_1 p{ margin-bottom: 2rem;}
.show .show_1 .photos ul li{ margin-bottom:2rem;}

/*翻页*/
.fany{display:flex;align-items: center; justify-content: center; margin-top:20px;text-transform: uppercase;
}
/*分页*/
.divid-a {
   display: flex;
   align-items: center;
   justify-content: center;
flex-wrap: wrap; font-size:14px;
}
.divid-a a {
   background: #fff;
   color: #636363; font-size:14px;
  min-width:30px;
   padding:0px 10px; height:29px;
   cursor:pointer; margin:5px 3px;
   display: flex;
   align-items: center;
   justify-content: center;
   border:1px #eaeaea solid; border-radius:2px;
   
} 
.divid-a .active ,.divid-a a:hover{
  color: #fff;
   background:#333;
   border:1px #333 solid;
}

@media screen and (max-width: 450px) {
 body{ font-size:14px;}

}