@charset "utf-8";

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-weight: normal;
    border: none;
    list-style: none;
    text-decoration: none;
}

.modulepic {
    padding-top: 75%;
    position: relative;
    overflow: hidden;
}

.modulepic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 1s;
    object-fit: cover;
}
.modulepic div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .8s;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
a:hover .modulepic img {
    transform: scale(1.05);
}

a:hover .modulepic div {
    transform: scale(1.1);
}


/* 清除浮动 */
.moduleClear:after {
    content: "";
    display: block !important;
    clear: both;
    height: 0 !important;
    width: 0 !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

/* 固定定位底部   常用于版权组件  */
.modulefixedbottom {
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     z-index: 999;
}

html,
body {
    color: #333;
    font-family: "微软雅黑";
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left;
    font-size: 16px;
}

/* 搜索结果页 翻页条 */
.searchpage .secpag{display: flex;flex-wrap: wrap;justify-content: center;font-size: 16px;line-height: 26px;color: #333;margin-top:30px;}
.searchpage .secpag a{color: #333;border:1px solid rgba(6,131,88,1.0);padding:0 5px}
.searchpage .secpag a:hover{background: rgba(6,131,88,1.0);color:#fff}
@media screen and (max-width:1024px){
   .searchpage .secpag{font-size:14px;line-height:22px;} 
}



.scale { overflow: hidden;}
.imged { position: relative; padding-bottom: 65%; width: 100%; display: block; overflow: hidden; transition: 0.5s; background-size: cover !important; background-position: center center !important;}
.imged video { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; }
video{max-width: 100%;}

a:hover .imged { transform: scale(1.1); }
.clearflex::after, .clearflex::before { display: block; content: "clear"; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.wl { position: relative; z-index: 1; transition: 0.5s }
.wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; }
.flex { display: flex;flex-wrap: wrap; }
::after,::before{transition:0.5s;}
.l1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.l3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.l4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.wp{ width: 1600px; padding: 0; margin: 0 auto;max-width: 94%;}

@media(max-width: 1600px){
	.wp{ padding:0 15px; width: 100%; max-width: 100%;}
}

.home2{padding:80px 0 60px;width: 100%;overflow:hidden;}
.home2 ul{display: flex;flex-wrap: wrap;margin: 0 -23px;}
.home2 li{width: 25%;padding: 0 23px;margin-bottom: 20px;}
.home2 li a{display: block;position: relative;}
.home2 li .imged{padding-bottom: 45%;}
.home2 li .con{width: 100%;position: absolute;left: 0;bottom: 0;height: 100%;z-index: 10;display: flex;align-items: center;justify-content: center;}
.home2 li h3{padding-left: 15px;color: #fff;font-size: 32px;font-weight: bold;}


@media screen and (min-width:1200px){
  .home2 li a:hover .con img{transform: rotateY(360deg);transition: 0.5s;}
}

@media screen and (max-width:1024px){

  .txt1 { font-size: 16px !important; }
  .p1 {font-size: 14px !important;}
  .home2{padding: 30px 0;}
  .home2 ul{margin: 0 -10px;}
  .home2 li{padding: 0 10px;}
  .home2 li h3{font-size: 24px;}
}
@media screen and (max-width:768px){
  .home2{padding: 30px 0 10px;}
  .home2 li{width: 50%;}
  .home2 li h3{font-size: 22px;}
  .home2 li .con img{width: 30px;}
}
@media screen and (max-width:480px){
  .home2 li{width: 100%;}
  .home2 li .imged{padding-bottom: 35%;}
  .home2 li h3{font-size: 18px;}
}


/* footer */
.footer{width: 100%;background: #155AA3;}
.foot-b{align-items: center;justify-content: space-between;padding: 40px 0 25px;}
.foot-b .fot-1{width: 40%;}
.foot-b .fot-2{width: 320px;}
.foot-b .fot-3{width: 130px;text-align: center;}
.foot-b p{margin-bottom: 0px;font-size: 16px;color: #fff;line-height: 42px;}
.foot-b p span{display: inline-block;padding-right: 20px;}
.foot-b .fot-1 h3{font-size: 24px;line-height: 30px;color: #FFFFFF;padding-bottom: 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.3);margin-bottom: 15px;}
.foot-b .ewm{text-align: center;}
.foot-b .ewm img{width: 120px;}
.foot-b .fot-3 p{margin-top: 15px;}
.select{width: 100%;position: relative;cursor: pointer;margin-bottom: 20px;}
.select h2{font-size: 16px;height: 40px;align-items: center;padding: 0 18px;justify-content: space-between;background: rgba(255, 255, 255, 0.2);}
.select h2 p{color: #fff;white-space: nowrap;}
.select ul{background: #f8f8f8;height: 200px;position: absolute;width: auto;left: 0;right: 0;padding: 15px 0px;z-index: 5;bottom: 100%;display: none;overflow-y: auto;}
.select li{font-size: 16px;line-height: 32px;color: #333;transition:0.5s;padding: 0 15px;}
.select li a{color:#333;}
.select h2 img{width: 8px;}
.select li:hover{background:#155AA3;color:#fff;}
.select li:hover a{color:#fff;}
.rr{position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 100000;}
.rr a{width: 98px;height: 98px;border: 1px dashed #1267B5;border-radius: 50%;padding: 6px;display:block;}
.rr a img{width: 100%;}

@media screen and (max-width:1024px){
   .foot-b{padding: 25px 0 15px;}
   .foot-b .fot-2{width: 220px;}
   .rr{display: none !important;}
}
@media screen and (max-width:768px){
  .foot-b .fot-1{width: 100%;order: 3;}
  .foot-b .fot-2{width: 100%;margin-bottom: 10px;}
  .foot-b .fot-3{margin: 0 auto 15px;}
  .foot-b p{font-size: 14px;text-align: center;line-height: 2;}
  .foot-b .fot-1 h3{font-size: 20px;}
}
@media screen and (max-width:440px){

}





