.container {overflow: visible;}
.page{overflow: visible;}
.page .aside{max-width: 290px;width: 25%;position: sticky;top: 70px;}
.page .layout{max-width: 1400px;width: 95%;margin: auto;}
.page .side-tit-bar{margin-bottom: 0;}
.page .side-tit-bar .side-tit{background: #3e3936;border-radius: 10px 10px 0px 0px;padding: 3% 0% 3% 10%;font-size: 18px;
  /* font-family: HelveticaLTStd; */
  font-family: opensans,Arial,Helvetica,sans-serif;
  font-weight: bold;}
.page .side-cate{padding-left: 0;}
.page .side-cate li{line-height: 52px;padding:0 10%;position: relative;}
.page .side-cate li a{margin-right: 0;border-bottom: 1px solid #E5E5E5;
  /* font-family: HelveticaLTStd; */
  font-weight: normal;font-size: 20px;color: #003333;    padding-left: 0px;}
.page .side-cate li a:hover{color: #3e3936;}
.page .side-cate li a::before{display: none;}
.page .side-cate li.nav-current{background-color: #F2F2F2;}
.page .side-cate li.nav-current a{color: #3e3936;}
.page .side-cate li.nav-current::before{position: absolute;content: ' ';width: 4px;height: 28px;position: absolute;left: 0;top: 50%; transform: translateY(-50%);background-color: #3e3936;}

.page .main{position: relative;width: calc(100% - 360px);float: right;padding-bottom: 50px;}
.page .title_wapr .title{
  /* font-family: HelveticaLTStd; */
  font-weight: bold;font-size: 34px;color: #333333;margin-top: -12px;line-height: 44px;}
.silod-r {     align-items: center; display: flex; justify-content: space-between;}
.silod-r  .linge{ display: inline-block;      margin-top: 24px;    

width: 100%;
  background-color: #3e3936;
  height: 1px;

  display: block;
}
.page .title_wapr .smtitle{position: relative;
  /* font-family: HelveticaLTStd; */
  font-weight: bold;font-size: 28px;color: #3e3936;margin-top: 24px;line-height: 44px;      padding-right: 1%;   white-space: nowrap;}
/* .page .title_wapr .smtitle::before{position: absolute;content:' ';width: calc(100% - 100px);background-color: #3e3936;height: 1px;position: absolute;top: 50%;transform: translateY(-50%);display: block;right: 0;} */
.page .h2{
  /* font-family: HelveticaLTStd; */
  font-weight: bold;font-size: 26px;color: #333333;margin-top: 12px;margin-bottom: 20px;}

.page .module_warp{background-color: #FAFAFA;padding: 2% 2% 10%;}
.page .module_warp:nth-child(5){padding-bottom: 3%;}
.page .module_warp .module{margin-bottom: 50px;}
.page .module_warp .title{
  /* font-family: HelveticaLTStd; */
  font-weight: bold;font-size: 20px;color: #333333;position: relative;margin-top: 0;}
.page .module_warp .title::before{position: absolute;content: ' ';left: 0;width: 4px;height: 23px;background-color: #333333;left: -2%;top: 50%;transform: translateY(-50%);}
.page .module_warp .content{display: flex;justify-content: space-between;align-items: start;margin-top: 24px;}
.page .module_warp .content .text_warp{width: 48%;}
.page .module_warp .content .img_warp{width: 50%;position: relative;padding-top: 36%;padding-right: 8px;padding-bottom: 8px;}
.page .module_warp .content .img_warp::before{position: absolute;content: ' ';display: block;width: 132px;height: 78px;background-color: #3e3936;right: 0;bottom: 0;}
.page .module_warp .content .img_warp img{position: absolute;left: 0;top: 0;width: 98%;height: 97%;object-fit: cover;z-index: 2;}
.page .module_warp  .text_warp .smtitle{
  /* font-family: HelveticaLTStd; */
  font-family: opensans,Arial,Helvetica,sans-serif;
  font-weight: normal;font-size: 20px;color: #333333;margin: 18px 0;}
.page .module_warp  p{
  /* font-family: times new roman !important; */
  font-weight: 300;font-size: 16px;color: #666666;line-height: 28px;}

.page .module_warp .video_warp{width: 100%;position: relative;padding-top: 50%;margin-top: 26px;}
.page .module_warp .video_warp iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 2;}

.page .module_warp .form_content{display: flex;justify-content: space-between;align-items: center;margin: 6% 0;}
.page .module_warp .module4 .img_warp{width: 45%;padding-bottom: 47%;position: relative;}
.page .module_warp .module4 .img_warp img{width: 100%;height: 100%;left: 0;top: 0;position: absolute;object-fit: cover;}
.page .module_warp .module4 .form_warp{width: 55%;position: absolute;z-index: 2;padding: 4% 4% 2% 4%;background-color: #fff;box-shadow: 0px 0px 23px 0px rgba(0, 11, 40, 0.17);right: 0;}
.page .module_warp .module4 .form_warp::before{position: absolute;top: 0px;width: 100%;background-color: #3e3936;content: ' ';display: block;height: 8px;left: 0;}
.page .module_warp .module4 .form_warp .title{font-family: HelveticaLTStd;font-weight: bold;font-size: 30px;color: #333333;margin-bottom: 12px;}
.page .module_warp .module4 .form_warp .desc{font-family: Arial;font-weight: 400;font-size: 16px;color: #666666;line-height: 24px;margin-bottom: 24px;}
.page .module_warp .module4 .form_warp .title::before{display: none;}
.page .module_warp .module4 .form_warp .form_ul li{width: 100%;}
.page .asterisk{background-color: #f6f6f6;width: 100%;padding: 13px 0;margin: 6px 0;display: flex;padding-left: 20px;background-color: #f1f1f1;position: relative;border-radius: 5px;}
.page .asterisk_sk{color: red;position: relative;top: 4px;}
.page .form_ul li input{background-color: #f1f1f1;border: none !important;width: 365px;padding-left: 2%;border-radius: 5px;}

.page .Asterisk_Text .asterisk_red {color: red;display: inline-block;text-align: center;position: absolute;top: 6%;}
.page .Asterisk_Text textarea {height: 220px ;border: 1px solid #eee !important;background-color: #f1f1f1;border-radius: 5px;resize: none;width: 100%;resize: none;padding-left: 2% !important;}
.page .submiring{width: 100%;display: flex;justify-content: end;align-items: center;}
.page .submiring .submit_btn{background-color: #3e3936 !important;font-family: Arial;font-weight: 400;font-size: 16px;color: #FFFFFF;border: none;text-transform: uppercase;background: url(./img/page/right_icon.webp) no-repeat 80% center;}
.page .module4{margin-top: 90px;}
.page .h2:nth-child(2){margin-top: 60px;}

.page .module5 .list{display: flex;justify-content: space-between;align-items: start;margin-top: 30px; flex-wrap: wrap;}
.page .module5 .list .item{width: 49%; margin-bottom: 20px !important;}
.page .module5 .img_warp{position: relative;padding-bottom: 60%;}
.page .module5 .img_warp img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
.page .module5 .list .item .title{font-family: HelveticaLTStd;font-weight: normal;font-size: 20px;color: #333333;line-height: 44px;}
.page .module5 .list .item .title::before{display: none;}

.page .module6 .page_swiper{margin-top: 30px;margin-bottom: 50px;}
.page .module6 .swiper-slide{display: flex;justify-content:center;align-items: center;}
.page .module6 .swiper-slide>div{width: 50%;}
.page .module6 .swiper-slide .img_warp{position: relative;padding-bottom: 48%;}
.page .module6 .swiper-slide .img_warp img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;}
.page .module6 .swiper-slide .text_warp{padding: 3% 3% 2%;background-color: #3e3936;}
.page .module6 .swiper-slide .title{font-family: HelveticaLTStd;font-weight: normal;font-size: 20px;color: #FFFFFF;margin-bottom: 18px;}
.page .module6 .swiper-slide .title::before{display: none;}
.page .module6 .swiper-slide .desc{font-family: HelveticaLTStd;font-weight: 300;font-size: 16px;color: #FFFFFF;}
.page .module6 .swiper-slide .swiper-button-white{position: absolute;bottom: 2%;width: 48px;height: 48px;cursor: pointer;background: url(img/next.png) no-repeat center #3e3936;}
.page .module6 .swiper-slide .page_swiper_prev{right: 88px;transform: rotate(180deg);}
.page .module6 .swiper-slide .page_swiper_next{right: 10px;}
.page .module6 .swiper-slide .page_swiper_prev:hover{background: url(img/next.png) no-repeat center #ddd;}
.page .module6 .swiper-slide .page_swiper_next:hover{background: url(img/next.png) no-repeat center #ddd;}
.page .module6 .text_warp .smtitle{font-family: HelveticaLTStd;font-weight: normal;font-size: 20px;color: #333333;}

.page .module7 ul{margin-top: 20px;}
.page .module7 li{background: #FFFFFF;border: 1px solid #E5E5E5;padding:0 6%;margin-bottom: 12px;} 
.page .module7 li p.problem{position: relative;border-bottom: 1px solid #E5E5E5;line-height: 60px;font-family: Arial;font-weight: 400;font-size: 18px;color: #333333;cursor: pointer;}
.page .module7 li p.problem i{position: absolute;top: 50%;transform: translateY(-50%);left: -5%;display: flex;border-radius: 50%;width: 22px;height: 22px;background-color: #3e3936;justify-content: center;align-items: center;}
.page .module7 li p.problem i::before{content:'-';color: #fff;font-family: Arial;font-weight: 400;font-size: 38px;height: 22px;line-height: 18px;}
.page .module7 li p.answer{padding: 3% 0;display: none;}
.page .module7 li:first-child p.answer{display: block;}

.page .module_warp .module8{margin-bottom: 0;}
.page .module8 .message{margin-top: 50px;}
.page .module8 .message_item{display: flex;justify-content: space-between;align-items: start;margin-bottom: 44px;}
.page .module8 .message_item:nth-child(2n){flex-direction: row-reverse;}
.page .module8 .message_item .img_warp{width: 109px;height: 109px;overflow: hidden;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);border-radius: 50%;background-color: #fff;position: relative;}
.page .module8 .message_item .img_warp img{position: absolute;width: 80%;height: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: cover;}
.page .module8 .message_item .text_warp{width: 85%;padding: 4%;background-color: #fff;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);}
.page .module8 .message_item .text_warp .t{font-family: HelveticaLTStd;font-weight: bold;font-size: 22px;color: #333333;margin: 30px 0 20px;}


@media only screen and (max-width: 950px){
  .page .main{width: 100%;}
  .page .title_wapr .title{font-size: 24px;line-height: 1.5;}
  .page .title_wapr .smtitle{font-size: 20px;line-height: 1.5;}
  .page .title_wapr .smtitle::before{width: calc(100% - 74px);}
  .page .h2{font-size: 22px;}
  .page .h2:nth-child(2){margin-top: 30px;}
  .page .module_warp .content{flex-direction: column;}
  .page .module_warp .content>div{width: 100% !important;}
  .page .module_warp .content .img_warp{padding-top: 70%;margin-top: 20px;}
  .page .module_warp .module{margin-top: 60px;}
  .page .module_warp .form_content{flex-direction: column;}
  .page .module_warp .module4 .img_warp{width: 100%;padding-bottom: 100%;}
  .page .module_warp .module4 .form_warp{width: 100%;position: relative;margin-top: 30px;}
  .page .Asterisk_Text textarea{height: 110px;}
  .page .module5 .list{flex-direction: column;}
  .page .module5 .list .item{width: 100%;margin-bottom: 20px;}
  .page .module6 .swiper-slide{flex-direction: column;}
  .page .module6 .swiper-slide .img_warp{width: 100%;padding-bottom: 110%;}
  .page .module6 .swiper-slide .text_warp{width: 100%;}
  .page .module7 li p.problem{line-height: 1.5;font-size: 16px;padding: 10px 0;}
  .page .module7 li{padding-left: 40px;}
  .page .module7 li p.problem i{left: -30px;}
  .page .module8 .message_item .text_warp img{width: 35px;}
}


