@charset "utf-8";
/* CSS Author WeChat:iGAME_Max */
/*公用代码*/
body,html{background:none repeat scroll 0 0; font: calc(100vw / 120) 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;}

a,a:active,a:visited,a:link{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s; color: #151515;}
a:hover{ color: #03949e;}
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: 81.25rem;}
.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;}


.about-box1{ position: relative; }
.about-box1 .bg{ width: 100%; display: block;}
.about-box1 .logo{ height: 5rem; position: absolute; left: 1rem; top: 1rem; }
.about-box2{ min-height: calc(100vh - 31rem); padding: 0 3rem 3rem;}
.about-box2 .box1{ position: relative; padding-bottom: 2rem; font-size: 2rem; font-weight: bold; }
.about-box2 .box1::after{ content: ''; width: 2rem; height: 0.2rem; background: #000; position: absolute; left: 0; bottom: 0; }
.about-box2 .box2{ padding: 1.5rem 0; line-height: 1.8; font-size: 1.15rem; text-align: justify; }
.about-box3{ position: relative; z-index: 2; }
.about-box3:before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: url(img_2.jpg) no-repeat center; background-size: cover;}
.about-box3 .top-box{ padding: 0 3rem;align-items: flex-start;}
.about-box3 .top-box .box1{ padding-top: 2rem;}
.about-box3 .top-box .box1 strong{ display: block; padding-bottom: 0.5rem; font-size: 1.1rem; }
.about-box3 .top-box .box1 p{ margin-top: 0.3rem;}
.about-box3 .top-box .box2{ width: 6rem; background: #fff; border-radius: 0 0 1rem 1rem; padding: 1rem; }
.about-box3 .lower-box{ margin-top: 1.5rem; border-top: 1px solid #F6EEEA; padding: 1rem 0; text-align: center; font-size: 0.875rem; color: #666; }











/* 屏幕分辨率放大为 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){
  
}
@media screen and (max-height:600px){
  
}
/* 小于等于多少宽度的样式 */
@media screen and (max-width:1800px){
  
}
@media screen and (max-width:1440px){
  
}
@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;}
  
  
  
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:365px){
}