.xcx_item { margin: 40px auto;}
.xcx_item .item { text-align: center; flex: 0 0 33.33%; max-width: 425px; margin-bottom: 20px; padding-bottom: 20px; padding-top: 20px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.xcx_item .item .item-icon { position: relative; width: 75px; height: 75px; margin: 10px auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all 0.3s; }
.xcx_item .item .item-icon img{ width: 100%; height: 100%; object-fit: contain;}
.xcx_item .item .item-name { color: #333333; font-size: 20px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all 0.3s; }
.xcx_item .item .item-desc { font-size: 14px; color: #969799; line-height: 150%; padding-top: 10px;}
.xcx_item .item:hover { -webkit-box-shadow: 0px 12px 32px rgba(147, 147, 147, 0.5); -moz-box-shadow: 0px 12px 32px rgba(147, 147, 147, 0.5); box-shadow: 0px 12px 32px rgba(147, 147, 147, 0.5);}
.xcx_item .item:hover .item-icon img { animation: swing 1s 1 linear; }
.xcx_item .item:hover .item-name { color: #3461ad; }

.xcx_item .item1{ flex: 0 0 28%; box-shadow: 0 5px 20px 5px rgb(217 223 231 / 40%); padding: 100px 20px; border-radius: 6px; transition-duration: .3s;}
.xcx_item .item1 .item-icon { width: 175px; height: 132px;}
.xcx_item .item1 .item-name{ padding: 20px 0 10px;}

.xcx_item .item2{ flex: 0 0 25%;}

.xcx_content{ margin-bottom: 40px;}
.xcx_content .xcx_tt{ flex: 0 0 35%;position: relative; left: 30px;}
.xcx_content img{ flex: 0 0 35%; max-width: 650px; height: auto;}
.xcx_content h2{ font-size: 30px; font-weight: normal; margin-bottom: 30px; color: #666;}
.xcx_content p{ color: #595961; font-size: 16px; line-height: 2.0em;}
.xcx_content blockquote { width: 300px; text-align: center; background: #dfe1e6; border-radius: 10px; font-size: 18px; padding: 23px 10px; color: #595961; letter-spacing: 2px; line-height: 30px; margin: 40px 0;}

.xcx_qh .tab-head{ display: flex; align-items: center; justify-content: center;}
.xcx_qh .tab-head ul{ display: flex; align-items: center; justify-content: center; height: 28px; background: #fff; margin-bottom: 50px; padding: 4px; border-radius: 18px; box-shadow: 0 2px 16px 4px rgb(217 223 231 / 50%);}
.xcx_qh .tab-head ul li{ border-radius:18px; min-width:114px; vertical-align: middle; font-size:15px; color:rgba(102,102,102,1); text-align:center; cursor: pointer; }
.xcx_qh .tab-head ul li.active{ background: linear-gradient(to right,#4a7bff,#6ecaff); color:#fff;  padding:4px 0; }

.xcx_qh .tab-con{ width: 100%; overflow: hidden; padding-bottom:70px; }
.xcx_qh .tab-con li{ width: 100%; display: none; align-items: center; justify-content: space-between; }
.xcx_qh .tab-con li.active{ display: flex;}
.xcx_qh .tab-con .info-left{ width:300px; min-width: 300px; padding:0 15px; }
.xcx_qh .tab-con .info-left h2{ font-size: 24px; font-weight: 400; text-align:left; }
.xcx_qh .tab-con .info-left .line{ width: 47px; border: 1px solid rgba(29,120,250,1); margin: 30px 0; }
.xcx_qh .tab-con .info-left p{ font-size: 14px; color: #666; line-height: 28px; text-align:left;  }
.xcx_qh .tab-con .info-right{ flex: 1; padding-left:25px; }
.xcx_qh .tab-con .info-right img{ width: 100%; }