@font-face {
  font-family: 'iconfont';  /* Project id 4010323 */
  src: url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.woff2?t=1685520545998') format('woff2'),
       url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.woff?t=1685520545998') format('woff'),
       url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.ttf?t=1685520545998') format('truetype');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "siyuan";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/8bkrC1wdXTdy.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/w9xMkDB4s4r8.woff") format("woff");
  font-display: swap;
}
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "puhui";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/09unwnoSREgM.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/XgNRVpwgfpLI.woff") format("woff");
  font-display: swap;
}
html{scroll-behavior:smooth;}
body{color:#333;background:#fff;font-family:'Microsoft YaHei',Arial, Helvetica, Verdana;overflow-x:hidden;height:100%;font-size: 14px;width:100%;}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;padding:0;margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
ul,li{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
input,i{border:none;outline:none;}
*:focus{border:none;outline:none;}
img{max-width: 100%;}


/*主色调 蓝色 #155acc*/
body{--zhu-color:#155acc;--pei-color:#f6a128;}

.fl{float: left;}
.fr{float: right}
.clear{clear: both;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
.wrap{width:100%;margin:0 auto;overflow: hidden;}
.wrapp{width:100%;margin:0 auto;position: relative;}
.img{width:100%;position: relative;padding-bottom: 75%;overflow: hidden;}
.img img{width:100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;}
.fancynav-mainnav{position: fixed;z-index: 999!important;}
@media(min-width: 1600px){
	.wrap{width:1600px;}
	.wrapp{width:1600px;}
}
@media(max-width: 1024px){
	
}


/*自定义滚动条*/
body::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
body::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 5px;
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	background   : var(--zhu-color);
}
body::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	background   : #ededed;
}

/*在线客服*/
.online_kefu{ position: fixed;  bottom: 10vh; right:1%; z-index: 9;}
.online_kefu ul li{ border: 1px solid #efefef; list-style-type:none; width:50px; height:60px; padding-top: 7px;  text-align: center; position: relative; background-color: #fff; color: #666666; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu li i{font-size: 20px;}
.online_kefu ul li a{ color: #666666;}
.online_kefu ul li .con{ position: relative; line-height:25px;display: flex;flex-direction: column;align-items: center;}
.online_kefu ul li .hover_con{border-radius: 3px; position: absolute; left:-200px;left:-100px;  width: 120px; color: #ffffff !important; text-align: center;background-color: var(--zhu-color);height:40px; line-height:40px; bottom: 7px; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode {  }
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -141px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;}

.online_kefu li:hover{background-color:var(--zhu-color); color: #fff;border: 1px solid var(--zhu-color);}
.online_kefu li:hover i{ color: #fff;}
.online_kefu li:hover span{ color: #fff;}
.online_kefu li:hover p a{ color: #fff;}
.online_kefu li:hover .hover_con{left:-130px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid var(--zhu-color); display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }

.online_kefu li.qrcode:hover .hover_con{  bottom: -55px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}

.mobile_mob{ display: none !important;}
@media (max-width: 1500px) {
    .online_kefu{ display: none !important;}
}

@media (max-width: 767px) {
    .online_kefu{bottom: 20vh;}
  .mobile_mob { display: inline-block !important; }
  .mobile_pc { display: none !important; }
}