@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; }
.page-wrap2 ul { list-style: none; padding: 0;}
.page-wrap2 ul li { float: left; margin:0;width: 20%;}
.page-wrap2 ul li a { display: block; outline: none; }
.page-wrap2 ul li .p-img {
    width: 93%;
    overflow: hidden;
    padding: 0px 10px;
    margin: 10px;
    border: solid 1px #eee;
    display: flex;
    justify-content: center;
    background-color: rgb(246, 246, 246);
}
.page-wrap2 ul li .p-img img {
    max-width:100%;
    height: 136px;
    margin: 22px;
    padding: 0px 10px;
}

@media screen and (max-width:440px) {
    .page-wrap2 ul li{width: 50% !important;padding: 10px;}
    .page-wrap2 ul li .p-img{width: 100%;margin: 0;padding: 10px 0; }
    .page-wrap2 ul li .p-img img{margin: 0px;padding: 0px;height: 100px;}
}

/*联系我们*/
/*.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;}
}