@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:#303030;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#303030;}
::-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 #303030;background: #303030; 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: #a83042;}
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: #f9f9f9;}
.w-90{ width: 93%; margin: auto;}
.w-100{width:100%; float: left;}
.w-900{margin:auto; width: 61.875rem;}
.w-1100{margin:auto; width: 63.875rem;}
.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: 95rem;}
.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; display: none;}
.head-btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #fff; 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: #303030;}
.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: #303030; border-color: #303030; color: #fff; }

.all-center-box{ width: 100%; float: left; position: relative; min-height: 70vh; margin-top: 6.25rem; background: #F5F5F7; }
.all-center-box::before{ content: ''; width: 100%;}
/* .all-center-box.active{ margin-top: 4.875rem;} */

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

.goTop{ width: 6.25rem; height: 6.25rem; background-color: #303030; 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; }

.head-box{ position: fixed; left: 0; top: 0; z-index: 99; transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);}
.head-box>.w-1600{ height: 6.25rem;}
.head-box .f-l{ position: relative;}
.head-box .f-l img{ display: block; height: 2.5625rem;}
.head-box .f-l::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/logo2.png) no-repeat center; background-size: contain; opacity: 0; transition: all .6s; }
.head-box .head-menu ul li{ float: left; position: relative; margin-left: 3.625rem; }
.head-box .head-menu ul li div{ display: none;}
.head-box .head-menu ul li span a{ color: #fff; height: 1.2rem; line-height: 1.2rem; display: block;}
.head-box .head-menu ul li:hover span a,
.head-box .head-menu ul li.active span a{ color: #a83042 !important;}
.head-box .head-tel{ color: #fff; margin-left: 1.875rem; font-size: 1.0625rem; line-height: 1.125rem; border: none; border-color: rgba(255,255,255,0.2); border-left: 1px solid; padding-left: 3rem; background: url(../images/icon_1_1.png) no-repeat 1.8rem center; background-size: auto 0.875rem; }

.head-box.noShow{ top: -100%;}
.head-box.active{ background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,0.05);}
.head-box.active .f-l img{ opacity: 1;}
.head-box.active .f-l::after{ opacity: 1;}
.head-box.active .head-menu ul li span a{ color: #303030;}
.head-box.active .head-tel{ color: #303030; background-image: url(../images/icon_1.png); border-color: rgba(0,0,0,0.2);}
.head-box.active .head-btn i{ background: #303030;}

.home-box1{ margin-top: 5rem; overflow: hidden;}
.home-box1 .box-info1 .f-l{ font-size: 2.75rem; color: #6E6E73; }
.home-box1 .box-info1 .f-l span{ color: #151515;}
.home-box1 .box-info1 .f-r{ display: flex; flex-flow: column; gap: 1rem;}
.home-box1 .box-info1 .f-r a i{ width: 2.1875rem; height: 2.1875rem; background: #fff; box-shadow: 0 0 0.3125rem rgba(0,0,0,0.1); border-radius: 100%; padding: 0.5rem; }
.home-box1 .box-info1 .f-r a i img{ width: 100%; height: 100%; display: block; object-fit: contain; }
.home-box1 .box-info1 .f-r a div{ flex: 1; padding-left: 0.375rem; font-size: 0.75rem; color: #151515; }
.home-box1 .box-info1 .f-r a div span{ display: inline-block; margin-top: 0.3rem; color: #a83042; background: url(../images/icon_3.png) no-repeat right; background-size: auto 0.5rem; padding-right: 0.75rem;}
.home-box1 .box-info1 .f-r a:hover i{ transition: all .6s; transform: rotateY(360deg);}

.home-box1 .list-box1{ margin-top: 3.5rem;}

.list-box1{ display: flex; position: relative;}
.list-box1 em{ width: 9.375rem; height: 12.5rem; position: absolute; left: 0; top: 0; transition: all .6s; opacity: 0; }
.list-box1 em::after{ content: ''; width: 11.5rem; height: 14.625rem; background: url(../images/bg_1.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.list-box1 ul{ display: flex; gap: 0.3125rem; position: relative; z-index: 2; }
.list-box1 ul li{ flex-shrink: 0; width: 9.375rem; height: 12.5rem; }
.list-box1 ul li a{ width: 100%; height: 100%; float: left; display: flex; align-items: center; justify-content: center; flex-flow: column; }
.list-box1 ul li a i{ width: 4rem; height: 4rem; position: relative;}
.list-box1 ul li a i img{ width: 100%; height: 100%; display: block; object-fit: contain; transition: all .6s; }
.list-box1 ul li a i img:nth-child(2){ position: absolute; left: 0; top: 0; opacity: 0; }
.list-box1 ul li a p{ font-size: 1rem; margin-top: 1.625rem; color: #555;}
.list-box1 ul li.active a i img:nth-child(2){ opacity: 1;}

.all-title1 .box1{ font-size: 2.75rem; font-weight: bold; }
.all-title1 .box2{ font-size: 1rem; color: #666; margin-top: 0.625rem; }
.all-title1 .box3{ font-size: 1.875rem; font-weight: bold; color: #6e6e73; margin-top: 0.625rem; }
.all-title1 .box4{ font-size: 0.9375rem; line-height: 1.6; margin-top: 1.5rem; }


.home-box1 .all-title1{ margin-top: 4rem;}
.home-box1 .box-info2{ position: relative;}
.home-box1 .box-info2 .swiper{ overflow: initial; margin-top: 1.5rem;}
.home-box1 .box-info2 .swiper .swiper-slide{ width: 26.875rem; height: 30.625rem;}
.home-box1 .box-info2 .swiper .swiper-slide a{ width: 25rem; height: 100%; float: left; background: #fff; position: relative; overflow: hidden; border-radius: 1.25rem; box-shadow: 0 0 1rem rgba(0,0,0,0.05); }
.home-box1 .box-info2 .swiper .swiper-slide a img{ width: 100%; height: 100%; display: block; object-fit: cover;}
.home-box1 .box-info2 .swiper .swiper-slide a div{ width: 100%; position: absolute; left: 0; top: 0; padding: 2rem 1.625rem; color: #151515; }
.home-box1 .box-info2 .swiper .swiper-slide a div i{ display: block; font-size: 1.125rem; font-weight: bold;}
.home-box1 .box-info2 .swiper .swiper-slide a div span{ display: block; font-size: 1.75rem; font-weight: bold; padding: 0.5rem 0; }
.home-box1 .box-info2 .swiper .swiper-slide a div p{ font-size: 0.9375rem; color: #666;}
.home-box1 .box-info2 .swiper .swiper-slide a:hover{ transform: scale(1.02);}

.home-box1 .box-info2 .swiper-btns{ position: absolute; right: 0; bottom: 100%; margin-bottom: 0.6rem;}
.swiper-btns .swiper-button-prev,.swiper-btns .swiper-button-next{ position: relative; margin: 0; top: 0; left: 0; width: 3.125rem; height: 1rem; background: url(../images/icon_jt1.png) no-repeat center; background-size: 100%; transition: all .6s; }
.swiper-btns .swiper-button-prev{ transform: rotate(-180deg);}
.swiper-btns .swiper-button-prev::after,.swiper-btns .swiper-button-next::after{ display: none;}
.swiper-btns .swiper-button-prev:hover,.swiper-btns .swiper-button-next:hover{ background-image: url(../images/icon_jt1_h.png); }
.swiper-btns .swiper-pagination{ width: auto; position: relative; bottom: 0; margin: 0 1rem; font-size: 0.875rem;}
.swiper-btns .swiper-pagination .swiper-pagination-current{ color: #a83042;}

.home-box1 .box-info3{ position: relative; padding-bottom: 5.625rem;}
.home-box1 .box-info3 .swiper{ overflow: initial; margin-top: 2rem;}
.home-box1 .box-info3 .swiper .swiper-wrapper{ height: auto !important;}
.home-box1 .box-info3 .swiper .swiper-slide{ width: 21.5625rem;}
.home-box1 .box-info3 .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; }
.home-box1 .box-info3 .swiper .swiper-slide .center-block i{ display: block;}
.home-box1 .box-info3 .swiper .swiper-slide .center-block i img{ height: 3.4375rem;}
.home-box1 .box-info3 .swiper .swiper-slide .center-block span{ display: block; font-size: 1.5rem; font-weight: bold; margin-top: 1.5rem;}
.home-box1 .box-info3 .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;}
.home-box1 .box-info3 .swiper .swiper-slide .center-block a{ display: inline-block; font-size: 0.875rem; color: #a83042; margin-top: 2rem; padding-right: 1.125rem; position: relative;}
.home-box1 .box-info3 .swiper .swiper-slide .center-block a::after{ content: ''; width: 0.7rem; height: 100%; background: url(../images/icon_jt2.png) no-repeat center; background-size: 100%; position: absolute; right: 0; top: 0; transition: all .6s; }
.home-box1 .box-info3 .swiper .swiper-slide .center-block a.active::after{ transform: rotate(-180deg);}
.home-box1 .box-info3 .swiper .swiper-slide .center-block.active div{ -webkit-line-clamp: initial;}
.home-box1 .box-info3 .swiper .swiper-slide .center-block:hover{ transform: scale(1.02);}
.home-box1 .box-info3 .swiper-btns{ position: absolute; right: 0; bottom: 100%; margin-bottom: 0.6rem;}

.foot-box{ padding: 3.125rem 0; font-size: 0.875rem; color: #666;}
.foot-box .f-l .box1 img{ height: 2rem; display: inline-block; }
.foot-box .f-l .box2{ padding: 1.5rem 0 0.625rem; display: flex;}
.foot-box .f-l .box2 a{ padding: 0 0.5rem; line-height: 0.9375rem; border-left: 1px solid #666; }
.foot-box .f-l a{ color: #666;}
.foot-box .f-l a:hover{ color: #a83042;}
.foot-box .f-l .box2 a:first-child{ padding-left: 0; border: none;}
.foot-box .f-l .box3 a{ display: inline-block; line-height: 1.25rem;}
.foot-box .f-l .box3 a img{ float: left; height: 1.25rem; margin-right: 0.2rem;}
.foot-box .f-r{ display: flex; gap: 1rem; }
.foot-box .f-r img{ width: 6.5rem; height: 6.5rem; display: block; object-fit: contain; }

.system-box1{ margin-top: 5.625rem;}
.system-box1 .center-block{ background: #fff; border-radius: 1rem; overflow: hidden; box-shadow: 0 0 1rem rgba(0,0,0,0.05); }
.system-box1 .center-block .f-r{ width: 58.75rem; height: 32.5rem; overflow: hidden; }
.system-box1 .center-block .f-r img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.system-box1 .center-block .f-r video{ width: 100%; height: 100%; display: block; object-fit: cover; background: #000; }
.system-box1 .center-block .f-l{ flex: 1;}
.system-box1 .center-block .f-l .box1 img{ height: 8.8125rem;}
.system-box1 .center-block .f-l .box2{ margin-top: 5.625rem; display: flex; gap: 1rem; }
.system-box1 .center-block .f-l .box2 a{ min-width: 8.9375rem; line-height: 2.9375rem; border: 1px solid #6e6e73; border-radius: 50px; text-align: center; box-shadow: 0 0 1rem rgba(0,0,0,0.05); }
.system-box1 .center-block .f-l .box2 a:hover{ background: #a83042; border-color: #a83042; color: #fff; }

.system-box2{ margin-top: 2rem; overflow: hidden; padding-bottom: 5.5rem;}
.system-box2 .all-title1{ margin-top: 3.75rem;}
.system-box2 .box-info1{ margin-top: 1.875rem;}
.system-box2 .box-info1 .swiper{ overflow: initial;}
.system-box2 .box-info1 .swiper-slide{ width: 25.375rem;}
.system-box2 .box-info1 .swiper-slide .center-block{ width: 23.75rem; height: 29.0625rem; overflow: hidden; position: relative; border-radius: 1rem; box-shadow: 0 0 1rem rgba(0,0,0,0.06); transition: all .6s; background: #fff;}
.system-box2 .box-info1 .swiper-slide .center-block:hover{ transform: scale(1.02);}
.system-box2 .box-info1 .swiper-slide .center-block img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.system-box2 .box-info1 .swiper-slide .center-block div{ width: 100%; position: absolute; left: 0; top: 0; padding: 1.75rem;}
.system-box2 .box-info1 .swiper-slide .center-block div span{ display: block; font-size: 1.75rem;}
.system-box2 .box-info1 .swiper-slide .center-block div p{ font-size: 1rem; color: #666; margin-top: 0.625rem; }

.system-box3{ overflow: hidden;}
.system-box3 .box-info1{ margin-top: 2rem; padding-bottom: 5rem;}
.system-box3 .box-info1 .swiper{ overflow: initial;}
.system-box3 .box-info1 .swiper-slide{ width: 21.75rem;}
.system-box3 .box-info1 .swiper-slide .center-block{ width: 20rem; height: 22.625rem; overflow: hidden; position: relative; border-radius: 1rem; box-shadow: 0 0 1rem rgba(0,0,0,0.06); transition: all .6s; padding: 1.875rem; background: #fff;}
.system-box3 .box-info1 .swiper-slide .center-block:hover{ transform: scale(1.02);}
.system-box3 .box-info1 .swiper-slide .center-block i{ display: block;}
.system-box3 .box-info1 .swiper-slide .center-block i img{ width: 100%; height: 7.5rem; object-fit: contain; display: block; }
.system-box3 .box-info1 .swiper-slide .center-block span{ display: block; font-size: 1.375rem; margin-top: 1.875rem; font-weight: bold;}
.system-box3 .box-info1 .swiper-slide .center-block div{ font-size: 0.9375rem; color: #666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-height: 1.8; margin-top: 0.8rem; }
.system-box3 .box-info1 .swiper-btns{ float: left; margin-top: 3.125rem; }

.system-box4{ background: #fff; padding: 4.5rem 0;}
.system-box4 .box-info1 ul li{ width: 100%; float: left; margin-top: 2.8125rem; border: 1px solid #eeefef; border-radius: 1rem; overflow: hidden; display: flex; }
.system-box4 .box-info1 ul li .imgs{ width: 50%; height: 26.25rem;}
.system-box4 .box-info1 ul li .imgs img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.system-box4 .box-info1 ul li .info{ width: 50%; padding: 0 5rem;}
.system-box4 .box-info1 ul li .info span{ width: 100%; font-size: 1.75rem; font-weight: bold; }
.system-box4 .box-info1 ul li .info p{ width: 100%; font-size: 1.125rem; font-weight: bold; margin-top: 0.625rem;}
.system-box4 .box-info1 ul li .info div{ width: 100%; font-size: 0.9375rem; color: #666; margin-top: 1.25rem; line-height: 1.8; }
.system-box4 .box-info1 ul li:nth-child(2n){ flex-flow: row-reverse;}

.system-box5{ overflow: hidden; padding: 5.625rem 0; display:none;}
.system-box5 .list-box1 ul li,
.system-box5 .list-box1 em{ width: 8.75rem;}

.system-box6.home-box1{ margin-top: 0; padding: 0 0 5rem;}

.head-system-list{ width: 100%; position: fixed; left: 0; top: 6.25rem; z-index: 20; background: #fff; box-shadow: 0 1rem 1rem rgba(0,0,0,0.05); padding: 1rem 0; opacity: 0; pointer-events: none; transition: all .6s; border-top: 1px solid #F5F5F7; }
.head-system-list.active{ opacity: 1; pointer-events: auto; }
.head-system-list .list-box1 em::after{ width:8rem;height:8.6rem;}
.head-system-list .list-box1 em,.head-system-list .list-box1 ul li{ width: 7rem; height: 6.5rem; }
.head-system-list .list-box1 ul li a i{ width: 3rem; height: 3rem; }
.head-system-list .list-box1 ul li a p{ margin-top: 0.5rem; font-size: 12px;}

/* 屏幕分辨率放大为 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-btn{ display: block;}
  .head-box{ padding: 0;}
  .head-box .w-1200{ height: 4rem;}
  .head-box .head-tel{ font-size: 1.3rem; border-left: none; border-left: none; border-right: 1px solid; padding: 0 1.5rem 0 1.3rem; margin: 0 1.5rem 0 0; background-position: left; background-size: auto 1rem; }
  .head-box .head-menu{ width: 100%; height: calc(100vh - 4rem); background: #fff; position: fixed; left: 0; top: 4rem; pointer-events: none; opacity: 0; transition: all .6s; transform: translate(0,2rem);}
  .head-box .head-menu ul li{ width: 100%; margin: 1.5rem 0 0; text-align: center;}
  .head-box .head-menu ul li span a{ color: #303030; font-size: 1.3rem; height: auto; line-height: normal;}
  .head-box .head-menu.active{ pointer-events: auto; opacity: 1; transform: translate(0,0);}
  
  .head-box>.w-1600{ height: 4.5rem;}
  .head-box .f-l img{ height: 2.2rem;}
  .all-center-box{ margin-top: 4.5rem;}
  .home-box1{ margin-top: 1.5rem;}
  .home-box1 .box-info1{ display: block;}
  .home-box1 .box-info1 .f-l{ width: 100%; font-size: 1.8rem;}
  .home-box1 .box-info1 .f-r{ width: 100%; flex-flow: row; margin-top: 1rem;}
  .home-box1 .list-box1{ margin-top: 1.5rem;}
  .list-box1 ul{ width: 100%; display: grid; grid-template-columns: repeat(3,1fr); }
  .list-box1 ul li{ width: 100%; height: 8rem; }
  .list-box1 ul li a i img:nth-child(2){ opacity: 1;}
  .list-box1 ul li a p{ margin-top: 1rem;}
  .list-box1 em{ width: 33.33%; height: 8rem; display: none; }
  .home-box1 .all-title1{ margin-top: 2rem;}
  .all-title1 .box1{ font-size: 1.8rem;}
  .home-box1 .box-info3{ padding-bottom: 2rem;}
  .home-box1 .box-info3 .swiper-btns{ margin-bottom: 3.5rem;}
  .foot-box{ padding: 1.8rem 0;}
  .foot-box .f-r{ display: none;}
  .foot-box .f-l .box2{ padding: 1rem 0 0.5rem;}
  .foot-box .f-l .box3{ line-height: 1.6;}
  
  .system-box1{ margin-top: 2rem;}
  .system-box1 .center-block{ display: block; }
  .system-box1 .center-block .f-l{ width: 100%; padding: 3rem 0;}
  .system-box1 .center-block .f-l .box1 img{ height: 6.5rem;}
  .system-box1 .center-block .f-l .box2{ margin-top: 2rem;}
  .system-box1 .center-block .f-l .box2 a{ min-width: initial; padding: 0 1rem; line-height: 2.5rem; }
  .system-box1 .center-block .f-r{ width: 100%; height: 18rem; }
  .system-box2 .all-title1{ margin-top: 1rem;}
  .system-box2{ margin-top: 1.5rem; padding-bottom: 2.5rem; }
  .all-title1 .box3{ font-size: 1.4rem;}
  .all-title1 .box4{ margin-top: 1rem;}
  .system-box3 .box-info1{ padding-bottom: 2.5rem;}
  .system-box3 .box-info1 .swiper-btns{ margin-top: 2.5rem;}
  
  .system-box4{ padding: 2rem 0;}
  .system-box4 .box-info1 ul li{ display: block; margin-top: 1.5rem;}
  .system-box4 .box-info1 ul li .imgs{ width: 100%; height: auto; }
  .system-box4 .box-info1 ul li .info{ width: 100%; padding: 1.5rem; }
  .system-box4 .box-info1 ul li .info span{ font-size: 1.5rem;}
  .system-box4 .box-info1 ul li .info div{ margin-top: 1rem; line-height: 1.6; }
  
  .system-box5{ padding: 2rem 0; display:block;}
  .system-box5 .w-1600{ display: block;}
  .system-box5 .all-title1{ width: 100%; float: left; }
  .system-box5 .list-box1{ width: 100%; float: left; margin-top: 2rem;}
  
  
  .system-box6.home-box1{ padding: 0 0 2rem;}
  
  .head-system-list{ display:none;}
  
  
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:365px){
}