@charset "utf-8";
/* CSS Author WeChat:iGAME_Max */
/*公用代码*/
body,html{background:none repeat scroll 0 0; font:16px arial,verdana; color:#151515; font-family: "Arial", "Microsoft Yahei", "微软雅黑", "Microsoft JhengHei", "微软正黑体", sans-serif;}
::-webkit-scrollbar              {/* 1 */width:6px; background-color:#C7C7C7;}
::-webkit-scrollbar-button       {/* 2 */display: none;}
::-webkit-scrollbar-track        {/* 3 */}
::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */width:5px;  border-radius:0; background-color:#E60012;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#333;}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:6px;}
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
label input{vertical-align:middle;text-shadow:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

@font-face{font-family:'syht-h';src:url(fonts/SourceHanSansCN-Heavy.ttf);}
@font-face{font-family:'bl-r';src:url(fonts/Barlow-Regular.ttf);}

/* 鼠标样式 */
.cursor{pointer-events:none;z-index:100000;position:fixed;top:0;left:0;width:20px;height:20px;border-radius:50%;overflow:hidden;border:1px solid #E60012;background: #E60012; opacity:0;transition:width .2s ease-out,height .2s ease-out,transform .2s;transform:translate(-50%,-50%) rotate(0);}
.cursor.active{ width: 20rem; height: 20rem; background: rgba(255,255,255,0.35);}
.cursor.style{ border-color: #fff; background: rgba(255,255,255,0.8); }
/* *:not(a),a{cursor:url(../images/cursor_fill.svg) 11 11,auto} */

a,a:active,a:visited,a:link{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s; color: #151515;}
a:hover{ color: #E60012;}
a:hover,a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;text-shadow:none;outline: none;}
img{max-width:100%;border:0;}
i{ font-style: initial;}
table{border-collapse:collapse;}
ul li{list-style:none;}
input,select,textarea{outline:none; resize: none; font-size: 0.875rem;}
.f-l{float:left;}
.f-l,.f-r{display:inline-block;}
.f-r{float:right;}
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30,.top40{margin-top:30px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.bg-white{background:#fff;}
.bg-gray{ background: #f5f5f7;}
.w-90{ width: 93%; margin: auto;}
.w-100{width:100%; float: left;}
.w-900{margin:auto; width: 61.875rem;}
.w-1100{margin:auto; width: 69.4375rem;}
.w-1200{margin:auto; width: 75rem;}
.w-1300{margin:auto; width: 83.75rem;}
.w-1400{margin: auto; width: 88.75rem;}
.w-1500{margin: auto; width: 98.125rem;}
.w-1600{margin: auto; width: 100rem; }
.w-1700{margin: auto; width: 107.5rem;}
.div-pc{ display: block;}
.div-phone{ display: none;}
.clear::after{ content: ''; display: block; clear: both; }

.img-hover{ overflow: hidden;}
.img-hover .img-h{display: block !important; width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.img-hover:hover .img-h{ transform: scale(1.1);}

/* 布局样式 */
.between-top{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.between-center{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; }
.between-bottom{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-end; -webkit-justify-content: space-between; -webkit-align-items: flex-end; }
.center-center{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.around-center{ display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; -webkit-justify-content: space-around; -webkit-align-items: center; }
.column-between{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; }
.column-around{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; }

/* 文字超出隐藏省略号 */
.text-one-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.text-two-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.text-three-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

/* 手机版按钮 */
.head-btn{width: 2.25rem; height: 1.375rem; float: right;position: relative;cursor: pointer; transform-origin: 0;}
.head-btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #111111; position: absolute;
	transition: all .6s ease .1s;
	-webkit-transition: all .6s ease .1s;
	-moz-transition: all .6s ease .1s;
}
.head-btn i.bar-top{ top: 0;}
.head-btn i.bar-cen{ top: 50%; margin-top: -1px;}
.head-btn i.bar-bom{ bottom: 0;}
.head-btn.cur i.bar-cen{ opacity: 0;}
.head-btn.cur i.bar-top{ transform:rotate(45deg); margin-top: 0.6rem;}
.head-btn.cur i.bar-bom{ transform:rotate(-45deg); margin-bottom: 0.6rem; }
.head-btn.cur i{ background-color: #fff;}
/*隐藏*/
.overHide{ overflow: hidden;}

.fanye-box{ text-align: center; padding: 3rem 0; margin: auto;}
.fanye-box .between-center{ /* box-shadow: 0 0 1rem rgba(0,0,0,0.1); border: 1px solid #E4E4E4; */}
.fanye-box a{ cursor: pointer;}
.fanye-box a,.fanye-box span{ width: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 1.125rem; margin: auto; border-radius: 0; margin: 0 0.5rem; border-radius: 100%;}
.fanye-box a:hover,.fanye-box a.curr,.fanye-box a.current,
.fanye-box span:hover,.fanye-box span.curr,.fanye-box span.current{ color: #E60012;}
.fanye-box .prev,.fanye-box .next{ border: 1px dashed #C9D1D1; line-height: 2.3rem; font-size: 1.4rem; }
.fanye-box .prev:hover,.fanye-box .next:hover{ background: #E60012; border-color: #E60012; color: #fff; }

.all-center-box{ width: 100%; float: left; position: relative; min-height: 70vh; padding-top: 6.25rem; }
.all-center-box::before{ content: ''; width: 100%;}
/* .all-center-box.active{ margin-top: 4.875rem;} */
.all-center-box>.w-1300{ display: flow-root;}

.text-center{ text-align: center;}

.goTop{ width: 6.25rem; height: 6.25rem; background-color: #E60012; position: fixed; right: 0; bottom: 0; z-index: 99; opacity: 0; transition: all .6s; cursor: pointer; }
.goTop::after{ content: ''; width: 3.125rem; height: 3.125rem; background: url(../images/icon_jt1.png) no-repeat center; background-size: 100%; position: absolute; left: 50%; top: 50%; margin: -1.5625rem 0 0 -1.5625rem; transform: rotate(-90deg); }
.goTop:hover::after{ animation: upDown1 1.5s infinite linear;}
.goTop.active{ opacity: 1; }
@keyframes upDown1{
  0%{ transform: translateY(0rem) rotate(-90deg); }
  25%{ transform: translateY(-0.4rem) rotate(-90deg); }
  50%{ transform: translateY(0rem) rotate(-90deg); }
  75%{ transform: translateY(0.4rem) rotate(-90deg); }
  100%{ transform: translateY(0rem) rotate(-90deg); }
}
@keyframes upDown2{
  0%{ transform: translateX(0rem) }
  50%{ transform: translateX(0.5rem) }
  100%{ transform: translateX(0rem) }
}

.tips-box{ background: rgba(0,0,0,0.5); color: #fff; font-size: 1.5rem; position: fixed; left: 50%; top: 50%; z-index: 999; transform: translate(-50%,-50%); border-radius: 0.5rem; padding: 0.6rem 1rem; }

.loading-box{ width: 100%; height: 100%; background: #fff; position: fixed; left: 0; top: 0; z-index: 999; transform-origin: center bottom; display: none; }
.loading-box.active{transition: transform 875ms cubic-bezier(0.8, 0, 0.15, 1); transform: scale(1, 0);}

.head-box{ width: 100%; position: fixed; left: 0; top: 0; z-index: 99; background: #fff; transition: all .6s; }
.head-box .f-l,.head-box .f-r{ width: 15.625rem; height: 6.25rem; display: flex; position: relative; }
.head-box .f-l{ align-items: center; justify-content: center; background: #E60012; }
.head-box .f-l img{ height: 5rem; }
.head-box .f-r{ align-items: center; flex-direction: row-reverse; padding: 0 2.5rem; z-index: 3; }
.head-box .f-c ul{ display: flex;}
.head-box .f-c ul li{ position: relative; margin: 0 2rem;}
.head-box .f-c ul li span a{ display: block; line-height: 6.25rem; color: #151515; font-size: 1rem; font-weight: bold; }
.head-box .f-c ul li::after{ content: ''; width: 100%; height: 0.1875rem; background: #E60012; position: absolute; left: 0; bottom: 0; transition: transform .3s cubic-bezier(.25,.46,.45,.94) 0ms,-webkit-transform .3s cubic-bezier(.25,.46,.45,.94) 0ms; transform-origin: right top; transform: scaleX(0); }
.head-box .f-c ul li div{ display: none;}
.head-box .f-c ul li:hover::after,
.head-box .f-c ul li.active::after{ width: 100%; transform: scale(1); transform-origin: left top; }
.head-box.active{ background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,0.05);}
.head-box.active .f-c{ opacity: 1;}
.head-box .head-menu{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; pointer-events: none; opacity: 0; }
.head-box .head-menu .bg{ width: 100%; height: 100%; background: #E60012; position: absolute; left: 0; top: 0; transform-origin: center top; transform: scaleY(0); transition: transform 700ms cubic-bezier(0.775, 0, 0.211, 1); }
.head-box .head-menu>.center-center{ height: 100%; color: #fff; padding-top: 6.25rem; position: relative; z-index: 2; overflow: auto; }

.head-box .head-menu>.center-center .box-info1{ position: relative; transition: all .6s ease .2s; opacity: 0; transform: translate(0,2rem); }
.head-box .head-menu>.center-center .box-info1::after{ content: ''; width: 100%; height: 1px; background: #E64C59; position: absolute; left: 0; top: 4rem; }
.head-box .head-menu>.center-center .box-info1 ul li{ margin: 0 3.125rem;}
.head-box .head-menu>.center-center .box-info1 ul li a{ color: #fff;}
.head-box .head-menu>.center-center .box-info1 ul li a:hover{ opacity: 0.5; }
.head-box .head-menu>.center-center .box-info1 ul li span{ font-size: 1.125rem; font-weight: bold; padding-bottom: 2.5rem; display: block; }
.head-box .head-menu>.center-center .box-info1 ul li div{ display: flex; flex-flow: column; min-height: 25rem; }
.head-box .head-menu>.center-center .box-info1 ul li div a{ margin-top: 2.5rem;}
.head-box .head-menu>.center-center .box-info2{ display: flex; flex-direction: row-reverse; transition: all .6s ease .4s; opacity: 0; transform: translate(0,2rem); }
.head-box .head-menu>.center-center .box-info2 div a{ width: 2.8125rem; height: 2.8125rem; border: 1px solid #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: relative; margin-left: 1rem; }
.head-box .head-menu>.center-center .box-info2 div a img:nth-child(1){ width: 1.5rem;}
.head-box .head-menu>.center-center .box-info2 div a img:nth-child(2){ width: 7.5rem; height: 7.5rem; position: absolute; left: 50%; bottom: 100%; margin: 0 0 1rem -3.75rem; max-width: initial; opacity: 0; transition: all .6s; pointer-events: none; }
.head-box .head-menu>.center-center .box-info2 div a:hover img{ opacity: 1;}
.head-box .head-menu>.center-center .box-info3{ border-top: 1px solid #E64C59; margin-top: 1.5rem; padding: 3.75rem 0; transition: all .6s ease .4s; opacity: 0; transform: translate(0,2rem); }
.head-box .head-menu>.center-center .box-info3 .logo{ height: 6.5rem;}
.head-box .head-menu>.center-center .box-info3 .info span{ display: block; font-size: 1.125rem; font-weight: bold; }
.head-box .head-menu>.center-center .box-info3 .info p{ font-size: 0.875rem; line-height: 1.75rem; margin-top: 1.125rem;}

.head-box .head-menu.active{ pointer-events: auto; opacity: 1;}
.head-box .head-menu.active .bg{ transform: scale(1, 1);}
.head-box .head-menu.active>.center-center .box-info1,
.head-box .head-menu.active>.center-center .box-info2,
.head-box .head-menu.active>.center-center .box-info3{ opacity: 1; transform: translate(0,0); }


.home-box1{ height: 100vh; min-height: 37.5rem; position: relative; }
.home-box1 .sdown{ position: relative; padding-right: 3.75rem; color: #fff; font-size: 0.875rem; font-family: arial; position: absolute; right: 2.5rem; bottom: 10rem; z-index: 10; transform: rotate(90deg); transform-origin: 100% 0; }
.home-box1 .sdown::after{ content: ''; width: 3.75rem; height: 100%; background: url(../images/icon_jt1.png) no-repeat right; background-size: 80%; position: absolute; right: 0; top: 0; animation: upDown2 1.5s infinite linear; }
.home-box1 .swiper{ height: 100%; padding-bottom: 8.75rem;}
.home-box1 .swiper-wrapper{ position: absolute; opacity: 0;}
.home-box1 .swiper .swiper-slide .imgs{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.home-box1 .swiper .swiper-slide .imgs div{ width: 100%; height: 100%; display: block; object-fit: cover;  background-position: top center; background-repeat: no-repeat; background-attachment: fixed;}
.home-box1 .swiper .swiper-slide.swiper-slide-active .imgs div{ transform: translateX(0);}

.home-box1 .swiper .swiper-imgs{ width: 100%; height: calc(100% - 8.75rem); position: absolute; left: 0; top: 0; }
.home-box1 .swiper .swiper-imgs .imgs{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; clip-path: polygon(0 0,100% 0,100% 100%,0 100%); transition: clip-path 1s cubic-bezier(.653,0,.372,1) 0ms,-webkit-clip-path 1s cubic-bezier(.653,0,.372,1) 0ms; overflow: hidden; }
.home-box1 .swiper .swiper-imgs .imgs div{ width: 100%; height: 100%; background-position: top center; background-size: cover; transform: translateX(0); transition: transform 1s ease-in-out 0ms,-webkit-transform 1s ease-in-out 0ms; }

.home-box1 .swiper .swiper-imgs .imgs.noTransition div{transition: none!important;}

.home-box1 .swiper .swiper-imgs.toLeft .imgs{transform-origin: left top;}
.home-box1 .swiper .swiper-imgs.toLeft .imgs div{transform:translateX(-10%);}
.home-box1 .swiper .swiper-imgs.toLeft .imgs.out{clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%)}
.home-box1 .swiper .swiper-imgs.toLeft .imgs.out div{ transform: translateX(10%);}

.home-box1 .swiper .swiper-imgs.toRight .imgs{ transform-origin: left top;}
.home-box1 .swiper .swiper-imgs.toRight .imgs div{transform:translateX(10%);}
.home-box1 .swiper .swiper-imgs.toRight .imgs.out{clip-path: polygon(0 0,0 0,0 100%,0 100%)}
.home-box1 .swiper .swiper-imgs.toRight .imgs.out div{ transform: translateX(-10%);}

.home-box1 .swiper .swiper-imgs .imgs.in{ z-index: 1;}
.home-box1 .swiper .swiper-imgs .imgs.out,
.home-box1 .swiper .swiper-imgs .imgs.active{ z-index: 2;}

.home-box1 .swiper .swiper-imgs .imgs.in div,
.home-box1 .swiper .swiper-imgs .imgs.active div{ transform: translateX(0);}
.home-box1 .swiper .swiper-info{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; padding-top: 20vh; }
.home-box1 .swiper .swiper-info .w-1400{ position: relative; z-index: 2; height: 100%; position: relative;}
.home-box1 .swiper .swiper-info .center-block{ width: 38.125rem; height: 100%; float: right; color: #fff; position: relative; }
.home-box1 .swiper .swiper-info .center-block::before{ content: ''; width: 100%; height: 100%; background: #E60012; box-shadow: 0 0 2rem rgba(186,180,168,0.9); position: absolute; left: 0; top: 0; transition: transform .8s cubic-bezier(.67,0,.326,1) 0ms,-webkit-transform .8s cubic-bezier(.67,0,.326,1) 0ms; transform-origin: left top; transform: scaleX(1) }
.home-box1 .swiper .swiper-info .center-block::after{ content: ''; width: 46.125rem; height: 11.5625rem; background: url(../images/icon_zt1.png) no-repeat center; background-size: 100%; position: absolute; left: 3.75rem; bottom: 0; pointer-events: none; }
.home-box1 .swiper .swiper-info .center-block .info{ width: 100%; height: 100%; padding: 4rem; position: absolute; position: absolute; left: 0; top: 0; z-index: 2; }
.home-box1 .swiper .swiper-info .center-block .info .box1{ padding-top: 4.375rem; background: url(../images/icon_1.png) no-repeat left top; background-size: auto 2.25rem; font-size: 2.125rem; font-weight: bold; opacity: 0; transform: translate(3.75rem,0); transition: transform 0.5s ease-in-out 0ms,opacity .5s ease-in-out 0ms; }
.home-box1 .swiper .swiper-info .center-block .info .box2{ font-size: 1rem; line-height: 2.25rem; margin-top: 1.2rem; opacity: 0; transform: translate(3.75rem,0); transition: transform 0.5s ease-in-out 80ms,opacity .5s ease-in-out 80ms; }
.home-box1 .swiper .swiper-info .center-block .info .box3{ margin-top: 3.125rem; opacity: 0; transform: translate(3.75rem,0); transition: transform 0.5s ease-in-out 0.16s,opacity .5s ease-in-out 0.16s;}
.home-box1 .swiper .swiper-info .center-block .info .box3 .all-more{ border-color: #fff; color: #fff; font-size: 0.875rem; }
.home-box1 .swiper .swiper-info .center-block .info .box3 .all-more:hover{ background: #fff; color: #E60012; }
.home-box1 .swiper .swiper-info .center-block .info.active{ z-index: 3;}
.home-box1 .swiper .swiper-info .center-block .info.active .box1,
.home-box1 .swiper .swiper-info .center-block .info.active .box2,
.home-box1 .swiper .swiper-info .center-block .info.active .box3{ opacity: 1; transform: translate(0,0); }
.home-box1 .swiper .swiper-info .center-block.out::before{ transform: scaleX(0)}


.home-box1 .swiper .swiper-btn{ width: 100%; position: absolute; left: 0; bottom: 1rem;}
.home-box1 .swiper .swiper-btn .w-1400{ padding-right: 44.375rem;}
.home-box1 .swiper .swiper-btn .f-l{ width: 10rem; height: 7.875rem;}
.home-box1 .swiper .swiper-btn .f-l .swiper-button-next,
.home-box1 .swiper .swiper-btn .f-l .swiper-button-prev,
.home-box1 .swiper .swiper-btn .f-l .swiper-pagination{ position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin: 0 !important; }
.home-box1 .swiper .swiper-btn .f-l .swiper-pagination{ width: 3.75rem; font-size: 0.875rem; font-family: Arial; }
.home-box1 .swiper .swiper-btn .f-l .swiper-pagination .swiper-pagination-current{ color: #E60012;}
.home-box1 .swiper .swiper-btn .f-l .swiper-button-next{ transform: rotate(180deg);}
.home-box1 .swiper .swiper-btn .f-l .swiper-button-next,
.home-box1 .swiper .swiper-btn .f-l .swiper-button-prev{ width: 3.125rem; height: 0.4375rem; opacity: 1 !important; background: url(../images/icon_jt2_h.png) no-repeat center; background-size: 100%; transition: all .4s; }
.home-box1 .swiper .swiper-btn .f-l .swiper-button-next.swiper-button-disabled,
.home-box1 .swiper .swiper-btn .f-l .swiper-button-prev.swiper-button-disabled{ background-image: url(../images/icon_jt2.png);}
.home-box1 .swiper .swiper-btn .f-l .swiper-button-next::after,
.home-box1 .swiper .swiper-btn .f-l .swiper-button-prev::after{ display: none;}

.home-box1 .swiper .swiper-btn .f-l .swiper-button-next:hover{ transform: translateX(0.5rem) rotate(180deg);}
.home-box1 .swiper .swiper-btn .f-l .swiper-button-prev:hover{ transform: translateX(-0.5rem);}

.home-box1 .swiper .swiper-btn .f-r{ font-size: 0.875rem; color: #7A7A7A; position: relative; height: 2rem; }
.home-box1 .swiper .swiper-btn .f-r span{ position: absolute; right: 0; top: 0; white-space: nowrap; line-height: 2rem; opacity: 0; transition: all .6s ease .4s; transform: translate(0,2rem); }
.home-box1 .swiper .swiper-btn .f-r span.active{ opacity: 1; transform: translate(0,0);}

.all-more{ width: 10rem; line-height: 2.8125rem; font-size: 0.75rem; color: #151515; text-align: center; border: 1px solid #E60012; display: block;  }
.all-more:hover{ background: #E60012; color: #fff;}

.all-title .box1{ font-size: 2.625rem; font-weight: lighter; padding-bottom: 1.3rem; position: relative;}
.all-title .box1::after{ content: ''; width: 1.5rem; height: 2px; background: #E60012; position: absolute; left: 0; bottom: 0; }
.all-title .box2{ font-size: 0.875rem; color: #515151; line-height: 1.875rem; margin-top: 1.25rem; }
.all-title .all-more{ margin-top: 3.125rem; }
.all-title .f-r{ text-align: right; }
.all-title .f-r .box1::after{ left: auto; right: 0;}
.all-title .f-r .all-more{ float: right; }

.home-box2 .box-info1{ font-size: 8.75rem; line-height: 1; font-family: 'syht-h'; color: #EDEDED; text-transform: uppercase; margin-top: 2rem; }
.home-box2 .all-title{ margin-top: -10.5rem;}
.home-box2 .box-info2{ position: relative;}
.home-box2 .box-info2:before{ content: ''; width: 102%; height: calc(100% + 2px); position: absolute; left: -1%; top: -2px; background: url(../images/bg_2.png) no-repeat center; background-size: 100% 100%; }
.home-box2 .box-info2 .center-block{ display: flex; position: relative; z-index: 2;}
.home-box2 .box-info2 .center-block .imgs{ width: 50%; height: 30rem; position: relative; z-index: 1;}
.home-box2 .box-info2 .center-block .imgs .box1{ width: 11.25rem; height: 15.625rem; background: #E60012; box-shadow: 0 0 2rem 0.5rem rgba(186,180,168); position: absolute; left: -1.875rem; top: -1.875rem; z-index: -1; }
.home-box2 .box-info2 .center-block .imgs .box2{ width: 100%; height: 100%; overflow: hidden; transition: all .6s; }
.home-box2 .box-info2 .center-block .imgs .box2 img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.home-box2 .box-info2 .center-block .imgs .box2::after{ content: ''; width: 3.75rem; height: 3.75rem; background: url(../images/icon_4.png) no-repeat center; background-size: 100%; position: absolute; left: 1.25rem; bottom: 1.25rem; }
.home-box2 .box-info2 .center-block .imgs:hover .box2 img{ transform: scale(1.1);}
.home-box2 .box-info2 .center-block .imgs:hover .box2{ transform: scale(0.97);}
.home-box2 .box-info2 .center-block .info{ width: 50%; height: 30rem; }
.home-box2 .box-info2 .center-block .info>div{ min-height: 15.6rem;}
.home-box2 .box-info2 .center-block .info .box1{ font-size: 0.875rem; color: #999; }
.home-box2 .box-info2 .center-block .info .box1 span{ font-size: 1.5rem; margin-right: 0.625rem; color: #151515; }
.home-box2 .box-info2 .center-block .info .box2{ color: #666; font-size: 0.875rem; margin-top: 1rem; line-height: 2; }
.home-box2 .box-info2 .center-block::after{ content: ''; width: 10rem; height: 1px; background: #E60012; position: absolute; left: 50%; top: 8rem; z-index: 5; margin-left: -6.25rem; }
.home-box2 .box-info2 .center-block:nth-child(2n){ flex-direction: row-reverse;}
.home-box2 .box-info2 .center-block:nth-child(2n) .imgs .box1{ left: auto; right: -1.875rem; }
.home-box2 .box-info2 .center-block:nth-child(2n)::after{ margin-left: -3.75rem;}

.home-box3{ padding: 6.25rem 0;}
.home-box3 .top-box{ position: relative; text-align: center; }
.home-box3 .top-box span{ display: block; font-size: 8.75rem; line-height: 1; font-family: 'syht-h'; color: #EDEDED; text-transform: uppercase; }
.home-box3 .top-box p{ width: 100%; position: absolute; left: 0%; top: 50%; font-size: 2.625rem; font-weight: lighter; margin-top: -1.75rem; }
.home-box3 .lower-box{ min-height: 80vh; margin-top: 4rem; position: relative; }
.home-box3 .lower-box .swiper.box-info1{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.home-box3 .lower-box .box-info1 .swiper-slide{ text-align: center; font-size: 18px; background: #fff; overflow:hidden;}
.home-box3 .lower-box .box-info1 .slide-inner{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: 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; color:#fff;}
.home-box3 .lower-box .box-info2{ width: 100%; position: relative; z-index: 2; height: 100%; padding: 3.75rem 0; }
.home-box3 .lower-box .box-info2 .center-block{ width: 38.75rem; height: 100%; min-height: 45rem; background: rgba(255,255,255,0.9); padding: 2.5rem 2.8125rem; }
.home-box3 .lower-box .box-info2 .center-block .swiper{ width: 100%; height: 100%;}
.home-box3 .lower-box .box-info2 .center-block .swiper .box1{ text-align: center; padding-top: 2.25rem; font-size: 1.5rem; font-weight: lighter; position: relative; }
.home-box3 .lower-box .box-info2 .center-block .swiper .box1::after{ content: ''; width: 1.5rem; height: 2px; background: #E60012; position: absolute; left: 50%; top: 0; margin-left: -0.75rem; }
.home-box3 .lower-box .box-info2 .center-block .swiper .box2{ height: 22.5rem; overflow: hidden; transition: all .6s; margin-top: 2.5rem; }
.home-box3 .lower-box .box-info2 .center-block .swiper .box2 img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.home-box3 .lower-box .box-info2 .center-block .swiper .box3{ margin-top: 2.75rem;}
.home-box3 .lower-box .box-info2 .center-block .swiper .box3 span{ font-size: 1.125rem;}
.home-box3 .lower-box .box-info2 .center-block .swiper .box3 div:nth-child(1) span{ display: block;}
.home-box3 .lower-box .box-info2 .center-block .swiper .box3 div:nth-child(1){ flex: 1;}
.home-box3 .lower-box .box-info2 .center-block .swiper .box3 div:nth-child(2){ flex: 0 0 69%;}
.home-box3 .lower-box .box-info2 .center-block .swiper .box3 div{ font-size: 0.875rem; color: #4D4C4B; line-height: 2; text-align:justify; }
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn{ width: 100%; padding: 0 0.5rem 3.75rem;}
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn .swiper-button-next,
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn .swiper-button-prev,
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn .swiper-pagination{ position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin: 0 !important; }
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn .swiper-pagination{ width: 3.75rem; font-size: 0.875rem; font-family: Arial; }
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn .swiper-pagination .swiper-pagination-current{ color: #E60012;}
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn .swiper-button-next{ transform: rotate(180deg);}
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn .swiper-button-next,
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn .swiper-button-prev{ width: 3.125rem; height: 0.4375rem; opacity: 1 !important; background: url(../images/icon_jt2_h.png) no-repeat center; background-size: 100%; transition: all .4s; }
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn .swiper-button-next.swiper-button-disabled,
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn .swiper-button-prev.swiper-button-disabled{ background-image: url(../images/icon_jt2.png);}
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn .swiper-button-next::after,
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn .swiper-button-prev::after{ display: none;}
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn .swiper-button-next:hover{ transform: translateX(0.5rem) rotate(180deg);}
.home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn .swiper-button-prev:hover{ transform: translateX(-0.5rem);}
.home-box3 .lower-box .box-info3{ width: 100%; position: absolute; left: 0; bottom: 3.75rem; z-index: 3; }
.home-box3 .lower-box .box-info3 .between-center{ height: 2.8125rem; background: rgba(255,255,255,0.5); padding: 0 0.75rem; }
.home-box3 .lower-box .box-info3 .between-center .swiper-button-next,
.home-box3 .lower-box .box-info3 .between-center .swiper-button-prev{ position: relative; left: auto !important; top: 0 !important; right: auto !important; margin: 0 !important; width: 1rem; height: 1.1rem; background: url(../images/icon_jt3.png) no-repeat center; background-size: 100%; }
.home-box3 .lower-box .box-info3 .between-center .swiper-button-prev{ transform: rotate(180deg); }
.home-box3 .lower-box .box-info3 .between-center .swiper-button-next::after,
.home-box3 .lower-box .box-info3 .between-center .swiper-button-prev::after{ display: none;}
.home-box3 .lower-box .box-info3 .between-center .box1{ padding: 0 0.5rem;}
.home-box3 .lower-box .box-info4{ width: 100%; position: absolute; left: 0; top: 50%; z-index: 10; transform: translate(0,-50%); padding: 0 3.75rem; font-size: 1.125rem; color: #fff; }
.home-box3 .lower-box .box-info4>div{ cursor: pointer;}

.home-box4{ padding: 7.5rem 0 4rem 15rem; overflow: hidden;}
.home-box4 .all-title{ margin-bottom: 5rem;}
.home-box4 .box-info2{ font-size: 23.75rem; font-family: 'syht-h'; line-height: 19rem; color: transparent; -webkit-background-clip: text; background-clip: text; background-image: url(../images/bg_3.png); background-position: right; background-attachment: fixed; background-size: 78.125rem; }
.home-box4 .lower-box{ background: #E60012; position: relative; z-index: 1;}
.home-box4 .lower-box .box-info3{ width: 11.25rem; height: 15.625rem; background: #E60012; position: absolute; left: -1.75rem; bottom: -1.75rem; z-index: -1; box-shadow: 0 0 1.5rem 0.5rem rgba(186,180,168); }
.home-box4 .lower-box .box-info4{ width: 50.625rem; height: 34.6875rem; overflow: hidden; }
.home-box4 .lower-box .box-info4 img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all .6s; }
.home-box4 .lower-box .box-info5{ flex: 1; padding: 0 15.4375rem 0 8rem; color: #fff; }
.home-box4 .lower-box .box-info5 .all-title .box1::after{ background: #fff;}
.home-box4 .lower-box .box-info5 .all-title .box2{ color: #fff;}
.home-box4 .lower-box .box-info5 .all-title .all-more{ border-color: #fff; color: #fff; }
.home-box4 .lower-box .box-info5 .all-title .all-more:hover{ background: #fff; color: #E60012; }

.home-box5{ padding: 4.25rem 0; text-align: center;}
.home-box5 .box-info1 img{ height: 13.5625rem; display: block; margin: auto;}
.home-box5 .box-info2{ font-size: 0.875rem; line-height: 2; color: #515151; padding: 3.75rem 0 3.125rem; }

.home-box6{ padding: 5rem 0 4rem 15rem;}
.home-box6 .swiper .swiper-slide .imgs{ height: 21.25rem; overflow: hidden; transition: all .6s;}
.home-box6 .swiper .swiper-slide .imgs img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.home-box6 .swiper .swiper-slide .info{ margin-top: 2.5rem;}
.home-box6 .swiper .swiper-slide .info .box1{ width: 13.125rem; display: flex; font-size: 1rem; color: #777; line-height: 1;}
.home-box6 .swiper .swiper-slide .info .box1 span{ font-size: 3.25rem; font-family: 'bl-r'; line-height: 3rem; }
.home-box6 .swiper .swiper-slide .info .box1 p{ padding: 0.2rem 0 0 1rem;}
.home-box6 .swiper .swiper-slide .info .box2{ flex: 1; position: relative; padding-left: 2.25rem; font-size: 1.125rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #151515; }
.home-box6 .swiper .swiper-slide .info .box2::after{ content: ''; width: 1.5rem; height: 2px; background: #E60012; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.home-box6 .swiper .swiper-slide:hover .imgs{ transform: scale(0.97);}
.home-box6 .swiper .swiper-slide:hover .imgs img{ transform: scale(1.1);}

.foot-box{ background: #000; padding: 3.75rem 0 0; color: #8d8d8d; font-size: 0.875rem; }
.foot-box a{ color:#8d8d8d; }
.foot-box a:hover{ color:#fff; }
.foot-box .top-box .f-l img{ height: 5.25rem;}
.foot-box .top-box .f-r ul li+li{ margin-left: 8rem;}
.foot-box .top-box .f-r ul li span{ color:#fff; display: block; font-weight: bold; padding-bottom: 2rem;}
.foot-box .top-box .f-r ul li span a{ color: #fff;}
.foot-box .top-box .f-r ul li div{ display: flex;flex-flow: column;}
.foot-box .top-box .f-r ul li div a{ display: block; margin-bottom: 1.25rem;}
.foot-box .top-box .f-r ul li div.style2{ line-height: 2.8; margin-top: -0.5rem; }
.foot-box .lower-box{ border-top: 1px solid #1A1A1A; margin-top: 4.25rem; padding: 2.75rem 0; }
.foot-box .lower-box .f-l a{ color: #666;}
.foot-box .lower-box .f-l a:hover{ color: #E60012;}
.foot-box .lower-box .f-l .box1{ display: flex;}
.foot-box .lower-box .f-l .box1 a{ padding: 0 0.5rem; line-height: 0.9375rem; border-left: 1px solid #666; }
.foot-box .lower-box .f-l .box1 a:first-child{ padding-left: 0; border: none;}
.foot-box .lower-box .f-l .box2{ margin-top: 0.625rem;}

.bxxz-box1{ background: #f5f5f7; padding: 4.375rem 0; }
.bxxz-box1 .top-box{ position: relative; text-align: center; }
.bxxz-box1 .top-box i{ font-size: 11.25rem; font-family: 'syht-h'; color: #ECECEC; line-height: 10rem; text-transform: uppercase; display: block; }
.bxxz-box1 .top-box div{ width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); }
.bxxz-box1 .top-box div span{ display: block; font-size: 3rem; line-height: 1; font-weight: lighter; }
.bxxz-box1 .top-box div p{ font-size: 0.875rem; color: #86868b; margin-top: 1.8rem; line-height: 2; }

.bxxz-box1 .home-box2{ margin-top: 6.25rem;}
.bxxz-box1 .home-box2 .box-info2:before,
.bxxz-box1 .home-box2 .box-info2 .center-block .imgs .box2::after,
.bxxz-box1 .home-box2 .box-info2 .center-block::after{ display: none;}
.bxxz-box1 .home-box2 .box-info2 .center-block .info>div{ min-height: initial;}
.bxxz-box1 .home-box2 .box-info2 .center-block .info .box1{ position: relative; padding-bottom: 1rem;}
.bxxz-box1 .home-box2 .box-info2 .center-block .info .box1::after{ content: ''; width: 2.125rem; height: 1px; background: #E60012; position: absolute; left: 0; bottom: 0; }
.bxxz-box1 .home-box2 .box-info2 .center-block .info .box1 span{ font-size: 2.25rem;}

.bxxz-box2 .box-info1{ font-size: 2.25rem; text-align: center; margin-top: -4.375rem; }
.bxxz-box2 .box-info2{ padding: 2rem 3% 5rem;}
.bxxz-box2 .box-info2 .swiper{ padding-bottom: 3.75rem;}
.bxxz-box2 .box-info2 .swiper .swiper-slide a{ width: 100%; height: 24rem; overflow: hidden; float: left;}
.bxxz-box2 .box-info2 .swiper .swiper-slide a img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all .6s;}
.bxxz-box2 .box-info2 .swiper .swiper-slide a:hover{ transform: scale(0.97);}
.bxxz-box2 .box-info2 .swiper .swiper-slide a:hover img{ transform: scale(1.1);}
.bxxz-box2 .box-info2 .swiper .swiper-pagination .swiper-pagination-bullet{ width: 1.875rem; height: 0.1875rem; background: #E7E7E7; border-radius: 0; margin: 0 0.5rem; opacity: 1; transition: all .6s; }
.bxxz-box2 .box-info2 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #E60012;}

.fwlc-box1{ position: relative; background: #f5f5f7; padding: 5.625rem 0 0; z-index: 1; }
.fwlc-box1 .box-info1 img{ width: 100%; display: block; object-fit: cover; }
.fwlc-box1 .box-info2{ width: 50%; float: right; background: #E60012; color: #fff; padding: 3.4375rem 4.625rem; position: relative; z-index: 2; margin-top: -14.375rem; }
.fwlc-box1 .box-info2 span{ display: block; font-size: 3rem; font-weight: lighter; }
.fwlc-box1 .box-info2 p{ font-size: 0.875rem; line-height: 2; margin-top: 1.5rem; }
.fwlc-box1::after{ content: ''; width: 100%; height: 8.125rem; background: #fff; position: absolute; left: 0; bottom: 0; z-index: -1; }

.fwlc-box2{ padding: 2.5rem 0 3rem;}
.fwlc-box2 .box-info1{ float: left; position: relative;}
.fwlc-box2 .box-info1 span{ display: block; font-size: 11.25rem; line-height: 1; font-family: 'syht-h'; color: #F9F9F9; text-transform: uppercase; margin-left: -1rem;}
.fwlc-box2 .box-info1 p{ width: 100%; position: absolute; left: 4.375rem; top: 50%; font-size: 3rem; font-weight: lighter; margin-top: -1.75rem; }
.fwlc-box2 .box-info2{ font-size: 1rem; line-height: 1.8; margin-top: 3.5rem;}

.gyjs-box2 .center-block{ display: flex; position: relative; z-index: 1; background: #fff; padding: 2.5rem; margin-top: 3.125rem; cursor: pointer; }
.gyjs-box2 .center-block em{ width: 2.5rem; height: 6.125rem; background: #E60012; position: absolute; left: 50%; bottom: 3.9375rem; margin-left: -1.25rem; z-index: -1; }
.gyjs-box2 .center-block .imgs{ width: 50%; height: 28.125rem; }
.gyjs-box2 .center-block .imgs p{ width: 100%; height: 100%; overflow: hidden; border: 1px solid #DEDEDE; transition: all .6s; }
.gyjs-box2 .center-block .imgs img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all .6s; }
.gyjs-box2 .center-block .info{ width: 50%; height: 28.125rem; padding: 5.9375rem 0 0 8.125rem; }
.gyjs-box2 .center-block .info>div{ position: relative; z-index: 1;}
.gyjs-box2 .center-block .info i{ font-size: 8.75rem; font-family: arial; font-weight: 800; color: #F2F2F2; line-height: 8rem; position: absolute; left: -6.125rem; top: -4.375rem; z-index: -1; }
.gyjs-box2 .center-block .info span{ display: block; position: relative; font-size: 2.625rem; font-weight: lighter; padding-bottom: 1.5rem; transition: all .6s; }
.gyjs-box2 .center-block .info span::after{ content: ''; width: 1.5rem; height: 2px; background: #E60012; position: absolute; left: 0; bottom: 0; }
.gyjs-box2 .center-block .info>div>div{ font-size: 0.875rem; color: #515151; line-height: 2; margin-top: 1.5rem; }
.gyjs-box2 .center-block:hover .imgs p{ transform: scale(0.97);}
.gyjs-box2 .center-block:hover .imgs img{ transform: scale(1.1);}
.gyjs-box2 .center-block:hover .info span{ color: #E60012;}
.gyjs-box2 .center-block:nth-child(2n){ flex-direction: row-reverse;}

.gyjs-box3{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: rgba(0,0,0,0.2); padding: 10vh 0; display: none; }
.gyjs-box3 .center-block{ height: calc(100vh - 20vh); background: #fff; padding: 5rem 4.75rem; position: relative; }
.gyjs-box3 .center-block .scroll-box{ width: 100%; height: 100%; overflow: auto;}
.gyjs-box3 .center-block .box-info1{ width: 2.25rem; height: 2.25rem; background: url(../images/icon_5.png) no-repeat center; background-size: 100%; transition: all .3s; position: absolute; right: 1.5rem; top: 1.5rem; cursor: pointer; }
.gyjs-box3 .center-block .box-info1:hover{ transform: rotate(180deg);}
.gyjs-box3 .center-block .box-info2{ position: relative; z-index: 1; padding-top: 4.4rem;}
.gyjs-box3 .center-block .box-info2 i{ font-size: 8.75rem; font-family: arial; font-weight: 800; color: #F2F2F2; line-height: 8rem; position: absolute; left: -4.5rem; top: 0; z-index: -1; }
.gyjs-box3 .center-block .box-info2 span{ display: block; position: relative; font-size: 2.625rem; font-weight: lighter; padding-bottom: 1.5rem; transition: all .6s; color: #E60012; }
.gyjs-box3 .center-block .box-info2 span::after{ content: ''; width: 1.5rem; height: 2px; background: #E60012; position: absolute; left: 0; bottom: 0; }
.gyjs-box3 .center-block .box-info2 div{ font-size: 0.875rem; color: #515151; line-height: 2; margin-top: 1.5rem; }
.gyjs-box3 .center-block .box-info3{ font-size: 0.875rem; margin-top: 2rem; }

.lxwm-box1{ position: relative;}
.lxwm-box1 .w-900{ position: relative; z-index: 2; }
.lxwm-box1::after{ content: ''; width: 100%; height: 18.75rem; background: #fff; position: absolute; left: 0; bottom: 0; }
.lxwm-box1 .box-info1{ margin-top: 4.125rem; }
.lxwm-box1 .box-info1 .f-l,.lxwm-box1 .box-info1 .f-r{ width: 30rem; height: 37.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1); }
.lxwm-box1 .box-info1 .f-l img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all .6s;}
.lxwm-box1 .box-info1 .f-r{ background: #fff; padding: 5.5rem 2.5rem 0; position: relative; }
.lxwm-box1 .box-info1 .f-r::after{ content: ''; width: 4rem; height: 2.5rem; background: url(../images/icon_6.png) no-repeat center; background-size: 100%; position: absolute; right: 1.875rem; top: 1.875rem; }
.lxwm-box1 .box-info1 .f-r .box1{ font-size: 0.875rem; padding: 0 0 2.5rem 2.25rem; background-repeat: no-repeat; background-position: left top; }
.lxwm-box1 .box-info1 .f-r .box1 span{ display: block; font-weight: bold; line-height: 1.7rem; }
.lxwm-box1 .box-info1 .f-r .box1 p{ margin: 0.3rem 0 0;}
.lxwm-box1 .box-info1 .f-r .box1.icon1{ background-image: url(../images/icon_7.png);}
.lxwm-box1 .box-info1 .f-r .box1.icon2{ background-image: url(../images/icon_8.png);}
.lxwm-box1 .box-info1 .f-r .box1.icon3{ background-image: url(../images/icon_9.png);}
.lxwm-box1 .box-info1 .f-r .box2{ display: grid; grid-template-columns: 1fr 1fr 1fr; }
.lxwm-box1 .box-info1 .f-r .box2 .center-center{ width: 7.5rem; height: 7.5rem; position: relative; border: 1px solid #E9E9E9; float: left; cursor: pointer; }
.lxwm-box1 .box-info1 .f-r .box2 .center-center>img{ max-width: 50%; max-height: 50%;}
.lxwm-box1 .box-info1 .f-r .box2 .center-center>p{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: all .6s; transform: rotateY(-180deg); overflow: hidden; }
.lxwm-box1 .box-info1 .f-r .box2 .center-center>p img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.lxwm-box1 .box-info1 .f-r .box2 .center-center:hover>p{ opacity: 1; transform: rotateY(0deg);}

.lxwm-box2{ padding-bottom: 3.75rem;}
.lxwm-box2 .box-info1 form{ width: 31.875rem; text-align: center; }
.lxwm-box2 .box-info1 .text1{ width: 100%; height: 4.125rem; box-shadow: 0 0 1rem rgba(0,0,0,0.05); border: none; padding: 0 1.25rem; margin-top: 1.875rem; border-radius: 4px; }
.lxwm-box2 .box-info1 .text1.style2{ padding: 1rem 1.25rem; font-family: "Arial", "Microsoft Yahei", "微软雅黑", "Microsoft JhengHei", "微软正黑体", sans-serif; height: 12.5rem; }
.lxwm-box2 .box-info1 .btns{ width: 11.875rem; height: 3.75rem; background: #E60012; color: #fff; font-size: 1.125rem; border: none; margin-top: 3.125rem; cursor: pointer; }
.lxwm-box2 .box-info1 .between-center{ margin-top: 1.875rem;}
.lxwm-box2 .box-info1 .between-center .text1{ margin-top: 0 !important;}
.lxwm-box2 .box-info1 .between-center img{ width: 10rem; height: 4.125rem; margin-left: 1rem; display: inline-block; cursor: pointer; box-shadow: 0 0 1rem rgba(0,0,0,0.05); }

.ppjs-box1{ background-size: cover; background-position: top; background-repeat: no-repeat; background-attachment: fixed; color: #fff; padding: 3.75rem 0; }
.ppjs-box1 .box1{ position: relative; padding-left: 1rem; font-size: 0.9375rem;}
.ppjs-box1 .box1::after{ content: ''; position: absolute; left: 0; top: 50%; border-top: 0.3rem solid transparent; border-bottom: 0.3rem solid transparent; border-left: 0.45rem solid #fff; margin-top: -0.3rem; }
.ppjs-box1 .box2{ font-size: 3.875rem; font-weight: lighter; padding: 1rem 0; }
.ppjs-box1 .box3{ font-size: 2.25rem; font-weight: lighter; }

.ppjs-box2{ position: relative; z-index: 2; height: 6.25rem; margin-top: -6.25rem; overflow: hidden; display: none; }
.ppjs-box2 .f-l{ opacity: 0 !important; }
.ppjs-box2 .f-l,.ppjs-box2 .f-r{ width: 50%;}
.ppjs-box2 .f-l .box-info1{ min-height: 17.1875rem; padding: 4.375rem 4.375rem 1rem 15rem; background: #E60012; }
.ppjs-box2 .f-l .box-info1 .box1{ font-size: 3rem; color: #fff; font-weight: lighter; }
.ppjs-box2 .f-l .box-info1 .box2{ font-size: 1rem; margin-top: 3.75rem; }
.ppjs-box2 .f-l .box-info1 .box2 a{ float: left; color: #fff; line-height: 1.5rem; margin: 1rem 4.25rem 0 0; position: relative; }
.ppjs-box2 .f-l .box-info1 .box2 a::after{ content: ''; width: 0; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; transition: all .6s; }
.ppjs-box2 .f-l .box-info1 .box2 a:hover::after,.ppjs-box2 .f-l .box-info1 .box2 a.active::after{ width: 100%; }
.ppjs-box2 .f-l .box-info2{ height: 26.125rem; overflow: hidden; box-shadow: 0 0 1rem rgba(0,0,0,0.03);}
.ppjs-box2 .f-l .box-info2 img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.ppjs-box2 .f-r{ /* margin-top: -6.25rem; */}
.ppjs-box2 .f-r .box-info1{ flex: 1; padding: 2.75rem 5.5rem; background: #fff; height: 49.5625rem; box-shadow: 0 0 1rem rgba(0,0,0,0.03); }
.ppjs-box2 .f-r .box-info1 .box1{position: relative; padding-left: 1rem; font-size: 0.9375rem; color: #E60012; }
.ppjs-box2 .f-r .box-info1 .box1::after{ content: ''; position: absolute; left: 0; top: 50%; border-top: 0.3rem solid transparent; border-bottom: 0.3rem solid transparent; border-left: 0.45rem solid #E60012; margin-top: -0.3rem; }
.ppjs-box2 .f-r .box-info1 .box2{ text-align: center; padding: 6.25rem 0 5rem; }
.ppjs-box2 .f-r .box-info1 .box2 img{ height: 9.1875rem;}
.ppjs-box2 .f-r .box-info1 .box3{ font-size: 0.875rem; line-height: 2; text-align: justify; color: #515151; }

.ppjs-box2 .f-r .box-info2{ width: 5rem; height: 6.25rem; background: #E60012; position: relative; }
.ppjs-box2 .f-r .box-info2::after{ content: ''; width: 3.125rem; height: 3.125rem; background: url(../images/icon_jt1.png) no-repeat center; background-size: 100%; position: absolute; left: 50%; top: 50%; margin: -1.5625rem 0 0 -1.5625rem; transform: rotate(90deg); animation: upDown3 1.5s infinite linear; }

@keyframes upDown3{
  0%{ transform: translateY(0rem) rotate(90deg); }
  25%{ transform: translateY(-0.4rem) rotate(90deg); }
  50%{ transform: translateY(0rem) rotate(90deg); }
  75%{ transform: translateY(0.4rem) rotate(90deg); }
  100%{ transform: translateY(0rem) rotate(90deg); }
}

.ppjs-box3 .bxxz-box1{ padding: 10rem 0;}
.ppjs-box3 .bxxz-box1 .top-box i{ font-size: 9rem;}
.ppjs-box3 .bxxz-box1 .top-box em{ content: ""; width: 1px; height: 7.5rem; position: absolute; left: 50%; top: 85%; background: #151515; }

.ppjs-box4 .center-block{ display: flex; overflow: hidden; }
.ppjs-box4 .center-block:nth-child(2n){ flex-direction: row-reverse;}
.ppjs-box4 .center-block .imgs,.ppjs-box4 .center-block .info{ width: 50%; height: 31.25rem; overflow: hidden; }
.ppjs-box4 .center-block .imgs img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
/* .ppjs-box4 .center-block:hover .imgs img{ transform: scale(1.1);} */
.ppjs-box4 .center-block .info{ padding: 0 11rem; }
.ppjs-box4 .center-block .info .box-info1 .f-l{ position: relative;}
.ppjs-box4 .center-block .info .box-info1 .f-l i{ font-size: 12.5rem; font-weight: 800; color: #F3F3F3; font-family: 'arial'; line-height: 1; display: block; }
.ppjs-box4 .center-block .info .box-info1 .f-l div{ width: 100%; position: absolute; left: 0; bottom: 1rem; }
.ppjs-box4 .center-block .info .box-info1 .f-l div p{ font-size: 1rem; font-family: 'arial'; border-bottom: 1px solid #ccc; padding-bottom: 0.5rem; text-align: right; text-transform: uppercase; }
.ppjs-box4 .center-block .info .box-info1 .f-l div span{ font-size: 1.75rem; display: block; padding-top: 0.5rem;}
.ppjs-box4 .center-block .info .box-info2{ font-size: 0.9375rem; color: #515151; padding: 5rem 0 0 6.25rem; line-height: 2; max-width: 540px; text-align: justify; }

.ppjs-box5{ padding: 5.625rem 0 10rem; margin-top: 6.25rem; position: relative; z-index: 1;}
.ppjs-box5:before{ content: ''; width: 56%; height: 100%; background: #f5f5f7; position: absolute; left: 0; top: 0; z-index: -1; }
.ppjs-box5 .f-l,.ppjs-box5 .f-r{ width: 50%;}
.ppjs-box5 .box-info1{ font-size: 3rem; font-weight: lighter; padding-bottom: 1.5rem; position: relative;}
.ppjs-box5 .box-info1::after{ content: ''; width: 1.5rem; height: 2px; background: #E60012; position: absolute; left: 0; bottom: 0; }
.ppjs-box5 .box-info2{ float: left;}
.ppjs-box5 .box-info2 .box1{ font-size: 1.5rem; }
.ppjs-box5 .box-info2 .box2{ font-size: 0.875rem; line-height: 2rem; margin-top: 1rem; color: #4F4F4F; }
.ppjs-box5 .box-info2.style1{ margin-top: 2.5rem;}
.ppjs-box5 .box-info2.style2{ margin: 7rem 0 0 9.375rem;}
.ppjs-box5 .f-r{ position: relative; }
.ppjs-box5 .f-r div{ position: relative; overflow: hidden;}
.ppjs-box5 .f-r div img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.ppjs-box5 .f-r div:nth-child(1){ width: 31.75rem; height: 29.875rem; }
.ppjs-box5 .f-r div:nth-child(2){ width: 31.75rem; height: 18.0625rem; position: absolute; left: 12.5rem; top: 18.75rem; }
.ppjs-box5 .box-info3{ margin-top: 5rem;}
.ppjs-box5 .box-info3 .swiper{ overflow: initial; margin-top: 2rem; }
.ppjs-box5 .box-info3 .swiper-slide{width: 22.3125rem;}
.ppjs-box5 .box-info3 .swiper-slide .center-block{width: 20.5rem;height: 25rem;overflow: hidden;position: relative;border-radius: 1rem;box-shadow: 0 0 1rem rgba(0,0,0,0.06);transition: all .6s;background: #fff;}
.ppjs-box5 .box-info3 .swiper-slide .center-block:hover{ transform: scale(1.02);}
.ppjs-box5 .box-info3 .swiper-slide .center-block img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.ppjs-box5 .box-info3 .swiper-slide .center-block div{ width: 100%; position: absolute; left: 0; top: 0; padding: 1.75rem;}
.ppjs-box5 .box-info3 .swiper-slide .center-block div span{ display: block; font-size: 1.75rem;}
.ppjs-box5 .box-info3 .swiper-slide .center-block div p{ font-size: 1rem; color: #666; margin-top: 0.625rem; }

.sys-box1{ padding: 7.5rem 0; overflow: hidden; }
.sys-box1 .f-l{ width: 30rem; position: relative; z-index: 2; }
.sys-box1 .f-l .box-info1{ font-size: 8.75rem; font-family: 'syht-h'; color: rgba(21,21,21,0.08); font-weight: bold; text-transform: uppercase; line-height: 1; margin: -5rem 0 0 -4.5rem; }
.sys-box1 .f-l .box-info2 .box1{ font-size: 3rem; font-weight: lighter; padding-bottom: 1.5rem; position: relative;}
.sys-box1 .f-l .box-info2 .box1::after{ content: ''; width: 1.5rem; height: 2px; background: #E60012; position: absolute; left: 0; bottom: 0; }
.sys-box1 .f-l .box-info2 .box2{ font-size: 0.875rem; line-height: 2; margin-top: 1.5rem; color: #515151; }
.sys-box1 .f-l .box-info3{ margin-top: 4rem; position: relative; z-index: 1;}
.sys-box1 .f-l .box-info3 p{ width: 100%; height: 35rem; overflow: hidden; }
.sys-box1 .f-l .box-info3 p img{ width: 100%; height: 100%; object-fit: cover; }
.sys-box1 .f-l .box-info3::after{ content: ''; width: 21rem; height: 22.5rem; background: #E60012; position: absolute; right: -0.75rem; bottom: -0.75rem; z-index: -1; }
.sys-box1 .f-r{ width: 50rem; height: 66.125rem; position: relative;}
.sys-box1 .f-r div{ width: 100%; position: relative;}
.sys-box1 .f-r div img{ width: 100%; display: block; object-fit: cover;}
.sys-box1 .f-r div:nth-child(1)::before{ content: ''; width: 21.375rem; height: 10.375rem; border-top: 0.75rem solid #E60012; border-right: 0.75rem solid #E60012; position: absolute; right: 0; top: 0; z-index: 2; }
.sys-box1 .f-r div:nth-child(2)::before{ content: ''; width: 21.375rem; height: 10.375rem; border-bottom: 0.75rem solid #E60012; border-right: 0.75rem solid #E60012; position: absolute; right: 0; bottom: 0; z-index: 2; }

.sys-box2{ padding: 7.5rem 0; background: #f5f5f7; }
.sys-box2 .top-box .box1{ font-size: 3rem; padding-bottom: 1.5rem; position: relative;}
.sys-box2 .top-box .box1::after{ content: ''; width: 1.5rem; height: 2px; background: #E60012; position: absolute; left: 0; bottom: 0; }
.sys-box2 .top-box .box2{ font-size: 0.875rem; line-height: 2; margin-top: 1.5rem; color: #515151; }
.sys-box2 .lower-box{ position: relative; margin-top: -2rem;}
.sys-box2 .lower-box .swiper-btn{ width: 11.25rem; position: absolute; right: 0; top: 0; }
.sys-box2 .lower-box .swiper-btn .swiper-button-next,
.sys-box2 .lower-box .swiper-btn .swiper-button-prev,
.sys-box2 .lower-box .swiper-btn .swiper-pagination{ position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin: 0 !important; }
.sys-box2 .lower-box .swiper-btn .swiper-pagination{ width: 3.75rem; font-size: 0.875rem; font-family: Arial; }
.sys-box2 .lower-box .swiper-btn .swiper-pagination .swiper-pagination-current{ color: #E60012;}
.sys-box2 .lower-box .swiper-btn .swiper-button-next{ transform: rotate(180deg);}
.sys-box2 .lower-box .swiper-btn .swiper-button-next,
.sys-box2 .lower-box .swiper-btn .swiper-button-prev{ width: 3.125rem; height: 0.4375rem; opacity: 1 !important; background: url(../images/icon_jt2_h.png) no-repeat center; background-size: 100%; transition: all .4s; }
.sys-box2 .lower-box .swiper-btn .swiper-button-next.swiper-button-disabled,
.sys-box2 .lower-box .swiper-btn .swiper-button-prev.swiper-button-disabled{ background-image: url(../images/icon_jt2.png);}
.sys-box2 .lower-box .swiper-btn .swiper-button-next::after,
.sys-box2 .lower-box .swiper-btn .swiper-button-prev::after{ display: none;}
.sys-box2 .lower-box .swiper-btn .swiper-button-next:hover{ transform: translateX(-0.5rem) rotate(180deg);}
.sys-box2 .lower-box .swiper-btn .swiper-button-prev:hover{ transform: translateX(0.5rem);}
.sys-box2 .lower-box .swiper{ padding-top: 3.75rem;}
.sys-box2 .lower-box .swiper .swiper-slide{ width: 54.375rem; height: 36.6875rem; }
.sys-box2 .lower-box .swiper .swiper-slide a{ width: 100%; height: 100%; display: block; overflow: hidden;}
.sys-box2 .lower-box .swiper .swiper-slide a img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s;}
.sys-box2 .lower-box .swiper .swiper-slide a:hover{ transform: scale(0.97);}
.sys-box2 .lower-box .swiper .swiper-slide a:hover img{ transform: scale(1.1); }

.jstd-box1.sys-box1{ background: #f5f5f7; padding: 0 0 5.625rem;}
.jstd-box1.sys-box1 .f-l{ width: 50%; padding: 10rem 0 0 13.3rem }
.jstd-box2{ width: 50%; float: right; position: relative;}
.jstd-box2 .swiper{ width: 100%; height: 40.5rem; }
.jstd-box2 .swiper .swiper-slide a{ width: 100%; height: 100%; display: block; overflow: hidden;}
.jstd-box2 .swiper .swiper-slide a img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s;}
.jstd-box2 .swiper-btn{ width: 6.25rem; height: 25rem; background: #E60012; position: absolute; left: -6.25rem; bottom: 0; align-items: center; padding: 6rem 0; }
.jstd-box2 .swiper-btn .swiper-button-next,
.jstd-box2 .swiper-btn .swiper-button-prev,
.jstd-box2 .swiper-btn .swiper-pagination{ position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin: 0 !important; }
.jstd-box2 .swiper-btn .swiper-pagination{ width: 3.75rem; font-family: Arial; color: #fff; }
.jstd-box2 .swiper-btn .swiper-pagination .swiper-pagination-total{ font-size: 1.375rem;}
.jstd-box2 .swiper-btn .swiper-pagination .swiper-pagination-current{ font-size: 2rem;}
.jstd-box2 .swiper-btn .swiper-button-next{ transform: rotate(90deg);}
.jstd-box2 .swiper-btn .swiper-button-prev{ transform: rotate(-90deg);}
.jstd-box2 .swiper-btn .swiper-button-next,
.jstd-box2 .swiper-btn .swiper-button-prev{ width: 3.125rem; height: 0.4375rem; opacity: 1 !important; background: url(../images/icon_jt1.png) no-repeat center; background-size: 100%; transition: all .4s; }
.jstd-box2 .swiper-btn .swiper-button-next.swiper-button-disabled,
.jstd-box2 .swiper-btn .swiper-button-prev.swiper-button-disabled{ background-image: url(../images/icon_jt2.png);}
.jstd-box2 .swiper-btn .swiper-button-next::after,
.jstd-box2 .swiper-btn .swiper-button-prev::after{ display: none;}
.jstd-box2 .swiper-btn .swiper-button-next:hover{ transform: rotate(90deg) translate(1rem,0); }
.jstd-box2 .swiper-btn .swiper-button-prev:hover{ transform: rotate(-90deg) translate(1rem,0);}

.jstd-box3 .w-90{ width: 96%; }
.jstd-box3 ul li{ width: 31%; height: 24.125rem; overflow: hidden; float: left; margin:3.75rem 3.5% 0 0; }
.jstd-box3 ul li:nth-child(3n){ margin-right: 0;}
.jstd-box3 ul li a{ width: 100%; height: 100%; display: block; overflow: hidden;}
.jstd-box3 ul li a img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.jstd-box3 ul li:hover a{ transform: scale(0.97);}
.jstd-box3 ul li:hover img{ transform: scale(1.1);}

.jstd-box4{ padding: 6.25rem 0;}
.jstd-box4 .w-1400{ width: 93.125rem;}
.jstd-box4 .f-l{ width: 54.375rem; height: 36.875rem; position: relative; }
.jstd-box4 .f-l::after{ content: ''; width: 21.25rem; height: 10.375rem; border-top: 0.75rem solid #E60012; border-left: 0.75rem solid #E60012; position: absolute; left: 0; top: 0; z-index: 10; pointer-events: none; }
.jstd-box4 .f-l .swiper{ height: 100%;}
.jstd-box4 .f-l .swiper .swiper-slide a{ width: 100%; height: 100%; display: block; overflow: hidden;}
.jstd-box4 .f-l .swiper .swiper-slide a img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s;}
.jstd-box4 .f-l .swiper-btn{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 10; padding: 7.5rem 0 1.25rem; background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.4)); }
.jstd-box4 .f-l .swiper-btn .swiper-button-next,
.jstd-box4 .f-l .swiper-btn .swiper-button-prev,
.jstd-box4 .f-l .swiper-btn .swiper-pagination{ position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin: 0 !important; }
.jstd-box4 .f-l .swiper-btn .swiper-pagination{ width: 3.75rem; font-size: 0.875rem; font-family: Arial; color: #fff; }
.jstd-box4 .f-l .swiper-btn .swiper-button-next{ transform: rotate(0deg);}
.jstd-box4 .f-l .swiper-btn .swiper-button-prev{ transform: rotate(180deg);}
.jstd-box4 .f-l .swiper-btn .swiper-button-next,
.jstd-box4 .f-l .swiper-btn .swiper-button-prev{ width: 3.125rem; height: 0.4375rem; opacity: 1 !important; background: url(../images/icon_jt1.png) no-repeat center; background-size: 100%; transition: all .4s; }
.jstd-box4 .swiper-btn .swiper-button-next.swiper-button-disabled,
.jstd-box4 .swiper-btn .swiper-button-prev.swiper-button-disabled{ opacity: 0.5;}
.jstd-box4 .f-l .swiper-btn .swiper-button-next::after,
.jstd-box4 .f-l .swiper-btn .swiper-button-prev::after{ display: none;}
.jstd-box4 .f-l .swiper-btn .swiper-button-next:hover{ transform: translateX(0.5rem) rotate(0deg);}
.jstd-box4 .f-l .swiper-btn .swiper-button-prev:hover{ transform: translateX(-0.5rem) rotate(180deg);;}

.jstd-box4 .f-r{ width: 32.1875rem;}
.jstd-box4 .f-r .box-info1{ font-size: 8.75rem; font-family: 'syht-h'; color: rgba(21,21,21,0.08); font-weight: bold; text-transform: uppercase; line-height: 1; margin: 1rem 0 0 -6.2rem; }
.jstd-box4 .f-r .box-info2{ margin-top: -6.2rem;}
.jstd-box4 .f-r .box-info2 ul li{ width: 100%; float: left; border-bottom: 1px solid #EAEAEA; padding: 2rem 0; position: relative; }
.jstd-box4 .f-r .box-info2 ul li::after{ content: ''; width: 1.5rem; height: 2px; background: #E60012; position: absolute; left: 0; bottom: -1px;}
.jstd-box4 .f-r .box-info2 ul li span{ display: block; font-size: 2.625rem; cursor: pointer;}
.jstd-box4 .f-r .box-info2 ul li div{ font-size: 0.875rem; line-height: 2; color: #515151; display: none; margin-top: 1rem; }

.ppzx-box1 .f-l{ position: relative;}
.ppzx-box1 .f-l i{ font-size: 11.25rem; color: #F0F0F0; float: left; line-height: 1; font-family: 'syht-h'; font-weight: bold; margin-left: -5rem; }
.ppzx-box1 .f-l span{ font-size: 3rem; color: #151515; font-weight: lighter; position: absolute; left: 0; top: 50%; line-height: 1; margin-top: -1.5rem; }
.ppzx-box1 .f-r{ padding-bottom: 3.75rem;}
.ppzx-box1 .f-r a{ float: left; margin-left: 4.125rem; padding-bottom: 0.2rem; position: relative; color: #151515;}
.ppzx-box1 .f-r a::after{ content: ''; width: 0%; height: 1px; background: #E60012; position: absolute; left: 0; bottom: 0; transition: all .6s; }
.ppzx-box1 .f-r a:hover,.ppzx-box1 .f-r a.active{ color: #E60012;}
.ppzx-box1 .f-r a:hover::after,.ppzx-box1 .f-r a.active::after{ width: 100%;}

.ppzx-box2{ margin-top: -1rem;}
.ppzx-box2 .f-l{ height: 23.5625rem; position: relative; width: 50%; z-index: 2;}
.ppzx-box2 .f-l a{ width: 56.25rem; height: 23.5625rem; position: absolute; left: 0; top: 0; overflow: hidden; }
.ppzx-box2 .f-l a img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.ppzx-box2:hover .f-l a img{ transform: scale(1.1);}
.ppzx-box2 .f-r{ width: 50%; height: 30.3125rem; background: #E60012; padding: 3.75rem 3.125rem 3.75rem 15rem; color: #fff;}
.ppzx-box2 .f-r .box1 span{ font-size: 3.25rem; font-family: 'bl-r'; line-height: 1; }
.ppzx-box2 .f-r .box1 p{ flex: 1; padding-left: 0.9375rem; font-size: 1rem; font-family: 'bl-r';}
.ppzx-box2 .f-r .box2{ font-size: 1.5rem; line-height: 1.6; margin-top: 1rem; font-weight: lighter; }
.ppzx-box2 .f-r .box3{ font-size: 0.875rem; line-height: 2; margin-top: 0.875rem; }
.ppzx-box2 .f-r .box4{ margin-top: 3.125rem;}
.ppzx-box2 .f-r .box4 .all-more{ border-color: #fff; color: #fff; }
.ppzx-box2 .f-r .box4 .all-more:hover{ background: #fff; color: #E60012; }

.ppzx-box3 ul li{ width: 100%; float: left; }
.ppzx-box3 ul li a{ width: 100%; float: left; padding: 5rem 0; border-bottom: 1px solid #868686; }
.ppzx-box3 ul li a .box1{ color:#717171; }
.ppzx-box3 ul li a .box1 span{ font-size: 2.875rem; font-family: 'bl-r'; line-height: 1; }
.ppzx-box3 ul li a .box1 p{ flex: 1; padding-left: 0.5rem; font-size: 1rem; font-family: 'bl-r';}
.ppzx-box3 ul li a .box2{ width: 22rem; font-size: 1.25rem; line-height: 1.6; margin: 0 11.25rem 0 3.75rem; }
.ppzx-box3 ul li a .box3{ flex: 1; font-size: 0.875rem; }
.ppzx-box3 ul li a .box3 p{ color: #4F4F4F; line-height: 2; height: 6.25rem; }
.ppzx-box3 ul li a .box3 span{ position: relative; color: #E60012;}
.ppzx-box3 ul li a .box3 span::after{ content: ''; width: 1.5rem; height: 100%; position: absolute; left: 100%; top: 0; background: url(../images/icon_jt2_h.png) no-repeat right; background-size: 3rem; transform: rotate(180deg); transition: all .6s; margin-left: 0.6rem; }
.ppzx-box3 ul li a:hover .box3 span::after{ width: 3rem;}

.ppzx-box4{ padding: 4.375rem 0;}
.ppzx-box4 .box1 a{ color: #E60012; font-weight: bold; font-size: 12px;}
.ppzx-box4 .box1 p{ margin-top: 0.3rem; font-size: 12px; color: #5d5d5d;}
.ppzx-box4 .box2{ font-size: 2rem; font-weight: bold; margin-top: 0.8rem; }
.ppzx-box4 .box3{ padding: 1rem 0 0; position: relative; z-index: 2;}
.ppzx-box4 .box4{ border-top: 1px solid #868686; border-bottom: 1px solid #868686; font-size: 1rem; color: #4F4F4F; line-height: 1.8; margin-top: 1rem; padding: 1rem 0;}
.ppzx-box4 .box5{ font-size: 1.625rem; font-weight: bold; margin-top: 2.75rem; }
.ppzx-box4 .box6 ul li{ width: 100%; float: left; margin-top: 1.4rem;}
.ppzx-box4 .box6 ul li a{ width: 100%; float: left; display: flex; }
.ppzx-box4 .box6 ul li a p{ width: 100%; flex: 1; padding: 0 1.75rem; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ppzx-box4 .box6 ul li a p::after{ content: ''; width: 1rem; height: 1px; background: #E60012; position: absolute; left: 0; top: 50%; }
.ppzx-box4 .box6 ul li a span{ font-size: 0.8125rem; color: #767676; }

.yyal-box1{ text-align: center;}
.yyal-box1 span{ display: block; margin-top: 5rem; font-size: 3rem; font-weight: lighter; }
.yyal-box1 p{ font-size: 0.875rem; line-height: 2; color: #86868b; margin-top: 1rem; }
.yyal-box2{ margin-top: 2rem;}
.yyal-box2 img{ display: block; width: 100%;}
.yyal-box3 .center-block{ background: #fff; padding: 2rem 2.375rem; position: relative; z-index: 2; box-shadow: 0 0 2rem rgba(0,0,0,0.05); margin-top: -2.75rem; }
.yyal-box3 .center-block span{ width: 11.25rem; font-size: 1.375rem; line-height: 1.6;}
.yyal-box3 .center-block div{ flex: 1; padding-left: 7.5rem;}
.yyal-box3 .center-block div p{ font-size: 0.875rem; color: #515151; line-height: 1.8; }
.yyal-box3 .center-block div a{ margin-top: 3.125rem; color: #E60012; position: relative; font-size: 0.875rem; display: inline-block; }
.yyal-box3 .center-block div a::after{ content: ''; width: 1.5rem; height: 100%; position: absolute; left: 100%; top: 0; background: url(../images/icon_jt2_h.png) no-repeat right; background-size: 3rem; transform: rotate(180deg); transition: all .6s; margin-left: 0.6rem; }
.yyal-box3 .center-block div a:hover::after{ width: 3rem;}
.yyal-box4{ position: relative; z-index: 2; padding-bottom: 4.375rem;}
.yyal-box4 .box-info1{ font-size: 11.25rem; font-family: 'syht-h'; color: rgba(21,21,21,0.06); font-weight: bold; text-transform: uppercase; line-height: 1; margin: -5rem 0 0 -0.8rem; pointer-events: none; }
.yyal-box4 .box-info2 ul{ display: grid; grid-template-columns: 1fr 1fr; }
.yyal-box4 .box-info2 ul li{ width: 100%; float: left; padding: 0 4.375rem; }
.yyal-box4 .box-info2 ul li:nth-child(2n){ margin-top: 5.625rem; margin-left: -1.875rem;}
.yyal-box4 .box-info2 ul li .imgs{ width: 34.6875rem; height: 23.75rem; float: left; overflow: hidden; transition: all .6s; box-shadow: 0 0 1rem rgba(0,0,0,0.03); }
.yyal-box4 .box-info2 ul li .imgs img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s;}
.yyal-box4 .box-info2 ul li .info{ width: 30.625rem; float: left; background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,0.03); color: #151515; padding: 1.75rem; margin: -6rem 0 0 11.25rem; position: relative; z-index: 2; transition: all .6s; }
.yyal-box4 .box-info2 ul li .info span{ color: #151515; display: block; font-size: 1.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .6s;}
.yyal-box4 .box-info2 ul li .info p{ font-size: 0.875rem; line-height: 1.8; color: #515151; margin-top: 0.5rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 3.125rem; transition: all .6s; }
.yyal-box4 .box-info2 ul li .info i{ margin-top: 3.125rem; color: #E60012; position: relative; font-size: 0.875rem; display: inline-block; transition: all .6s; }
.yyal-box4 .box-info2 ul li .info i::after{ content: ''; width: 1.5rem; height: 100%; position: absolute; left: 100%; top: 0; background: url(../images/icon_jt2_h.png) no-repeat right; background-size: 3rem; transform: rotate(180deg); transition: all .6s; margin-left: 0.6rem; }
.yyal-box4 .box-info2 ul li:hover .info i::after{ width: 3rem; background-image: url(../images/icon_jt1_2.png);}
.yyal-box4 .box-info2 ul li:hover .imgs{ transform: scale(0.97);}
.yyal-box4 .box-info2 ul li:hover .imgs img{ transform: scale(1.1);}
.yyal-box4 .box-info2 ul li:hover .info{ background: #E60012;}
.yyal-box4 .box-info2 ul li:hover .info span,
.yyal-box4 .box-info2 ul li:hover .info p,
.yyal-box4 .box-info2 ul li:hover .info i{ color: #fff;}

.yyal-box5{ padding-bottom: 5.625rem;}
.yyal-box5 .all-more{ width: 13.75rem; color: #E60012; font-size: 0.8125rem;}
.yyal-box5 .all-more:hover{ color: #fff;}

.yyal-box6{ height: 18.75rem; background-position: center 4.375rem; background-attachment: fixed; background-size: auto 18.75rem; }
.yyal-box7{ position: relative; z-index: 2; background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,0.1); padding: 2rem 2.5rem; margin-top: -3.125rem; }
.yyal-box7 .box1{ font-size: 1.375rem; font-weight: bold; }
.yyal-box7 .box2 div{ float: left; margin-top: 1.75rem; border-right: 1px solid #E1E1E1; padding-right: 3.75rem; margin-right: 3.75rem; }
.yyal-box7 .box2 div span{ display: block; font-size: 0.875rem; color: #515151; }
.yyal-box7 .box2 div p{ font-size: 1rem; color: #151515; margin-top: 0.875rem; }
.yyal-box7 .box2 div:last-child{ margin-right: 0; border-right-width: 0;}

.yyal-box8{ padding: 4.375rem 2.5rem; font-size: 1rem;  color: #515151; line-height: 2;}

.yyal-box9 .box1{ text-align: center;}
.yyal-box9 .box1 span{ display: block; font-size: 3rem; }
.yyal-box9 .box1 p{ margin-top: 1.5rem; line-height: 1.8; font-size: 0.875rem; color: #515151; }
.yyal-box9 .box2{ margin-top: 2rem;}

.yyal-box10{ background: #f5f5f7; padding: 5rem 0 0; margin-top: 5rem; }
.yyal-box10 .top-box{ font-size: 3rem; text-align: center;}
.yyal-box10 .yyal-box4 .box-info2 ul li,.yyal-box10 .yyal-box4 .box-info2 ul li:nth-child(2n){ margin-top: 3.75rem;}

.city-box1 img{ width: 100%; display: block; object-fit: cover;}
.city-box2{ padding: 4.125rem 0; font-size: 1rem; line-height: 1.8; }
.city-box3{ padding: 5rem 0;}
.city-box3 .top-box .box1{ font-size: 8.75rem; font-family: 'syht-h'; color: #E5E5E5; text-transform: uppercase; line-height: 1; margin-left: -4.375rem; }
.city-box3 .top-box .box2{ font-size: 3rem; font-weight: lighter; margin-top: -1rem; padding-bottom: 1.6rem; position: relative; line-height: 1; }
.city-box3 .top-box .box2::after{ content: ''; width: 1.5rem; height: 2px; background: #E60012; position: absolute; left: 0; bottom: 0;}
.city-box3 .top-box .box3{ font-size: 0.875rem; line-height: 1.8; margin-top: 1.5rem; color: #86868b; }
.city-box3 .lower-box .box1{ margin-top: 3rem;}
.city-box3 .lower-box .box1 input,
.city-box3 .lower-box .box3 .text{ width: 31.5%; height: 4.125rem; box-shadow: 0 0 1rem rgba(0,0,0,0.05); padding: 0 1.25rem; border: none; border-radius: 0.125rem;  }
.city-box3 .lower-box .box2 textarea{ width: 100%; height: 13.4375rem; box-shadow: 0 0 1rem rgba(0,0,0,0.05); padding: 1.25rem; border: none; border-radius: 0.125rem; margin-top: 2.25rem; font-family: "Arial", "Microsoft Yahei", "微软雅黑", "Microsoft JhengHei", "微软正黑体", sans-serif; }
.city-box3 .lower-box .box3{ display: flex; position: relative; margin-top: 2.25rem;}
.city-box3 .lower-box .box3 img{ width: 15.625rem; height: 4.125rem; margin-left: 2.9%; cursor: pointer; box-shadow: 0 0 1rem rgba(0,0,0,0.05); border-radius: 0.125rem; }
.city-box3 .lower-box .btns{ width: 11.875rem; height: 3.75rem; background: #E60012; color: #fff; font-size: 1.125rem; border: none; cursor: pointer; position: absolute; right: 0; top: 0; }


.home-box1{ height: calc(100vh + 6rem); padding-bottom: 6rem; overflow: hidden;}
.home-box1 .swiper{ overflow: initial;}
.home-box1 .swiper .swiper-info .center-block{ color: #151515;}
.home-box1 .swiper .swiper-info .center-block::before{ /* width: 49rem; height: 100vh; left: -4rem; top: auto; bottom: -7rem; */ background: url(../images/bg_4.png) no-repeat center; background-size: 100% 93%; box-shadow: none; transform: scale(1.35); transform-origin: center; transition: all .6s; }
.home-box1 .swiper .swiper-info .center-block.out::before{ transform: scale(0); }
.home-box1 .swiper .swiper-info .center-block .info .box1{ background-image: url(../images/icon_1_1.png);}
.home-box1 .swiper .swiper-info .center-block .info .box3 .all-more{ border: 1px solid #E60012; color: #E60012; border-radius: 0.5rem; }
.home-box1 .swiper .swiper-info .center-block::after{ background-image: url(../images/icon_zt2.png); }
.home-box1 .sdown{ bottom: 16rem;}
.home-box2{ margin-top: -6rem;}
.home-box2 .all-title .f-r .all-more{ background: none; border: none; position: relative; z-index: 1; }
.home-box2 .all-title .f-r .all-more:hover{ color: #E60012;}
.home-box2 .all-title .f-r .all-more::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: url(../images/bg_5.png) no-repeat center; background-size: contain; transform: scale(3); }
.home-box3 .lower-box .box-info2 .center-block{ background: none; position: relative; z-index: 1; }
.home-box3 .lower-box .box-info2 .center-block::after{ content: ''; width: 100%; height: 100%; background: url(../images/bg_6.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: -1; transform: scale(1.2);  }
.home-box3 .lower-box .box-info3 .w-1400{ width: 93%;}
.home-box3 .lower-box .box-info3 .between-center{ height: 5rem; background: none; position: relative; z-index: 1;}
.home-box3 .lower-box .box-info3 .between-center::after{ content: ''; width: 100%; height: 100%; background: url(../images/bg_7.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: -1; transform: scale(1.5); }
.home-box4 .lower-box{ background: url(../images/bg_8.png) no-repeat right; background-size: 52% 100%;}
.home-box4 .lower-box .box-info5{ color: #151515;}
.home-box4 .lower-box .box-info5 .all-title .box1::after{ background: #E60012;}
.home-box4 .lower-box .box-info5 .all-title .box2{ color: #151515;}
.home-box4 .lower-box .box-info5 .all-title .all-more{ border: none; color: #151515; position: relative; z-index: 1; }
.home-box4 .lower-box .box-info5 .all-title .all-more::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: url(../images/bg_9.png) no-repeat center; background-size: contain; transform: scale(3); }
.home-box5 .box-info3 .all-more,
.home-box4 .box-info1 .all-title .all-more{ border: none; background: none; position: relative; z-index: 1; }
.home-box5 .box-info3 .all-more::after,
.home-box4 .box-info1 .all-title .all-more::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: url(../images/bg_10.png) no-repeat center; background-size: contain; transform: scale(3); }
.home-box5 .box-info3 .all-more:hover,
.home-box4 .box-info1 .all-title .all-more:hover{ color: #E60012;}
.head-box .head-menu .bg{ background: url(../images/bg_11.png) no-repeat center; background-size: 100% 100%;}
.head-box .head-menu>.center-center .box-info1::after{ background: rgba(255,255,255,0.3);}
.head-box .head-menu>.center-center .box-info3{ border-color: rgba(255,255,255,0.3);}

.fr-box{ width: 7.8125rem; position: fixed; right: 1rem; bottom: 4vh; z-index: 90; }
.fr-box .box-info1{ width: 100%; height: 16.0625rem; background: url(../images/bg_12.png) no-repeat center; background-size: 100% 100%; padding: 0 0.75rem; }
.fr-box .box-info1 .center-center{ height: 33.33%; border-bottom: 1px solid rgba(50,50,50,0.22); position: relative; }
.fr-box .box-info1 .center-center i{ height: 1.5rem;}
.fr-box .box-info1 .center-center i img{ display: inline-block; height: 100%; object-fit: contain; transition: all .6s; }
.fr-box .box-info1 .center-center p{ font-size: 0.8125rem; margin-top: 0.5rem; color: #151515; }
.fr-box .box-info1 .center-center:last-child{ border: none;}
.fr-box .box-info1 .center-center div{ width: 10.625rem; height: 10.625rem; background: url(../images/bg_14.png) no-repeat center; position: absolute; right: 100%; top: 50%; margin: -5.3125rem 1.5rem 0 0; padding: 0.625rem; opacity: 0; pointer-events: none; transition: all .6s; }
.fr-box .box-info1 .center-center:hover i img{ transform: rotateY(360deg);}
.fr-box .box-info1 .center-center:hover div{ opacity: 1;}
.fr-box .box-info2{ width: 6.0625rem; height: 6.0625rem; background: url(../images/bg_13.png) no-repeat center; background-size: 100% 100%; margin-top: 3rem; position: relative; cursor: pointer; opacity: 0; transition: all .6s; }
.fr-box .box-info2::after{ content: ''; width: 3.125rem; height: 3.125rem; background: url(../images/icon_jt1_h.png) no-repeat center; background-size: 100%; position: absolute; left: 50%; top: 50%; margin: -1.5625rem 0 0 -1.5625rem; transform: rotate(-90deg); }
.fr-box .box-info2:hover::after{ animation: upDown1 1.5s infinite linear;}
.goTop{ display: none;}
.fr-box .box-info2.active{ opacity: 1;}

.all-center-box{ padding-top: 4.375rem;}
.head-box{ padding: 0 7.5rem; background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,0.02);}
.head-box .f-l{ width: auto; height: auto; background: none;}
.head-box .f-l img{ height: 3.125rem;}
.head-box .f-r{ display: none;}
.head-box .f-c ul li{ margin: 0 0 0 3.75rem;}
.head-box .f-c ul li span a{ line-height: 4.375rem; font-weight: normal; }
.head-box .f-c ul li::after{ display: none;}
.head-box .f-c ul li.active span a{ color: #E60012;}
.head-box .f-c ul li div{ width: 8rem; background: #fff; box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,0.02); border-radius: 0 0 0.5rem 0.5rem; position: absolute; left: 50%; top: 100%; margin-left: -4rem; display: block; padding: 0.5rem 0; transition: all .3s; opacity: 0; pointer-events: none; transform: translate(0,1rem);  }
.head-box .f-c ul li div a{ width: 100%; float: left; text-align: center; font-size: 0.875rem; padding: 0.5rem 0; }
.head-box .f-c ul li:hover div{ opacity: 1; pointer-events: auto; transform: translate(0,0); }

@media screen and (min-width:1024px){
.home-box1{ padding: 1.875rem 7.5rem; background: #f5f5f7; height: 47.5rem; }
.home-box1 .swiper{ padding: 0; overflow: hidden; border-radius: 1.25rem; box-shadow: 0 0 1rem rgba(210,210,210,0.1); }
.home-box1 .swiper .swiper-imgs{ height: 100%; }
.home-box1 .swiper .swiper-btn{ z-index: 20; bottom: 0;}
.home-box1 .swiper .swiper-info{ padding: 0;}
.home-box1 .swiper .swiper-info .w-1400{ width: 100%; padding: 0 5rem; display: flex; align-items: center; justify-content: end; }
.home-box1 .swiper .swiper-btn .w-1400{ width: 69.6%; padding: 0 5rem; float: left; }
.home-box1 .swiper .swiper-btn .f-r{ width: 31.25rem; text-align: center;}
.home-box1 .swiper .swiper-btn .f-r span{ width: 100%;}
.home-box1 .swiper .swiper-info .center-block::after{ display: none;}
.home-box1 .swiper .swiper-info .center-block{ width: 28.125rem; height: 38.125rem; }
.home-box1 .swiper .swiper-info .center-block .info{ padding: 3rem;}
}

.new-all-title{ margin-top: 5.625rem; text-align: center;}
.new-all-title .box1{ font-size: 3rem; font-weight: lighter;}
.new-all-title .box2{ font-size: 0.875rem; color: #86868b; margin-top: 1.25rem; line-height: 1.6; }

.new-home-bg{ background: url(../images/bg_2.png) no-repeat #f5f5f7; background-size: 90.625rem; background-position: center 68%; }
.new-home-box1 .center-block ul{ display: flex; gap: 2.125rem; margin-top: 3.75rem;}
.new-home-box1 .center-block ul li{ width: 28.125rem; height: 43.125rem; border-radius: 1.25rem; box-shadow: 0 0 1.25rem rgba(0,0,0,0.04); background-position: bottom; background-repeat: no-repeat; background-size: 100%; background-color: #fff; position: relative; overflow: hidden; }
.new-home-box1 .center-block ul li .center-center{ width: 100%; height: 50%; padding: 1.875rem; position: absolute; left: 0; top: 0; transition: all .6s;}
.new-home-box1 .center-block ul li .center-center>div{ width: 100%; }
.new-home-box1 .center-block ul li .box1 span{ display: block; font-size: 1.625rem; font-weight: bold; }
.new-home-box1 .center-block ul li .box1 p{ font-size: 1rem; color: #86868b; margin-top: 0.5rem; }
.new-home-box1 .center-block ul li .box2{ height: 13rem; font-size: 0.9375rem; color: #151515; margin-top: 1rem; line-height: 2; opacity: 0; transition: all .6s; }
.new-home-box1 .center-block ul li .box3{ width: 2.125rem; height: 2.125rem; background: url(../images/icon_13.png) no-repeat center #000; background-size: 0.75rem; border-radius: 100%; position: absolute; right: 1.875rem; top: 1.875rem; z-index: 2; transition: all .6s; }
.new-home-box1 .center-block ul li .box4{ width: 6.75rem; height: 6.75rem; background: url(../images/icon_14.png) no-repeat center; background-size: 100%; position: absolute; right: 0; bottom: 0;  transition: all .6s; }
.new-home-box1 .center-block ul li:hover .center-center{ background: #fff; height: 100%;}
.new-home-box1 .center-block ul li:hover .box2{ opacity: 1;}
.new-home-box1 .center-block ul li:hover .box3{ background-color: #e60012; transform: rotate(135deg); }
.new-home-box1 .center-block ul li:hover .box4{ background-image: url(../images/icon_14_1.png); background-size: 70%;}

.new-home-box2{ overflow: hidden;}
.new-home-box2 .center-block .swiper-wrapper{transition-duration: 600ms !important;}
.new-home-box2 .center-block .swiper{ overflow: initial; padding: 0 2rem; margin-top: 3.125rem;}
.new-home-box2 .center-block .swiper .swiper-slide{ width: max-content; display: flex; cursor: grab; }
.new-home-box2 .center-block .swiper .swiper-slide:active{ cursor: grabbing;}
.list-box1 ul{ display: flex; gap: 2rem;}
.list-box1 ul li{ width: 22.5rem; height: 39.375rem; background: #fff; border-radius: 1.25rem; overflow: hidden; position: relative; padding: 2.9375rem 2.5rem; transition: all .4s; }
.list-box1 ul li .box-info1{ width: 100%; height: 28.125rem; border: 2px solid #999; border-radius: 1.25rem; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; font-size: 1.5rem; font-weight: bold; padding: 1.25rem 1rem; position: relative; z-index: 2; transition: all .4s; }
.list-box1 ul li .box-info2{ width: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient(0deg,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 70%); padding: 7.5rem 2rem 2rem; transition: all .4s; }
.list-box1 ul li .box-info2 p{ font-size: 1.25rem; font-weight: bold; text-align: center; padding-bottom: 2.5rem; transition: all .4s; background: url(../images/icon_23.png) no-repeat bottom; background-size: 1.5rem; }
.list-box1 ul li .box-info3{ width: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient(0deg,rgba(255,255,255,1) 45%,rgba(255,255,255,0)); padding: 15rem 2rem 2rem; transition: all .4s; opacity: 0; transform: translate(0,3rem); z-index: 3; }
.list-box1 ul li .box-info3 .box1{ font-size: 1.625rem; font-weight: bold; transition: all .4s; }
.list-box1 ul li .box-info3 .box2{ width: 46.875rem; display: flex; align-items: center; margin-top: 1rem; line-height: 1.8; font-size: 0.9375rem; transition: all .4s; }
.list-box1 ul li .box-info3 .box2 div:nth-child(1){ width: 10rem;}
.list-box1 ul li .box-info3 .box2 div:nth-child(2){ flex: 1;}
/*.list-box1 ul li:nth-child(2){ background-color: #d4dbf1;}
.list-box1 ul li:nth-child(3){ background-color: #a4c3ea;}
.list-box1 ul li:nth-child(4){ background-color: #f3bdc1;}
.list-box1 ul li:nth-child(5){ background-color: #c7e1f3;}
.list-box1 ul li:nth-child(6){ background-color: #ffae9e;}*/

@media screen and (min-width:1024px){
.list-box1 ul li.active{ width: 52.5rem; padding: 0; }
.list-box1 ul li.active .box-info1{ border: none; font-size: 3rem; border-radius: 0; }
.list-box1 ul li.active .box-info2{ opacity: 0;}
.list-box1 ul li.active .box-info3{ opacity: 1; transform: translate(0,0);}
}

.new-home-box3{ padding: 5.9375rem 0; }
.new-home-box3 .center-center{ background: #fff; border-radius: 1.25rem; padding: 4.6875rem 0; }
.new-home-box3 .center-center .box1{ background: url(../images/bg_16.png) no-repeat center fixed; background-size: 87.5rem; overflow: hidden; }
.new-home-box3 .center-center .box1 img{ display: block; height: 8.875rem; }
.new-home-box3 .center-center .box2{ font-size: 2.125rem; margin-top: 1.875rem; font-weight: bold; }
.new-home-box3 .center-center .box3{ font-size: 1rem; color: #86868b; margin-top: 1rem; text-align: center; line-height: 1.8; }
.new-home-box3 .center-center .box4{ width: 11.25rem; line-height: 3.375rem; border: 1px solid #e60012; border-radius: 0.5rem; text-align: center; font-size: 0.9375rem; margin-top: 3.125rem; }
.new-home-box3 .center-center .box4:hover{ background: #E60012; color: #fff;}

.foot-box{ background: #f5f5f7; border-top: 1px solid #eaeaea; color: #666;  }
.foot-box a{ color: #666;}
.foot-box .top-box .f-r ul li span,.foot-box .top-box .f-r ul li span a{ color: #1d1d1f;}
.foot-box a:hover{ color: #e60012;}
.foot-box .lower-box{ border-color: #dfdfe1;}
.foot-box .lower-box .f-r{ display: flex; }
.foot-box .lower-box .f-r a{ width: 2.8125rem; height: 2.8125rem; border: 1px solid #999; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: relative; margin-left: 1rem; }
.foot-box .lower-box .f-r a img:nth-child(1){ width: 1.5rem;}
.foot-box .lower-box .f-r a img:nth-child(2){ width: 7.5rem; height: 7.5rem; position: absolute; left: 50%; bottom: 100%; margin: 0 0 1rem -3.75rem; max-width: initial; opacity: 0; transition: all .6s; }
.foot-box .lower-box .f-r a:hover img{ opacity: 1;}

.xtfa-box1{ background: url(../images/bg_17.jpg) no-repeat center; background-size: cover; height: 43rem; }
.xtfa-box1 .w-1400{ position: relative; height: 100%; }
.xtfa-box1 .f-r{ width: 58.125rem; height: 100%; position: absolute; right: -4.375rem; top: 0; }
.xtfa-box1 .f-r img{ width: 100%; height: 100%; object-fit: contain; }
.xtfa-box1 .f-l{ position: absolute; left: 0; bottom: 3.125rem; padding-bottom: 6rem; transition: all .6s; }
.xtfa-box1 .f-l .box-info1 span{ display: inline-block; position: relative; font-size: 6.25rem; font-weight: bold; color: #A1A1A1; background: url(../images/icon_6.png) no-repeat right top; background-size: 3rem; padding-right: 5rem; line-height: 1; }
.xtfa-box1 .f-l .box-info2{ font-size: 3rem; font-weight: lighter; }
.xtfa-box1 .f-l .box-info3{ display: flex; align-items: center; position: absolute; left: 0; bottom: 0; }
.xtfa-box1 .f-l .box-info3 span{ display: flex; align-items: center; }
.xtfa-box1 .f-l .box-info3 span img{ height: 0.9375rem; display: inline-block;}
.xtfa-box1 .f-l .box-info3 i{ width: 5rem; height: 5rem; font-size: 0.9375rem; color:#666; display: flex; align-items: center; justify-content: center; margin-left: 1.5rem; position: relative; z-index: 1; cursor: pointer; }
.xtfa-box1 .f-l .box-info3 i::after{ content: ''; width: 7rem; height: 7rem; background: url(../images/bg_18.png) no-repeat center; background-size: 100%; position: absolute; left: 50%; top: 50%; margin: -3.5rem 0 0 -3.5rem; }
.xtfa-box1 .f-l .box-info3 i:hover{ color: #e60012;}
.xtfa-box1 .f-l .box-info4{ height: 0; overflow: hidden; transition: all .6s; }
.xtfa-box1 .f-l .box-info4 p{ padding-left: 1.5rem; background: url(../images/icon_16.png) no-repeat left; background-size: 1.125rem; font-size: 0.875rem; margin-top: 1rem; }
.xtfa-box1 .f-l.active{ padding-bottom: 0;}
.xtfa-box1 .f-l.active .box-info3{ position: relative; margin: 0 0 0.8rem; transform: translate(-4rem,0);}
.xtfa-box1 .f-l.active .box-info3 i{ display: none;}
.xtfa-box1 .f-l.active .box-info4{ height: auto; min-height: 21.8rem;}

.xtfa-box2{ margin-top: 3.75rem;}
.xtfa-box2 .top-box{ text-align: center; font-size: 3rem; font-weight: lighter; padding-bottom: 0.8rem; position: relative; }
.xtfa-box2 .top-box::after{ content: ''; width: 1.5rem; height: 0.125rem; background: #e60012; position: absolute; left: 50%; bottom: 0; margin-left: -0.75rem; }
.xtfa-box2 .lower-box{ margin-top: 2.1875rem; display: flex;}
.xtfa-box2 .lower-box .f-l{ width: 11.625rem;}
.xtfa-box2 .lower-box .f-l .center-center{ height: 6.25rem; background: #f5f5f7; border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; cursor: pointer; transition: all .6s; }
.xtfa-box2 .lower-box .f-l .center-center:last-child{ border-bottom: 1px solid #E6E6E6;}
.xtfa-box2 .lower-box .f-l .center-center img{ width: 1.6875rem;}
.xtfa-box2 .lower-box .f-l .center-center span{ font-size: 1.125rem; font-weight: bold; margin-left: 1rem; transition: all .6s;}
.xtfa-box2 .lower-box .f-r{ width: 100%; flex: 1; position: relative; border: 1px solid #E6E6E6; border-left-width: 0px; }
.xtfa-box2 .lower-box .f-r .center-block{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; background: #fff; opacity: 0; transition: all .6s; }
.xtfa-box2 .lower-box .f-r .center-block .box1{ width: 32.7rem; padding: 2.5rem 3rem; color: #555; line-height: 1.8; font-size: 0.875rem; overflow: auto; }
.xtfa-box2 .lower-box .f-r .center-block .box2{ flex: 1;}
.xtfa-box2 .lower-box .f-r .center-block .box2 img{ width: 100%; height: 100%; display: block; object-fit: cover; }

.xtfa-box2 .lower-box .f-l .center-center.active{ background: #e60012;}
.xtfa-box2 .lower-box .f-l .center-center.active span{ color: #fff;}
.xtfa-box2 .lower-box .f-r .center-block.active{ opacity: 1;}

.xtfa-box3 .top-box{ border-bottom: 1px solid #f5f5f7; margin-top: 5rem; }
.xtfa-box3 .top-box .between-center{ gap: 10rem;}
.xtfa-box3 .top-box .between-center span{ font-size: 1.625rem; padding-bottom: 1.125rem; position: relative; transition: all .6s; cursor: pointer; }
.xtfa-box3 .top-box .between-center span::after{ content: ''; width: 1.5rem; height: 0.125rem; background: #e60012; position: absolute; left: 50%; bottom: 0; margin-left: -0.75rem; opacity: 0; transition: all .6s; }
.xtfa-box3 .top-box .between-center span.active{ color: #e60012;}
.xtfa-box3 .top-box .between-center span.active::after{ opacity: 1;}
.xtfa-box3 .lower-box{ padding-bottom: 5rem;}
.xtfa-box3 .lower-box .box-info1{ position: relative; margin-top: 2rem;}
.xtfa-box3 .lower-box .box-info1 .swiper-button-next,.xtfa-box3 .lower-box .box-info1 .swiper-button-prev{ width: 9.9375rem; height: 9.9375rem; background-size: contain; background-position: center; background-repeat: no-repeat; }
.xtfa-box3 .lower-box .box-info1 .swiper-button-next::after,.xtfa-box3 .lower-box .box-info1 .swiper-button-prev::after{ display: none;}
.xtfa-box3 .lower-box .box-info1 .swiper-button-prev{ left: -10rem; background-image: url(../images/icon_21.png);}
.xtfa-box3 .lower-box .box-info1 .swiper-button-next{ right: -10rem; background-image: url(../images/icon_22.png);}
.xtfa-box3 .lower-box .box-info2{ margin-top: 3.125rem; font-size: 2.25rem; }
.xtfa-box3 .lower-box .box-info3{ overflow: auto; margin-top: 1.25rem; border: 1px solid #e8e8e8;}
.xtfa-box3 .lower-box .box-info3 table{ width: 100%; font-size: 1rem;}
.xtfa-box3 .lower-box .box-info3 table thead tr{ background: #f3f3f3; color:#4d4d4d; }
.xtfa-box3 .lower-box .box-info3 table thead tr th,
.xtfa-box3 .lower-box .box-info3 table tbody tr td{ padding: 1.25rem 2.375rem; text-align: left; transition: all .6s; }
.xtfa-box3 .lower-box .box-info3 table tbody tr td{ border-bottom: 1px solid #e8e8e8;}
.xtfa-box3 .lower-box .box-info3 table tbody tr:first-child td:first-child{ font-weight: bold;}
.xtfa-box3 .lower-box .box-info3.style1 table thead tr th:nth-child(2){ color: #e60012;}
.xtfa-box3 .lower-box .box-info3.style1 table tbody tr:nth-child(1) td:nth-child(2){ color: #e60012;}
.xtfa-box3 .lower-box .box-info3.style1 table tbody tr td:nth-child(1){ color: #e60012;}
.xtfa-box3 .lower-box .box-info3.style1 table tbody tr:nth-child(1) td:nth-child(1){ color: #151515;}

.xtfa-box3 .lower-box .box-info3.style2 table thead tr th:nth-child(3){ color: #e60012;}
.xtfa-box3 .lower-box .box-info3.style2 table tbody tr:nth-child(1) td:nth-child(3){ color: #e60012;}
.xtfa-box3 .lower-box .box-info3.style2 table tbody tr td:nth-child(2){ color: #e60012;}
.xtfa-box3 .lower-box .box-info3.style2 table tbody tr:nth-child(1) td:nth-child(2){ color: #151515;}

.xtfa-box3 .lower-box .box-info3.style3 table thead tr th:nth-child(4){ color: #e60012;}
.xtfa-box3 .lower-box .box-info3.style3 table tbody tr:nth-child(1) td:nth-child(4){ color: #e60012;}
.xtfa-box3 .lower-box .box-info3.style3 table tbody tr td:nth-child(3){ color: #e60012;}
.xtfa-box3 .lower-box .box-info3.style3 table tbody tr:nth-child(1) td:nth-child(3){ color: #151515;}

.xtfa-box3 .lower-box .box-info3.style4 table thead tr th:nth-child(5){ color: #e60012;}
.xtfa-box3 .lower-box .box-info3.style4 table tbody tr:nth-child(1) td:nth-child(5){ color: #e60012;}
.xtfa-box3 .lower-box .box-info3.style4 table tbody tr td:nth-child(4){ color: #e60012;}
.xtfa-box3 .lower-box .box-info3.style4 table tbody tr:nth-child(1) td:nth-child(4){ color: #151515;}

.xtgc-box1 ul{ display: flex; gap: 2rem; margin-top: 2.5rem; padding-bottom: 0.625rem; }
.xtgc-box1 ul li{ width: 23.375rem; height: 34.0625rem; position: relative; border-radius: 1.25rem; padding: 3rem 2.5rem; transition: all .6s; box-shadow: 0 0 1rem rgba(0,0,0,0.03); }
.xtgc-box1 ul li::after{ content: ''; width: 1.5rem; height: 1.5rem; background: url(../images/icon_23.png) no-repeat center; background-size: contain; position: absolute; left: 50%; bottom: -3.75rem; margin-left: -0.75rem; transition: all .6s; }
.xtgc-box1 ul li:nth-child(1){ background: linear-gradient(180deg,#d4dbf1 20%,#ffffff);}
.xtgc-box1 ul li:nth-child(2){ background: linear-gradient(180deg,#766060 20%,#ffffff);}
.xtgc-box1 ul li:nth-child(3){ background: linear-gradient(180deg,#b2c8de 20%,#ffffff);}
.xtgc-box1 ul li .column-between{ width: 100%; height: 100%; background-position: center; background-size: cover; border: 2px solid #151515; border-radius: 1.25rem; padding: 1.25rem 1rem; font-weight: bold; transition: all .6s; position: relative; }
.xtgc-box1 ul li .box1{ color: #fff;}
.xtgc-box1 ul li .box1 span{ font-size: 2rem; display: block; height: 0; overflow: hidden; margin-bottom: 0.5rem; transition: all .6s; }
.xtgc-box1 ul li .box1 p{ font-size: 1.25rem;}
.xtgc-box1 ul li .box2{ font-size: 1.25rem; text-align: center; transition: all .6s; }
.xtgc-box1 ul li .box3{ position: absolute; right: 2.8125rem; bottom: 2.25rem; transition: all .6s; display: flex; align-items: center; opacity: 0; gap: 1.375rem; transform: scale(0); }
.xtgc-box1 ul li .box3 span{ width: 6.5rem; height: 6.5rem; background: url(../images/icon_24.png) no-repeat center; background-size: contain; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.125rem; text-align: center; }
.xtgc-box1 ul li .box3 i{ width: 2.125rem; height: 2.125rem; background: url(../images/icon_25.png) no-repeat center; background-size: 100%; }

@media screen and (min-width:1024px){
.xtgc-box1 ul li.active{ width: 52.8125rem; padding: 0;}
.xtgc-box1 ul li.active::after{ opacity: 0;}
.xtgc-box1 ul li.active .column-between{ padding: 2.625rem; border: none; }
.xtgc-box1 ul li.active .box1 span{ height: 2.625rem; }
.xtgc-box1 ul li.active .box1 p{ font-size: 1.5rem;}
.xtgc-box1 ul li.active .box2{ opacity: 0;}
.xtgc-box1 ul li.active .box3{ opacity: 1; transform: scale(1);}
}

.xtgc-box2 ul{ display: grid; grid-template-columns: repeat(4,1fr); gap: 2.1875rem; margin-top: 2.8125rem; }
.xtgc-box2 ul li{ width: 100%; background: #fff; border-radius: 1.25rem; box-shadow: 0 0 1rem rgba(0,0,0,0.03); overflow: hidden; }
.xtgc-box2 ul li .info{ height: 12.8125rem; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; z-index: 2; transition: all .6s; text-align: center; padding: 0 1rem; }
.xtgc-box2 ul li .info span{ font-size: 1.5rem; font-weight: bold;}
.xtgc-box2 ul li .info p{ font-size: 0.9375rem; font-weight: bold; color: #86868b; margin-top: 1rem; }
.xtgc-box2 ul li .info a{ font-size: 0.875rem; color: #e60012; margin-top: 1.2rem; }
.xtgc-box2 ul li .imgs{ height: 19.625rem;}
.xtgc-box2 ul li .imgs img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.xtgc-box2 ul li:hover .info{ transform: translate(0,0.6rem);}
.xtgc-box2 ul li:hover .imgs img{ transform: scale(1.1); }
.xtgc-box3{ background: #fff; border-radius: 1.25rem; margin-top: 2.3125rem; overflow: hidden; padding: 2rem; }
.xtgc-box3:last-child{ margin-bottom: 5rem;}

.whssj-box1 img{ width: 100%; display: block;}
.whssj-box2{ padding: 3.75rem 0 6.25rem; background: #f5f5f7;}
.whssj-box2 .top-box .box1{ font-size: 8.75rem; font-family: 'syht-h'; color: #E5E5E5; text-transform: uppercase; line-height: 1; margin-left: -4.375rem; }
.whssj-box2 .top-box .box2{ font-size: 3rem; font-weight: lighter; margin-top: -3.5rem; position: relative; line-height: 1; }
.whssj-box2 .top-box .box3{ font-size: 0.875rem; line-height: 1.8; margin-top: 1.5rem; color: #666; }
.whssj-box2 .lower-box{ margin-top: 2.5rem; position: relative; overflow: hidden; }
.whssj-box2 .lower-box img{ width: 100%; display: block; filter: grayscale(100%); }
.whssj-box2 .lower-box div{ width: 0; height: 100%; position: absolute; left: 0; top: 0; background-size: auto 100%; background-position: left; background-color: #f5f5f7; pointer-events: none; transition: all 0.4s linear; }

.whssj-box3{ background: #f9f9fa; padding: 7.3125rem 0 8.625rem; }
.whssj-box3 .f-l{ width: 54.8125rem; height: 41.75rem; overflow: hidden; border-radius: 1.25rem; box-shadow: 0 0 1rem rgba(0,0,0,0.02); position: relative; background: #fff; }
.whssj-box3 .f-l img{ width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0; top: 0; opacity: 0; transition: all .6s; }
.whssj-box3 .f-l img.active{ opacity: 1; z-index: 2; }
.whssj-box3 .f-r{ width: 36.5625rem; }
.whssj-box3 .f-r .top-box .box1{ font-size: 8.75rem; font-family: 'syht-h'; color: #E5E5E5; text-transform: uppercase; line-height: 1; margin-left: -4.375rem; }
.whssj-box3 .f-r .top-box .box2{ font-size: 3rem; font-weight: lighter; margin-top: -3.5rem; position: relative; line-height: 1; }
.whssj-box3 .f-r .top-box .box3{ font-size: 0.875rem; line-height: 1.8; margin-top: 1.5rem; color: #666; }
.whssj-box3 .f-r .lower-box{ margin-top: 2rem;}
.whssj-box3 .f-r .lower-box span{ display: block; line-height: 5rem; position: relative; border-top: 1px solid #eaeaea; font-size: 1.5rem; font-weight: lighter; cursor: pointer; transition: all .6s; }
.whssj-box3 .f-r .lower-box span::before{ content:''; width: 1.5rem; height: 0.125rem; background: #e60012; position: absolute; left: 0; top: -0.125rem; }
.whssj-box3 .f-r .lower-box span.active{ color: #e60012; padding-left: 1rem;}

.sys-box1 .f-l{ width: 32rem;}
.sys-box1 .f-l .box-info1{ white-space: nowrap; font-size: 7.5rem;}
.sys-box1 .f-l .box-info2 .box1{ font-weight: lighter; margin-top: -4rem; padding-bottom: 0; }
.sys-box1 .f-l .box-info2 .box1::after{ display: none;}
.sys-box1 .f-l .box-info2 .box2{ color: #666; margin-top: 0.5rem; }
.sys-box1 .f-l .box-info3{ width: 30rem; background: #eeeeef; border-radius: 1.25rem; padding: 1.25rem; position: relative; }
.sys-box1 .f-l .box-info3::after{ width: 0.75rem; bottom: 4.375rem; }
.sys-box1 .f-l .box-info3 .swiper .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.sys-box1 .f-l .box-info3 .swiper-btn{ position: absolute; left: 0; top: 100%; margin-top: 1.875rem; }
.sys-box1 .f-l .box-info3 .swiper-btn .swiper-button-next,
.sys-box1 .f-l .box-info3 .swiper-btn .swiper-button-prev,
.sys-box1 .f-l .box-info3 .swiper-btn .swiper-pagination{ position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin: 0 !important; }
.sys-box1 .f-l .box-info3 .swiper-btn .swiper-pagination{ width: 3.75rem; font-size: 0.875rem; font-family: Arial; }
.sys-box1 .f-l .box-info3 .swiper-btn .swiper-pagination .swiper-pagination-current{ color: #E60012;}
.sys-box1 .f-l .box-info3 .swiper-btn .swiper-button-next{ transform: rotate(180deg);}
.sys-box1 .f-l .box-info3 .swiper-btn .swiper-button-next,
.sys-box1 .f-l .box-info3 .swiper-btn .swiper-button-prev{ width: 3.125rem; height: 0.4375rem; opacity: 1 !important; background: url(../images/icon_jt2_h.png) no-repeat center; background-size: 100%; transition: all .4s; }
.sys-box1 .f-l .box-info3 .swiper-btn .swiper-button-next.swiper-button-disabled,
.sys-box1 .f-l .box-info3 .swiper-btn .swiper-button-prev.swiper-button-disabled{ background-image: url(../images/icon_jt2.png);}
.sys-box1 .f-l .box-info3 .swiper-btn .swiper-button-next::after,
.sys-box1 .f-l .box-info3 .swiper-btn .swiper-button-prev::after{ display: none;}
.sys-box1 .f-l .box-info3 .swiper-btn .swiper-button-next:hover{ transform: translateX(-0.5rem) rotate(180deg);}
.sys-box1 .f-l .box-info3 .swiper-btn .swiper-button-prev:hover{ transform: translateX(0.5rem);}
.sys-box1 .f-r{ position: relative; z-index: 2;}
.sys-box1 .f-r div{ border-radius: 1.25rem; overflow: hidden; }
.sys-box1 .f-r div::before{ display: none;}
.sys-box2{ overflow: hidden; padding: 4.375rem 0; }
.sys-box2 .top-box .box1{ font-weight: lighter; padding-bottom: 0; }
.sys-box2 .top-box .box1::after{ display: none;}
.sys-box2 .top-box .box2{ color: #666; margin-top: 1rem; }
.sys-box2 .lower-box .swiper{ overflow: initial;}
.sys-box2 .lower-box .swiper .swiper-slide{ width: 35.125rem; height: 23.5625rem; }
.sys-box3{ background: #f9f9fa;}

.sys-box3 .lower-box .swiper .swiper-slide{ width: 21.5625rem;}
.sys-box3 .lower-box .swiper .swiper-slide .center-block{ width: 20rem; float: left; background: #fff; position: relative; overflow: hidden; border-radius: 1.25rem; box-shadow: 0 0 1rem rgba(0,0,0,0.05); padding: 2rem 1.875rem; transition: all .6s; }
.sys-box3 .lower-box .swiper .swiper-slide .center-block i{ display: block;}
.sys-box3 .lower-box .swiper .swiper-slide .center-block i img{ height: 3.4375rem;}
.sys-box3 .lower-box .swiper .swiper-slide .center-block span{ display: block; font-size: 1.5rem; font-weight: bold; margin-top: 1.5rem;}
.sys-box3 .lower-box .swiper .swiper-slide .center-block div{ min-height: 5.25rem; font-size: 0.9375rem; color: #666; line-height: 1.75rem; margin-top: 0.625rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.sys-box3 .lower-box .swiper .swiper-slide .center-block a{ display: inline-block; font-size: 0.875rem; color: #a83042; margin-top: 2rem; padding-right: 1.125rem; position: relative;}
.sys-box3 .lower-box .swiper .swiper-slide .center-block a::after{ content: ''; width: 0.7rem; height: 100%; background: url(../images/icon_jt4.png) no-repeat center; background-size: 100%; position: absolute; right: 0; top: 0; transition: all .6s; }
.sys-box3 .lower-box .swiper .swiper-slide .center-block a.active::after{ transform: rotate(-180deg);}
.sys-box3 .lower-box .swiper .swiper-slide .center-block.active div{ -webkit-line-clamp: initial;}
.sys-box3 .lower-box .swiper .swiper-slide .center-block:hover{ transform: scale(1.02);}
.sys-box3 .lower-box .swiper .swiper-slide a{ width: auto;}
.sys-box3 .lower-box .swiper .swiper-wrapper{ height: auto !important; }
.sys-box3 .lower-box .swiper .swiper-slide{ height: auto !important;}

/* 屏幕分辨率放大为 125 */
@media (-webkit-min-device-pixel-ratio: 1.25) {
  /* html,body {zoom:0.9} */
}
/* 屏幕分辨率放大为 150 */
@media (-webkit-min-device-pixel-ratio: 1.5) {
  /* html,body {zoom:0.8} */
}

/* 小于等于多少高度的样式 */
@media screen and (max-height:700px){
  .head-box .head-menu>.center-center{ display: block;}
}
@media screen and (max-height:600px){
  
}
/* 小于等于多少宽度的样式 */
@media screen and (max-width:1800px){
  body,html{ font-size: calc(100vw / 120);}
}
@media screen and (max-width:1440px){
  body,html{ font-size: calc(100vw / 100);} 
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1180px){
}
@media screen and (max-width:1024px){
  html,body{ font-size: 78%;}
  .w-90{ width: 90% !important;}
  .w-900,.w-1100,.w-1200,.w-1400,.w-1600,.w-1300,.w-1500{ width:90% !important;}
  .div-pc{ display: none;}
  .div-phone{ display: block;}
	.fanye-box{ padding: 1.5rem 0;}
	.fanye-box a,.fanye-box span{ width: 2.3rem; height: 2.3rem; line-height: 2.3rem; margin: 0 0.2rem;}
  .fanye-box .prev, .fanye-box .next{ line-height: 2.2rem;}
  
  .head-box .f-c{ display: none;}
  .head-box .f-l, .head-box .f-r{ width: 10rem; height: 3.5rem;}
  .head-box .f-l img{ height: 2.5rem;}
  .head-box .f-r{ padding: 0 2rem;}
  .head-btn{ height: 1.45rem;}
  
  .all-center-box{ overflow: hidden; padding-top: 3.5rem;}
  
  .home-box1{ height: auto; min-height: initial;}
  .home-box1 .swiper{ padding-bottom: 0; height: auto; }
  .home-box1 .sdown{ display: none; }
  .home-box1 .swiper-wrapper{ position: relative; opacity: 1; }
  .home-box1 .swiper .swiper-imgs{ position: relative; height: 18rem; }
  .home-box1 .swiper .swiper-info{ position: relative; height: 25rem; padding-top: 0; }
  .home-box1 .swiper .swiper-info .w-1400{ width: 100% !important;}
  .home-box1 .swiper .swiper-info .center-block{ width: 100%;}
  .home-box1 .swiper .swiper-info .center-block .info{ padding: 2rem 5%;}
  .home-box1 .swiper .swiper-info .center-block .info .box1{ padding-top: 2rem; background-size: auto 1.5rem; font-size: 1.8rem;}
  .home-box1 .swiper .swiper-info .center-block .info .box2{ font-size: 12px; line-height: 1.6;}
  .home-box1 .swiper .swiper-info .center-block .info .box3{ margin-top: 1.2rem;}
  .home-box1 .swiper .swiper-info .center-block::after{ width: calc(100% - 4rem); left: 2rem; }
  .home-box1 .swiper .swiper-btn{ z-index: 10;}
  .home-box1 .swiper .swiper-btn .f-l .swiper-button-next, .home-box1 .swiper .swiper-btn .f-l .swiper-button-prev{ display: none;}
  .home-box1 .swiper .swiper-btn .w-1400{ padding: 0;}
  .home-box1 .swiper .swiper-btn .f-r{ display: none; }
  .home-box1 .swiper .swiper-btn .f-l,.home-box1 .swiper .swiper-btn .f-l .swiper-pagination{ width: 100%; height: auto; }
  .home-box1 .swiper .swiper-btn .f-l .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
  .home-box1 .swiper .swiper-info .center-block::before{ box-shadow: none;}
  
  .all-more{ width: 8rem; line-height: 2.4rem; font-size: 12px !important; }
  
  .home-box2 .box-info1{ font-size: 9vw;}
  .home-box2 .all-title{ margin-top: -2.5rem;}
  .all-title .box1{ font-size: 1.5rem; padding-bottom: 0.7rem;}
  .all-title .box2{ font-size: 12px; margin-top: 1rem; line-height: 1.8; }
  .all-title .all-more{ margin-top: 1rem;}
  .home-box2 .box-info2{ margin-top: 2rem;}
  .home-box2 .box-info2:before{ display: none;}
  .home-box2 .box-info2 .center-block{ display: block;}
  .home-box2 .box-info2 .center-block::after{ display: none;}
  .home-box2 .box-info2 .center-block .imgs{ width: 100%; height: 18rem; display: block; }
  .home-box2 .box-info2 .center-block .imgs .box1{ width: 6rem; height: 10rem; left: -0.7rem; top: -0.7rem; box-shadow: 0 0 1rem rgba(186,180,168); }
  .home-box2 .box-info2 .center-block:nth-child(2n) .imgs .box1{ right: -0.7rem;}
  .home-box2 .box-info2 .center-block .info{ width: 100%; height: auto; display: block; padding: 1rem 0;}
  .home-box2 .box-info2 .center-block .info .box1{ font-size: 12px;}
  .home-box2 .box-info2 .center-block .info .box1 span{ font-size: 1.3rem !important;}
  .home-box2 .box-info2 .center-block .info .box2{ margin-top: 0.5rem; line-height: 1.8; font-size: 12px; }
  .home-box2 .box-info2 .center-block .info>div{ min-height: initial; padding-bottom: 0; }
  .home-box2 .box-info2 .center-block+.center-block{ margin-top: 1.5rem;}
  
  .head-box .head-menu>.center-center,
  .head-box .head-menu>.center-center .box-info1,
  .head-box .head-menu>.center-center .box-info1 ul{ display: block;}
  .head-box .head-menu>.center-center .box-info1::after{ display: none;}
  .head-box .head-menu>.center-center{ padding-top: 2.5rem; }
  .head-box .head-menu>.center-center .box-info1 ul li{ margin: 0 0 1rem; }
  .head-box .head-menu>.center-center .box-info1 ul li span{ padding-bottom: 0rem;}
  .head-box .head-menu>.center-center .box-info1 ul li div{ display: block; min-height: auto; }
  .head-box .head-menu>.center-center .box-info1 ul li div a{ float: left; margin: 0.5rem 0.8rem 0 0; font-size: 12px; }
  .head-box .head-menu>.center-center .box-info1 ul li::after{ content: ''; display: block; clear: both; }
  .head-box .head-menu>.center-center .box-info2{flex-direction: row; margin-top: 0.5rem;}
  .head-box .head-menu>.center-center .box-info2 div a{ margin: 0 1rem 0 0;}
  .head-box .head-menu>.center-center .box-info2 div a img:nth-child(2){ margin-left: 0; left: 0;}
  .head-box .head-menu>.center-center .box-info3{ display: block; padding: 1.5rem 0; }
  .head-box .head-menu>.center-center .box-info3 .logo{ height: 5rem;}
  .head-box .head-menu>.center-center .box-info3 .info{ padding-top: 1rem;}
  .head-box .head-menu>.center-center .box-info3 .info p{ margin-top: 0.6rem; font-size: 12pxx;}
  
  .home-box3{ padding: 1rem 0;}
  .home-box3 .top-box span{ font-size: 10vw;}
  .home-box3 .top-box p{ font-size: 1.5rem; font-weight: initial; margin-top: -0.85rem;}
  .home-box3 .lower-box{ margin-top: 1rem; min-height: initial;}
  .home-box3 .lower-box .box-info2 .center-block{ width: 90%; padding: 1.5rem; min-height: initial; }
  .home-box3 .lower-box .box-info2{ padding: 2rem 0;}
  .home-box3 .lower-box .box-info2 .center-block .swiper .swiper-btn{ padding-bottom: 1rem;}
  .home-box3 .lower-box .box-info2 .center-block .swiper .box1{ padding-top: 1rem; margin-top: 0.5rem;}
  .home-box3 .lower-box .box-info2 .center-block .swiper .box2{ margin-top: 1rem; height: 16rem; }
  .home-box3 .lower-box .box-info2 .center-block .swiper .box3{ margin-top: 1.5rem; display: block; }
  .home-box3 .lower-box .box-info2 .center-block .swiper .box3 span{ display: block;}
  .home-box3 .lower-box .box-info2 .center-block .swiper .box3 div{ font-size: 12px; margin-top: 0.5rem; line-height: 1.6; }
  .home-box3 .lower-box .box-info3,
  .home-box3 .lower-box .box-info4{ display: none;}
  
  .home-box4{ padding: 1rem 5% 1rem;}
  .home-box4 .all-title{ margin-bottom: 1rem;}
  .home-box4 .box-info1{ display: block;}
  .home-box4 .box-info2{ width: 100%; float: left; font-size: 28vw; background-size: 100%; line-height: 1; }
  .home-box4 .lower-box{ display: block; margin-top: 1.5rem;}
  .home-box4 .lower-box .box-info3{ left: -0.7rem; bottom: auto; top: -0.7rem; width: 6rem; height: 10rem; }
  .home-box4 .lower-box .box-info4{ width: 100%; height: auto; float: left; }
  .home-box4 .lower-box .box-info5{ width: 100%; float: left; padding: 1.5rem;}
  
  .home-box5{ padding: 1rem 0;}
  .home-box5 .box-info1 img{ height: 7rem;}
  .home-box5 .box-info2{ font-size: 12px; padding: 1.5rem 0 1rem;}
  
  .home-box6{ padding: 2rem 5%;}
  .home-box6 .swiper .swiper-slide .imgs{ height: 13rem;}
  .home-box6 .swiper .swiper-slide .info{ margin-top: 1rem;}
  .home-box6 .swiper .swiper-slide .info .box1{ width: auto; padding-right: 1rem; font-size: 12px; }
  .home-box6 .swiper .swiper-slide .info .box1 span{ font-size: 2rem; line-height: 1; }
  .home-box6 .swiper .swiper-slide .info .box1 p{ padding: 0 0 0 0.5rem;}
  
  .foot-box{ padding: 1.5rem 0 0;}
  .foot-box .top-box{ display: block;}
  .foot-box .top-box .f-l{ display: none;}
  .foot-box .top-box .f-r{ width: 100%;}
  .foot-box .top-box .f-r ul{ display: flex; flex-wrap: wrap;}
  .foot-box .top-box .f-r ul li{flex-grow: 1; margin-bottom: 1rem;}
  .foot-box .top-box .f-r ul li+li{ margin-left: 0; }
  .foot-box .top-box .f-r ul li:last-child{ margin-bottom: 0;}
  .foot-box .top-box .f-r ul li span{ padding-bottom: 0.8rem;}
  .foot-box .top-box .f-r ul li div a{ margin-bottom: 0.8rem;}
  .foot-box .top-box .f-r ul li div.style2{ line-height: 2.2; margin-top: -0.2rem;}
  .foot-box .lower-box{ margin-top: 1rem; padding: 1rem 0;}
  
  .goTop{ width: 5rem; height: 5rem;}
  .goTop::after{ width: 2.8rem; height: 2.8rem; margin: -1.4rem 0 0 -1.4rem;}
  
  .bxxz-box1{ padding: 2rem 0 1rem;}
  .bxxz-box1 .top-box i{ font-size: 21vw; line-height: 1; }
  .bxxz-box1 .top-box div span{ font-size: 2rem;}
  .bxxz-box1 .top-box div p{ margin-top: 1rem; font-size: 12px; line-height: 1.6; }
  .bxxz-box1 .home-box2{ margin-top: 1rem;}
  .bxxz-box1 .home-box2 .box-info2 .center-block .info .box1{ padding-bottom: 0.6rem;}
  
  .bxxz-box2 .box-info1{ margin-top: 0; font-size: 1.5rem; }
  .bxxz-box2 .box-info2{ padding: 1.5rem 5% 2rem;}
  .bxxz-box2 .box-info2 .swiper{ padding-bottom: 2.5rem;}
  .bxxz-box2 .box-info2 .swiper .swiper-slide a{ height: 18rem;}
  
  .fwlc-box1{ padding: 2rem 0 0; }
  .fwlc-box1 .box-info2{ width: 100%; margin-top: 0; padding: 1.5rem; }
  .fwlc-box1 .box-info2 span{ font-size: 1.6rem; font-weight: normal; }
  .fwlc-box1 .box-info2 p{ margin-top: 0.6rem; line-height: 1.6; font-size: 12px; }
  
  .fwlc-box2{ padding: 1.5rem 0;}
  .fwlc-box2 .box-info1{ width: 100%; text-align: center;}
  .fwlc-box2 .box-info1 span{ font-size: 19vw; margin-left: -0.5rem; }
  .fwlc-box2 .box-info1 p{ left: 0; font-size: 2rem; margin-top: -1.35rem; font-weight: normal; }
  .fwlc-box2 .box-info2{ font-size: 14px; line-height: 1.6; margin-top: 1rem;}
  
  .gyjs-box1.bxxz-box1 .top-box i{ font-size: 19vw;}
  
  .gyjs-box2 .center-block{ margin-top: 1rem; padding: 1.5rem; display: block; }
  .gyjs-box2 .center-block em{ display: none;}
  .gyjs-box2 .center-block .imgs,.gyjs-box2 .center-block .info{ width: 100%; height: auto;}
  .gyjs-box2 .center-block .info{ padding: 2rem 0 0;}
  .gyjs-box2 .center-block .info i{ font-size: 4rem; left: -0.7rem; top: -3.8rem; }
  .gyjs-box2 .center-block .info span{ font-size: 1.5rem; padding-bottom: 1rem; }
  .gyjs-box2 .center-block .info>div>div{ font-size: 12px; margin-top: 1rem; line-height: 1.6; }
  
  .gyjs-box3{ padding: 5vh 0; }
  .gyjs-box3 .center-block{ height: calc(100vh - 10vh); padding: 3rem 1rem 1.5rem; }
  .gyjs-box3 .center-block .box-info1{ right: 0.5rem; top: 0.8rem; width: 1.5rem; height: 1.5rem; }
  .gyjs-box3 .center-block .box-info2{ padding-top: 2rem;}
  .gyjs-box3 .center-block .box-info2 i{ left: -1.5rem; font-size: 4rem; line-height: 1; }
  .gyjs-box3 .center-block .box-info2 span{ font-size: 1.5rem; padding-bottom: 0.5rem; }
  .gyjs-box3 .center-block .box-info2 div{ font-size: 12px; line-height: 1.6; margin-top: 0.8rem; }
  .gyjs-box3 .center-block .box-info3{ font-size: 12px; margin-top: 1rem;}
  
  .lxwm-box1::after{ height: 13rem;}
  .lxwm-box1.bxxz-box1 .top-box i{ font-size: 28vw; }
  .lxwm-box1 .box-info1{ margin-top: 2rem; display: block;}
  .lxwm-box1 .box-info1 .f-l,.lxwm-box1 .box-info1 .f-r{ width: 100%; height: auto;}
  .lxwm-box1 .box-info1 .f-l{ height: 12rem;}
  .lxwm-box1 .box-info1 .f-r{ padding: 1.5rem;}
  .lxwm-box1 .box-info1 .f-r::after{ right: 1rem; top: 1rem; width: 3rem; height: 2rem; }
  .lxwm-box1 .box-info1 .f-r .box1{ font-size: 12px; padding: 0 0 1rem 2.25rem; }
  .lxwm-box1 .box-info1 .f-r .box2 .center-center{ margin-top: 0.55rem;}
  
  .lxwm-box2{ padding-bottom: 2rem;}
  .lxwm-box2 .bxxz-box1{ padding: 1.5rem;}
  .lxwm-box2 .bxxz-box1 .top-box i{ font-size: 16.6vw;}
  .lxwm-box2 .bxxz-box1 .top-box div{ position: relative; transform: none; top: 0; margin-top: 0.5rem;}
  .lxwm-box2 .bxxz-box1 .top-box div span{ font-size: 1.6rem;}
  .lxwm-box2 .box-info1 form{ width: 100%;} 
  .lxwm-box2 .box-info1 .text1{ margin-top: 1rem; height: 3.5rem; }
  .lxwm-box2 .box-info1 .between-center{ margin-top: 1rem;}
  .lxwm-box2 .box-info1 .between-center img{ height: 3.5rem; }
  .lxwm-box2 .box-info1 .text1.style2{ height: 8rem;}
  .lxwm-box2 .box-info1 .btns{ margin-top: 1.5rem;}
  
  .ppjs-box1{ padding: 2rem 0; background-size: 150%; background-position: center 3.5rem; }
  .ppjs-box1 .box1,.ppjs-box2 .f-r .box-info1 .box1{ font-size: 12px;}
  .ppjs-box1 .box2{ font-size: 2.5rem;}
  .ppjs-box1 .box3{ font-size: 1.5rem;}
  .ppjs-box2 .f-l, .ppjs-box2 .f-r{ width: 100%; margin: 0;}
  .ppjs-box2 .f-l .box-info1{ padding: 1.5rem; min-height: initial; }
  .ppjs-box2 .f-l .box-info1 .box1{ font-size: 2rem;}
  .ppjs-box2 .f-l .box-info1 .box2{ margin-top: 0rem;}
  .ppjs-box2 .f-l .box-info1 .box2 a{ margin: 1rem 2rem 0 0;}
  .ppjs-box2 .f-l .box-info2{ height: 13rem;}
  .ppjs-box2 .f-r .box-info2{ display: none;}
  .ppjs-box2 .f-r .box-info1{ padding: 1.5rem; height: auto;}
  .ppjs-box2 .f-r .box-info1 .box2{ padding: 2rem 0;}
  .ppjs-box2 .f-r .box-info1 .box2 img{ height: 7rem;}
  
  .ppjs-box3 .bxxz-box1{ padding: 2rem 0;}
  .ppjs-box3 .bxxz-box1 .top-box i{ font-size: 14vw;}
  .ppjs-box3 .bxxz-box1 .top-box em{ display: none;}
  .ppjs-box4 .center-block{ display: block;}
  .ppjs-box4 .center-block .imgs,.ppjs-box4 .center-block .info{ width: 100%;}
  .ppjs-box4 .center-block .imgs{ height: 16rem;}
  .ppjs-box4 .center-block .info{ height: auto; padding: 0.5rem 1.5rem 1.5rem;}
  .ppjs-box4 .center-block .info .box-info2{ font-size: 12px; line-height: 1.8; padding: 1rem 0 0 2rem; }
  .ppjs-box4 .center-block .info .box-info1 .f-l i{ font-size: 9rem;}
  .ppjs-box4 .center-block .info .box-info1 .f-l div span{ font-size: 1.4rem;}
  
  .ppjs-box5{ padding: 2rem 0; margin-top: 1rem;}
  .ppjs-box5:before{ width: 100%; height: 100%;}
  .ppjs-box5 .f-l, .ppjs-box5 .f-r{ width: 100%;}
  .ppjs-box5 .box-info1{ font-size: 2rem; padding-bottom: 1rem;}
  .ppjs-box5 .box-info2{ width: 100%; margin: 1rem 0 0 !important;}
  .ppjs-box5 .box-info2 .box1{ font-size: 1.2rem;}
  .ppjs-box5 .box-info2 .box2{ font-size: 12px; line-height: 1.6; margin-top: 0.5rem;}
  .ppjs-box5 .f-r{ margin-top: 1rem;}
  .ppjs-box5 .f-r div{ width: 100% !important; height: auto !important; position: relative !important; left: 0 !important; top: 0 !important; }
  .ppjs-box5 .box-info3{ margin-top: 1.5rem; }
  
  .sys-box1{ padding: 1.5rem 0 ;}
  .sys-box1 .f-l{ width: 100%;}
  .sys-box1 .f-l .box-info1{ margin: 0; font-size: 13vw; }
  .sys-box1 .f-l .box-info2 .box1,.sys-box2 .top-box .box1{ font-size: 2rem; padding-bottom: 1rem;}
  .sys-box1 .f-l .box-info2 .box2,.sys-box2 .top-box .box2{ font-size: 12px; line-height: 1.6; margin-top: 0.8rem;}
  .sys-box1 .f-l .box-info3{ margin-top: 1rem;}
  .sys-box1 .f-l .box-info3::after{ display: none;}
  .sys-box1 .f-l .box-info3 p{ height: auto;}
  .sys-box1 .f-r{ width: 100%; display: block; height: auto;}
  .sys-box1 .f-r div{ margin-top: 1rem;}
  .sys-box1 .f-r div::before{ width: 12rem !important; height: 6rem !important; }
  
  .sys-box2{ padding: 1.5rem 0;}
  .sys-box2 .lower-box{ margin-top: 1rem;}
  .sys-box2 .lower-box .swiper{ padding: 0 0 2.5rem;}
  .sys-box2 .lower-box .swiper .swiper-slide{ height: 18rem;}
  .sys-box2 .lower-box .swiper-btn{ width: 100%; left: 0; right: auto; top: auto; bottom: 0;}
  
  .jstd-box1.sys-box1{ padding: 0 0 2rem;}
  .jstd-box1.sys-box1 .f-l{ width: 100%; padding: 1.5rem 5%;}
  .jstd-box2{ width: 100%; padding-bottom: 3rem;}
  .jstd-box2 .swiper{ height: 20rem;}
  .jstd-box2 .swiper-btn{ width: 100%; height: 3rem; left: 0; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; flex-direction: initial; padding: 0 2rem;}
  .jstd-box2 .swiper-btn .swiper-button-prev{ transform: rotate(180deg);}
  .jstd-box2 .swiper-btn .swiper-button-next{ transform: rotate(0deg);}
  .jstd-box2 .swiper-btn .swiper-pagination{ flex-direction: initial; justify-content: space-between; align-items: center; }
  .jstd-box2 .swiper-btn .swiper-pagination .swiper-pagination-current,.jstd-box2 .swiper-btn .swiper-pagination .swiper-pagination-total{ font-size: 1rem;}
  .jstd-box2 .swiper-btn .swiper-button-next:hover{ transform: rotate(0deg) translate(0.5rem,0); }
  .jstd-box2 .swiper-btn .swiper-button-prev:hover{ transform: rotate(180deg) translate(0.5rem,0);}
  
  .jstd-box3{ padding: 1rem 0 0;}
  .jstd-box3 ul li{ margin: 1rem 3.5% 0 0; height: 6rem;}
  
  .jstd-box4{ padding: 2rem 0;}
  .jstd-box4 .f-l{ width: 100%; height: 20rem; }
  .jstd-box4 .f-l::after{ width: 12rem; height: 8rem; }
  .jstd-box4 .f-l .swiper-btn{ padding: 5rem 0 1rem;}
  .jstd-box4 .f-r{ width: 100%;}
  .jstd-box4 .f-r .box-info1{ margin: 1rem 0 0; font-size: 26vw;}
  .jstd-box4 .f-r .box-info2{ margin-top: -4rem;}
  .jstd-box4 .f-r .box-info2 ul li{ padding: 1rem 0;}
  .jstd-box4 .f-r .box-info2 ul li span{ font-size: 2rem;}
  .jstd-box4 .f-r .box-info2 ul li div{font-size: 12px; line-height: 1.6; margin-top: 0.8rem}
  
  .ppzx-box1{ display: block; padding: 1rem 0 2rem;}
  .ppzx-box1 .f-l{ width: 100%;}
  .ppzx-box1 .f-l i{ font-size: 30.5vw; margin-left: 0;}
  .ppzx-box1 .f-r{ width: 100%; display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; -webkit-justify-content: space-around; -webkit-align-items: center; padding-bottom: 0; }
  .ppzx-box1 .f-r a{ margin: 0 1rem; font-size: 14px;}
  .ppzx-box2{ display: block; margin-top: 0; padding-bottom: 1rem;}
  .ppzx-box2 .f-l,.ppzx-box2 .f-r{ width: 100%; height: auto;}
  .ppzx-box2 .f-l a{ width: 100%; height: auto; position: relative;}
  .ppzx-box2 .f-r{ padding: 1.5rem;}
  .ppzx-box2 .f-r .box1 span{ font-size: 2.2rem;}
  .ppzx-box2 .f-r .box1 p{ font-size: 14px;}
  .ppzx-box2 .f-r .box2{ font-size: 1.2rem; line-height: 1.4; margin-top: 0.5rem; }
  .ppzx-box2 .f-r .box3{ font-size: 12px; line-height: 1.6; margin-top: 0.5rem; }
  .ppzx-box2 .f-r .box4{ margin-top: 1rem;}
  
  .ppzx-box3 ul li a{ padding: 2rem 0; display: block;}
  .ppzx-box3 ul li a>div{ width: 100%; float: left;}
  .ppzx-box3 ul li a .box1 span{ font-size: 2.2rem;}
  .ppzx-box3 ul li a .box2{ width: 100%; padding: 0.5rem 0; margin: 0;}
  .ppzx-box3 ul li a .box3 span::after{ width: 3rem;}
  
  .ppzx-box4{ padding: 2rem 0;}
  .ppzx-box4 .box2{ font-size: 1.4rem;}
  .ppzx-box4 .box3{ padding-top: 0.5rem;}
  .social-share .social-share-icon{ zoom: 0.8;}
  .ppzx-box4 .box4{ padding: 0.5rem 0; margin-top: 0.5rem;}
  .ppzx-box4 .box5{ margin-top: 1.5rem; font-size: 1.2rem;}
  .ppzx-box4 .box6 ul li{ margin-top: 1.2rem;}
  
  .yyal-box1 span{ font-size: 2rem; margin-top: 2rem;}
  .yyal-box1 p{ font-size: 12px; margin-top: 0.8rem; line-height: 1.6; }
  .yyal-box2{ margin-top: 1rem;}
  .yyal-box3 .center-block{ padding: 1.5rem; margin-top: -2rem; display: block;}
  .yyal-box3 .center-block span,.yyal-box4 .box-info2 ul li .info span{ font-size: 1.2rem;} 
  .yyal-box3 .center-block div{ padding: 0.5rem 0 0;}
  .yyal-box3 .center-block div a{ margin-top: 1rem;}
  .yyal-box3 .center-block div a::after{ width: 3rem;}
  .yyal-box4{ padding-bottom: 2rem;}
  .yyal-box4 .box-info1{ text-align: center; font-size: 28vw; margin: -3rem 0 0 0rem;}
  .yyal-box4 .box-info2 ul{ display: block;}
  .yyal-box4 .box-info2 ul li{ padding: 0; margin-top: 1.5rem;}
  .yyal-box4 .box-info2 ul li .imgs{ width: 100%; height: 18rem;}
  .yyal-box4 .box-info2 ul li .info{ width: 100%; margin: 0; padding: 1.2rem;}
  .yyal-box4 .box-info2 ul li .info i{ margin-top: 1rem;}
  .yyal-box4 .box-info2 ul li .info i::after{ width: 3rem;}
  .yyal-box4 .box-info2 ul li .imgs:hover{ transform: scale(1);}
  .yyal-box4 .box-info2 ul li:nth-child(2n){ margin-top: 1.5rem; margin-left: 0;}
  .yyal-box5{ padding-bottom: 2rem;}
  
  .yyal-box6{ height: 10rem; background-size: auto 10rem; background-position: center 3.5rem; }
  .yyal-box7{ padding: 1.5rem;}
  .yyal-box7 .box2 div{ width: 45%; margin-right: 10%; margin-top: 1.2rem;}
  .yyal-box7 .box2 div:nth-child(2n){ margin-right: 0; border-right: none;}
  .yyal-box7 .box2 div p{ margin-top: 0.5rem;}
  .yyal-box7 .box2 div:last-child{ border-right-width: 1px;}
  .yyal-box8{ padding: 1.5rem 0; line-height: 1.8;}
  .yyal-box9 .box1 span,.yyal-box10 .top-box{ font-size: 2rem;}
  .yyal-box9 .box1 p{ font-size: 12px; margin-top: 1rem;}
  .yyal-box9 .box2{ margin-top: 1rem;}
  .yyal-box10{ margin-top: 2rem; padding: 2rem 0 0; }
  .yyal-box10 .yyal-box4 .box-info2 ul li, .yyal-box10 .yyal-box4 .box-info2 ul li:nth-child(2n){ margin-top: 1.5rem;}
  
  .city-box1{ height: 10rem;}
  .city-box1 img{ height: 100%; }
  .city-box2{ padding: 1.5rem 0; line-height: 1.6; }
  .city-box3{ margin-top: 0; padding: 1.5rem 0 2rem; }
  .city-box3 .top-box .box1{ margin-left: 0; font-size: 4rem;}
  .city-box3 .top-box .box2{ margin-top: 0; font-size: 2rem; padding-bottom: 1rem; }
  .city-box3 .top-box .box3{ margin-top: 1rem; font-size: 12px; }
  .city-box3 .lower-box .box1{ margin-top: 0; display: block;}
  .city-box3 .lower-box .box1 input{ width: 100%; margin-top: 1rem; height: 3.5rem;}
  .city-box3 .lower-box .box2 textarea{ margin-top: 1rem; height: 8rem; }
  .city-box3 .lower-box .box3{ margin-top: 1rem; padding-bottom: 5.5rem;}
  .city-box3 .lower-box .box3 .text{ margin-top: 0; width: 100%; flex: 1; height: 3.5rem;}
  .city-box3 .lower-box .box3 img{ width: 10rem; height: 3.5rem;}
  .city-box3 .lower-box .box3 .btns{ top: auto; bottom: 0; right: 50%; margin-right: -5.9375rem; }
  
  .home-box1 .swiper .swiper-info .center-block::before{ display: none; }
  .home-box1 .swiper .swiper-btn .f-l .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #E60012;}
  .home-box4 .lower-box{ background-position: bottom; background-size: 100% 50%; }
  
  .fr-box{ width: auto; right: 0.5rem; bottom: 0.5rem; }
  .fr-box .box-info1{ display: none;}
  .fr-box .box-info2{ width: 5rem; height: 5rem;}
  .fr-box .box-info2::after{ width: 2.8rem; height: 2.8rem; margin: -1.4rem 0 0 -1.4rem; }
  
  .head-box{ padding: 0 5%; height: 3.5rem; }
  .head-box .f-l, .head-box .f-r{ width: auto; height: auto;}
  .head-box .f-r{ display: block; padding: 0;}
  
  .home-box1{ padding-bottom: 2rem;}
  .new-all-title{ margin-top: 2rem;}
  .new-all-title .box1{ font-size: 2rem;}
  .new-all-title .box2{ font-size: 12px; margin-top: 0.8rem; }
  .new-home-bg{ background-image: none;}
  .new-home-box1 .center-block ul{ flex-direction: column; }
  .new-home-box1 .center-block ul li{ width: 100%; height: 35rem; }
  .new-home-box1 .center-block ul li .center-center{ height: 60%;}
  .new-home-box2 .center-block .swiper{ margin-top: 1.5rem;}
  .list-box1 ul li{ padding: 0; height: 33rem; }
  .list-box1 ul li .box-info1{ border:none; font-size: 1.8rem; border-radius: 0;}
  .list-box1 ul li .box-info2{ opacity: 0;}
  .list-box1 ul li .box-info3{ opacity: 1; transform: translate(0,0); padding: 13rem 1.5rem 1.5rem; }
  .list-box1 ul li .box-info3 .box1{}
  .list-box1 ul li .box-info3 .box2{ width: 100%; flex-direction: column; margin-top: 0.5rem; }
  .list-box1 ul li .box-info3 .box2 div:nth-child(1),.list-box1 ul li .box-info3 .box2 div:nth-child(2){ width: 100%;}
  .new-home-box3{ padding: 2rem 0;}
  .new-home-box3 .center-center{ padding: 2rem;}
  .new-home-box3 .center-center .box1{ background-size: 150%;}
  .new-home-box3 .center-center .box1 img{ height: auto; }
  .new-home-box3 .center-center .box2{ font-size: 2rem;}
  .new-home-box3 .center-center .box4{ margin-top: 2rem;}
  .foot-box .lower-box .f-r{ display: none;}
  
  .xtfa-box1{ height: auto; padding: 2rem 0; }
  .xtfa-box1 .f-l{ position: relative; width: 100%; bottom: 0;}
  .xtfa-box1 .f-r{ width: 100%; position: relative; right: 0; margin-top: 1rem; }
  .xtfa-box1 .f-l .box-info1 span{ font-size: 4rem;}
  .xtfa-box1 .f-l .box-info2{ font-size: 2rem;}
  .xtfa-box1 .f-l .box-info4 p{ margin-top: 0.8rem;}
  .xtfa-box1 .f-l.active .box-info4{ min-height: auto; height: auto; }
  .xtfa-box2{ margin-top: 2rem;}
  .xtfa-box2 .top-box{ font-size: 2rem;}
  .xtfa-box2 .lower-box{ display: block; margin-top: 1.5rem;}
  .xtfa-box2 .lower-box .f-l{ width: 100%; display: flex; }
  .xtfa-box2 .lower-box .f-l .center-center{ width: 100%;}
  .xtfa-box2 .lower-box .f-l .center-center .between-center{ flex-direction: column; }
  .xtfa-box2 .lower-box .f-l .center-center span{ margin: 0.5rem 0 0;}
  .xtfa-box2 .lower-box .f-r{ border-left-width: 1px; height: 33.2rem; }
  .xtfa-box2 .lower-box .f-r .center-block{ display: block;}
  .xtfa-box2 .lower-box .f-r .center-block .box1{ width: 100%; height: 18rem; padding: 1rem; }
  .xtfa-box2 .lower-box .f-r .center-block .box2{ width: 100%; height: 15rem; }
  .xtfa-box3 .top-box{ margin-top: 2rem;}
  .xtfa-box3 .top-box .between-center{ gap: 1.5rem;}
  .xtfa-box3 .top-box .between-center span{ font-size: 1.2rem;}
  .xtfa-box3 .lower-box{ padding-bottom: 2rem;}
  .xtfa-box3 .lower-box .box-info1{ margin-top: 1.5rem;}
  .xtfa-box3 .lower-box .box-info1 .swiper-button-next, .xtfa-box3 .lower-box .box-info1 .swiper-button-prev{ display: none;}
  .xtfa-box3 .lower-box .box-info2{ margin-top: 1.8rem; font-size: 1.8rem;}
  .xtfa-box3 .lower-box .box-info3{ height: 30rem;}
  .xtfa-box3 .lower-box .box-info3 table{ white-space: nowrap;}
  .xtfa-box3 .lower-box .box-info3 table thead{ position: sticky; top: 0; }
  .xtfa-box3 .lower-box .box-info3 table thead tr th, .xtfa-box3 .lower-box .box-info3 table tbody tr td{ padding: 1rem 1.5rem;}
  
  .xtgc-box1 .swiper .swiper-slide{ width: max-content; display: flex; }
  .xtgc-box1 ul{ margin-top: 1.5rem; gap: 1.5rem; }
  .xtgc-box1 ul li{ padding: 1.5rem; height: 30rem; }
  .xtgc-box1 ul li .box1 span{ height: auto; font-size: 1.5rem; }
  .xtgc-box1 ul li .box2{ opacity: 0;}
  .xtgc-box2 ul{ grid-template-columns: repeat(2,1fr); gap: 1rem; margin-top: 1.5rem; }
  .xtgc-box2 ul li .info{ height: 10rem; }
  .xtgc-box2 ul li .imgs{ height: 10rem; }
  .xtgc-box2 ul li .info span{ font-size: 1.2rem;}
  .xtgc-box2 ul li .info p{ margin-top: 0.6rem;}
  .xtgc-box2 ul li .info a{ margin-top: 0.6rem;}
  .xtgc-box3{ margin-top: 1.5rem; padding: 1rem; }
  .xtgc-box3:last-child{ margin-bottom: 2rem;}
  
  .whssj-box2{ padding: 2rem 0;}
  .whssj-box2 .top-box .box1{ margin-left: 0; font-size: 3rem;}
  .whssj-box2 .top-box .box2{ margin-top: 0.5rem; font-size: 2rem; }
  .whssj-box2 .top-box .box3{ margin-top: 0.5rem; font-size: 12px; }
  .whssj-box2 .lower-box{ margin-top: 1.5rem;}
  .whssj-box2 .lower-box img{ filter: none; }
  
  .whssj-box3{ padding: 2rem 0;}
  .whssj-box3 .f-r{ width: 100%;}
  .whssj-box3 .f-r .top-box .box1{ margin-left: 0; font-size: 3rem;}
  .whssj-box3 .f-r .top-box .box2{ margin-top: 0.5rem; font-size: 2rem; }
  .whssj-box3 .f-r .top-box .box3{ margin-top: 0.5rem; font-size: 12px; }
  .whssj-box3 .f-r .lower-box{ display: flex; margin-top: 1rem;}
  .whssj-box3 .f-r .lower-box span{ width: 100%; border: none; text-align: center; font-size: 1.2rem; line-height: 2.5rem; }
  .whssj-box3 .f-r .lower-box span::before{ left: 50%; top: 100%; margin-left: -0.75rem; opacity: 0; transition: all .6s; }
  .whssj-box3 .f-l{ width: 100%; height: 20rem; margin-top: 1rem; }
  .whssj-box3 .f-r .lower-box span.active{ padding-left: 0;}
  .whssj-box3 .f-r .lower-box span.active::before{ opacity: 1; }
  
  .sys-box1{ padding: 2rem 0;}
  .sys-box1 .f-l .box-info1{ white-space: normal; font-size: 3rem; }
  .sys-box1 .f-l .box-info2 .box1{ margin-top: 0; padding-bottom: 0;}
  .sys-box1 .f-l .box-info3{ width: 100%;}
  .sys-box2{ padding: 2rem 0;}
  .sys-box2 .top-box .box1{ padding-bottom: 0;}
  
  .whssj-box1{ height: 10rem; }
  .whssj-box1 img{ height: 100%; object-fit: cover; }
  
  
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:365px){
}