﻿@charset "utf-8"; 
:root{--color:#0e3372;--hovercolor:#a3a3a3;--hometitlefont:40px;--fontfamily:"Titillium Web",sans-serif}
@media (max-width:1440px){:root{--hometitlefont:30px}}
@media (max-width:1024px){:root{--hometitlefont:26px}}
.header .header-top .mailclock{margin-left:30%;}
.header nav div .nav>li>a{font-weight:var(--fontbold7)}
@media (min-width:769px){.header nav div .nav>li a{white-space: nowrap;}}
.table tr:nth-child(even) {  background: #fff; }
.table tr:nth-child(odd) {  background: #eee; }
.l-wrap{width:100%;max-width:1600px;padding:0px 70px;margin:0px auto}
.lazy-wrap{display: block;position: relative;overflow: hidden;}
img.lazy{transition: opacity .6s, transform .3s ease;opacity:0;display:inline-block;}
img.loaded{opacity:1;}
@media (max-width:1024px){.l-wrap{padding:0px 20px}}
/*footer*/
.footer-contact{padding:20px 0px;background:#222}
.footer-contact .l-wrap{display:flex;justify-content:space-between}
.footer-contact .foot-contact{padding:0px 25px;height:40px;background:var(--color);line-height:40px;color:#fff;white-space:nowrap}
.footer-contact .foot-contact:hover{background:red}
.footer-contact .foot-title{line-height:40px;font-size:var(--fontsize20);text-transform:capitalize;color:#fff}
footer,footer a{color:#fff;}
footer a:hover{color:var(--hovercolor)}
footer .footerTop{width:100%;}
footer,footer .footerBottom{background: var(--fontcolor);}
footer .foot-btit{position: relative;margin-bottom: 20px;padding-bottom: 10px;text-transform: uppercase;font-size: var(--fontsize20);color: #FFF;font-weight:var(--fontbold7)}
footer .foot-btit:after{display: block;position: absolute;left: 0px;top: 100%;width: 40px;height: 2px;background: var(--color);content: "";}
footer .foot-into{margin:10px 0;}
footer .fnav-flex li:before{content:'>';padding-right:5px;}
footer .foot-share{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:300px}
footer .foot-share li{margin:12px 12px 0px 0px}
footer .foot-share .social-item{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:#555555;color:#FFFFFF;border-radius:2px;transition:transform .3s ease}
footer .foot-share .social-item>i,footer .foot-share .social-item>em{font-size:var(--fontsize20)}
footer .foot-share .social-item.fb{background-color:#3b5997}
footer .foot-share .social-item.tw{background-color:#2d2d2d}
footer .foot-share .social-item.lk{background-color:#0A66C2}
footer .foot-share .social-item.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #fd5949 45%, #D6249F 60%, #285aeb 90%)}
footer .foot-share .social-item.pi{background-color:#cc2127}
footer .foot-share .social-item.you{background-color:#FF0000}
footer .foot-share .social-item.vk{background:#0077FF}
footer .foot-share .social-item.tik{background-color:var(--fontcolor)}
footer .foot-share .social-item.whatsapp{background-color:#25d366}
footer .foot-share .social-item.wechat{background-color:#07c160}
footer .foot-share .social-item:hover{transform:scale(1.1)}
footer .foot-cont ul li{display:flex;justify-content: space-between;margin-bottom:10px;}
footer .foot-cont ul li .icon{width: 40px;height:40px;display:flex;align-items: center;justify-content: center;background:#222;}
footer .foot-cont ul li .icon em{color:#fff}
footer .foot-cont ul li .art{width:calc(100% - 50px);display:flex;align-items:center}
footer .fnav-flex li{margin-bottom:10px;}
footer .feedback-input{position:relative;margin:10px 0px 20px;border:1px solid #FFFFFF4F;border:none;}
footer .feedback-input .iconfont{position:absolute;right:5px;top:5px;font-size:var(--fontsize20);color:#FFFFFF95}
footer .feedback-btn{padding:10px 20px;background:var(--color);cursor:pointer;text-transform:capitalize;color:#FFF;transform: none;border:none;display:flex;align-items: center;transition: all .3s;}
footer .feedback-btn:hover{background:red}
footer input{box-sizing:border-box;padding:0px 14px;width:100%;height:40px;line-height:40px;color:var(--footercolor);font-size:var(--fontsize14);background: var(--fontcolor);border:1px solid #a3a3a3}
footer input::placeholder{color:#a3a3a3;}
@media (min-width:1025px) and (max-width:1440px){footer .footerTop>div{width:23%;}}
@media (max-width:1024px){footer .footerTop{flex-wrap:wrap;}
footer .footerTop>div{width:49%;margin-bottom:25px;}}
@media (max-width:768px){.footer-contact .l-wrap{flex-wrap:wrap;}
.footer-contact .foot-title{margin-bottom:20px;line-height:1.3}
footer .footerTop .footerRight{display:block;margin-bottom:0;}
footer .footerTop>div{width:100%;}
footer .foot-share{max-width:100%;}
footer .footerTop>div .foot-logo{display:none}
footer .footerBottom{padding-bottom:10px;margin-top:10px;}}
.Feedback .page-box .container>p{font-size:16px}
.productSideCenter ul li{align-items:center}
@media(max-width:768px){.productMain .newsList .content-list0 li{min-height:140px}}
.home-choose .chooseimg img{height:100%;object-fit:cover}
@media(min-width:1025px){.header .logo .logo1 img{max-height: 55px;}}

@media (min-width:769px){
.header .logo{position: initial;}
.header .logo .rectangle{display:none;}
.header .logo .logo1{position: initial;transform: initial;}
.header .header-top{max-width:1600px;padding:0 70px;margin:0 auto;position:relative;background:none;}
body:not(.index) .header .header-top .mailclock .clock img,body:not(.index) .header .header-top .mailclock .mail img{filter: brightness(360);}
body:not(.index) .header .header-top .mailclock .clock a,body:not(.index) .header .header-top .mailclock .mail a{color:#fff;}
.header .header-top .mailclock{margin-left:0;max-width: inherit;}
.header nav{justify-content: space-between;max-width:1600px;margin:0 auto;padding:0 70px;}
.header nav .navNav{margin-left:auto;}
.header.headscroll {box-shadow: 1px 2px 5px rgba(0, 0, 0, .2);}
.header .header-top .mailclock .mail{margin-left:0;}
}
.footer-contactus{display:flex;justify-content: space-between;position: relative;background: #ed1c24;}
.footer-contactus .foot-cont-left{clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);max-width:28%;}
.footer-contactus .foot-cont-right{flex:1;padding-left:10%;display:flex;align-items: center;}
.footer-contactus .foot-cont-right .inner{display:flex;align-items: center;width:100%;}
.footer-contactus .foot-cont-right .left p:nth-child(1){font-size:20px;color:#fff;}
.footer-contactus .foot-cont-right .right{width:200px;margin-left:auto;margin-right:15%;}
.footer-contactus .foot-cont-right .left p:nth-child(2){font-size:40px;color:#fff;font-weight: var(--fontbold7);}
.footer-contactus .foot-cont-right .more a{display:inline-block;position: relative;vertical-align: middle;outline: none !important;background-color: var(--fontcolor);color: #fff;font-size: 12px;font-weight: 800;text-transform: uppercase;letter-spacing: 0.1em;border-radius: 5px;padding: 15px 40px 15px;transition: all 0.5s linear;overflow: hidden;z-index: 1;}
.footer-contactus .foot-cont-right .more a:before{transition-duration: 800ms;position: absolute;width: 200%;height: 200%;content: "";top: 110%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);border-radius: 50%;z-index: -1;background-color: #000}
.footer-contactus .foot-cont-right .more a:hover{color:#ed1c24}
.footer-contactus .foot-cont-right .more a:hover:before{top:-40%;background: #fff;}
@media (max-width:1600px){.footer-contactus .foot-cont-right .right{margin-right:4%;}
.footer-contactus .foot-cont-right .left p:nth-child(2){font-size:2.5vw;}
.footer-contactus .foot-cont-right{padding-left:5%;}}
@media (max-width:768px){.footer-contactus .foot-cont-right .more a{padding:7px 20px;}
.footer-contactus .foot-cont-right .right{margin-right:20px;width:auto;}
.footer-contactus .foot-cont-right .left p:nth-child(2){font-size:22px;}
.footer-contactus .foot-cont-right .left p:nth-child(1){font-size:14px;}}
@media (max-width:550px){.footer-contactus,.footer-contactus .foot-cont-right .inner{flex-direction: column;}
.footer-contactus .foot-cont-left,.footer-contactus .foot-cont-right{max-width:100%;width:100%;}
.footer-contactus .foot-cont-right{padding:20px}
.footer-contactus .foot-cont-right .inner .left,.footer-contactus .foot-cont-right .inner .right{width:100%;}
.footer-contactus .foot-cont-right .right{margin:10px 0 0 0;}}
.contactRight ul li:nth-child(1) {width: 20%;}
#wmkc .wmkc-wechat-img{width:170px;}
#wmkc .wmkc-wechat-img p{font-size:var(--fontsize16);transform: scale(1);}