﻿@charset "utf-8"; 
:root{--color:#000}
.Contact .page-tit{display:none}
.Contact .contact-inner{display:flex;justify-content:space-between}
.Contact .contact-l{width:300px}
.Contact .contact-r{width:calc(100% - 300px);margin-left:80px}
.Contact .contact-l .nav1{margin-bottom:30px;border:1px solid #ececec}
.Contact .contact-l .nav1 li{background:#fff;line-height:50px;text-align:center;font-size:18px}
.Contact .contact-l .nav1 li.LocalCurrent,.Contact .contact-l .nav1 li:hover{background:#666;color:#fff}
.Contact .contact-l .nav2{border:1px solid #ececec}
.Contact .contact-l .nav2>li:first-child{line-height:50px;text-align:center;font-size:18px;color:#fff;background:var(--color)}
.Contact .contact-l .nav2>li:nth-child(2){padding:15px 0}
.Contact .contact-l .nav2>li:nth-child(2) p{padding:10px 15px}
.Contact .contact-l .nav2>li:nth-child(2) p a:hover{color:#636363}
.Contact .contact-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.Contact .contact-list>li{position:relative;width:31%}
.Contact .contact-list>li .contact-item-wrap{box-shadow:0 3px 24px 0 rgba(202,202,202,.35);border-radius:10px;padding:45px 20px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:310px}
.Contact .contact-list>li .contact-icon{width:60px;height:60px;position:relative}
.Contact .contact-list li .contact-icon:after{border-radius:50%;content:"";display:block;height:60px;left:-30%;opacity:.1;position:absolute;top:-20%;width:60px;background:#636363}
.Contact .contact-list>li .contact-name{color:var(--color);font-size:22px;margin:30px 0 15px;text-align:center;font-weight:700}
.Contact .contact-list>li .contact-con{color:#636363;text-align:center;line-height:2;font-size:16px}
.Contact .contact-r .form{margin:50px 0}
.Contact .contact-r .form>p{font-size:20px;margin-bottom:30px;font-weight:700}
.Contact .contact-r em.iconfont{font-size:60px}
.Contact .contact-list li .contact-icon.is-add:after,.Contact .contact-list li .contact-icon.is-mail:after{left:auto;right:-30%;top:-20%}
.Contact #feedbackForm .send-btn{border-radius:0;margin:20px auto 0}
@media (max-width:1366px){.Contact .contact-list>li .contact-item-wrap{padding:40px 20px 30px}}
@media (max-width:1024px){.Contact .contact-l{display:none}
.Contact .contact-r{width:100%;margin-left:0}}
@media (max-width:768px){.Contact .contact-list>li{width:100%;margin-bottom:20px}
.Contact .contact-list>li .contact-item-wrap{min-height:inherit}
.Contact .contact-list>li .contact-name{font-size:18px}
.Contact .contact-list>li .contact-con{font-size:14px;line-height:1.6}
.Contact .contact-r .form{margin:25px 0}}
.prodetails-bref p{font-size:16px}
.contactus li em{margin-right:6px}
@media (min-width:769px){.head-b{height:90px}
body{padding-top:137px}}
.head-t .container{justify-content:flex-end}
.logo{max-width:100%}
.nav>li>a{font-size:16px}
@media (min-width:769px){.head-wel{font-size:17px}}
.products-ninelist-1 li .products-list-img a {height:0;padding-bottom:100%;position:relative;display:block;}
.products-ninelist-1 li .products-list-img a img {max-height:inherit;height:100%;position:absolute;top:0;left:0;object-fit:contain;background:#fff;}
