/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */
/* QQ：9490489 */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：Js.AdminBuy.Cn */

*{margin: 0;padding: 0;border: 0;text-decoration: none;color: inherit;font-family: "微软雅黑";box-sizing: border-box;}

img{vertical-align: middle;max-width: 100%;}
.main{width: 1200px;height: auto;margin: 0 auto;position: relative;}
/*产品展示*/


.product{width: 100%;padding-top: 40px;padding-bottom: 30px;}
.product-top{padding-bottom: 70px;width: 100%;}
.product-top ul li{display: flex;justify-content: space-between;align-items: center;}
.product-top ul li .l{padding: 0 0px 0 0px;width:30%;}
.r_1{position: absolute; z-index: 9999999999; background-color: #d61518; border-radius: 50%;
     color: #fff; width: 150px; height: 150px; text-align: center; right: 93px; top: 30px; padding-top: 41px;
    }
     .r_1 h1{font-size:25px; font-weight:bold}
.r_2{background-color: #f5f8fa; border: 1px solid #e2eaf0; padding: 60px 50px; position: relative;   border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;}
.product-top ul li .r{width: 70%; float: left;  position: relative; padding-top:103px;}
.product-top ul li p.title-en{font-size: 14px;color: #b7b5b2;padding-bottom: 20px;}
.product-top ul li p.title{font-size: 46px;color: #1e1b16;padding-bottom: 10px;font-weight: bold;}
.product-top ul li p.price{font-size: 22px;color: #1e1b16;padding-bottom: 20px;font-weight: bold;}
.product-top ul li p.desc{font-size: 14px;color: #5f5f5f;padding-bottom: 30px;line-height: 25px;}
.product-top a.btn{font-size: 18px;color: #1e1b16;}
.product-top a.btn:hover span{font-weight: normal;}
.product-thumbs{padding: 20px;}
.product-thumbs .swiper-slide{padding: 0 25px;text-align: center;}
.product-thumbs .swiper-slide .item{}
.product-thumbs .swiper-slide .item .title{font-size: 15px;color: #fff; position: absolute; z-index: 99999; bottom: 0px; 
    background-color: rgba(0, 0, 0, 0.5); width: 78%; height: 40px; line-height: 40px; border-bottom-left-radius: 15px;  border-bottom-right-radius: 15px;}
    .product-thumbs .swiper-slide .item .title:hover{background-color: rgba(214, 21, 24, 0.7);}
    .product-thumbs .swiper-slide .item .title:hover a{color: #fff;}
    .product-thumbs .swiper-slide .item .title a{color: #fff;}
    .product-thumbs .swiper-slide .item .title-en{font-size: 12px;color: #b7b5b2;padding-bottom: 15px;}

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display: none;}
   .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}



.product-thumbs .swiper-slide img{width: 100%; height: auto; border-radius: 15px;}
.product-thumbs .swiper-slide.swiper-slide-active .item{}
.product-thumbs .swiper-slide:hover .item{}

.product .swiper-button-next,.product  .swiper-button-prev{top: auto;bottom: 20%;width: 54px;height: 54px;}
.product .swiper-button-next{background:url(?template/hrms/html/static/images/right-arrow.png) center center no-repeat;right: -70px; bottom: 110px;}
.product .swiper-button-prev{background:url(?template/hrms/html/static/images/left-arrow.png) center center no-repeat;left: -70px; bottom: 110px;}
/*閫氱敤鎸夐挳*/
.product .btn{display: inline-block;padding: 13px 80px 13px 50px;background:url(?template/hrms/html/static/images/icon-btn-arrow.png) right 8px center no-repeat #ffa800;font-size: 22px;color: #1e1b16;border-radius: 80px;}
.product .btn.btn-white{background-color: #FFFFFF;}
.product .btn span{transition: all .1s;}
.product .btn:hover span{padding-right: 2px;transition: all .1s;font-weight: bold;}


@media (max-width: 960px) {
.product-top ul li .l{display:none ;}
.product-top ul li .r {
    width: 100%;
    float: none;
    position: relative;
} 
 .td_td ul li{float: none; width: 47%; }
.main {
    width: 100%;display: none;}

    .shaixuan p {
        width: 80px;
      
        float: none;
   
    }


}


@media (min-width: 961px) {
.pc_wap{display: none;}
}

/*通用按钮*/
/* .btn{display: inline-block;padding: 13px 80px 13px 50px;background:url(?template/hrms/html/static/images/icon-btn-arrow.png) right 8px center no-repeat #ffa800;font-size: 22px;color: #1e1b16;border-radius: 80px;}
.btn.btn-white{background-color: #FFFFFF;}
.btn span{transition: all .1s;}
.btn:hover span{padding-right: 2px;transition: all .1s;font-weight: bold;} */

.sz_btn_1{width: 60%; padding-top: 30px; padding-bottom: 30px;}
.dsjj_1{background-color: #f9eeee; border: 1px solid #ebc1c1; line-height: 45px!important; height: 45px;
     font-size: 15px!important; color: #000!important; border-radius: 15px; text-indent: 24px; display:none} 
     .shaixuan{padding: 50px 0px; font-size: 15px;}
     .dsjj_1 h1{width:110px; float:left; font-size:15px; line-height:45px; font-weight:bold}
.shaixuan p{width: 80px; color: #000; font-size: 15px; float: left; margin-top: 15px;}
.shaixuan ul{width: 90%; float: left; margin-bottom: 20px;}
.shaixuan ul li{ float: left; background-color: #fff; padding: 3px 35px; margin-left: 15px; margin-top: 10px;
     border-radius: 10px;   box-shadow: 0px 2px 10px 0.9px rgba(19, 47, 67, 0.1);font-size: 15px; margin-bottom: 10px;}
     .shaixuan ul li:hover{background-color: #d61518;}
     .shaixuan ul li:hover a{color: #fff; }
#avtive{background-color: #d61518;}#avtive a{color: #fff;}
.td_ss p{width: 80px; float: left; color: #000;}
.td_ss {padding-top: 50px; clear: both;}
.td_ss input{border: 1px solid #f3f3f3; border-radius: 10px; width: 20%;}
.td_ss button{background-color: #d61518; width: 80px; height: 35px; line-height: 35px; border-radius: 10px; color: #fff;}

.td_td ul li{float: left; width: 23%; text-align: center; padding-bottom: 15px; margin: 50px 1% 0px 1%;}
.td_td ul li img{border-radius: 10px;}
.td_td ul li h1{font-size: 22px; font-weight: bold; padding-top: 10px;}
.td_td ul li p{font-size: 14px; line-height: 40px;}
.xiangqing{background-color: #fff; border: 1px solid #d61518; color: #d61518; width: 120px; font-size: 14px; margin: 0px auto; border-radius: 150px;}

.td_td ul li:hover{background-color: #d61518; border-radius: 10px;}
.td_td ul li:hover a p{color: #fff;}
.td_td ul li:hover a h1{color: #fff;}



@media (max-width: 960px) {
  .dsjj_1 h1{width:100%; float:none;}
    .td_td ul li{float: none; width: 46%; float: left; margin: 20px 1% 0 2%; }
    .td_ss input {
        border: 1px solid #f3f3f3;
        border-radius: 10px;
        width: 50%;
        height: 35px;
    }
    .product {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .td_ss p{line-height: 35px;}
}