@charset "utf-8";
/* CSS Document */
.index_title{margin:auto; margin-top:50px;width:95%; height:auto; overflow:hidden;text-align: center;}
.tt{padding:10px;position: relative;text-align: center;color: #000;font-size: 28px;position: relative;display: inline-block;font-weight: bold;}
.tt span{color:#000;}
.tt:before{
    content: "";
    display: block;
    width: 42px;
    height: 17px;
    /* background: url(../images/right-flo.png); */
    position: absolute;
    right: -60px;
    left: 100%;
    top: 50%;
    transform: translateY(-50%) rotate(360deg);
    transition: all .5s;
}
.tt:after{content: "";
    content: "";
    display: block;
    width: 42px;
    height: 17px;
    /* background: url(../images/left-flo.png); */
    position: absolute;
    left: -45px;
    top: 50%;
    right: 100%;
    transform: translateY(-50%) rotate(360deg);
    transition: all .5s;
}
.tl{ margin:auto; width:100px;height:1px;background: #ededed;}
.tc{ margin-top: 15px; text-align: center; color: #999;font-size: 14px;}
.tc h1{ font-weight: normal; font-size: 13px;}

.page{clear:both;width:100%; margin-top:30px;margin-bottom:50px;text-align:center;}
.page span{display:inline-block;width:auto;margin-right:5px;padding:5px 10px 5px 10px; background:#f6f6f6; border:#e3e3e3 1px solid;border-radius: 5px;}
.page span:hover{background:#71bf45; color: #fff;}
.page span:hover a{color: #fff;}
.page span:hover strong{color: #fff;}
.page strong{color:#71bf45;border-radius: 5px;}

.center_title{margin:auto; margin-top:30px;width:95%; height:auto; overflow:hidden;}

.main{clear:both;margin:auto;padding:0; width:95%;height:auto!important;min-height:100px;max-height:none;overflow:hidden;display: flex;}
.main_center{flex:1; margin:0;padding:0;margin-left: 0px;}
.main_left{margin:0; margin-top:0px;padding:0; width: 300px; height:auto;overflow:hidden;order: -1; }

.main_center .ct{border-bottom: #ededed 1px solid; padding: 20px 0px 20px 0px;}
.main_center .ct h1{font-weight:normal;font-size: 20px;}
.main_center .ct p{color:#666; }
.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:48%;height:auto;overflow:hidden;border-radius: 10px;}
.video_list .p{padding-bottom:28%;padding-top:28%;height:0; overflow: hidden; background:#ededed no-repeat center center;background-size:cover; display: flex; justify-content: center; align-items: center;  border-radius: 3px;}
/* .video_list .p:hover{background-size:105%;} */
.video_list .p span{ font-size: 60px; color: rgb(0, 0, 0,0.8);}
.video_list .i{display: flex;justify-content: center;align-items: center; margin-top: 10px;}
.video_list .n{flex:1; height:25px;overflow:hidden;font-size: 20px;text-overflow: ellipsis;white-space: nowrap;}
.video_list .t{width: auto;margin-left: 20px;font-size: 14px;text-align: right;}
.video_list .t p{ margin-top: 10px; font-size: 20px;}
.video_list ul:hover .i{color: #71bf45;}
.video_list ul:hover .i a{color: #71bf45;}

#main_left{margin:0; margin-top:0px;padding:0; width: 300px; height:auto;overflow:hidden;order: -1; }
#left_title{line-height:40px;color:#000;font-weight:normal;text-transform: capitalize;font-size:20px;}
#left_title a{color:#000;text-transform: uppercase; }
#left_list{margin:auto; margin-top:30px;width:95%;}
#left_list .c{padding:15px;background: #fff; margin-bottom: 10px; border-radius: 10px;}
#left_list .c a{display:block; color:#000;}
#left_list .c span{float: right;font-size: 14px; margin-top: 5px;}
#left_list .c:hover{ background:#0a75b6; color: #fff;}
#left_list .c:hover a{color: #fff;}
#left_list .s{position:absolute;margin-left:198px;margin-top:-25px;width:789px;height:auto; overflow:hidden;z-index:99999999999999;background:#FFF;border:#f1f1f1 1px solid;display:none;}
#left_list .c_s{ margin-left:20px;padding:10px;}
#left_list .c_s_s{position:absolute;margin-left:204px;margin-top:-20px;width:788px;height:auto; overflow:hidden;z-index:99999999999999;background:#f1f1f1;border:#f1f1f1 1px solid;display:none;}
#left_list .c_s_n{display:inline-block; margin-left:5px;height:25px;line-height:25px;width:145px; text-align: center; overflow:hidden;}
#left_list .c_s_n a{font-weight:normal;}
#left_list .c_s::before{content:"";display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin-top:0px; margin-right: 10px; vertical-align: middle;background:#fff; border: #ccc 1px solid; background-size: cover;}
#left_list .c_s a:hover{ color: #999;}
#left_list .c_s:hover::before{background:#0a75b6;border: #0a75b6 1px solid;}
#left_list .c_s_on{ margin-left:20px; padding:10px;}
#left_list .c_s_on::before{content:"";display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin-top:0px; margin-right: 10px; vertical-align: middle;background:#ccc; border: #ccc 1px solid;}
#left_list .c_s_on a:hover{ color: #999;}
#left_list .c_s_on:hover::before{background:#0a75b6;border: #0a75b6 1px solid; }

.video_view{ margin-top: 50px; text-align: center; padding-bottom: 50px;}
.video_view video{background: #000; border-radius: 5px; width: 1120px; height:630px;}
.video_view iframe{width:100%;}
.video_content{text-align: left; margin-top: 50px; line-height: 30px; }
.video_content a{font-size:1.2rem;color:#999;text-decoration: underline;}
.video_content img{ max-width:1000px; height:auto;}

.video_button{margin-top:30px;display: flex;justify-content: center;align-items: center;background: #f3f4f8; padding: 10px;}
.video_button li:first-child{width: auto;}
.video_button li:first-child a{color: #999;}
.video_button li:nth-child(2){flex:1;display: flex;justify-content: center;align-items: center;gap: 20px;}
.video_button li:nth-child(2) a{padding:10px 8px 10px 8px;text-align:center; background:#71bf45;color:#fff;cursor:pointer;border-radius:5px;}
.video_button li:last-child{width: auto;}
.video_button li:last-child a{color: #999;}

.center_content{clear:both;margin:auto;margin-bottom:50px; width:100%;height:auto;overflow:hidden;font-size:16px;}
.product_list{margin:auto;width:100%;height:auto;overflow:hidden;}
.product_list ul{display:block;float:left; margin:1%; width:23%;margin-top: 30px;background: #fff;height:auto;overflow:hidden;border-radius: 10px;}
.product_list .p_pic{padding-bottom:50%;padding-top:50%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center; border-radius: 3px;}
.product_list .p_pic img{width:100%;border-radius: 3px;}
.product_list .p_pic a img:hover{transform:scale(1.1);transition: .8s ease;}
.product_list .p_info{margin:10px;height:20px;overflow:hidden; text-align:center;}
.product_list .p_infos {margin-top:0px;height:auto;overflow:hidden; text-align:center;color: #999;}
.product_list .p_infos span{color:#000; font-size:16px;}
.product_list .p_infos s{color:#999;}
.product_list .p_cart{text-align: center;}
.product_list .p_cart a{display: inline-block;cursor:pointer; background:#0a75b6; border: #0a75b6 1px solid; text-align:center; color:#fff; padding: 5px 20px 5px 20px; border-radius:20px;font-size: 14px;}
.product_list .p_cart a:hover{background:#0a75b6; border: #0a75b6 1px solid; color:#fff;}


.main_bg{background:#f3f4f8; background-size: cover; height:auto; overflow:hidden;}

.center_feedback{margin:auto;padding:0; margin-top:50px; margin-bottom:50px;width:95%;}
.center_feedback .fe_list{clear:both;margin-top:20px;display: flex; justify-content: center;align-items: center;}
.center_feedback .fe_list ul{display:block;float:left;height:auto;overflow:hidden; flex:1;}
.center_feedback .fe_list #ft{font-weight:bolder;}
.center_feedback .fe_list #ft span{ color:#71bf45;}
.center_feedback .fe_list #fi{ margin-top:10px;width:100%;}
.center_feedback .fe_list #fi .i{ width:calc(100% - 10px); height:50px;border:#fff 1px solid;border-radius: 10px;}
.center_feedback .fe_list #fi .s{ width:calc(100% - 10px); height:53px;border:#fff 1px solid;border-radius: 10px;}
.center_feedback .fe_list #fe_line{display:block;float:left;width:20px; height:25px;}

.center_feedback .fe_content{ clear:both;margin-top:50px;height:auto; overflow:hidden;}
.center_feedback .fe_content #ft{font-weight:bolder;}
.center_feedback .fe_content #ft span{ color:#71bf45;}
.center_feedback .fe_content #fi{margin-top:10px;}
.center_feedback .fe_content #fi .t{width:calc(100% - 10px); height:80px;border:#fff 1px solid;border-radius: 10px;}

.center_feedback .fe_button{ margin-top:30px;text-align:center;}
.center_feedback .fe_button .b{padding:5px 15px 5px 15px;border:none; width:150px;height:45px;cursor:pointer; background:#71bf45; border: #71bf45 1px solid; text-align:center; color:#fff; padding: 8px 15px 8px 15px; border-radius:5px;font-weight: bold;}

@media screen and (min-width: 1400px) {
.main{width: 80%;}
.center_title{width: 80%;}
.center_product{width: 80%;}
.center_feedback{width: 80%;}
}

@media screen and (max-width: 750px) {
.tt{ font-size: 20px;}

.center_title{ width:95%;}

.main{width:100%; margin-top:20px;display: block;}
.main_center{width:100%; margin-left: 0px;}
.center_title{ padding:0px 10px 0px 10px;}
.main_left{width:100%;display: none;}
#left_title{display:none;}
#left_list{ margin-top:30px; margin-bottom:20px;width:100%;width:100%;}
#left_list .c{ margin:5px 10px 5px 10px; padding:10px 15px 10px 0px; text-align:center; background:#f1f1f1; border-bottom:#FFF 1px solid;}
#left_list .c a{display:block; font-size:16px;}
    
.video_list{ width: 100%;}
.video_list ul{width:96%; padding:2%; margin: 0px; border-bottom:#f2f2f2 20px solid;box-shadow:none; border-radius: 0px;}
.video_list ul:hover{box-shadow:none; border-radius: 0px;}
.video_list .n{height: auto;}

#video{ margin: 0; padding: 0; background: #000; border-radius: 0px; width: 100%; height: auto;}

.video_button li:nth-child(2) a{font-size: 14px;}

.center_content{ width:95%;}

.product_list{ width: 100%;}
.product_list ul{width:46%; padding:2%; margin: 0px; border-bottom:#f2f2f2 20px solid;box-shadow:none;border: none;}
.product_list ul:hover{box-shadow:none; border-radius: 0px;}
}