/*字体引入*/
@font-face {   font-family: "PFBold";  src: url("../font/PingFang Bold.woff2"); }
@font-face {   font-family: "PFHeavy";  src: url("../font/PingFang-Heavy.woff"); }
@font-face {   font-family: "PFMedium";  src: url("../font/PingFang Medium.woff2"); }

/* =====头部===== */
body {}
#c-placeholder { min-height: 80px; padding: .18rem 0;}
.header {position: fixed; top: 0; z-index: 99; left: 0; width: 100%; transition:background-color .5s; border-bottom: 1px solid transparent; padding: .18rem 0; }
.header .headBox {min-height: 80px; padding: 0 4%;  box-sizing: border-box; display: flex; justify-content: space-between;}
.headlogo {display: flex; align-items: center; height: 100%;}
.headlogo img {max-width: 1.16rem;}
.headlogo .logo1 {display: block;}
.headlogo .logo2 {display: none;}

/* 导航 */
nav {width: 46%;}
nav ul{height: 100%;}
nav ul li{height: 100%; display: flex; align-items: center;}
nav ul li a{font-family: "PFBold"; font-size: var(--font18); color: #fff;}


/* 头部右侧 */
.headBox .re {display: flex;}

/* 语言 */
.helange {position: relative; color: #fff;}
.helange img{margin-right: 0.07rem;}
.helange a{color: #969696; margin: 0 0.07rem; }
.helange a:hover {color: #e50012 !important;}
.helange a.on{color: #fff;}

/* 头部下滑样式 */
.header.c-style2 {background: #fff !important; border-color:#eee;}
.header.c-style2 .headlogo .logo2 {display: block;}
.header.c-style2 .headlogo .logo1 {display: none;}
.header.c-style2 .helange a {color: #333;}
.header.c-style2 .heSearch svg path {fill: #333;}
.header.c-style2 nav > ul > li > a {color: #333;}
.header.c-style2 .mobmenu dl dd {background: #333;}
.header.c-style2 .mobmenu h4 {color: #333;}
.header.c-style2 nav > ul > li:hover > a {color: #e50012;}
.header.c-style2 .helange img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
.header.c-style2 .helange{color: #333;}
.header.c-style3 {background: rgba(255, 255, 255,.5);}
.header.c-style3 .headlogo .logo2 {display: block;}
.header.c-style3 .headlogo .logo1 {display: none;}
.header.c-style3 .helange a {color: #333;}
.header.c-style3 .heSearch svg path {fill: #333;}
.header.c-style3 nav > ul > li > a {color: #333;}
.header.c-style3 .mobmenu dl dd {background: #333;}
.header.c-style3 .mobmenu h4 {color: #333;}

/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#01008C #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #01008C; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.preloader-1 {position: relative; margin-top: .5rem;}
.preloader-1 span { width:.24rem; height: .24rem; background: #fff;border-radius: 50%; display: inline-block;}
.preloader-1 span:nth-child(1){animation: cross-1 1.5s infinite linear; opacity: .5;}
.preloader-1 span:nth-child(2){opacity: 1; animation: cross-2 1.5s infinite linear;}
.preloader-2 span {background: #e50012;}
@keyframes cross-1 {
  0%{transform: translateX(0);}
  50%{transform: translateX(100%);}
  100%{transform: translateX(0);}
}
@keyframes cross-2 {
  0%{transform: translateX(100%);}
  50%{transform: translateX(0);}
  100%{transform: translateX(100%);}
}

.more1 {display: inline-flex;background: #e50012;border-radius: 100px; padding: .16rem .35rem; transition: .5s; color: #fff;}
.more1 span {margin-right: .2rem;}
.more1 i {transform: rotate(180deg); font-size: var(--font15);}
.more1:active {box-shadow: 0 0 .1rem #0075c2;}

.more2 {background: none;border: 1px solid #f8f8f8;}
@media (any-hover: hover) {
  .more1:hover {box-shadow: 0 0 .1rem #e50012;}
  .more2:hover {background: #e50012; border-color: #e50012;}
}



/* 首页banner */
.banner{position: relative; overflow: hidden;}
.banner img{display: block; width: 100%; }
.banner ul a{position: absolute; }
.banner ul a .cirle{width: 0.43rem;height: 0.43rem;transition: 0.6s;border: 0.01rem solid #ffffff;background: rgba(255, 255, 255,.5);box-sizing: border-box;border-radius: 50%;position: relative;z-index: 4;}
.banner ul a .cirle::after{}
.banner ul a .cirle i{width: 0.13rem;height: 0.13rem;background: #ffffff; border-radius: 50%; position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 3;}
.banner ul a .cirle::after {position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%;border-radius: 50%;content: ''; z-index: -1;  animation: scale 2s infinite;}
@keyframes scale {0% {transform:translate(-50%, -50%) scale(1);  opacity: .9; } 100% { transform:translate(-50%, -50%) scale(2); opacity: 0;}}
@keyframes scale2 {0% {transform:translate(-50%, -50%) scale(1); opacity: .9; }100% { transform:translate(-50%, -50%) scale(3);opacity: 0;}}
.banner ul a:hover .cirle{ border: 0.01rem solid #e50012;background: #e50012; }
.banner ul a:hover .cirle::after {background: #e50012;}
.banner ul a.item1{right: 39%;top: 56%;transform: translateY(-50%);}
.banner ul a.item2 .cirle{width: 0.50rem;height: 0.5rem;}
.banner ul a.item2{right: 36.9%;top: 53.5%;transform: translateY(-50%);}
.banner ul a.item3{right: 18.9%;top: 44.5%;transform: translateY(-50%);}
.banner ul a.item4 .cirle{width: 0.57rem;height: 0.57rem;}
.banner ul a.item4{right: 16.5%;top: 64.5%;transform: translateY(-50%);}
.banner ul a.item5 .cirle{width: 0.6rem;height: 0.6rem;}
.banner ul a.item5{right: 46.9%;bottom: 11%;transform: translateY(-50%);}

/* 产品 */
.pro{ }
.pro ul li{width: 50%; background: #f9f9f9; padding: 1.43rem 0 .72rem; }
.pro ul li:last-child{background: #eeeeee;}
.pro ul li .pic{margin-bottom: .69rem;}
.pro ul li .pic img{display: block; max-width: 100%; mix-blend-mode: multiply;}
.pro ul li .info strong{font-size: 0.5rem; font-family: "PFHeavy"; margin-bottom: .14rem; display: block;}
.pro ul li .info dl{margin-bottom: .35rem;}
.pro ul li .info dl b{display: block; font-family: "PFBold"; }
.pro ul li .info dl  span{color: #666666; }


.EBS{background: url(../images/EBS-bg.jpg) no-repeat center top; background-size: cover; padding: 1.12rem 0 1.74rem;}
.index-title{margin-bottom: .72rem;}
.index-title h2{font-size: 0.5rem; font-family: "PFHeavy"; }
.EBS-box{justify-content: center}
.EBS-box .info{width: 50%}
.EBS-box .info ul{margin-bottom: .35rem;}
.EBS-box .info ul li{margin-bottom: .66rem; font-weight: 700;}
.EBS-box .info ul li:last-child{margin-bottom: 0;}
.EBS-box .info ul li .icon{width: 0.46rem; margin-right: 0.1rem; display: flex;}
.EBS-box .info ul li img{display: block; max-width: 100%;}
.EBS-box .info span{color: #555555;}
.EBS-box .pic{width: 36%;}
.EBS-box .pic img{display: block; max-width: 100%;}

.avas-bg{position: relative;}
.avas-bg img{display: block; width: 100%; }
.avas-bg .index-title{position: absolute; top: 1.27rem; left: 0; right: 0; margin: auto;}

.pencil{background: url(../images/pencil-bg.jpg) no-repeat center top; background-size: cover; padding: 1.14rem 0 1.95rem;}
.pencil .index-title{margin-bottom: 0;}
.pencil-list ul li{width: 50%;}
.pencil-list ul li .pic img{display: block; max-width: 100%;}

.sensitivity-list ul li{width: 50%; text-align: center; padding: 1.74rem 0 0.8rem;}
.sensitivity-list ul li.bg1{background: url(../images/sensitivity-bg1.jpg) no-repeat center; background-size: cover; }
.sensitivity-list ul li.bg2{background: url(../images/sensitivity-bg2.jpg) no-repeat center; background-size: cover; }
.sensitivity-list ul li .pic{margin-bottom: 1.81rem;}
.sensitivity-list ul li .pic img{display: block; max-width: 100%;}
.sensitivity-list ul li strong{display: block; font-size: 0.5rem; font-family: "PFHeavy"; }


/* 联系我们 */

.contact-bg{background: url(../images/contact-bg.jpg) no-repeat center; width: 50%;  padding: 1.05rem 0 0.97rem;}
.contact-bg .info{ color: #fff;}
.contact-bg .info strong{display: block; font-size: 0.5rem;}
.contact-bg .info i{display: block; width: 0.82rem;height: 0.05rem;background: #d81e06; margin-bottom: .92rem;}

.contact-bg .info p{color: #fff; margin-bottom: .23rem;}

.contact-bg .info p>img{margin-right: 0.18rem; width: .29rem;}
.contact-bg .info p.tel{margin-bottom: 0.15rem;}
.contact-bg .info p.tel a{  font-family:Impact; font-weight: lighter; color: #fff; }
.contact-bg .info p a{color: #fff;}
.icon-list{ margin: .91rem 0 1.6rem;}
.icon-list ul li{margin-right: 0.14rem;}
.icon-list ul li:last-child{margin-right: 0;}
.icon-list ul li a{display: block; width: .46rem;height: .46rem;background: #d81e06; border-radius: 50%; display: flex; align-items: center;justify-content: center;}
.icon-list ul li a img{display: block; width: .27rem;}
.contact-bg .info h4{margin-top:1rem}
.contact-bg .info h4,.contact-bg .info h4 a{color: rgba(255,255,255,.42);}
.contact-bg .info h4 a:hover{color: #fff;}

.message-bg{ width: 50%; background: #e6e6e6; display: flex; align-items: center; justify-content: center; padding: 0.5rem 0}
.message{width: 80.4%;}
.message dl{margin-bottom: .25rem;}
.message dl dt{display: block;  color: #151515; font-weight: bold; margin-bottom: .04rem; }
.message dl dt em{display: inline-block;  color: #ff0000; font-weight: bold; margin-right: 0.06rem;}
.message dl input,.message dl textarea{min-height: 40px;  font-family: "Microsoft YaHei"; display: block; font-weight: 400; height: .55rem; line-height: .55rem;background: #fafafa;border: 1px solid #d3d3d3;border-radius: 0.05rem; width: 100%; color: #A6A6A6; padding-left: 2.7%; box-sizing: border-box;}
.message dl input::placeholder,.message dl textarea::placeholder{color: #a6a6a6;}
.message dl textarea{height: 1.24rem;  box-sizing: border-box;}
/* .message dl .inCode input{width: 76%;} */
.message .message-submit{min-height: 40px; width: 100%;background: #d0121b;border-radius: 0.28rem; outline: none; border: none;  line-height: .55rem; color: #fff; font-weight: bold;  cursor: pointer;}


#EBS,#AVAS,#Pencil{position: relative; top: -1rem}