﻿@charset "utf-8"; 
:root{--color:#0069c2}
.head-top .head-contact i, .head-top .head-contact em,.head-top .head-contact a:hover{color:#EF862A}
.advan .advan-icon>i{background-image:url(/js/10515/advan_icon.png)}
.advan .advan-list>li{width:33%;padding:0 12px}
.advan .advan-icon>i.how{background:url(/js/10515/how1.png) no-repeat center}
.advan .advan-item:hover .advan-icon>i.how{background-image:url(/js/10515/how2.png)}
@media (max-width:768px){.advan .advan-list>li{width:50%;margin-bottom:25px}}
@media (min-width:769px){.head.is-fixed .head-top{display:block}
.head.is-fixed .head-main{position:relative;box-shadow:0 0 0}
header.head{position:fixed;top:0;left:0;width:100%;z-index:9999}
body{padding-top:166px}
main.is-fixed{margin:0}}
.head-logo{display:flex;height:100%;align-items:center}
.tshare{height:30px;margin-left:25px}
.tshare a{margin-left:4px}
@media (max-width:992px){.tshare{display:none}}
@media (min-width:1471px){.head-nav>ul>li>a{white-space:nowrap;font-size:17px}
.head-main .head-logo img{max-width:500px}}
.head .logo{padding-top:15px}
.foot-main .foot-title img{max-height:70px}
#ind{padding:0px 0}
.head-main .head-logo img{height:70px;max-height:80%}
p.tname{font-weight:bold;margin-left:10px;font-size:18px;color:#000}
@media (max-width:1680px){.head-nav>ul>li{margin:0 8px}}
@media (max-width:1470px){.head-nav>ul>li{margin:0 6px}
p.tname{font-size:15px}}
@media (max-width:768px){p.tname{display:none}}
#about .about-img{padding-top:0}
@media (min-width:769px){#about,.advan{padding:50px 0}
#product{margin-bottom:50px}
#new{padding-top:50px;padding-bottom:50px}}
@media (max-width:768px){#about iframe{height:300px}
.advan .advan-list>li{width:100%}
.tshare{display:block}}
a.head-logo+ul{display:flex}
a.head-logo+ul li{margin-left:8px}
a.head-logo+ul li a{width:30px;height:30px;display:flex;align-items:center;justify-content:center}
a.head-logo+ul li i{color:#fff}
.social-item.fb{background:#3b5997}
.social-item.tw{background:#1da1f2}
.social-item.lk{background:#0a66c2}
.social-item.you{background:#f00}
#home-swiper .swiper-next,#home-swiper .swiper-prev{background:#0069c2}
#home-swiper .swiper-pagination{width:auto;left:50%;transform:translate(-50%,0);background:#0069c2;padding:2px}
#home-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;opacity:1}
#home-swiper .swiper-pagination-bullet{margin:5px 4px;vertical-align:bottom}
#home-swiper .swiper-pagination-bullet{opacity:.7}
