@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: 24px;position: relative;display: inline-block;}
.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;}

.index_titles{margin:auto; margin-top:50px;width:95%;padding: 20px 0px 20px 0px; height:auto; overflow:hidden; text-align: center;}
.tts{padding:10px;position: relative;text-align: center;color: #fff;font-size: 48px;position: relative;display: inline-block;}
.tts span{color:#000;}
.tts: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;
    filter: grayscale(100%) brightness(1000%);
}
.tts: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;
    filter: grayscale(100%) brightness(1000%);
}
.tls{ margin:auto; width:100px;height:1px;background: #ededed;}
.tcs{ margin-top: 15px; text-align: center; color: #fff;font-size: 18px;}
.tcs h1{ font-weight: normal; font-size: 13px;}

.swiper0{ display: block;cursor: pointer;}
.swiper1{ display: none;}
.swiper-pagination-bullet{margin: 0; padding: 0; width: 30px; height: 5px; border-radius: 0;}

.index_about_box{background:#fff;  height:auto; overflow:hidden;}
/* .index_about_box::before{content: "";display: block;width: 100%;height: 12px;background: url(../images/d.png);background-repeat: repeat-x;position: absolute;z-index: 999;} */
.index_about{margin:auto;margin-top:50px; margin-bottom: 50px; width:95%; height:auto; overflow:hidden; display: flex; justify-content:center;align-items: center;}
.index_about .acontent{flex:1;line-height: 30px; margin-left: 50px;}
.index_about .apic{flex:1;}
.index_about .apic li{width: 100%;height: 0;padding-top: 23%;padding-bottom: 33%;background:url(../images/index_about.jpg) center no-repeat; background-size: cover; border-radius: 10px;  text-align: center;}
.index_about .apic li span{ font-size: 50px; color: rgb(255, 255, 255,0.8); cursor: pointer;}
.index_about .alist{ padding-top: 50px;}
.index_about .alist li{background: #0663aa;margin: 10px 0px 10px 0px; padding: 10px;border-radius: 5px;font-size: 18px;}
.index_about .alist li span{float: right;}

.index_banner{ padding: 30px 0px 30px 0px;margin: auto; width: 95%; height: auto; }
.index_banner img{ width: 100%; border-radius: 5px;}

.index_pic_box{padding:0px 0px 50px 0px; background:#fff; background-size: cover;  height:auto; overflow:hidden;}

.index_content{margin: auto; margin-top: 30px; width: 95%; height: auto; display: flex;align-items: center; }
.product_pic{ width: 300px;margin-right: 50px;}
.product_pic img{ max-width: 100%; border-radius: 3px;}

.product_list{flex:1;}
.product_list{margin:auto; margin-top: 30px;height:auto;overflow:hidden;}
.product_list ul{display:block;float:left; margin:0.5%; width:23%;padding:0.5%;box-shadow:0 0 20px #fff;background: #fff;height:auto;overflow:hidden;border-radius: 10px;}
.product_list ul:hover{box-shadow:0 0 20px #ccc; }
.product_list .p_pic{padding-bottom:50%;padding-top:50%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center; background: #f6f6f6; border-radius: 3px;}
.product_list .p_pic img{width:100%;}
.product_list .p_pic 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_more{ margin-top: -25px; margin-left: 10px;color:#fa0000;}
.product_list ul:hover .p_more{ width: 20px; color:#00aadc;transform:rotate(90deg);}

.index_content_right{ height: auto;}
.index_content_right .product_pic{ text-align: right;margin-right: 0px;margin-left: 50px;}
.index_content_right .product_list{order: -1; }

.index_more{margin:auto;margin:30px 0 30px 0;width:100%;height:auto;overflow:hidden; text-align:center;}
.index_more a{ display:inline-block; padding: 15px 30px 15px 30px; background:#ea6e0d;color:#fff;text-align:center; cursor:pointer; border-radius:20px;}
.index_more a:hover{ background:#ea6e0d;color:#fff;cursor:pointer;border-radius:20px;}


.index_product_box{padding:0px 0px 50px 0px;height:auto;height:auto; overflow:hidden; background: #f3f6f9;} 
.index_product{margin:auto;margin-top:30px;width:95%; height:auto;overflow:hidden;}
.prroll{margin:auto;width:100%;height:auto;overflow:hidden;}
.prroll .item{ margin: 0px 5px 0px 5px;}
.prroll ul{display:block;float:left;margin-top:20px;margin-bottom:20px;width:90%;padding:5%;height:auto;overflow:hidden;box-shadow:0 0 20px #f3f4f8; background: #fff;border-radius: 10px;}
.prroll ul:hover{width:96%;padding:2%;box-shadow:0 0 20px #f3f4f8; background: #fff; border-radius: 10px;}
.prroll .p_pic{padding-bottom:50%;padding-top:50%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center;  border-radius: 3px;}
.prroll .p_pic img{width: 100%;}
.prroll .p_pic a img:hover{transform:scale(1.1);transition: .8s ease;}
/* .prroll .p_pic i{position:absolute; margin-left:-36px;width:36px;height:40px;background:url(../images/s.gif); color:#FFF; font-size:16px; text-align:left; text-indent:5px;}*/
.prroll .p_info{margin:10px;height:20px;overflow:hidden; text-align:center;}
.prroll .p_info a{color:#000;}
.prroll .p_infos {margin-top:0px;height:auto;overflow:hidden; text-align:center;color: #999;}
.prroll .p_infos span{color:#000; font-size:16px;}
.prroll .p_infos s{color:#999;}
.prroll .p_cart{display:none;}

.index_class{margin:auto; margin-top: 30px;width:95%; height:auto;overflow:hidden;}
.index_class ul{display:block;float:left; margin:0.5%; width:31.333%;padding:0.5%;box-shadow:0 0 20px #ededed;background: #fff;height:auto;overflow:hidden;border-radius: 10px;}
/* .index_class ul:hover{box-shadow:0 0 20px #ccc; } */
.index_class .p_pic{padding-bottom:37.096%;padding-top:37.096%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 3px;}
.index_class .p_pic img{width:100%;}
.index_class .p_pic img:hover{width: 110%; transform:translate(-5%,-5%);transition: All .8s ease;}
.index_class .p_info{margin:10px; padding: 10px; overflow:hidden; background: #0663aa; text-align: center; border-radius: 3px;}
.index_class .p_info a{font-size: 20px; color: #fff;}
.index_class .p_infos {margin:10px;height:80px;overflow:hidden;color: #666;line-height: 25px;}
.index_class .p_more{ margin-top: -25px; margin-left: 10px;color:#fa0000;}
.index_class ul:hover .p_more{ width: 20px; color:#00aadc;transform:rotate(90deg);}

.index_clear{ height: 0px; background: #fff;}

.index_contents{ height: auto;}
.index_contents img{ max-width: 100%;}

.index_pic_list{ margin: auto; width: 98%; height: auto; overflow: hidden;}
.index_pic_list li{padding: 20px 0px 20px 0px; height: auto; overflow: hidden;}
.index_pic_list li img{width: 100%;}

.index_news{margin:auto; margin-top:30px;padding-bottom:30px;width:100%;height:auto;overflow:hidden;}
.news_list{ margin:auto;margin-top:50px; width:95%; height:auto; overflow:hidden;}
.news_list ul{ display:block; float:left;  margin:0.5%; width:31.3%;padding:0.5%;box-shadow:0 0 20px #f5f5f5;background: #fff; border-radius: 10px;}
.news_list .n_time{ position: absolute;
    margin-top: 20px;
    margin-left: 20px;
    display: block;
    padding: 5px 15px;
    color: #fff;
    font-size: 20px;
    background: #0663aa;
    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 #0663aa;
        border-width: 0 0 20px 20px;
        border-style: solid;
        left: 0;
        bottom: -20px;
        position: absolute;
}
.news_list .n_pic{padding-bottom:35%;padding-top:35%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center;  border-radius: 10px;}
.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; margin-bottom: 10px;}
.news_list .n_content{margin-top: 10px;color: #666;}
.news_list .n_info{margin-top: 10px;}
.news_list .n_info a{color:#0663aa;}

/* .news_list .nd{font-weight:bolder; font-size:14px;}
.news_list .nd i{width:30px;}
.news_list .nt{padding-left:30px;padding-right:10px;font-size:16px; height:50px; line-height:50px;overflow:hidden;}
.news_list .nt a{font-size:16px;color:#00aadc;}
.news_list .nc{padding-left:30px;padding-right:10px;line-height:28px;} */

.index_feedback_box{padding:0px 0px 50px 0px;height:auto;height:auto; overflow:hidden; background:url(../images/index_feedback_bg.jpg)  center no-repeat; background-size: cover;} 
.index_feedback{margin:auto; margin-top:0px;margin-bottom:0px;width:100%;height:auto;overflow:hidden; display: flex;justify-content: center;align-items: center;}
.center_feedback{flex:1.2; padding: 80px; color: #fff;}
.center_feedback .fe_title{font-size: 20px;font-weight: bolder;}
.center_feedback .fe_list{clear:both;margin-top:20px}
.center_feedback .fe_list ul{width: 100%;}
.center_feedback .fe_list #fi{ margin-top:20px;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;height:auto; overflow:hidden;}
.center_feedback .fe_content #fi{margin-top:20px;}
.center_feedback .fe_content #fi .t{width:calc(100% - 10px); height:100px;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;text-align:center; background:#ea6e0d;color:#fff;cursor:pointer;border-radius:20px;}
.content_feedback{flex:1;padding: 80px;color: #fff;}
.content_feedback .cfico span{font-size: 60px;}
.content_feedback .cfcontent{margin-top: 50px;font-size: 20px; line-height: 30px;}


.index_serve_box{padding:0px 0px 50px 0px;height:auto;height:auto; overflow:hidden; background: #f3f6f9;} 
.index_serve{margin:auto; margin-top: 50px;width:95%; height:auto;overflow:hidden;}
.index_serve ul{display:block;float:left; margin:0.5%; width:14.666%;padding:30px 0.5% 30px 0.5%; box-shadow:0 0 20px #ededed;background: #fff;height:auto;overflow:hidden;border-radius: 10px; text-align: center;}
.index_serve img{width: 80px;}

.cbottom{margin-top:30px; }
.cbottom p{font-size: 20px;}

@media screen and (min-width: 1400px) {
.index_title{width: 80%;}
.index_titles{width: 80%;}
.index_about{width: 80%;}
.index_product{width: 80%;}
.index_class{width: 80%;}
.news_list{width: 80%;}
.index_serve{width: 80%;}
.index_feedback{width: 80%;}
}

@media screen and (max-width: 750px) {
.tt{ font-size: 20px;}
.tc{ font-size: 14px;}
.tts{ font-size: 20px;}
.tcs{ font-size: 14px;}
/* .swiper0{ display: none;}
.swiper1{ display: block;} */


.product_pic{ width: 100px;margin-right: 10px;}
.index_content_right .product_pic{margin-left: 10px;}
.product_list ul{width:48%;}


.product_list ul:hover{box-shadow:none; }
.product_list .p_pic img:hover{width:100%; margin-top:0%;margin-left:0%;}

.index_product{width:100%;}
.prroll .p_pic{background:none;}

.index_class ul{width:48%;}

.index_about{width:95%;flex-flow: column;}
.index_about .acontent{margin-left: 0px; }
.index_about .apic{width:100%; margin-top: 30px;}
.index_about .alist{ padding-top: 50px;}
.index_about .alist li{font-size: 12px;}


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

.index_feedback{width:95%; margin-top: 20px; margin-bottom: 20px; flex-flow: column;border-radius: 10px; }
.center_feedback{flex:1; padding: 30px;}
.center_feedback .fe_title{font-size: 20px;}
.content_feedback{flex:1;padding: 30px;}
.content_feedback .cfico span{font-size: 30px;}
.content_feedback .cfcontent{margin-top: 20px;font-size: 14px;}

.index_serve ul{width:31.333%;}
}