body{
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	font-family: "Microsoft YaHei UI";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: center top;
	transition: background-position 0.1s ease;
	background-size: cover;
	background-attachment: fixed;
}
.bg{background-color: #F0F0F0;}
.flt-l{float: left;}.flt-r{float: right;}
.text-l{text-align: left;}.text-c{text-align: center;}.text-r{text-align: right;}.text-b{font-weight: bold;}
.mt5{margin-top: 5px;}.mr5{margin-right: 5px;}.mb5{margin-bottom: 5px;}.ml5{margin-left: 5px;}
.mt{margin-top: 10px;}.mr{margin-right: 10px;}.mb{margin-bottom: 10px;}.ml{margin-left: 10px;}
.pt5{padding-top: 5px;}.pr5{padding-right: 5px;}.pb5{padding-bottom: 5px;}.pl5{padding-left: 5px;}
.pt{padding-top: 10px;}.pr{padding-right: 10px;}.pb{padding-bottom: 10px;}.pl{padding-left: 10px;}
.fixtop{width:100%;position:fixed;top:0px;z-index:99;}
.fixbot{width:100%;position:fixed;bottom:0px;z-index:99;}
.clear{clear:both}
.click{cursor: pointer;}
.br-off{
	white-space: nowrap;
	overflow: hidden;
}

.layui-container{width:1200px;}
/*layer-prompt*/
.layui-layer-prompt .layui-layer-btn a{border: 1px solid #666666;background-color: #666666;}
.layui-layer-prompt .layui-layer-btn .layui-layer-btn1{background-color: #FFFFFF;border: 1px solid #ddd;}
a{
	color: #888;
}a:hover{
	color: #999999;
}
.bg-a{background-color: #e63232;}
.bg-b{background-color: #666;}
.bg-c{background-color: #999;}
.bg-d{background-color: #ddd;}
.color-a{color: #e63232;}
.color-b{color: #666;}
.color-c{color: #999;}
.color-d{color: #ddd;}
.header{
	color: #888;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
}
.header .logo{
padding-top: 26px;
padding-bottom: 26px;
}
.header .nav{
	display:flex;
	flex-direction: row-reverse;
	font-size: 14px;
}
.header .nav .item{
	white-space: nowrap;
	width:15%;
	text-align: center;
}
.header .item a{
	display: block;
	line-height: 32px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.header .item a:hover{
font-weight: bold;
}
.header .menu{
	text-align: center;
	line-height: 32px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.header .nav-m{
	display:flex;
	justify-content: center;
	font-size: 14px;
	margin-bottom: 15px;
	border-radius:5px;
}
.header .nav-m .item{
	white-space: nowrap;
	width:16%;
	text-align: center;
}
.header .language{
text-align: right;
line-height: 32px;
padding-top: 30px;
padding-bottom: 30px;
}
.header a{
color: #888;
height: 32px;
}
.header a:hover{
color: #e63232;
font-weight: bold;
}
.header .active{
color: #e63232;
font-weight: bold;
}
.header span{
padding-left: 0px;
}
.main{padding-top:0px;}
.topcut{margin-top:110px;}
.topcut-m{min-height:100px;}
.main .banner{
padding-top: 1%;
padding-bottom: 5%;
text-align: center;
}
.main .box{
background-color: #fff;
/*background-color: rgba(240,240,240,0.8);*/
border-radius:5px;
}
.main .pd{
	padding: 4%;
}
.main .boxc{color:#666;}
.main .boxc-bg{background-color:#e63232;}
.main .box .head{
}
.main .box .cont-modify{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ddd;
	margin-left: 3px;
}
.main .box .cont{

}
.main .box .cont h1{
	font-size: 24px;
	color: #333333;
}
.main .box .cont .content{
	font-size: 14px;
	line-height: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	color:#333;
	font-weight: normal;
}
.main .box .cont .logshow{
	font-size: 14px;
	line-height: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
}
.main .box .list{
}
.main .box .list a{
	font-size: 14px;
	padding: 12px;
	margin-top: 15px;
	border: 1px solid #ddd;
	border-radius:5px;
	background-color: #F0F0F0;
	display: block;
	color: #666666;
}
.main .box .list a:hover{
	color: #999999;
	background-color: #F7F7F7;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e63232;
}
.main .box .items a{
	font-size: 14px;
	margin-top: 15px;
	border: 1px solid #eee;
	border-radius:5px;
	background-color: #fff;
	display: block;
	color: #999;
}
.main .box .items a:hover{
	color: #999999;
	background-image:linear-gradient(45deg,#f5f5f5,#fff);
}
.main .box .items .img{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eee;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 130px;
	width: 35%;
	background-color: #FFFFFF;
}
.main .box .items .desc{
	display: flex;
	align-items: center;
	height: 130px;
	text-align: left;
	width: 62%;
	vertical-align: middle;
	line-height: 160%;
	overflow: hidden;
	padding-right: 1%;
}
.main .box .imglist{
	padding-top: 15px;
}
.main .box .imglist a{
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius:5px;
	background-color: #F7F7F7;
	display: block;
	color: #999;
}
.main .box .imglist a:hover{
	color: #666666;
	background-color: #F0F0F0;
}
.main .box .imglist a img{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
.main .box .imglist a h3{
	text-align: center;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.main .box .works{
	padding-top: 10px;
}
.main .box .works a{
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius:5px;
	background-color: #F7F7F7;
	display: block;
	color: #666666;
}
.main .box .works a:hover{
	color: #999999;
	background-color: #F0F0F0;
}
.main .box .works a img{
	border-radius:5px;
}
.main .box .works a img:hover{
	opacity:0.8;
}
.main .box .page h2{
	font-size: 18px;
	color: #333333;
	margin-top: 10px;
}
.main .box .page .content{
	font-size: 14px;
	line-height: 32px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.main .box .content img{
	max-width: 100%;
}
.main .box .foot{
	line-height: 32px;
	margin-top: -8px;
}
.main .box .foot a:hover{
	color:#e63232;
}
.loadmore{
	padding: 10px;
	border: 1px solid #ddd;
	border-radius:4px;
}
.loadmore:hover{
	background-color: #F0F0F0;
}
.footer{
	color: #999;
	padding-top: 30px;
	background-color: #FFFFFF;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eee;
}
.footer a{
color: #999;
}
.footer a:hover{
color: #666;
}
.footer .slogan{
	font-size: 12px;
	color: #999999;
	padding-top: 20px;
	padding-bottom: 30px;
}
.footer .footmenu h3{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.footer .footmenu .item{
	font-size: 12px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.footer .media-icon img{
	filter: grayscale(100%);
	cursor: pointer;
	border-radius:20px;
	border: 1px solid #eee;
	margin-right: 8px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.footer .media-icon img:hover{
	filter: grayscale(0%);
	border: 1px solid #ddd;
}
.footer .copyright{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eee;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 15px;
	color: #CCCCCC;
	font-size: 11px;
}
.footer .copyright span{
	padding-right: 6px;
	line-height: 24px;
}
.footer .copyright a{
color: #CCCCCC;
}
.footer .copyright a:hover{
color: #999;
}
.homepagecss-strat{}
.hpx{color:#111;-webkit-font-smoothing:antialiased;}
.hpx *{box-sizing:border-box;}
.hpx a{color:inherit;}
.hpx h1,.hpx h2,.hpx h3,.hpx p{margin:0;}
.hpx .sec{padding-top:clamp(60px,8vw,120px);padding-bottom:clamp(60px,8vw,120px);}
.hpx .wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px;}
.hpx .sec-t{text-align:center;margin-bottom:56px;}
.hpx .sec-t h2{font-size:2rem;font-weight:700;letter-spacing:-0.01em;}
.hpx .sec-t p{font-size:1rem;color:#999;margin-top:14px;}
.hpx .hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px 24px;background-color:#fff;background-image:linear-gradient(to bottom,#FFFFFF 0%,#F5F5F5 100%);}
.hpx .hero-in{max-width:920px;margin:0 auto;}
.hpx .hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-0.02em;line-height:1.25;}
.hpx .hero .sub{font-size:1.25rem;color:#666;line-height:1.6;margin-top:26px;}
.hpx .hero .tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px;}
.hpx .hero .tags span{display:inline-block;font-size:12px;color:#111;background-color:#fff;border:1px solid #E5E5E5;border-radius:20px;padding:6px 16px;}
.hpx .hero .btns{margin-top:44px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.hpx .btn{display:inline-block;font-size:15px;line-height:1;padding:15px 38px;border-radius:8px;transition:all .2s ease;border:1px solid transparent;}
.hpx .btn-dark{background-color:#111;color:#fff;border-color:#111;}
.hpx .btn-dark:hover{background-color:#333;border-color:#333;color:#fff;}
.hpx .btn-line{background-color:#111;color:#fff;border-color:#111;}
.hpx .btn-line:hover{background-color:#fff;color:#111;border-color:#ccc;}
.hpx .sv{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.hpx .sv-card{background-color:#fff;border:1px solid #E5E5E5;border-radius:8px;padding:0 0 22px 0;transition:all .2s ease;display:flex;flex-direction:column;}
.hpx .sv-card:hover{border-color:#ccc;transform:translateY(-2px);}
.hpx .sv-card .thumb{height:100px;background-color:#F5F5F5;border-bottom:1px solid #EFEFEF;border-radius:7px 7px 0 0;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:12px;overflow:hidden;}
.hpx .sv-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.hpx .sv-card .thumb h3{font-size:18px;font-weight:700;color:#111;letter-spacing:0.02em;}
.hpx .sv-card .bd{padding:16px 22px 0 22px;display:flex;flex-direction:column;flex:1;}
.hpx .sv-card h3{font-size:16px;font-weight:700;}
.hpx .sv-card .desc{font-size:14px;color:#666;line-height:2;margin-top:10px;flex:1;}
.hpx .sv-card .price{display:inline-block;align-self:flex-start;font-size:12px;color:#333;background-color:#F5F5F5;border-radius:4px;padding:5px 10px;margin-top:18px;}
.hpx .why{background-color:#fff;}
.hpx #service{background-color:#fff;background-image:linear-gradient(to bottom,#FFFFFF 0%,#F5F5F5 100%);}
.hpx .who{max-width:720px;margin:0 auto;text-align:center;}
.hpx .who-avatar{width:96px;height:96px;margin:0 auto;border-radius:50%;background-color:#EAEAEA;display:flex;align-items:center;justify-content:center;font-size:12px;color:#aaa;overflow:hidden;}
.hpx .who-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;cursor:zoom-in;}
.hpx .who-name{font-size:1.6rem;font-weight:700;letter-spacing:-0.01em;margin-top:26px;}
.hpx .who-role{font-size:13px;color:#999;margin-top:8px;letter-spacing:2px;}
.hpx .who-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;}
.hpx .who-tags span{font-size:12px;color:#555;background-color:#fff;border:1px solid #E5E5E5;border-radius:20px;padding:5px 14px;}
.hpx .who-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:46px 0;padding:34px 0;position:relative;}
.hpx .who-facts:before,.hpx .who-facts:after{content:"";position:absolute;left:0;right:0;height:1px;background-image:linear-gradient(to right,transparent,#E5E5E5 18%,#E5E5E5 82%,transparent);}
.hpx .who-facts:before{top:0;}
.hpx .who-facts:after{bottom:0;}
.hpx .who-facts b{display:block;font-size:12px;color:#999;font-weight:400;letter-spacing:1px;}
.hpx .who-facts p{font-size:15px;color:#111;margin-top:10px;font-weight:500;}
.hpx .who-bio{font-size:14px;color:#666;line-height:2.1;max-width:560px;margin:0 auto;text-align:justify;}
.hpx .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:70px;}
.hpx .step{position:relative;padding-right:10px;}
.hpx .step .num{font-size:13px;font-weight:700;color:#111;border:1px solid #111;border-radius:50%;width:34px;height:34px;line-height:32px;text-align:center;margin-bottom:18px;}
.hpx .step h3{font-size:16px;font-weight:700;}
.hpx .step p{font-size:14px;color:#666;line-height:1.7;margin-top:8px;}
.hpx .step:after{content:"";position:absolute;top:17px;right:22px;left:52px;height:1px;background-color:#E5E5E5;}
.hpx .step:last-child:after{background-color:transparent;background-image:linear-gradient(to right,#E5E5E5,transparent);}
.hpx .cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.hpx .col-box{border:1px solid #E5E5E5;border-radius:8px;padding:30px 28px;}
.hpx .col-box h3{font-size:16px;font-weight:700;margin-bottom:18px;}
.hpx .col-box ul{list-style:none;padding:0;margin:0;}
.hpx .col-box li{font-size:14px;color:#555;line-height:1.6;padding:9px 0;display:flex;gap:10px;}
.hpx .col-box li svg{flex:0 0 16px;width:16px;height:16px;margin-top:3px;}
@media screen and (max-width:992px){
  .hpx .sv{grid-template-columns:repeat(2,1fr);}
  .hpx .who-facts{grid-template-columns:repeat(2,1fr);gap:26px 20px;}
  .hpx .steps{grid-template-columns:repeat(2,1fr);gap:34px;}
  .hpx .step:after{display:none;}
  .hpx .cols{grid-template-columns:1fr;}
  .hpx .end-in{grid-template-columns:1fr;}
}
@media screen and (max-width:768px){
  .hpx .sv{grid-template-columns:1fr;}
  .hpx .steps{grid-template-columns:1fr;gap:30px;}
  .hpx .hero{padding-top:130px;}
  .hpx .hero .sub{font-size:1.05rem;}
  .hpx .btn{width:100%;max-width:320px;padding:16px 0;text-align:center;}
  .hpx .btns{flex-direction:column;align-items:center;}
  .hpx .contact{flex-direction:column;align-items:center;text-align:center;}
  .hpx .end-box{padding:30px 24px;}
  .hpx .sec-t h2{font-size:1.6rem;}
}