@charset "utf-8";
/* CSS Document */
.banner{ margin:auto; width:100%;}
.swiper-slide{}
.swiper-slide img{width:100%;}

.main_index{margin:auto; width:90%; height:auto; overflow:hidden;}

.ctxt{margin:auto; margin-top:20px;width:100%;height:auto; overflow:hidden;}
.ctxt li{display:block; float:left; margin-top:20px;width:25%; text-align:center;}
.ctxt a{display:inline-block; font-size:16px;}
.ctxt a::after{content: '';width: 0px;height: 2px;display: block;background: #000000;transition: width .3s;-webkit-transition: width .3s;}
.ctxt a:hover::after{width: 100%;}

/*.cpic{margin:auto;width:100%;height:auto; overflow:hidden;}
.cpic ul{display:block; float:left; margin-top:20px;width:50%; text-align:center;}
.cpic .pp{ padding:0px 10px 0px 10px;height:auto; overflow:hidden;}
.cpic .pp img{ width:100%;}
.cpic .pl{margin-top:20px;}
.cpic .pl a{display:inline-block; font-size:18px;}
.cpic .pl a::after{content: '';width: 0px;height: 2px;display: block;background: #000000;transition: width .3s;-webkit-transition: width .3s;}
.cpic .pl a:hover::after{width: 100%;}
.cpic .ps{margin-top:20px;}
.cpic .ps a{ display:inline-block;width:150px; height:35px; line-height:35px;border:#000 1px solid; background:#000; color: #FFF; font-size:15px;}
.cpic .ps a:hover{background:#FFF; color: #333;}*/

.cpic{margin:auto;margin-top:20px;width:100%;height:auto; overflow:hidden;}
.cpiclist{display:block; float:left;width:49%;height:auto; overflow:hidden;}
.cpicline{display:block; float:left;width:2%;height:auto; overflow:hidden;}
.cpicclear{ clear:both; height:20px;height:auto; overflow:hidden;}
.cpb{display:block; float:left;width:63.095%;height:auto; overflow:hidden;}
.cpb img{width:100%;}
.cps{display:block; float:left;width:36.905%;height:auto; overflow:hidden;}
.cps img{width:100%;}

.cpics{margin:auto; margin-top:0px;width:100%;height:auto; overflow:hidden;}
.cpics ul{display:block; float:left; margin-top:0px;width:50%; text-align:center;}
.cpics .pp{ padding:0px 10px 0px 10px;height:auto; overflow:hidden;}
.cpics .pp img{ width:100%;}
.cpics .ps{padding:10px;text-align: right;}

.index_pic_list{margin:auto; margin-top:20px;width:100%;height:auto;display: flex;justify-content: center;align-items: center;}
.index_pic_list ul{flex:1; margin: 0px 5px 0px 5px;}
.index_pic_list li{margin: auto;padding: 10px; border-radius: 50%;background: #ededed;}
.index_pic_list li img{width: 100%;border-radius: 50%;}
.index_pic_list p{text-align: center;}

.index_pic{ margin:auto; margin-top:40px;width:100%;height:auto; overflow:hidden;}
.index_pic img{width:100%;}

.index_title{margin:auto;margin-top:50px;width:100%;height:auto;overflow:hidden;display: flex;justify-content: center;align-items:center;}
.index_title li{flex:1;padding: 10px;font-weight: bolder;font-size: 20px;text-transform: capitalize;}
.index_title li a{font-weight: bolder;font-size: 20px;}
.index_title span{ margin-right: 10px;}

.prroll{margin:auto;width:100%;height:auto;overflow:hidden;}
.prroll ul{display:block;float:left;margin-top:50px;width: calc(96% - 2px);padding:2%;height:auto;border: #fff 1px solid; overflow:hidden;}
.prroll ul:hover{border:#000 1px solid;}
.prroll .p_pic{padding-bottom:50%;padding-top:50%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center;text-align: center;  background:#fff;}
.prroll .p_pic img{width:95%;border-radius: 5px;}
.prroll .p_pic img:hover{ transform:scale(1.1);transition: .8s ease;}
.prroll .p_info{margin-top:10px;height:40px;overflow:hidden; text-align:center;}
.prroll .p_infos {margin-top:10px; height:auto;overflow:hidden; text-align:center;font-weight: bolder;}
.prroll .p_infos span{color:#000; font-size:14px;}
.prroll .p_infos s{color:#999;}
.prroll .p_save{ margin-top:5px;color:#999; font-size:10px; text-align:center;}
.prroll .p_cart{ position: absolute; width: calc(96% - 2px); margin-top:-40%; text-align:center;z-index: 1;display: none; }
.prroll .p_cart a{ margin: auto;padding: 10px 15px 10px 15px;background:rgba(0, 0, 0, 0.6); color:#fff; border-radius: 5px;}
.prroll .p_favorite{ position:absolute; margin: auto; width: calc(96% - 0px);text-align:right;z-index: 1;display:none; }
.prroll .p_favorite span{font-size: 26px;cursor: pointer;}
.prroll ul:hover .p_cart{display: block;}
.prroll ul:hover .p_favorite{display: block;}

.product_list{margin:auto;width:100%;height:auto;overflow:hidden;}
.product_list ul{display:block;float:left; margin-top:50px;width:15.666%;padding:0.5%;height:auto;overflow:hidden;}
.product_list .p_pic{padding-bottom:50%;padding-top:50%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center;text-align: center;background:#fff;border:#CCC 0.0rem solid;border-radius: 5px;}
.product_list .p_pic img{width:95%;border-radius: 5px;}
.product_list .p_pic img:hover{ transform:scale(1.1);transition: .8s ease;}
.product_list .p_info{margin-top:10px; height: 80px; overflow:hidden; text-align: center;}
.product_list .p_info .p_name{height: auto;}
.product_list .p_info .p_price{ margin-top:10px; color:#000;font-weight: bolder;}
.product_list .p_info .p_price s{color:#999;font-weight: normal;}
.product_list .p_infos {height:auto;overflow:hidden; text-align:center;}
.product_list .p_infos span{color:#000; font-size:14px;font-weight:bolder;}
.product_list .p_infos s{color:#999;}
.product_list .p_infos .p_id{margin-top:0px; color:#000;font-weight: bolder;}
.product_list .p_infoss {margin-top: 20px; height:auto;overflow:hidden; text-align:center;}
.product_list .p_infoss span{color:#000; font-size:16px;}
.product_list .p_save{ margin-top:5px;color:#999; font-size:10px; text-align:center;}
.product_list .p_cart{ position:absolute; margin: auto; width: calc(96% - 0px);margin-top: -40%; text-align:center;z-index: 1;display:none; }
.product_list .p_cart a{ margin: auto;padding: 10px 15px 10px 15px;background:rgba(0, 0, 0, 0.6); color:#fff; border-radius: 5px;}
.product_list .p_favorite{ position:absolute; margin: auto; width: calc(96% - 0px);text-align:right;z-index: 1;display:none; }
.product_list .p_favorite span{font-size: 26px;cursor: pointer;}
.product_list ul:hover .p_cart{display: block;}
.product_list ul:hover .p_favorite{display: block;}

.index_flash{margin:auto; margin-top:50px;padding:30px 0px 30px 0px;width:1200px; height:auto; overflow:hidden;background:url(../images/indexbg.png) top #f2f2f2;}
.index_flash .flash_title{ text-align:center; font-size:16px;}
.index_flash .flash_title span{ font-size:22px;}
.index_flash .flash_title em{font-style:normal;font-size:20px;}
.index_flash .flash_title em i{display:inline-block; padding:5px;margin:0px 5px 0px 5px;font-style:normal; background:#fff; color:#af0000;}

.index_flash .flast_list ul{width:23%;}

.index_nav{ display:none;}

.video_list{margin:auto; margin-top:30px;margin-bottom:50px;width:100%; height:auto; overflow:hidden;}
/* .video_list ul{display:block;float:left; margin:1%; width:13.6%;padding:0.5%;box-shadow:0 0 20px #fff;background: #fff;height:auto;overflow:hidden;border-radius: 10px;} */
.video_list ul{display:block;float:left;width:90%;padding:5%;background: #fff;height:auto;overflow:hidden;border-radius: 10px;}
.video_list ul:hover{ border-radius: 10px;}
.video_list .p{padding-bottom:37.5%;padding-top:37.5%;height:0; overflow: hidden; background:#f3f4f8 no-repeat center center;background-size:contain; display: flex; justify-content: center; align-items: center;  border-radius: 10px;}
.video_list .p span{ font-size: 50px; color: rgb(255, 255, 255,0.8);}
.video_list .n{ margin-top: 10px;height:30px; line-height:15px;overflow: hidden; text-align: center;}


.news_list{ margin:auto;margin-top:30px; width:100%; height:auto; overflow:hidden;}
.news_list ul{ display:block; float:left;  margin:0.5%; width:calc(31.3% - 2px);padding:0.5%;border:#ededed 1px solid;border-radius: 5px;}
.news_list .n_time{ position: absolute;
    margin-top: 20px;
    margin-left: 20px;
    display: block;
    padding: 5px 15px;
    color: #fff;
    font-size: 20px;
    background: #ff0000;
    text-align: center;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
}
.news_list .n_time:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-color: transparent #ff0000;
        border-width: 0 0 20px 20px;
        border-style: solid;
        left: 0;
        bottom: -20px;
        position: absolute;
}
.news_list .n_pic{padding-bottom:37.5%;padding-top:37.5%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center;  border-radius: 3px;}
.news_list .n_pic a{width: 100%;}
.news_list .n_pic img{width: 100%;}
.news_list .n_pic img:hover{ transform:scale(1.1);transition: .8s ease;}
.news_list .n_title{margin-top: 10px;font-size: 20px;}
.news_list .n_content{margin-top: 10px;color: #666;}
.news_list .n_info{margin-top: 10px;}
.news_list .n_info a{color:#ff0000;}

.index_more{margin:auto;margin-top:50px;width:100%;height:auto;overflow:hidden; text-align:center;}
.index_more a{ display:inline-block; padding: 8px 15px 8px 15px; background:#ff0000;color:#fff;text-align:center; cursor:pointer; border-radius:5px;}
.index_more a:hover{ background:#ff0000;}

.index_serve{margin: auto; margin-top:50px; width:99%; height: auto; display: flex;align-items: center; justify-content: center;flex-wrap:wrap;}
.index_serve ul{flex:1; text-align: center;}
.index_serve .se_pic{ margin: auto; padding: 0px; width: 80px;height: 80px; line-height: 80px; border: #cccc 1px solid; border-radius: 50%;}
.index_serve .se_pic span{font-size: 50px;font-weight: normal; }
.index_serve .se_title{margin-top: 10px;font-size: 16px;font-weight: bold;}
.index_serve .se_titles{margin-top: 10px;font-size: 12px;}
.index_serve .se_line{width: 10px; height: 50px;background: #fff;}
.index_serve .se_lines{ margin: auto; margin-top: 20px; height: 2px;width: 80px;background: #ededed;}
.index_serve .se_content{margin-top: 10px;color: #999;}

.index_about{margin:auto;margin-top:30px; width:100%; height:auto; overflow:hidden;}
.index_about img{width: 100%;}

.main_indexs{margin:auto; width:90%; height:auto; overflow:hidden;display: flex;justify-content: center;align-items: center;gap:20px}

@media screen and (min-width: 1400px) {
.main_index{width:80%;}
.main_indexs{width:80%;}
}

@media screen and (max-width: 750px) {
.banner{width:100%;}
.swiper-button-white{ display:none;}
.main_index{width:100%;}
.banner{margin-top:0px;}
.ctxt li{width:50%;} 
.index_flash{width:100%;}

.index_title{margin-top:30px;}
.index_title li{font-size:16px;}
.index_title a{font-size:16px;}

/* .index_pic_list{overflow-x: auto;justify-content: left;}
.index_pic_list::-webkit-scrollbar {height: 0px;}
.index_pic_list::-webkit-scrollbar-track{background:#fff;}
.index_pic_list::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.2);border-radius: 10px;}
.index_pic_list::-webkit-scrollbar-thumb:hover {background: #555;}
.index_pic_list ul{flex-shrink:0;margin: 0px 10px 0px 10px;}
.index_pic_list li{padding: 0px;} */

.index_pic_list li{ padding: 0; background: #fff;}

.cpics ul{ width:100%;}

.cpiclist{float:none;width:100%;}
.cpicline{ float:none;width:100%; height:20px;}

.prroll{width: 100%;}
.prroll ul{ border: none;}
.prroll ul:hover{ border: none;}
.prroll .p_pic img{width:100%;}
.prroll .p_pic img:hover{ transform:scale(1);transition: .8s ease;}
.prroll .p_info{height: 45px;line-height: 15px;overflow: hidden;}
.prroll .p_infos {margin-top:2px; }
.prroll .p_favorite{display: block;}
.prroll ul:hover .p_cart{display: none;}

.product_list{width: 100%;}
.product_list ul{width:48%; padding:1%;margin-top:20px;border: none;}
.product_list ul:hover{ border: none;}
.product_list .p_pic img{width:100%;}
.product_list .p_pic img:hover{ transform:scale(1);transition: .8s ease;}
.product_list .p_info{height: 45px;line-height: 15px;overflow: hidden;}
.product_list .p_infos {margin-top:2px; }
.product_list .p_favorite{display: block;}
.product_list ul:hover .p_cart{display: none;}

.index_flash{margin-top:0px; width:100%;}
.index_flash .flash_title{font-size:14px; }
.index_flash .flash_title span{font-size:20px; display: block; padding-bottom:20px;}
.index_flash .flash_title em{font-size:5px;}
.index_flash .flash_title em i{ border-radius:3px;}

.index_flash .flast_list ul{width:46%; padding:2%;border-bottom:none;}

.index_nav{margin:auto;margin-top:20px;width:100%; height:auto; overflow:hidden;display:-webkit-box;-webkit-box-orient:horizontal;}
.index_nav li{-webkit-box-flex:1;width:0;text-align:center;}
.index_nav i{display:block; margin:auto; padding:10px;width:20px; height:20px; line-height:20px;font-size:20px; margin-bottom:5px; color:#fff; background:#f00; border-radius:50%;}

/* .video_list{ width: 100%;}
.video_list ul{width:31.3%; padding:1%; margin: 0px; border-bottom:#f2f2f2 20px solid;box-shadow:none; border-radius: 0px;}
.video_list ul:hover{box-shadow:none; border-radius: 0px;} */

.news_list{margin-top:30px; padding-bottom:0px;width:98%;}
.news_list ul{ margin-top:20px;float:none;width:98%;}

.index_serve ul{flex:none; width: 50%;}
.index_serve .se_line{width: 0px;}

.main_indexs{width:auto; display: block;gap: 0px;}
}