@charset "utf-8";

@font-face {
	  font-family: "Alibaba";
	  src: url('Alibaba-PuHuiTi-Regular.ttf') format('truetype');
	  font-weight: normal;
	  font-style: normal;
	  font-display: swap; /* 关键：防止页面闪烁、空白 */
	}
@font-face {
	  font-family: "hxbmnt";
	  src: url('hxbmnt.ttf') format('truetype');
	  font-weight: normal;
	  font-style: normal;
	  font-display: swap; /* 关键：防止页面闪烁、空白 */
	}
/* CSS Document */
html,body{font:14px/1.5 "Alibaba";padding:0px; color:#2a2a2a; margin: 0px auto; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;}
/* text-align: justify; */
ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,th,form,fieldset,img,dl,dt,dd{margin:0;padding:0;}
ul,ol{list-style:none;}
img{border:none;}
span{margin:0px; padding:0px;}
a{text-decoration:none;color:#2a2a2a; }
a:hover{ text-decoration:none}

.hxbmnt{font-family: "hxbmnt";}
/* .text-decoration{text-decoration:underline} */

div{ -webkit-tap-highlight-color: rgba(0,0,0,0);}
* {
outline:none;



      /* -webkit-user-select:none;

      -khtml-user-select:none;

      -moz-user-select:none;

      -ms-user-select:none;

      user-select:none; */

      }
img{ max-width: 100%; }
.fl{ float: left;}
.fr{ float: right;}

.h1{ height: 1px; }
.h5{ height: 5px;}
.h10{ height: 10px;}
.h15{ height: 15px;}

.h20{ height: 20px;}
.h25{ height: 25px;}
.h30{ height: 30px;}
.h42{ height: 42px;}
.h40{ height: 40px; }
.h50{ height: 50px;}
.h60{ height: 60px;}
.h80{ height: 80px;}
.h90{ height: 90px;}
.h300{ height: 300px;}
.h101{ height: 101px;}
.h100{ height: 100%;}
.h180{ height: 180px;}
.h270{ height: 270px;}
.w50{ width: 50%; }
.w1{ width: 1px; }
.w5{ width: 5px; height: 5px; }
.w10{ width: 10px; }
.w15{ width: 15px; }
.w100{ width: 100%; }
.w83{ width: 85%; }
.pf{ position: fixed; }
.pa{ position: absolute;}
.pr{ position: relative;}
.dn{ display: none;}
.db{ display: block;}
.ovh{ overflow: hidden; }
.tec{ text-align: center; }
.ter{ text-align: right; }
.m0aoto{ margin: 0px auto; }


.whtl0{ width: 100%; height: 100%; top: 0px; left: 0px; }
.tl{ top: 0px; left: 0px; }
.f12{ font-size: 12px; }
.f13{ font-size: 13px; }
.f14{ font-size: 14px; }
.f15{ font-size: 15px; }
.f16{ font-size: 16px; }
.f17{ font-size: 17px; }
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f22{ font-size: 22px; }
.f24{ font-size: 24px; }
.f28{ font-size: 28px; }
.f30{ font-size: 30px; }
.f32{ font-size: 32px; }
.f36{ font-size: 36px; }
.f40{ font-size: 40px; }
.f48{ font-size: 48px; }
.f53{ font-size: 53px; }
.tel{ text-align: left; }
.fb{ font-weight: bold; }
.fw100{ font-weight: 100; }

.p1015{ padding: 10px 15px; }


.b000{ background: #000; }
.bfff{ background: #fff; }
.b383838{ background: #242424; }
.bff0000{ background: #ff0000; }
.bfee5e5{ background: #fee5e5; }
.be4e4e4{ background: #e4e4e4; }

.c000{ color: #000; }
.cfff{ color: #fff; }
.c333{ color: #333;}
.cccc{ color: #ccc; }
.cff0000{ color: #ff0000; }
.c979797{ color: #979797; }
.c404049{ color: #404049; }

.pd4{ padding-bottom: 4px; }


.mt10{ margin-top: 10px; }
.plr30{ padding-left:30px; padding-right: 30px; }
.p015{ padding: 0px 15px; }
.p05{ padding: 0px 5px; }

.bor100{ border-radius: 100px; }
.bor4{ border-radius: 4px; }
.bor6{ border-radius: 6px; }
.bor10{ border-radius: 10px; }

.center{display: -webkit-box;
		        display: -ms-flexbox;
		        display: -webkit-flex;
		        display: flex;
		        -webkit-box-pack: center;
		        -ms-flex-pack: center;
		        -webkit-justify-content: center;
		        justify-content: center;
		        -webkit-box-align: center;
		        -ms-flex-align: center;
		        -webkit-align-items: center;
		        align-items: center;}

.ellipsis{
	overflow: hidden;
    text-overflow: ellipsis; 
    -o-text-overflow: ellipsis;
    white-space:nowrap;
}
.ellipsis2{
		overflow:hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; 
	}
	
	.ellipsis3{
		overflow:hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3; 
	}
.clear{clear:both}
.cursor{cursor:pointer}


.flex{ display: flex; }
.alignitems_center{align-items:center}
.alignitems_end{align-items: flex-end;}
.justify_around{justify-content: space-around;}
.justify_between{justify-content:space-between}
.justify_end{justify-content: flex-end;}

.linH1{ line-height: 1; }
.linH12{ line-height: 1.2; }
.linH17{ line-height: 1.7; }
.linH2{ line-height: 2; }

.box1{box-shadow: 0px 4px 24px rgba(0, 110, 235, 0.1);}

.borD3EBF0{ border: #D3EBF0 solid 1px; padding: 50px 38px; }

.frame{ background: rgba(0,0,0,0.6); z-index: 9999; display: none; }

.boxBg{background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(6px);border-radius: 4px;}

.w1200{ max-width: 1160px; padding: 0px 20px; width: calc(100% - 40px); min-width: 1000px; }
.w100p20{ width: 100%; padding: 0px 20px; }
.rot90{-webkit-transform:rotate(90deg)}
.rot180{-webkit-transform:rotate(180deg)}

.backjb1{background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.47) 100%);}

.trall1{transition: all .1s;-webkit-transition: all .1s;}
.trall2{transition: all .2s;-webkit-transition: all .2s;}
.trall3{transition: all .3s;-webkit-transition: all .3s;}
.trall5{transition: all .7s;-webkit-transition: all .7s;}

.pointernone{pointer-events: none;}
.pointerall{pointer-events: all;}

.boxshadow{ box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);}
.boxshadow2{ box-shadow: 0px 0px 10px 0px rgba(255, 0, 0, 5.18);}
.boxshadow3{ box-shadow: 0px 0px 10px 0px rgba(255, 0, 0, 0.18);}
.boxshadow4{ box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.18);}
.boxshadow5{ box-shadow: 5px 5px 8px 0px rgba(255, 0, 0, 0.28);}
.boxshadow6{ box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 0.18);}
.boxshadow7{ box-shadow: 8px 8px 10px 0px rgba(102,217,102, 0.58);}



.jbbg1{background-image: linear-gradient(to top, rgba(245,0,0,0), rgba(245,0,0,0.1));}

.jbbg2{background:linear-gradient(180deg, rgb(253 251 248 / 80%) 0%, rgb(243 221 208 / 80%) 100%)}

.bg{ background: url(../img/bg.jpg) no-repeat; background-size:100% auto; }

.Literaturebox{ border-radius: 20px 20px 0px 0px; left: 20px; right: 20px; bottom: 0px; padding: 30px 40px; }

.butnetx{top:869px;font-size:20px;color:#E12017; border: #E12017 solid 2px; right: 110px; padding: 0px 20px; }
.butprev{top:869px;font-size:20px;color:#E12017; border: #E12017 solid 2px; left: 110px; padding: 0px 20px; }
.butnetx2{top:35px;font-size:20px;color:#fff; border: #E12017 solid 2px; right: 110px; padding: 0px 20px; background: #E12017; }