.head-top-center{display:none;position:relative;padding:12px 0;border-bottom:1px solid #ccc;text-align:center}.head-top-center span{color:#666;font-size:12px;display:inline-block;padding:0 6px}.head-top-center a{font-size:14px}@media only screen and (max-width:600px){.win_position{height:auto}.win_position .position{width:100%;line-height:26px}.win_page{margin:10px}.head-top-center{display:block}}@media screen and (max-width:1680px){#header .header_box,#header .top_h .feature_box{width:85.71%}.service_box .service{width:96%}.service_box .service .se_box .se_img{width:62.083%;height:36.4vw}.service_box .service .se_box .se_content{width:35.55%}.service_box .service .se_box .se_content .se_item{height:11.35vw}.new_box .advisory{width:96%}.new_box .advisory .abv_item{width:31%}#footer .footer_box{width:96%}#footer .copy_box .copy{width:85.71%}}@media screen and (max-width:1440px){.public_btn{width:200px}.public_btn a{font-size:15px;line-height:55px}.all_protype .pro_item{width:20%}.all_protype .pro_item a .typename p{font-size:16px;line-height:1.4}}@media screen and (max-width:1320px){.wrap{width:96%}}@media screen and (max-width:1218px){.default_nav_style .nav_sec .nav_list{width:60%}}@media screen and (max-width:1200px){#header .header_box .logo_box{width:20%}.service_box .service .se_box .se_content .se_item .sco_box p{margin-top:2%;height:45px;font-size:14px;line-height:25px}}@media screen and (max-width:991px){.win_header{display:block}.responsive_pc_header{display:none!important}.win_header .header .func .btn,.win_header .header .logo{padding:3px 0}.service_box .service .se_box .se_content .se_item .sco_box{top:12.5%;padding:0 13px}.service_box .service .se_box .se_content .se_item .sco_box a{font-size:18px}.service_box .service .se_box .se_content .se_item .sco_box p{font-size:14px;line-height:21px}.all_protype .pro_item{width:32.5%}.new_box .advisory{-webkit-justify-content:space-between;justify-content:space-between}.new_box .advisory .abv_item{margin-left:0;width:32%}.new_box .advisory .abv_item:nth-child(2){margin-left:0}#footer .footer_box .mode_one{width:28%}#footer .footer_box .mode_two{width:30%}#footer .footer_box .mode_three{width:26%}#footer .footer_box .mode_fout{margin-top:45px;margin-right:0;margin-left:38px;width:100%}.menu-wrap-style,.pro_cate{display:none}.menu-in-left .wrap-righter-style{padding-top:0;width:100%}.menuwrap{display:none}div.h2.text-center{padding:20px 0!important}.workShop .h3{margin:20px 0!important}}@media screen and (max-width:860px){.pro_list .win_position .position{float:none;width:100%;height:inherit;text-align:left;line-height:inherit}}@media screen and (max-width:768px){.public_btn{width:314px}.public_btn a{font-size:24px;line-height:74px}.public_btn a:hover{background:0 0;color:#651e7c}#header{display:none}.all_protype{width:92.7%;margin-top:20px}.all_protype .pro_item{margin-top:30px;width:100%}.all_protype .pro_item a .typename p{font-size:4.167vw}.all_protype .pro_item a .typename p:nth-child(2){margin-top:4px}.all_protype .pro_item a:hover .typename{transform:none}.all_protype .pro_item a:hover .img_box img{-webkit-transform:none;transform:none}.all_protype.mb50{margin-bottom:30px}.all_protype .pro_item a .typename{bottom:0}.all_protype .pro_item a .typename p:nth-child(2){margin-top:0}.service_box{margin-top:30px;padding-top:47px;padding-bottom:60px}.service_box .service{width:92.7%}.service_box .service .se_box{overflow:hidden;margin-top:38px}.service_box .service .se_box .se_img{overflow:hidden;width:100%;height:63vw}.service_box .service .se_box .se_img .carousel_box{position:absolute;display:flex;width:300%;transition:all 2s}.service_box .service .se_box .se_img .carousel_box .se_pic{float:left;display:block}.service_box .service .se_box .se_img .carousel_box .se_pic a img{position:static;height:auto}.service_box .service .se_box .se_img .carousel_box .se_pic:hover img{-webkit-transform:none;transform:none}.service_box .service .se_box .se_content{width:100%}.service_box .service .se_box .se_content .se_item{height:26vw}.service_box .service .se_box .se_content .se_item:first-child{margin-top:30px}.service_box .service .se_box .se_content .se_item .sco_box{top:18.5%;padding:0 32px}.service_box .service .se_box .se_content .se_item .sco_box a{font-size:4.17vw}.service_box .service .se_box .se_content .se_item .sco_box p{height:10vw;font-size:3.64vw;line-height:5vw}.service_box .service .se_box .se_content .se_item .angle{display:none}.product_box{padding-top:47px;padding-bottom:60px}.product_box .public_btn{margin:36px auto 0}.new_box{padding-top:47px;padding-bottom:60px}.new_box .advisory{margin:16px auto 0;width:92.7%}.new_box .advisory .abv_item{margin-top:30px;width:100%}.new_box .advisory .abv_item .new .new_title a{height:16vw;font-size:4.17vw;line-height:5.5vw}.new_box .advisory .abv_item .new .short_term{width:74px}.new_box .advisory .abv_item .new .new_day p{font-size:3.12vw}.new_box .advisory .abv_item .new .new_brief p{font-size:3.64vw;line-height:5.2vw}.new_box .advisory .abv_item:hover .abv_img img{-webkit-transform:none;transform:none}.new_box .advisory .abv_item .new .new_btn{font-size:3.14vw}.new_box .advisory .abv_item .new .new_btn:hover{transform:translateX(0)}.new_box .public_btn{margin:36px auto 0}#footer .footer_box{padding:50px 0;width:92.7%}#footer .footer_box .foo_item{margin-top:10px}#footer .footer_box .mode_one{margin-top:0;margin-left:0}#footer .footer_box .mode_three,#footer .footer_box .mode_two{margin-left:0}#footer .footer_box .mode_fout{margin-right:0;margin-left:0}#footer .footer_box .foo_item{width:100%}#footer .footer_box .foo_item ul li{display:none}#footer .footer_box .foo_item ul li:first-child .icon{float:right;display:inline-block;margin-top:2.5vw;width:3.5vw;height:3.5vw;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#footer .footer_box .foo_item ul li:first-child .icon:before{display:block;margin-top:.1vw;margin-left:1.8vw;width:.5vw;height:97%;background:#fff;content:"";-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#footer .footer_box .open ul li:first-child .icon:before{transform:rotate(90deg)}#footer .footer_box .foo_item ul li:first-child .icon:after{position:absolute;top:51%;left:0;display:block;width:100%;height:.5vw;background:#fff;content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%)}#footer .footer_box .foo_item ul li:first-child{display:block;font-size:16px}#footer .footer_box .foo_item ul li a{font-size:14px}#footer .footer_box .foo_item ul li a:hover{color:#888}#footer .footer_box .mode_fout ul li{display:block}#footer .footer_box .mode_fout ul li:nth-child(2) p{font-size:3.14vw;line-height:4.7vw}#footer .footer_box .open ul li{display:block;margin-top:2vw}#footer .copy_box .copy{width:92.7%;height:auto}#footer .copy_box .copy p{margin:0 auto;padding-top:4vw;padding-bottom:4vw;width:70%;text-align:center;font-size:3.125vw}#footer .copy_box .copy p a{display:block;width:100%;font-size:3.125vw}.in_ad .ad_con .win_position .title{display:none}.wrap-module .cate-name{margin-bottom:15px;font-size:22px}.wrap-module .cate-name span{margin-top:10px}.wrap .cate-name{margin-bottom:15px;font-size:22px}.wrap .cate-name span{margin-top:10px}.rale_news .list{grid-template-columns:repeat(2,46.5%)}.rightside .info_list .item .info .title{overflow:hidden;margin-bottom:10px}.rale_news .list .item{margin-bottom:20px}.win_position>.title{display:none}.win_position>.position{left:0;text-align:left;padding-top: 15px;}.win_page{float:none;margin:20px;height:auto;line-height:36px}.win_page span{line-height:36px}.win_page span,.win_page span a,.win_page span font{width:36px;height:36px}.prodetails{margin:10px 0}.prodetails .gallery{float:none;width:100%;min-height:inherit}.prodetails .gallery #small_img,.prodetails .gallery #zoom-big,.prodetails .gallery .bigimg,.prodetails .gallery .left_small_img{display:none}.prodetails .gallery .products_img{display:block}.prodetails .gallery .products_img img{margin:0 auto}.prodetails .info{float:none;padding:15px 0;width:100%}.prodetails .info .name{font-size:20px}.prodetails .description{margin:20px 0}.prodetails .description .contents{min-height:200px}.info_list{margin:10px 0}.info_list .item{margin-bottom:15px;padding-bottom:15px}.info_list .item .info{padding-left:15px}.info_list .item .info .title a{font-size:16px}.info_list .item .info .desc{display:none}.info_list.s1 .item .info{padding:0 50px 0 70px}.info_list.s1 .item .info .time h2{font-size:16px}.info_list.s1 .item .info .time h2 span{padding-top:5px;font-weight:400;font-size:14px}.info_list.s1 .item .link{background-size:10px}.win_infolist{margin:20px 0}.win_infolist>.title{font-size:16px}.win_infolist>.contents{min-height:200px}.article_detail{margin:10px 0}.article_detail>.contents{min-height:200px}.article_detail.s1>.contents{float:none;width:100%}.article_feedback .rows .fc_red{margin-right:0}.article_feedback .rows.input_rows{float:none;width:100%}.article_feedback .rows .form_button{width:100%}.win_feedback{margin:10px 0}.win_feedback form{padding:0 10px}.win_feedback .rows.input_rows{float:left;width:50%}.win_feedback .rows .input{height:36px;max-width:80%;line-height:36px}.win_feedback .rows.textarea_rows{clear:both}.win_feedback .rows textarea{height:120px;max-width:90%}.win_feedback .form_button{height:40px}.download_list{margin:10px 0}}@media screen and (max-width:650px){.public_btn{width:243px}.public_btn a{font-size:20px;line-height:60px}}@media screen and (max-width:550px){.public_btn{width:182px}.public_btn a{font-size:14px;line-height:47px}.all_protype{padding-top:10px}.all_protype .pro_item{margin-top:10px}.service_box{padding-top:20px;padding-bottom:30px}.service_box,.service_box .service .se_box,.service_box .service .se_box .se_content .se_item:first-child{margin-top:20px}.product_box{padding-top:20px;padding-bottom:30px}.new_box{padding-top:20px;padding-bottom:30px}.new_box .advisory{margin:0 auto}.new_box .advisory .abv_item:first-child{margin-top:20px}.new_box .advisory .abv_item .new .short_term{margin-bottom:15px;width:50px}.new_box .advisory .abv_item .new .new_brief p{margin-top:10px}#footer .footer_box{padding:25px 0}#footer .footer_box .foo_item{margin-top:20px}#footer .footer_box .foo_item:first-child{margin-top:0}#footer .footer_box .foo_item ul li{margin-top:10px}}@media screen and (max-width:450px){.public_btn{width:145px}.public_btn a{font-size:13px;line-height:40px}.new_box .advisory .abv_item .new .short_term{width:33px}}@media (max-width:576px){.card-text,.card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.productbox .topnav{display:none}div.row.topnav{display:none}.display-4{font-size:32px}div.row.one{padding-top:40px}}
.index-banner-down {
    padding: 20px 0;
}
.index-banner-down ul {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    min-height: 190px;
    justify-content: space-around;
}
.index-banner-down ul li {
    width: 25%;
    position: relative;
    max-width: 206px;
    max-height: 206px;
}
.index-banner-down ul li .image {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.index-banner-down ul li .summary{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;justify-content: center; align-items: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #333;
    color: #fff;
    z-index: 1;
    padding: 20px 10px 20px 20px;
    transition: opacity 0.5s ease;
}

.index-banner-down ul li:hover .summary{
    opacity: 1;
}