body,dd,dl,form,h1,h2,h3,h4,input,ol,p,select,span,td,textarea,th,ul{margin:0;padding:0;text-size-adjust:none;line-height:1}h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:400;margin:0}li{list-style:none}a{text-decoration:none}img{border:none;vertical-align:middle;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;object-fit:cover}table{border:none}input,textarea{outline:0}textarea{resize:none;overflow:auto}body{font-family:''}.show{display:block!important}.flex{display:flex!important;justify-content:space-between;flex-wrap:wrap;}.mga{margin:0 auto;}
p:last-child{
  margin-bottom: 0 !important;
}
.iwh img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wrap{
  width: 1600px;
  margin: auto;
  font-family: 'Source Han Sans CN', 'noto sans sc'
}
.head{
  width: 100%;
  height: 494px;
  overflow: hidden;
  background: url(../img/head_bg.png) no-repeat top center;
  text-align: center;
}
.nav{
  margin-top: 30px;
  width: 100%;
  position: relative;
  display: inline-block;
}
.nav a{
  font-size: 18px;
  margin-right: 20px;
  color: #ffffc5;
}
.box{
  width: 1108px;
  margin: auto;
}
.intro{
  position: relative;
}
.intro_right{
  width: 564px;
  padding: 26px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  background: #961241;
  color: #fff;
  align-self: baseline;
  box-sizing: border-box;
}
.intro_right p{
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 13px;
}
.intro_link{
  bottom: -27px;
  left: 72px;
  position: absolute;
}
.intro_link a{
  font-size: 16px;
  margin-right: 66px;
  color: #cba058;
  position: relative;
}
.intro_link a::before{
  width: 24px;
  height: 21px;
  top: -3px;
  left: -32px;
  background: url(../img/intro_link_icon.jpg) no-repeat;
  position: absolute;
  content: '';
}
.title{
  font-size: 30px;
  margin: 70px auto 50px;
  font-weight: bold;
  color: #961241;
  text-align: center;
  position: relative;
}
.title::after{
  width: 500px;
  height: 7px;
  bottom: -14px;
  left: 0;
  right: 0;
  margin: auto;
  background: url(../img/title_icon.png) no-repeat;
  position: absolute;
  content: '';
}
.whtiebook_text{
  padding: 0 36px; 
}
.whtiebook_text p{
  font-size: 14px;
  line-height: 1.3;
  color: #443f41;
  margin-bottom: 10px;
}
.whitebook img{
  margin: 24px 0;
  display: block;
}
.whitebook_bottom{
  padding: 0 16px;
}
.whitebook h6{
  font-size: 24px;
  margin-bottom: 25px;
  font-weight: bold;
}
.wflex>div{
  width: 48.5%;
  padding-right: 4px;
  box-sizing: border-box;
}
.wb_con{
  margin-bottom: 22px;
}
.wbcl{
  width: 177px;
  height: 63px;
  font-size: 18px;
  color: #961241;
  background: #ead6b4;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.wbcl::after{
  top: 0;
  right: -14px;
  bottom: 0;
  border-left: 18px solid #ead6b4;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  position: absolute;
  margin: auto;
  content: '';
  height: 0px;
  width: 0;
}
.wbcr{
  font-size: 12px;
  color: #443f41;
  width: 304px;
  height: 63px;
  padding: 0px 5px;
  line-height: 1.2;
  border: 1px solid #ead6b4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clbox{
  margin: auto;
  background: linear-gradient(to bottom,#fdf6ec,#fff);
}
.clbox .title{
  padding-top: 50px;
}
.research_box{
  position: relative;
}
.research_box>div{
  width: 100%;
  padding: 48px 55px;
  box-sizing: border-box;
  background: url(../img/research_bg.jpg) no-repeat 0 0 / 100% 100%;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(auto-fill,33%);
  gap: 18px 0;
}
.research_box p{
  font-size: 18px;
  color: #bb832b;
}
.research_box::before{
  width: 20px;
  height: calc(100% + 24px);
  top: -12px;
  left: -8px;
  background: #faebc3;
  position: absolute;
  content: '';
  z-index: 0;
}
.research_box::after{
  width: 20px;
  height: calc(100% + 24px);
  top: -12px;
  right: -8px;
  background: #961241;
  position: absolute;
  content: '';
  z-index: 0;
}
.research_box h4{
  font-size: 18px;
  color: #443f41;
  grid-column: 1 / -1; 
  padding: 12px 0 0 12px;
  margin-top: 40px;
}
.research_box h5{
  font-size: 14px;
  line-height: 1.5;
  color: #443f41;
  grid-column: 1 / -1; 
  padding: 0 0 0 12px;
}
.method_con{
  width: 279px;
  height: 335px;
  background: #f4f4f4;
  box-shadow: 1px 2px 4px 2px #e8e9f0;
  position: relative;
}
.method_con::after{
  font-size: 126px;
  font-weight: bold;
  color: #f0dcbf;
  left: 0;
  right: 0;
  top: 24px;
  margin: auto;
  position: absolute;
  z-index: 0;
  opacity: .35;
  text-align: center;
}
.method_con:nth-child(1)::after{
  content: '01';
}
.method_con:nth-child(2)::after{
  content: '02';
}
.method_con:nth-child(3)::after{
  content: '03';
}
.method_con:last-child{
  width: 493px;
}
.method_con h1{
  font-size: 18px;
  margin-top: 61px;
  color: #961241;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 1;
}
.method_con h2{
  font-size: 14px;
  margin-top: 12px;
  color: #961241;
  text-align: center;
  position: relative;
  z-index: 1;
}
.method_con p{
  font-size: 16px;
  margin-top: 54px;
  line-height: 1.6;
  color: #443f41;
  padding: 0 22px;
  position: relative;
  z-index: 1;
}
.news_box{
  max-height: 372px;
  padding-right: 10px;
  overflow: auto;
  gap: 13px 0;
}
.news_box a{
  width: 514px;
  height: 80px;
  padding: 18px 12px;
  background: linear-gradient(to right,#eeeeee,transparent 100%);
  box-sizing: border-box;
  position: relative;
}
.news_box a h1{
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 7px;
  font-weight: bold;
  color: #af7b34;
}
.news_box a h2{
  font-size: 12px;
  line-height: 1.2;
  color: #898788;
}
.swt{
  margin-left: 86px;
  margin-bottom: 100px;
}
.swb{
  margin-left: 224px;
}
.review_box{
  margin-top: 20px;
  position: relative;
}
img.swiper-button-next,img.swiper-button-prev{
  width: 40px;
  height: 40px;
  background: none;
}
.review_box a{
  width: 243px;
  height: 117px;
  margin-right: 24px;
  border-radius: 30px 0 30px 0;
  display: inline-block;
  position: relative;
  }
.review_box a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 40px 0 40px 0;
  overflow: hidden;
}
.review_box a span{
 width: 100%;
 height: 100%;
 top: 0px;
 font-size: 36px;
 align-items: center;
 font-weight: bold;
 color: #ffffff;
 display: flex;
 justify-content: center;
 position: absolute;
}
.swt a::after{
  left: 110px;
  bottom: -55px;
  width: 19px;
  height: 19px;
  background: url(../img/review_icon.png) no-repeat;
  position: absolute;
  content: '';
}
.swb a::after{
  left: 110px;
  top: -65px;
  width: 19px;
  height: 19px;
  background: url(../img/review_icon.png) no-repeat;
  position: absolute;
  content: '';
}
.review_sw .swiper-wrapper{
  position: relative;
}
.review_sw::after{
  width: 84%;
  height: 2px;
  top: 160px;
  background: #e0e1eb;
  position: absolute;
  content: '';
  z-index: -1;
  margin: auto;
  left: 0;
  right: 0;
  pointer-events: none;
}
.group_box{
  padding-left: 180px;
  box-sizing: border-box;
  color: #364454;
  align-items: end;
  justify-content: inherit;
}
.group_box h1{
  font-size: 20px;
  margin-bottom: 22px;
}
.group_box h2{
  font-size: 14px;
  margin-bottom: 8px;
}
.g_con2{
  width: 230px;
  margin-left: 133px;
  text-align: center;
}
.g_con3{
  margin: 0 40px;
}
.qrcode img {
  width: 100px;
  height: 100px;
  margin: 4px 0;
}
.group_box h2:last-child{
  margin-bottom: 0;
}
.footerwrap {
  margin-top: 80px;
  padding: 60px 0;
  background: #9d163b;
}
.footer_box{
  width: 1000px;
  margin: auto;
}
.footer_r{
  width: 836px;
}
.footer_r li {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.5;
  color: #ffffff;
}
.side {
  position: fixed;
  background: linear-gradient(#96143b, #b82437);
  font-size: 18px;
  color: #fefefe;
  box-sizing: border-box;
  padding: 32px 10px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  margin: 494px 0px 0 1430px;
  border-radius: 10px;
}
/* .side::after{
    content: '';
    position: absolute;
    background: #ffe285;
    width: 100%;
    height: 20px;
    z-index: -1;
    bottom: -7px;
    left: 0;
} */
.side a{
  font-size: 18px;
  line-height: 1.3;
  font-weight: bold;
  display: block;
  color: #ffffff;
}
.side_box{
}
.side hr{
  border-color: #ccc;
  margin: 20px 0;
}
@media only screen and (max-width: 1540px){
  .wrap{
    width: 96%;
    min-width: 1100px;
  }
}
@media only screen and (max-width: 1540px){
.side {
  position: fixed;
  right: 20px !important;
}
@media only screen and (max-width: 1160px){
.side {
  margin: 494px 0px 0 1030px;
  right: auto;
}