@charset "utf-8";
@font-face {
	  font-family: "SourceHanSansCN";
	  src: url('../img/SourceHanSansCN-Medium.ttf') format('truetype');
	  font-weight: normal;
	  font-style: normal;
	  font-display: swap; /* 关键：防止页面闪烁、空白 */
	}

/* CSS Document */
html,body{font:14px/1.5 "SourceHanSansCN", Helvetica, Arial,\5fae\8f6f\96c5\9ed1, sans-serif;padding:0px; color: #606060; margin: 0px auto; height: 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:#3D3D3D; }
a:hover{ text-decoration:none}

/* .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{ width: 100%; }
	
	.PuHuiTiHeavy{font-family: 'AlibabaPuHuiTiHeavy';}
	
	/* .textjustify{ text-align: justify;} */
	
	.fl{ float: left;  }
	.fr{ float: right;}
	
	.w5{ width: 5px; }
	.w10{ width: 10px; }
	.w15{ width: 15px; }
	.w20{ width: 20px; }
	
	.h1{ height: 1px;}
	.h2{ height: 2px;}
	.h3{ height: 3px;}
	.h5{ height: 5px;}
	.h10{ height: 10px;}
	.h15{ height: 15px;}
	.h18{ height: 18px;}
	.h20{ height: 20px;}
	.h25{ height: 25px;}
	.h30{ height: 30px;}
	.h35{ height: 35px;}
	.h37{ height: 37px; }
	.h40{ height: 40px;}
	.h45{ height: 45px;}
	.h50{ height: 50px;}
	.h70{ height: 70px; }
	.h80{ height: 80px; }
	.h100{ height: 100%; }
	
	.f8{ font-size: 8px; }
	.f10{ font-size: 10px; }
	.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; }
	.f25{ font-size: 25px; }
	.f28{ font-size: 28px; }
	.f30{ font-size: 30px; }
	.f33{ font-size: 33px; }
	.f34{ font-size: 34px; }
	.f35{ font-size: 35px; }
	.f42{ font-size: 42px; }
	.f73{ font-size: 73px; }
	.fb{ font-weight: bold; }
	
	.c000{ color: #000; }
	.cfff{ color: #fff; }
	.cccc{ color: #ccc; }
	.c666{ color: #666; }
	.c333{ color: #333; }
	.c999{ color: #999; }
	.cE1251B{ color: #E1251B; }
	.c606060{ color: #606060; }
	.c9A6F37{ color: #9A6F37; }
	.c193163{ color: #193163; }
	
	
	.b000{ background: #000; }
	.bfff{ background: #fff; }
	.bE1251B{ background: #E1251B; }
	.b009CDE{ background: #009CDE; }
	.c5197D6{ color: #5197D6; }
	
	.op0{ opacity: 0;}
	.op6{ opacity: 0.6; }
	.op7{ opacity: 0.7; }
	.op2{ opacity: 0.2; }
	
	.w100{ width: 100%; }
	.whtl{ width: 100%; height: 100%; top: 0px; left: 0px; }
	
	.pf{ position: fixed; }
	.pa{ position: absolute;}
	.pr{ position: relative;}
	.dn{ display: none;}
	.db{ display: block;}
	.clear{ clear: both;}
	.ovh{ overflow: hidden; }
	.tec{ text-align: center; }
	.ter{ text-align: right; }
	.m0auto{ margin: 0px auto; }
	
	.lin1{ line-height: 1; }
	.lin12{ line-height: 1.25; }
	.lin125{ line-height: 1.25; }
	.lin2{ line-height: 2; }
	.p1510{ padding: 12px 15px; }
	.p1015{ padding: 10px 15px; }
	.p1520{ padding: 15px 20px; }
	
	.bor2{ border-radius:2px ; }
	.bor5{ border-radius:5px ; }
	.bor10{ border-radius:10px ; }
	.bor100{ border-radius: 100px; }
	
	.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; 
	}
	.cursor{cursor:pointer}
	.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;}
	
	.trall1{transition: all .1s;}
	.trall3{transition: all .3s;}
	
	.r180{transform:rotate(180deg)}
	.r90{transform:rotate(90deg)}
	.r_90{transform:rotate(-90deg)}
	
	.eventsnone{pointer-events: none;}
	.eventsnall{pointer-events: all;}
	
	.tk{z-index: 10; background: rgba(0, 0, 0, 0.6); }
	.z3{ z-index: 3; }
	
	.boxshadow{ box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.18);}
	.boxshadow2{box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.2);}
	.boxshadow3{box-shadow: 0px 0px 4px 0px rgba(42, 114, 255, 0.38);}
	.bgjb1{background: linear-gradient(98deg, #3B7FF6 0%, #3B7FF6 0%, #042D98 179%, #042D98 179%);}
	
	
	.flex{ display: flex; }
	.alignitems_center{align-items:center}
	.alignitems_end{align-items: flex-end;}
	.alignitems_start{align-items: flex-start;}
	.justify_around{justify-content: space-around;}
	.justify_between{justify-content:space-between}
	.justify_end{justify-content: flex-end;}
	
	.c000{ color: #000; }
	.cfff{ color: #fff; }
	.cccc{ color: #ccc; }
	.c666{ color: #666; }
	.c333{ color: #333; }
	.c999{ color: #999; }
	.cD3251F{ color: #D3251F; }
	.cE2251B{ color: #E2251B; }
	.cEE3223{ color: #EE3223; }
	.cD72A17{ color: #D72A17; }
	
	
	.b000{ background: #000; }
	.bfff{ background: #fff; }
	.bE1251B{ background: #E1251B; }
	.E2251B{ background: #E2251B; }
	.bFCE9E6{ background: #FCE9E6; }
	
	.op0{ opacity: 0;}
	.op6{ opacity: 0.6; }
	.op7{ opacity: 0.7; }
	.op2{ opacity: 0.2; }
	
	.w100{ width: 100%; }
	.whtl{ width: 100%; height: 100%; top: 0px; left: 0px; }
	
	.pf{ position: fixed; }
	.pa{ position: absolute;}
	.pr{ position: relative;}
	.dn{ display: none;}
	.db{ display: block;}
	.clear{ clear: both;}
	.ovh{ overflow: hidden; }
	.tec{ text-align: center; }
	.ter{ text-align: right; }
	.m0auto{ margin: 0px auto; }
	
	.lin1{ line-height: 1; }
	.lin12{ line-height: 1.25; }
	.lin125{ line-height: 1.25; }
	.lin2{ line-height: 2; }
	.p1510{ padding: 12px 15px; }
	.p1015{ padding: 10px 15px; }
	.p1520{ padding: 15px 20px; }
	
	.bor2{ border-radius:2px ; }
	.bor5{ border-radius:5px ; }
	.bor10{ border-radius:10px ; }
	.bor100{ border-radius: 100px; }
	
	.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; 
	}
	
	.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;}
	
	.trall1{transition: all .1s;}
	.trall3{transition: all .3s;}
	
	.r180{transform:rotate(180deg)}
	.r90{transform:rotate(90deg)}
	.r_90{transform:rotate(-90deg)}
	
	.eventsnone{pointer-events: none;}
	.eventsnall{pointer-events: all;}
	
	.tk{z-index: 10; background: rgba(0, 0, 0, 0.6); }
	.z3{ z-index: 3; }
	
	.boxshadow{ box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.18);}
	.boxshadow2{box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);}
	.boxshadow3{box-shadow: 0px 0px 4px 0px rgba(42, 114, 255, 0.38);}
	.bgjb1{background: linear-gradient(98deg, #D3251F 0%, #ED3022 100%);}
	.bgjb2{background: linear-gradient(98deg, #F28E7C 0%, rgba(237,48,38,0) 100%);}
	.bgjb3{background: linear-gradient(98deg, #FCE9E5 0%, rgba(252,233,229,0) 100%);}
	
	
	.flex{ display: flex; }
	.alignitems_center{align-items:center}
	.alignitems_end{align-items: flex-end;}
	.alignitems_start{align-items: flex-start;}
	.justify_around{justify-content: space-around;}
	.justify_between{justify-content:space-between}
	.justify_end{justify-content: flex-end;}
	
	
	.bg2{ background: url(../img/bg1.png) no-repeat top #f5f5f5; background-size:100% ; min-height: 100vh; }
	.bg1{ background: url(../img/bg.jpg) no-repeat top #f5f5f5; background-size:100% ;  border-radius: 106rem 106rem 0px 0px; overflow: hidden; width: 84%; margin: 0px 68rem 0px auto; }
	.bg3{ background: url(../img/bg2.png) no-repeat top; background-size:100%;}
	.bg4{ background: url(../img/bg3.png) no-repeat top; background-size:100%;}
	
	.shouji{ background: url(../img/shouji.png) no-repeat top; background-size:100%; width: 450px; left: 55%; position: absolute; top: 50%; transform: translateY(-50%); height: 840px; }
	.shoujinr{}
	
	.bg1s{ background: url(../img/bg.jpg) no-repeat top #f5f5f5; background-size:100%; overflow: hidden;  border-radius: 48px 48px 48px 48px; margin:22px 57px 0px 43px; height: 751px; }
	
	.bg1s>div{ overflow-y: auto; height: 751px; padding: 0px 10px; }
	
	.pcbg{ background: url(../img/pcbg.jpg) no-repeat top #f5f5f5; background-size:100% ; height: 100vh;min-height: 840px}
	
	.listbut{background: linear-gradient(98deg, #D3251F 0%, #ED3022 100%); color: #fff !important;}
	.listbut>div{ color: #fff !important; }
	
	/* .p1{ min-height: 100vh;} */
	
	.list{}
	.list>div{ width: 30%; height: 64rem;cursor:pointer }
	.list>div>div:nth-child(2){ width: 67%;}
	
	.list2{}
	.list2>div{ width: 47%; height: 64rem; margin-bottom: 20rem;cursor:pointer }
	.list2>div>div:nth-child(2){ width: 75%;}
	
	.cursor{cursor:pointer}
	
	
	.shou{-webkit-animation: shou 2s infinite ease;}
	@-webkit-keyframes shou {
		0%{-webkit-transform:translate(5px,5px) rotate(-0deg); opacity: 0;}
		50%{-webkit-transform:translate(0px,0px) rotate(-0deg); opacity: 1;}
		100%{-webkit-transform:translate(-5px,-5px) rotate(-0deg); opacity: 0;}
	}
	
	
	@media screen and (max-height:840px){
		.shouji{ transform: scale(0.8) translateY(-60%); }
	}