@charset "utf-8";
a.imgzoom img{transition:all .3s ease 0s}
a.imgzoom:hover img{-webkit-transform-origin:center center;-webkit-transform:scale(1.1,1.1);-moz-transform-origin:center center;-moz-transform:scale(1.1,1.1)}
.slide .swiper-slide a{height:100%;width:100%;display:block}
.slide .swiperpg{z-index:99;position:absolute;left:0;bottom:20px!important;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.slide .swiperpg span{width:16px;height:16px;background:url(../images/dot.png) center center no-repeat;opacity:1!important}
.slide .swiperpg span.swiper-pagination-bullet-active{background:url(../images/dot1.png) center center no-repeat}
.slide .swiperprev{opacity:0;cursor:pointer;z-index:99;position:absolute;left:0;top:50%;margin-top:-45px;width:60px;height:90px;background:url(../images/prev.png) center center no-repeat rgba(0,0,0,.2);background-size:auto 50%}
.slide .swipernext{opacity:0;cursor:pointer;z-index:99;position:absolute;right:0;top:50%;margin-top:-45px;width:60px;height:90px;background:url(../images/next.png) center center no-repeat rgba(0,0,0,.2);background-size:auto 50%}
.slide:hover .swiperprev{opacity:1}
.slide:hover .swipernext{opacity:1}
.slide:hover .swiperprev:hover{background:url(../images/prev.png) center center no-repeat rgba(0,0,0,.5);background-size:auto 50%}
.slide:hover .swipernext:hover{background:url(../images/next.png) center center no-repeat rgba(0,0,0,.5);background-size:auto 50%}
.choose_fix{font-size:0;display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.choose_fix .d1{ width: 45%;}
.choose_fix .d2{ flex: 1;margin-left:20px;}
.choose_fix .d2 ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.choose_fix .d2 li{position:relative;width:50%;padding:5px;}
.choose_fix .d2 li .wrp{display:block;position:relative;}
.choose_fix .d2 li .wrp img{width:100%;background:#EEEEEE;border-radius:0;}
.choose_fix .d2 li .wrp .x1{transition: all 0.3s ease 0s;padding-bottom: 66%;height: 0; position: relative;}
.choose_fix .d2 li .wrp .x1 div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    color: #1A1A1A;
    background: rgb(255 255 255 / 50%);
    width: calc(100% - 10px);
    line-height: 1.6;
    font-size: 28px;
    font-family: 'GoodOT-Cond', Arial Narrow, Arial, sans-serif;
    font-weight: 500;
    text-align: center;
}
.choose_fix .d2 li .wrp .x2{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:calc(66% - 20px); transform: rotateX(180deg);color:#333;font-size:14px;position:absolute;left:0px;top:0;width:100%;line-height:2; height: calc(100% - 28px); background:#EEEEEE;opacity: 0;transition: all 0.3s ease 0s; overflow: hidden; text-align:center;display: flex;justify-content: center; align-items: center; flex-wrap: wrap; border-radius:0 !important;}
.choose_fix .d2 li .wrp .x2 p{ 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 40px);
    font-size: 16px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
}
.choose_fix .d2 li .wrp .x2 a.more { font-family:'GoodOT',Arial,sans-serif;font-weight:400;}
.choose_fix .d2 li .wrp .x2 a.more:hover {color: #d8000f; font-family:'GoodOT',Arial,sans-serif;font-weight:400;}
.choose_fix .d2 li .wrp:hover .x1{transform: rotateX(180deg);opacity: 0;}
.choose_fix .d2 li .wrp:hover .x2{background:#fff;transform: rotateX(0deg);opacity: 1;box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 0px;}
.choose_fix .d2 li .wrp a { color: #333;}
.choose_fix .d2 li .wrp a:hover { color: #d8000f;}
.hot_part_slider .swiper-slide div{display:block;width:100%;padding:25px 0;}


.hot_part_slider .swiper-slide div a{display:block;width:100%;}
.hot_part_slider .swiper-slide div a img{width:100%;transition: all 0.3s ease 0s;}
.hot_part_slider .swiper-slide div a:hover img{transform: scale(1.1,1.1)}
.hot_part_dom{position: relative;padding-bottom: 65px; margin-bottom: 20px;}
.hot_part_dom .swiperpg{padding:20px 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.hot_part_dom .swiperpg span{width:13px;height:13px;background:#A9A9A9;opacity:1!important;outline:none;}
.hot_part_dom .swiperpg span.swiper-pagination-bullet-active{background:#595959}

@media screen and (max-width:1219px){
.topfix{height:120px}
.header .logo{height:110px; width:auto;}
.phone_nav .menubtn{ top: 60px}
.logo-a{width:100%;justify-content: center; }
.header .logo-a {display: block;margin: 5px auto;z-index: 999999;-webkit-appearance: none;}
.header .navlist,.search{display: none;}
}

@media screen and (max-width:999px){
.choose_fix .d1{ width: 100%;}
.choose_fix .d2{ flex: 1;width:100%;margin-left:0;margin-top:20px;}
.choose_fix .d2 li a .x2{font-size:12px;}
.hot_part_dom{padding-bottom:20px; margin-bottom: 20px;}
.hot_part_slider .swiper-slide div{display:block;width:100%;padding:15px 0;}
.hot_part_dom .swiperpg span{width:8px;height:8px;background:#A9A9A9;opacity:1!important}
.choose_fix .d2 li{position:relative;width:50%;}
.logo-a{width:100%;justify-content: center;}
.header .h-bot { padding-bottom:0;}
/*.topfix{height:100px}*/
.header .logo { width:auto;}
/*.header .logo-a{height:90px}*/
/*.header .logo-a img {max-height: 90px;}*/
/*.phone_nav .menubtn {top: 50px;}*/
}
@media screen and (max-width:767px){
    .topfix{height:115px}
    .header .logo-a{height:105px}
    .header .logo-a img {max-height: 105px;}
    .phone_nav .menubtn {top: 55px;}
}
@media screen and (max-width:600px){
    .choose_fix .d2 li .wrp .x1 div {
    font-size: 18px;
}
    
    .choose_fix .d2 li .wrp .x2{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: calc(66% - 10px);
    }
    .choose_fix .d2 li .wrp .x2 p{
        width: calc(100% - 10px);
        font-size: 14px;
        line-height: 1.5;
    }
    .choose_fix .d2 li .wrp .x2 div{
        width: calc(100% - 10px);
        overflow: hidden;
        font-size: 16px;
        line-height: 1.5;
        max-height: calc(100% - 10px);
    }
}