﻿@charset "utf-8"; 
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}
sup{vertical-align:revert}
.header nav .navNav .nav>li .submenu .side_nav1 a,.sf-menu .LiLevel1 a{font-weight:700;font-size:17px}
.header nav .navNav .nav>li .submenu .side_nav2,.sf-menu .LiLevel2 a{padding-left:15px}
.header .logo .logo1 img{max-width:100%}
.mailclock .name{display:flex;color:#000;font-size:25px;align-items:center;font-weight:600;margin-right:50px}
.header .header-top .mailclock{margin-left:27%;width:60%;justify-content:flex-start}
.header .header-top .mailclock .mail{font-weight:600;margin-left:auto}
.header .header-top{height:100px;width:100%}
@media (max-width:1400px){.mailclock .name{font-size:20px}}
@media (min-width:769px){.product .productItem ul li{width:24%;border:none}}
.product .productItem ul li div span{background:0 0;position:static;color:#000;transform:translate(0,0);line-height:20px;display:block;padding:5px;box-sizing:border-box}
.product .productItem ul li>a{position:relative;height:auto;padding-bottom:100%;border:1px solid #d3d3d3}
.product .productItem ul li a .loaded{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain}
.product .productItem ul li .more{background:0 0}
.product .productItem ul li div .more p{top:calc(50% - 15px)}
.headscroll .header-top{display:flex!important}
.header .logo{top:60%!important}
.productMain .newsList .content-list0 li{height:100%}
.NewsTopHotList div{height:auto}
.NewsTopHotList img{max-height:200px;object-fit:contain}
.contactRight ul li p{min-width:125px}
.product .statistics ul li p{text-transform:capitalize}
.table-responsive{margin:20px 0}
.Feedback .page-box .container>p{font-size:16px}
@media(max-width:768px){.header .logo{top:5px!important}
.header .logo .logo1 img{max-height:65px}
.Feedback .page-box p{overflow:visible;max-height:100%}}
.clock{margin:0}
.headscroll .header .logo{top:85%!important}
.headscroll .rectangle{transform:translateY(25px)}
.aboutList{margin:70px auto}
.strengthItem ul li .text{position:relative}
.strengthItem ul li .content{height:100%}
.strengthItem ul li .text:before{content:'';width:100%;height:100%;background:url(/js/38556/1.jpg) no-repeat center;position:absolute;top:0;left:0;-webkit-filter:brightness(70%);filter:brightness(70%);background-size:cover}
.strengthItem ul li:nth-child(2) .text:before{background-image:url(/js/38556/2.jpg)}
.strengthItem ul li:nth-child(3) .text:before{background-image:url(/js/38556/3.jpg)}
.strengthItem ul li .text *{position:relative}
.strengthItem ul li .text p,.strengthItem ul li .text span{color:#fff}
@media (min-width:769px){body{padding-top:170px}}