﻿@charset "utf-8";
.news-title,.news article{word-break:break-word}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{vertical-align:middle}
.common-main article p{margin-bottom:0;font-size:16px;line-height:1.8;color:#666;font-family:Arial}
#float_left{position:fixed;left:10px;bottom:10%;text-align:center;z-index:99}
#float_left .ico{display:block;text-align:center;margin-bottom:6px;cursor:pointer}
#float_left .ico img{border-radius:50%;width:60%}
#float_left .ico>span{display:block;color:#000;font-weight:bold;font-size:16px}
.pro-c-name,.side-pro-name{word-break:break-word}
.adv-item article,.content-info article,.news-title,.news article,.pro-info article{word-break:break-word}
@media(min-width:768px) and (max-width:1367px){.head-nav>ul>li>a{padding-left:10px;padding-right:10px}
.head-logo a{max-width:100%}}
.pro-c-main article p{font-size:18px;color:#000;text-align:justify}
.contact-t{font-size:22px}
.contact-c{font-size:18px;margin-top:6px}
@media (min-width:1281px){.head-nav{display:flex;justify-content:center;}}
@media (min-width:1241px){.head-nav>ul>li>a{font-size:18px;padding:0 10px}
.head-nav{width:auto;flex:1}
.head-wrapper{justify-content:space-between}}
@media (min-width:1501px){.head-nav>ul>li>a{font-size:22px;padding:0 15px}}
.head-logo {margin:0;}
.head-logo img {height:80px;object-fit:contain;max-height:90%;}
.head-contact {margin-left:20px;min-width:150px;}
.head-contact img {left:0;margin-right:12px;}
.pro-info article,.news article{color:#000}
.vPlay img{max-width:100%}
.lastproducts-img{width:100%;max-height:inherit;margin-bottom:10px}
.lastproducts-box{padding:0;width:100%}
.lastproducts-title a{font-size:18px}
.viewmore{height:38px;line-height:38px;font-size:14px}
.adv-item article{word-break:break-word;-webkit-line-clamp:4;overflow:inherit}
table td,table tr {box-sizing:border-box;border:none;}
.table td,.table tr {border:1px solid #CCC;}
.pro-c-main{background:#fff}
.pro-c-main article p{line-height:1.5;padding:0}
.contact-main,.feedback-main,.about-main,.pro-main{background:#fff}
.contact-box .box-l,.prolist-0 .pro-item{border:1px solid #eee;box-sizing:border}
.common-main article p{margin-bottom:0}
.adv-item img{width:auto;height:auto;max-width:100%}
.about .video-box{position:fixed;top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:9}
.aboutclose{display:block;width:30px;height:30px;position:relative;float:right;cursor:pointer}
.aboutclose::after,.aboutclose::before{content:'';display:block;width:80%;height:2px;background:#fff}
.about .video-box>div{width:50%;height:50%}
.video-box video{width:100%;height:calc(100% - 30px)}
.aboutclose::after{transform:rotate(45deg) translate(5px,4px)}
.aboutclose::before{transform:rotate(-45deg) translate(-6px,6px)}
@media(max-width:768px){.about .video-box>div{width:80%;height:60%}}
.cate-img img{width:100%}
.pro-c-main article table .firstRow td{margin-bottom:15px;width:100%;display:block}
.about .about-list{display:none}
@media screen and (max-width:768px){.adv-item img{margin:0 0 10px}
.adv-item article{max-height:inherit;-webkit-line-clamp:inherit}}
@media(min-width:768px){.temporary-1{align-items:center}}
.pro-c-main article div[style*='display:flex;']{margin:20px 0}
.vPlay{bottom:110px;top:unset}
@media (max-width:768px){.nyprodetailflex{flex-wrap:wrap}
.nyprodetailflex>div{width:100%!important;margin:0!important}
.temporary-1{flex-wrap:wrap}
.temporary-1>div{width:100%!important;margin:0!important}}
@media (min-width:769px){.content-list0 .content-img{width:340px;border:1px solid #F1F1F1;box-sizing:border-box;border-right:none}
.content-list0 .content-img a{display:block;width:100%;height:100%}
.content-list0 .content-img a img{width:100%;object-fit:contain}
.content-list0 .content-info{width:calc(100% - 340px);box-sizing:border-box}}
@media (max-width:768px){.content-list0 .content-img a{display:block;position:relative;padding-bottom:66.75%;width:100%;border:1px solid #F1F1F1;box-sizing:border-box;border-bottom:none}
.content-list0 .content-img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain}
.content-list0 .content-info .content-title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}
@media (max-width:768px){.nydetail-flex{flex-wrap:wrap}
.nydetail-flex>div{width:100%!important;margin:0 !important}
.nydetail-flex>div:nth-child(2){padding-top:0!important}}
.contact-wrap{margin-top:30px}
.floatwindow_fd_main li a{white-space:nowrap}
.floatwindow_suspend{left:-40px!Important;-o-transition:0.4s!important;-moz-transition:0.4s!important;-webkit-transition:0.4s!important;transition:0.4s!important}
.floatwindow_fd_conct:hover .floatwindow_suspend{left:-224px!Important}
.about>div.about-vr-box{width:100%;}
.about>div.about-vr-box iframe{width:100%;height:675px}
@media (max-width:768px){.about>div.about-vr-box iframe{height:500px}}
@media (max-width:500px){.about>div.about-vr-box iframe{height:360px}}
.about .about-vr-box{display:none;}
.table-responsive{overflow-x:auto;}
@media (max-width:768px){.kche-wrap-width.kche-t43-change .kche-t43 .kche-flex-item2{width:100%}}
.pro-c-main .kche-t215.wmkc-prodetail-bavssabfim-t215 .kche-t215-right1{width:100%;}
.pro-c-main .kche-t215.wmkc-prodetail-bavssabfim-t215 .kche-t215-flex{align-items:center;}
@media (max-width:1024px){.pro-c-main .kche-t215.wmkc-prodetail-bavssabfim-t215 .kche-t215-right{flex:inherit;width:100%;}}