﻿@charset "utf-8"; 
table tr:nth-child(odd){background-color: #efefef;}
table tr:nth-child(even){background-color: #fff;}
 .introduction .hellobtn a ,.case ul li a, .case .caseItem ul li a ,footer .footerRight span a{ background-color: #2762d0; border-color: #2762d0;}
 .Feedback .page-box .container>p {font-size: var(--fontsize16);}
@media (min-width:769px) and (max-width:1440px){footer .footerTop>div.footerLeft{width:23%;}}
@media (min-width:769px){.header .header-top{height:146px;}
.header .header-top .mailclock{height:100%;max-width:100%;margin:0 auto;width:100%;padding:0 20px}
.headerlogo{height:100%;display:flex;align-items:center;margin-right:40px;}
.headerlogo img{max-height:90%;}
.headerinfo p{font-size:var(--fontsize18);margin:8px 0;line-height:1.3;}
.headerinfo-name{font-weight:bold;font-size:36px;line-height:1.3;}
.headerinfo ul{display:flex;}
.headerinfo ul li{border-left:6px solid #F6AD06;color:#fff;background:var(--color);border-radius:14px;font-size:var(--fontsize18);padding:4px 20px;}
.headerinfo ul li:not(:last-child){margin-right:25px;}
.header .logo{display:none;}
.header nav .navNav{margin:0;}}
@media (max-width:1366px) and (min-width:769px){.header .header-top{height:120px;}
.headerinfo-name{font-size:28px}
.headerinfo p{font-size:var(--fontsize15)}
.headerinfo ul li{font-size:var(--fontsize15);border-radius:10px}
.headerinfo ul li:not(:last-child){margin-right:20px;}}
@media (max-width:1100px) and (min-width:769px){.header .header-top{height:100px;}
.headerinfo-name{font-size:23px}
.headerinfo p{font-size:var(--fontsize13)}
.headerinfo ul li{font-size:var(--fontsize13);padding:4px 12px}
.headerlogo{margin-right:20px;}}
@media (max-width:900px) and (min-width:769px){.header .header-top{height:100px;}
.headerinfo-name{font-size:20px}
.headerinfo p{margin-bottom:0}
.headerinfo ul{display:none}}
@media (max-width:768px){.header .logo .logo1 img{max-height:90%;}
.header .logo{height:100%;top:0!important;}
.header .logo .logo1{height:100%;display:flex;align-items: center;transform: translate(0);}
.header nav{background:#fff}
.header .navImg img{filter:brightness(0)}}
body { padding-top: 216px; }
   footer .footerRight span a:hover{background-color:var(--hovercolor);border-color:var(--hovercolor);color:#fff}
footer .footerRight span a{background-color:#fff;border-color:#ffff}
.productSideCenter ul li{align-items:center}
@media(max-width:768px){.productMain .newsList .content-list0 li{min-height:140px}}