.mobile_display{
  display: none!important;
}

/* 
-------------  控件样式  -------------
*/

.skipmenu a i {
  font-style: normal;
  display: none;
  float: left;
}
.subbodyskip .navbaractive {
  box-shadow: none;
}
.bodybg_grey {
  background-color: #f5f8fd;
}
.bodybg_grey2 {
  background-color: #eef5fb;
}
.bodybg_blue {
  background-color: #F5F9FC;
}
.bodybg_blue2 {
  background-color: #ECF5FD;
}
.bgdarksection {
  /* background-image: url(../images/home/bg_sectiondark.png);
  background-repeat: repeat-x; */
  background-color: #1a58ca;
}



.filletS4 {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.filletS6 {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.navbar-default .navbar-toggle {
  border: none;
}
.bannerHome {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 700px;
  /* background: url('../images/bner/bg_bnerhome.jpg') center center #252241; */
  background-color: #181729;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bannerHome .home_banner_video {
  position: absolute;
  top: 0;
  right: -260px;
  z-index: 0;
}
.hbannerbox {
  position: relative;
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  margin-top: 220px;
}
.hbanner-textbox {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
}
.hbanner-text-title {
  font-size: 48px;
  line-height: 52px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 10px;
}
.hbanner-text-subtitle {
  font-size: 56px;
  line-height: 56px;
  color: #ffffff;
}
.hbanner-text-titledesc {
  font-size: 14px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.48);
  margin-bottom: 16px;
}
.hbanner-textdesc {
  font-size: 18px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.64);
  margin-bottom: 40px;
}
.hbanner-textdesc1 {
  font-size: 12px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.32);
  margin-bottom: 60px;
}
.hbanner-text-littletitle {
  font-size: 26px;
  line-height: 32px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 10px;
}
.subbannerbox-text-title {
  font-size: 50px;
  line-height: 54px;
  color: #ffffff;
  font-weight: bold;
}
.subbannerbox-text-subtitle {
  font-size: 24px;
  line-height: 36px;
  color: #ffffff;
  margin-bottom: 28px;
}
.subbannerbox-textdesc {
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.64);
  margin-bottom: 40px;
}
.hbanner-otherinfo {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
}
.hbanner-otherinfo-form {
  background: none;
  position: relative;
  margin-bottom: 12px;
  float: left;
}
.hbanner-otherinfo-form input {
  outline: none;
  border: 1px solid rgba(255, 255, 255, 0.24);
  line-height: inherit;
  padding: 11px 120px 11px 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #ffffff;
  font-size: 13px;
  line-height: 24px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  width: 360px;
}
.hbanner-otherinfo-form input:hover {
  border-color: hover!important;
  border: 1px solid #ffffff;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hbanner-otherinfo-form input:focus {
  border-color: hover!important;
  border: 1px solid #ffffff;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hbanner-otherinfo-form input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}
.hbanner-otherinfo-form input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}
.hbanner-otherinfo-form input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}
.hbanner-otherinfo-input {
  background: none;
  border: none;
}
.hbanner-otherinfo-form button {
  display: block;
  width: 120px;
  height: 100%;
  background-color: #0776ff;
  padding: 0px 20px;
  line-height: 42px;
  font-size: 12px;
  color: #ffffff;
  border-radius: 6px;
  transition: filter 0.5s ease;
  border: none;
}
.hbanner-otherinfo-form button:hover {
  opacity: 1;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hbanner-otherinfo-telinfo {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
}
.hbanner-otherinfo-telinfo span {
  font-size: 12px;
  color: #ffffff42;
  float: left;
}
.hbanner-otherinfo-telinfo a {
  width: 100px;
  min-height: 1px;
  overflow: hidden;
  font-size: 12px;
  color: #ffffff9c;
}
.hbanner-otherinfo-telinfo a:hover {
  color: #ffffff;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn_public_tiyan1 {
  width: auto;
  min-height: 1px;
  overflow: hidden;
  float: left;
}
.btn_public_tiyan1 a {
  width: 120px;
  min-height: 1px;
  text-align: center;
  overflow: hidden;
  display: block;
  padding: 0px 20px;
  line-height: 42px;
  font-size: 12px;
  color: #ffffff;
  background-color: transparent;
  margin-left: 12px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.btn_public_tiyan1:hover a {
  color: #03031d;
  background-color: #fff;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.banner {
  width: 100%;
  height: 600px;
  background-color: #000000;
}
.bannerbox {
  width: 100%;
  height: 100%;
}
.bner2 {
  background: url('../images/bner/bg_bnerp2.webp') center right #262eb5;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bner3 {
  background: url('../images/bner/bg_bnerp3.webp') center center #083087;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bner4 {
  background: url('../images/bner/bg_bnerp4.webp') center center #083087;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bner5 {
  background: url('../images/bner/bg_bnerp5.webp') center right #1a3c93;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bner6 {
  background: url('../images/bner/bg_bnerp6.webp') center center #062c81;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bner7 {
  background: url('../images/bner/bg_bnerp7.webp') center center #12389d;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bner8 {
  background: url('../images/bner/bg_bnerp8.webp') center center #0f3996;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bner9 {
  background: url('../images/bner/bg_bnerp9.webp') center center #052d84;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bner10 {
  background: url('../images/bner/bg_bnerp10.webp') center center #011c57;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bner11 {
  background: url('../images/bner/bg_bnerp11.webp') center center #1e61a8;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bner12 {
  background: url('../images/bner/bg_bnerp12.webp') 72% center #0c0527;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.bannermain {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  margin-top: 200px;
}
.bannermain_text {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  margin-bottom: 44px;
}
.bannermain_tbox {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  margin-bottom: 16px;
}
.bannermain_tbox span {
  display: block;
}
.bannermain_tbox .title {
  font-size: 40px;
  line-height: 48px;
  font-weight: bold;
  color: #ffffff;
}
.bannermain_tbox .title br{
  display: none;
}
.bannermain_tbox .subtitle {
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  margin-bottom: 6px;
}
.bannermain_tdesc {
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.64);
}
.bannermain_btnbox {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
}
.bannermain_btn {
  width: auto;
  min-height: 1px;
  overflow: hidden;
  float: left;
  /* margin-right: 10px; */
}
.bannermain_btn a {
  width: auto;
  min-height: 1px;
  overflow: hidden;
  display: block;
  font-size: 12px;
  line-height: 38px;
  color: #ffffff;
  padding: 0px 24px;
}
.bannermain_btn a:hover {
  opacity: 0.64;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.bannermain_btnbox .ontrial a {
  width: auto;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  background-color: #197dc4;
  border: 1px solid #197dc4;
}
.bannermain_btnbox .ontrial a:hover {
  opacity: 1;
  background-color: #0967aa;  
  border: 1px solid #0967aa;
  color:#fff;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.bannermain_btnbox .videos a {
  width: auto;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border: 1px solid #ffffff;
}
.bannermain_btnbox .videos a:hover {
  opacity: 0.64;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sectioncountry {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  padding: 64px 0px;
}
.sectioncooperation {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  padding: 64px 0px;
}
.sectionmainbox {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
}
.sectionmain_subbg {
  background: url("../images/bg_subbodybg.png") center top;
  background-size: auto 732px;
  background-repeat: repeat-x;
}
.sectionmain_technologybg {
  background-color: #f2f4f8;
}
.sectionnav {
  width: 100%;
  /* height: 50px; */
  padding: 6px 0px;
  background-color: #F6FAFF;
  /* border-bottom: 1px solid rgba(112, 128, 162, .2); */
}
.sectionnav2 {
  width: 100%;
  height: 50px;
  margin-bottom: 24px;
}
.sectionmain {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
}
.sectionborder {
  border-bottom: 1px solid #d9d9d9;
}
.section {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  padding-top: 120px;
}
.section2 {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  padding-top: 36px;
}
.section3 {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
}
.section_tbox {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  margin-bottom: 64px;
}
.section_tlist {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  margin-bottom: 28px;
}
.section_tlist ul li {
  width: auto;
  float: left;
  padding: 0px 4px;
}
.section_tlist ul li a {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  display: block;
  font-size: 12px;
  line-height: 40px;
  color: #afafaf;
  padding: 0px 24px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.section_tlist ul li a:hover {
  background-color: #2a8cf6;
  color: #ffffff;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.curbtn a {
  background-color: #2a8cf6;
  color: #ffffff !important;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.section_ttitle {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  margin-bottom: 12px;
  color: #000000;
}
.section_ttitle .title {
  font-size: 28px;
  line-height: 36px;
  font-weight: bold;
}
.section_ttitle .subtitle {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
}
.section_tdesc {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
  color: #999999;
}
.section_main {
  width: 100%;
  min-height: 1px;
  padding-top: 120px;
  padding-bottom: 120px;
}
.section_main_other {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  /* margin-top: 120px; */
  padding-bottom: 120px;
}
.section_main2 {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
}
.section_main_subbg {
  background: url(../images/bg_subsection.jpg) center top;
  background-size: auto 200px;
  background-repeat: repeat-x;
  padding-top: 80px;
}
.section_maingeneral {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  text-align: center;
}
.section_maingeneral img {
  width: 100%;
  max-width: 1110px;
}
.isStuck {
  box-shadow: 0px 0px 32px rgba(2, 80, 158, 0.14);
}
/* 
-------------  公共列表布局样式  -------------
*/
.listsectionBox {
  width: 100%;
  height: 880px;
}
.listsectionBox2 {
  width: 100%;
  height: 680px;
}
.listsectionBox3 {
  width: 100%;
  height: 680px;
}
.listsection_rightbg {
  background: url("../images/bg_subbgright.webp") right center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.listsection_leftbg {
  background: url("../images/bg_subbgleft.webp") left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.listsection_tbox {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
}
.listsection_tsubtitle {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  font-size: 16px;
  line-height: 28px;
  color: #333;
  font-weight: 600;
  text-align: center;
  display: none;
}
.listsection_bg_tbox .listsection_tsubtitle {
  color: rgba(255, 255, 255, 0.80);
}
.listsection_ttitle {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  font-size: 32px;
  line-height: 36px;
  color: #000000;
  text-align: left;
}
.listsection_bg_tbox .listsection_ttitle {
  color: #fff;
}
.listsection_ttitle span {
  float: left;
  width: auto;
}
.listsection_tt1 {
  overflow: hidden;
}
.listsection_tt2 {
  font-weight: bold;
}
.listsection_tdesc {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  font-size: 14px;
  line-height: 24px;
  margin-top: 8px;
  color: #999999;
  text-align: center;
}

.listsection_bg_tbox .listsection_tdesc {
  color: rgba(255, 255, 255, 0.48);
}
.listsection_tmain {
  width: 100%;
  min-height: 1px;
  position: relative;
  margin-top: 120px;
}
.listsection_tmain_text {
  width: 100%;
  min-height: 1px;
}
.listsection_tmain_textbox {
  width: 30%;
  min-height: 1px;
  float: left;
  margin-top: 6%;
}
.listsection_tmain_textbox2 {
  width: 100%;
  min-height: 1px;
  float: left;
}
.listsection_maintbox {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  margin-bottom: 72px;
}
.listsection_mainttitle {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  margin-bottom: 24px;
}
.listsection_mainttitle h2 {
  font-size: 32px;
  line-height: 40px;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 0px;
}
.listsection_mainttitle span {
  font-size: 12px;
  line-height: 24px;
  color: #888888;
}
.listsection_maintdesc {
  font-size: 14px;
  line-height: 24px;
  color: #333333;
}
.listsection_maintdesc .t1 {
  font-weight: 600;
}
.listsection_maintdesc .t2 {
  margin-bottom: 10px;
}
.listsection_maintdesc ul {
  margin-top: 20px;
}
.listsection_maintdesc ul li span {
  font-size: 18px;
  display: inline-block;
  margin-right: 10px;
}
.listsection_maintbtn {
  width: 100%;
  min-height: 1px;
}
.listsection_maintbtn a {
  width: 120px;
  min-height: 1px;
  display: block;
  font-size: 13px;
  line-height: 44px;
  text-align: center;
  color: #666666;
  background-color: #d3edff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  /* box-shadow: 16px 0px 64px rgba(0, 80, 157, 0.08);
  -moz-box-shadow: 16px 0px 64px rgba(0, 80, 157, 0.08);
  -webkit-box-shadow: 16px 0px 64px rgba(0, 80, 157, 0.08); */
}
.listsection_maintbtn a:hover {
  box-shadow: 0px 8px 48px rgb(193 203 232 / 48%);
  -moz-box-shadow: 0px 8px 48px rgb(193 203 232 / 48%);
  -webkit-box-shadow: 0px 8px 48px rgb(193 203 232 / 48%);
  background-color: #fff;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.listsection_tmain_img {
  width: 55%;
  min-height: 1px;
  float: right;
  position: absolute;
  top: 0;
  right: 0;
}
.listsection_tmain_img2 {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  margin-bottom: 96px;
}
.listsection_tmain_img2 img {
  width: 100%;
}
.listsection_tmain_imgbox {
  width: auto;
  min-height: 1px;
  margin-right: 140px;
}
.listsection_tmain_imgbox img {
  width: 100%;
  max-width: 786px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 12px 0px 64px rgba(0, 80, 157, 0.12);
  -moz-box-shadow: 12px 0px 64px rgba(0, 80, 157, 0.12);
  -webkit-box-shadow: 12px 0px 64px rgba(0, 80, 157, 0.12);
}
.listsection_tmain_imgbox video {
  width: 100%;
  max-width: 786px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 12px 0px 64px rgba(0, 80, 157, 0.12);
  -moz-box-shadow: 12px 0px 64px rgba(0, 80, 157, 0.12);
  -webkit-box-shadow: 12px 0px 64px rgba(0, 80, 157, 0.12);
}
.listsection_tmain_imgbox2 {
  width: 180px;
  min-height: 1px;
  position: absolute;
  right: 140px;
  top: 22%;
}
.listsection_tmain_imgbox2 img {
  width: 100%;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 12px 0px 64px rgba(0, 80, 157, 0.12);
  -moz-box-shadow: 12px 0px 64px rgba(0, 80, 157, 0.12);
  -webkit-box-shadow: 12px 0px 64px rgba(0, 80, 157, 0.12);
}
.listsection_imgbox {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
}
.tabbox {
  display: none;
}
.tabbox_active {
  display: block;
}
.current {
  display: block;
  animation: fadeIn 0.4s linear none;
}
.current2 a {
  width: 100% !important;
  min-height: 1px !important;
  overflow: hidden !important;
  display: block !important;
  font-size: 14px !important;
  line-height: 48px !important;
  color: #00328e !important;
  border-bottom: 1px solid #00328e !important;
  background: none !important;
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
  }
}
.sectiondarkbg .section_ttitle {
  color: #ffffff;
}
.sectiondarkbg .section_tdesc {
  color: rgba(255, 255, 255, 0.48);
}
.sectiondarkbg .hsolutionsmain_desc {
  color: rgba(255, 255, 255, 0.48);
}
.sectiondarkbg .hsolutionsmain_btn .btnpublic_s2 a {
  color: rgba(255, 255, 255, 0.88);
}






.industryCase-box-leftbox .title {
  position: relative;
  font-size: 14px;
  color: #000;
  font-weight: bold;
  line-height: 24px;
  padding-left: 30px;
}
.industryCase-box-leftbox .title::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 10px;
  height: 4px;
  width: 20px;
  background-image: linear-gradient(to right, #49ccc4,#4ab7f3);
}
.industryCase-box-rightbox {
  padding-left: 0px;
  overflow: hidden;
}
.industryCase-box-rightbox .case_logo_box {
  width: 20%;
  float: left;
  padding-left: 20px;
}
.industryCase-box-rightbox .case_logo_box img {
  width: 100%;
  min-height: 1px;
  background-color: #ffffff;
  margin-bottom: 20px;
  padding: 0px 15px;
  border-radius: 4px;
}
.industryCase-box-leftbox::before {
  content: "";
  display: block;
  background-color: #e5eaee;
  height: 1px;
  margin-bottom: 20px;
}
.pagecasebox {
  width: 12.5%;
  float: left;
  padding: 0 8px 5px;
}
.pagecasebox .title {
  font-size: 14px;
  color: #333;
  text-align: center;
  margin: 10px 0 15px;
}
.pagecasebox .pagecaselogo {
  width: 100%;
  margin-bottom: 15px;
  padding: 0 5px;
  background: #fff;
  border-radius: 4px;
}

/* ===== 采知连 FAQ 常见问题 ===== */
.czl-faq-section {
    background-color: #f5f9fd;
}
.czl-faq-section2 {
  background-color: #fff;
}
.czl-faq-section .listsection_ttitle {
    text-align: center;
}
.czl-faq-section .faqlist {
    margin: 0 auto;
}

.faqitem {
    display: block;
    border: 1px solid #e6edf7;
    border-radius: 8px;
    margin-bottom: 14px;
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.faqitem[open] {
    border-color: #0B6FE3;
    box-shadow: 0 6px 20px rgba(11,111,227, .12);
}
.faqitem > summary {
    list-style: none;
    cursor: pointer;
    padding: 20px 56px 20px 24px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #1a2330;
    outline: none;
}
.faqitem > summary::-webkit-details-marker { display: none; }
.faqitem[open] > summary { color: #0B6FE3; }
.faq_ico {
    position: absolute;
    right: 22px;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    transition: transform .25s ease;
}
.faq_ico::before, .faq_ico::after {
    content: "";
    position: absolute;
    background: #0B6FE3;
    border-radius: 2px;
}
.faq_ico::before { left: 7px; top: 0; width: 2px; height: 16px; }
.faq_ico::after  { top: 7px; left: 0; width: 16px; height: 2px; }
.faqitem[open] .faq_ico { transform: rotate(135deg); }
.faq_a {
    padding: 0 24px 22px;
    color: #566573;
    font-size: 15px;
    line-height: 1.9;
}
.faq_a p { margin: 0; }
@media (max-width: 768px) {
    .faqitem { margin-bottom: 10px; }
    .faqitem > summary { font-size: 13px; line-height: 22px; padding: 12px 48px 12px 18px; }
    .faq_a { padding: 0 18px 18px; font-size: 12px; line-height: 20px; }
}
