@charset "utf-8";
:root{--fontfamily:arial;--hovercolor:#ef6e08;}
.wmkc-img-none li img{display:none}
.head .header .navbg{max-width:920px}
#navul li a:link,#navul li a:visited{padding:0 8px}
.footer{background:#62afb5}
#navul li a:hover,#navul li:hover a,.foot .fbox .text li a:hover{color:#333}
.foot .fbox1{background:0 0}
.foot .fbox .text li a,.foot .fbox p,.foot .fbox p a{color:#fff}
.foot .fbox1 p{padding-top:30px}
@font-face{font-family:PTF55F;src:url(/uploads/201715822/PTF55F.ttf)}
.public .right .pla a{color:#62afb5}
.foot .fbox1{background:url(/uploads/201815822/footer_logo.png) no-repeat}
.foot .float_r{position:relative}
.footererwei{position:absolute;bottom:-46px;right:54px;z-index:999;width:25%}
.pcon .pcon_r .bnt{width:296px}
.pcon .pcon_r .bnt a{float:left;border-radius:6px;width:142px}
.pcon .pcon_r .bnt .LayImAhrefNode{margin-top:0;margin-left:6px}
.header{position:relative}
.topmail{position:absolute;top:5px;right:0;z-index:999;color:#fff}
#navul li a:link,#navul li a:visited{padding:0 13px}
#xyz{right:210px}
.head .header .search{position:absolute;right:240px;top:5px;z-index:999}
.head .header .logo{margin:0 40px 0 100px}
i.icon.icon-mail,i.icon.icon-phone{background-image:url(/js/15822/sprite-1.png)}
.head-contact a,.head-contact p:nth-child(2) a{color:#fff}
.head{background:#1f94c7!important}
.head-nav-box{border-top:1px solid #fff}
#application{padding:0;background:0 0}
#application .container{max-width:100%;padding:0}
.logo_namef{padding:0;max-width:684px;margin:30px auto 0}
.foot_logobar .fl{width:100%}
.logo_namef p{font-size:16px;text-align:left;line-height:1.6;margin-bottom:6px}
.logo_namef p.mar{margin:16px 0}
.logo_namef ul li{text-align:left}
.foot_top .contact_way{max-width:684px;width:100%}
div.mm_os,div.mm_os .os_x,div.mm_os .osqq{width:190px}
div.mm_os .os_x{background-size:cover}
div.mm_os .acbox img{width:100%}
.singlepage_content .nyadd img{margin-right:10px}
#liproducts .submenu li{float:left;width:50%}
#liproducts .submenu{width:500px}
.cx-blue .close-blue{top:0;right:0}
.cx-blue #show-blue{width:200px;background-size:100%;height:150px;background-position:0 10px;padding:34px 41px 95px 32px}
.cx-blue .blue-title{top:135px;right:25px}
@media (min-width:769px){.head-b{height:94px}
body{padding-top:147px}}
.inner-banner{min-height:inherit}
.nydownloadtable{display:block;margin:0 auto;max-width:900px}
.nydownloadtable tbody{display:flex;flex-wrap:wrap;justify-content:space-between}
.nydownloadtable tbody tr{width:48%;border:1px solid #eee;padding:15px;margin-bottom:25px;display:flex;align-items:center}
.nydownloadtable tbody tr td:nth-child(1){width:50px;display:block}
.nydownloadtable tbody tr td a{display:block}
.nydownloadtable tbody tr td:nth-child(2){width:calc(100% - 50px);display:block;padding-left:15px}
.nydownloadtable tbody tr td img{display:block;width:100%}
@media (max-width:640px){.nydownloadtable tbody tr{width:100%;padding:10px}}
.sf-menu .LiLevel1>a{font-size:17px}
.sf-menu ul a{font-size:16px}
.floatwindow_fd-main i{width:30px!important}
.floatwindow_fd-main li{padding-left:30px!important}
.logo{padding:5px 0 5px 15px}
div.cx-blue #show-blue{width:240px;height:240px}
.app-list{display:flex;flex-wrap:wrap}
.app-list-item{display:flex;margin-bottom:25px;flex-wrap:wrap;width:100%;position:relative}
.app-list-item .app-img{width:300px}
.app-list-item .app-img img{width:100%;height:auto}
.app-content{width:calc(100% - 300px);padding-left:30px}
@media (max-width:768px){.app-content,.app-list-item .app-img{width:100%}
.app-content{padding-left:0}
.about-r{padding:4% 0}}
.hcontact,.hcontact a,body.index .head-wel{color:#fff}
.about>.container{align-items:center}
.repro-boxl{padding-top:50px}
.siggle-page .container{max-width:1200px}
@media screen and (min-width:1081px){.newpro-list li{width:32%}}
.newpro-item-r a{position:relative;height:auto;padding-bottom:100%}
.newpro-item-r a img{height:100%;position:absolute;top:0;left:0;object-fit:contain}
.newpro-item-r a::before{z-index:1}
.head-t .container *{color:#000!important}
.wmkc-template-46 .wmkc-flex-row-reverse{align-items:center}
.news-bref,.our-item-bref,.repro-name{max-height:inherit;-webkit-line-clamp:inherit;overflow:inherit}
.repro{padding:2% 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.repro-bref{display:none}
.our{border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.repro-item-img{border:1px solid #ccc}
.repro-boxr li:hover .repro-name{color:var(--color)}
.repro-boxl{padding-top:0}
.app-list{justify-content:space-between}
.app-content,.app-list-item .app-img{width:49%;padding:0}
.app-list-item{width:48%;justify-content:space-between}
.app-list-item .app-img{position:relative}
.app-list-item .app-img img{height:100%;width:100%;position:absolute;left:0;top:0;object-fit:cover;border:1px solid #ccc}
.app-text{font-size:14px;margin:5px 0;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;display:-webkit-box}
.app-content a{display:inline-block;background:var(--color);padding:5px 10px;color:#fff;font-size:16px;transition:all .5s}
.app-content a:hover{transform:translateX(10px)}
@media (max-width:769px){.app-content,.app-list-item .app-img{width:100%}
.app-list-item .app-img{padding-bottom:65%;margin-bottom:10px}
.app-list-item .app-content p:first-child strong{font-size:17px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:40px}}
.footpic{display:flex;justify-content:space-between;margin:10px 0;max-width:300px}
.footpic img{width:48%}
.about-l-l div{width:100%;}
#swiper-banner .indexbanner-text {color:#FFF;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;opacity:0;max-width:1300px;padding:0 100px;}
#swiper-banner .indexbanner-text .title {font-size:58px;font-weight:var(--fontbold5);text-shadow:1px 1px 3px #000;line-height:1.4;}
#swiper-banner .indexbanner-text .text {font-size:22px;text-shadow:1px 1px 3px #000;margin-top:10px}
#swiper-banner .swiper-slide-active .indexbanner-text {animation:bannerani .5s forwards;animation-delay:.7s}
#swiper-banner .indexbanner-text.bannertxt3 .title{color:#000;text-shadow:1px 1px 3px #fff}
@keyframes bannerani {0% {opacity:0;top:60%}
100% {opacity:1;top:50%}
}
@media (max-width:1500px){#swiper-banner .indexbanner-text .title{font-size:45px}}
@media (max-width:1100px){#swiper-banner .indexbanner-text .title{font-size:35px}
#swiper-banner .indexbanner-text .text{font-size:18px}}
@media (max-width:768px){#swiper-banner .indexbanner-text {padding:0 80px;}
#swiper-banner .indexbanner-text .title{font-size:28px}
#swiper-banner .indexbanner-text .text{font-size:17px}}
@media (max-width:600px){#swiper-banner .indexbanner-text {padding:0 80px;}
#swiper-banner .indexbanner-text .title{font-size:20px}
#swiper-banner .indexbanner-text .text{font-size:15px}}
@media (max-width:600px){#swiper-banner .indexbanner-text {padding:0 20px;}
#swiper-banner .indexbanner-text .title{font-size:18px}
#swiper-banner .indexbanner-text .text{font-size:14px;margin-top:5px}}
.prodetails-bref .kche-t194 .kche-t194-item {align-items:inherit;}
.prodetails-bref .kche-t194 .kche-t194-img {display:flex;align-items:center;}
.prodetails-bref .kche-t194 .kche-t194-text {display:block;}
.contactsec1-l,.article-date,.relatednews-name,.our-item-bref,.repro-boxl-bref,.news-bref,.about-r-txt2,.pdshow-r-text{color:#000}
.siggle-page .page-box{font-size:16px}
.prodetails-bref p{color:#000;font-size:16px;}
.products-ninelist-1 li .products-list-img>a{position:relative;height:0;padding-bottom:100%;}
.products-ninelist-1 li .products-list-img>a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;width:100%;background:#fff;}
@media (min-width:1025px){body:not(.index) main .container,.prolist-bottom{max-width:100%;padding-left:100px;padding-right:100px;}}
.prodetails-box>section.prodetails-box-cont>.details-tit{display:none;}
.headshare {margin:0 20px 0 auto;display:flex;align-items:center;}
.headshare li {margin-left:12px;}
.headshare li a:hover i{color:var(--color)!important;}
.prodetails-page .breadcrumbs .container .page-tit,.products-page .breadcrumbs .container .page-tit{display:none;}
.prodetails-page .breadcrumbs .container>div,.products-page .breadcrumbs .container>div{margin-left:auto;}
@media (min-width:769px){.searchicon:hover{color:#fff;}}
.fcontact a:hover, .fnav li a:hover, .fpronav li a:hover{color:#fff;}