@charset "utf-8";
.special{margin-top:30px;max-width:1200px;margin-bottom:30px;position:relative;}
.special h3{position:absolute;bottom:0;left:0;margin:0;padding:20px;background:rgba(0,0,0,0.7);color:#fff;width:100%;text-align:center;}
.special h3 a{color:#fff;position:absolute;right:3%;padding:0 10px;border-radius:10px;background-color:rgba(223,64,92,0.78);top:0;bottom:0;margin:auto;height:30px;line-height:30px;font-size:12px;}
.special h3 a:hover{background-color:rgba(235,47,80,1);}
.am-gallery{margin:30px 0;}
.am-gallery-item{padding:20px;border:solid 1px #eee;background-color:rgb(246,246,246);}
.am-gallery-item a{display:block;overflow:hidden;}
.am-gallery-default .am-gallery-title{text-align:center;font-size:16px;font-weight:600;margin-top:20px;}
.am-gallery-item:hover img{transform:scale(1.1);transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
html,body{position:relative;height:100%;}
body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#000;margin:0;padding:0;}
.special .swiper-container{width:100%;height:300px;margin-left:auto;margin-right:auto;}
.special .swiper-slide img{width:100%;}
.special .swiper-slide{background-size:cover;background-position:center;}
.special .gallery-top{height:80%;width:100%;position:relative;}
.special .gallery-thumbs{height:20%;box-sizing:border-box;padding:10px 0;}
.special .gallery-thumbs .swiper-slide{width:25%;height:100%;opacity:0.4;}
.special .gallery-thumbs .swiper-slide-thumb-active{opacity:1;}
body .swiper-button-next,.swiper-button-prev{top:35%;background-color:#000;width:40px;height:50px;border-radius:8px;background-size:50%;}
body .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:-70px;}
body .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:-70px;}

/*=====*/
.page-wrap2{padding:30px 0;margin-top:20px;}
.page-wrap2 ul{list-style:none;padding:0;}
.page-wrap2 ul li{float:left;}
.page-wrap2 ul li a{display:block;outline:none;}
.page-wrap2 ul li .p-img{ overflow:hidden;border:solid 1px #eee;display:flex;justify-content:center;background-color:rgb(255,255,255);}
.page-wrap2 ul li .p-img img{max-width:100%;height:150px;margin:22px;}

/*联系我们*/

/*.AI{position: fixed;background: rgba(0,0,0,0.3);height: 100%;width: 100%;top: 0;left: 0;z-index: 3;display: none;}
.AI > div{ position: absolute;top: 0;bottom: 0;margin: auto;width: 100%;height: 350px;}
.ai_box{
    position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin:  0 auto;
    height: 330px;max-width: 330px;background: rgba(255,255,255,0.6);
    padding: 20px;border-radius: 5px;

}
.ai_box2{padding: 10px;background: rgba(0,0,0,1);border-radius: 5px;box-shadow: 0 0 13px rgba(0,0,0,0.5);height: 100%;width: 100%;}
.ai_box2 img{height: 100%;width: 100%;opacity: 0;}

.AI .close{position: absolute;bottom: -35px;left:0;right: 0;margin: auto;width: 35px;height: 35px;opacity: 0;}
.AI .close div{border: 2px solid rgba(0,0,0,1);border-radius: 20px;height: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.4);cursor: pointer;}
.AI .close p{width: 69%;height: 2px;background: #000;margin: 0 auto;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;transition: all 0.4s;}
.AI .close p:nth-child(1){transform: rotate(45deg);}
.AI .close p:nth-child(2){transform: rotate(135deg);}
.AI .close div:hover p{background: #fff;}*/

.AI{position:absolute;top:-185px;width:120%;left:-10%;padding:10px;background:rgba(0,0,0,0.8);box-shadow:0 0 10px rgba(0,0,0,0.4);border-radius:5px;display:none}
.AI img{width:100%;}
.AI:after{border:solid transparent;content:' ';height:0;top:100%;position:absolute;width:0;border-width:10px;border-top-color:rgba(0,0,0,0.8);left:41%;}
.AI_an{animation:AI_an 0.6s infinite;}
@-webkit-keyframes AI_an{
    0%{top:-200px;}
    50%{top:-185px;}
    100%{top:-200px;}
}
@keyframes AI_an{
    0%{top:-200px;}
    50%{top:-185px;}
    100%{top:-200px;}
}

.page-wrap{overflow:hidden;padding-bottom:30px;}
.page-wrap2{margin-top:30px;margin-left:-15px;margin-right:-15px;}
.page-wrap2>ul{list-style:none;padding:0;margin:0;}
.page-wrap2>ul>li{padding-right:15px;padding-left:15px;margin-bottom:30px;float:left;width:25%;height:auto;text-align:center}

@media screen and (max-width: 1210px){
    .page-wrap2>ul>li{ width:33.33%; }
}
@media screen and (max-width: 910px){
    .page-wrap2>ul>li{ width:50%; }
}
@media screen and (max-width: 640px){
    .page-wrap2{padding-top:15px;}
    .page-wrap2>ul>li{ width:50%; padding-left: 5px; padding-right:5px; margin-bottom:15px; }
    .page-wrap2 ul li .p-img img{ max-width:none; width: 94%; margin: 3%;  object-fit: cover; }
}
@media screen and (max-width: 500px){
    .page-wrap2 ul li .p-img img{ height: 120px; }
}