.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: none;left: 0px;right: auto;}
.swiper-button-prev::after, .swiper-button-next::after{display: none;}
.swiper-button-prev::before{content: "\e724";}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: none;right: 0px;left: auto; }
.swiper-button-next::before{content: "\e725";}
.swiper-button-next, .swiper-button-prev { font-family: "iconfont"; font-size: 18px;  text-align: center; color: #333; z-index: 10; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 1 !important;}

* { margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%;}
body {margin: 0 auto;font-family: MicrosoftYaHei, arial, helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;height: 100%;background:#fff;width:100%;margin:0 auto; overflow-x:hidden;color: #333;}

::selection { color: #fff; background: #006FE8; }
img {border: none; vertical-align: middle; max-width: 100%;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;}
embed, video, iframe { max-width: 100%; }
input[type="submit"], textarea[type="submit"] { cursor: pointer; }
input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }
input[type="radio"], textarea[type="radio"] { cursor: pointer; }
input, textarea, select {font-size: 14px; font-size: 1.4rem; border: none; outline: none; background: none;font-family: MicrosoftYaHei;}
input:focus, textarea:focus, select:focus { outline: none; }
textarea { resize: none; }
.h1, .h2, .h3, h1, h2, h3{margin: 0;padding: 0;font-weight: normal;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
a {text-decoration: none;color: #333;outline: none; display: inline-block; }
a:hover,a.active  {color: #006FE8;text-decoration: none;transition: 0.5s ease-in-out;}
a:hover {text-decoration: none;color: #006FE8;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;cursor: pointer; }
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
button {-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;text-decoration: none;background-color: transparent;border: 0;cursor: pointer;}
embed, video, iframe {max-width: 100%;}
.mar0{margin: 0 !important;}.padd0{padding: 0 !important;}
.iconfont{font-size: 20px; text-align: center; line-height: 1; }
.flo-left{float: left;}.flo-right{float: right;}.clear{clear: both;}
.pull-left { float: left !important; }
.pull-right { float: right !important; }
.fix { *zoom: 1; }
.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.posi-rela{position: relative;}.posi-abso{position: absolute;}.posi-fix{position: fixed;}
.text-center{text-align: center;}.text-left{text-align: left;}.text-right{text-align: right;}
.m-error { display: block; font-size: 14px;color: #FF0000;line-height: 18px;text-align: left;}
embed, video, iframe {max-width: 100%;}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:750px;}}
@media (min-width:992px){.container{width:980px;}}
@media (min-width:1260px){.container{width:1230px;}}
@media (min-width:1460px){.container{width:1430px;}}

::-webkit-scrollbar {width: 4px;height: 3px;}
::-webkit-scrollbar-thumb{border-radius: 10px;box-shadow: inset 0 0 5px rgba(0,0,0,0);background : rgba(0,0,0,0);}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0,0,0,0);border-radius: 0;background: rgba(0,0,0,0);}
.iconfont {font-size: 16px;}
.typed-cursor{opacity: 0;font-weight: 100;-webkit-animation: blink 0.7s infinite;-moz-animation: blink 0.7s infinite;-ms-animation: blink 0.7s infinite;-o-animation: blink 0.7s infinite;animation: blink 0.7s infinite;}
/* @-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}@-webkit-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}@-moz-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}@-ms-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}@-o-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}
 */
.flex{display: flex;}.block{display: block;}.inblock{display: inline-block;}
.self-ellipsis {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.self-ellipsis a{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.self-ellipsis-2 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.self-ellipsis-2 a {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.self-ellipsis-3 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.self-ellipsis-3 a {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.self-ellipsis-4 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.self-ellipsis-4 a {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.self-ellipsis-5 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.self-ellipsis-5 a {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
a.pic{display: block; text-align: center; position: relative; overflow: hidden;}
.pic img {-webkit-transition: all 550ms;-o-transition: all 550ms;-moz-transition: all 550ms;transition: all 550ms;}
.pic:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.picimgs a {position: relative;display: block;overflow: hidden;}
.picimgs:hover a::before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, .2);}
.picimgs a::before,.picimgs a::after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(255, 255, 255, 0);transition: all 0.7s ease-in-out;}
.picimgs:hover a::after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, .2);}
.common-vc { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.common-hc { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.common-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.item-pic:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.scale-big img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }
.scale-big:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.scale-small img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.scale-small:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

[class*="-item"] .item-pic, [class*="-item"] .item-pics { position: relative; display: block; text-align: center; overflow: hidden; }
[class*="-item"] .item-pic a, [class*="-item"] .item-pics a { position: relative; display: block; text-align: center; overflow: hidden; }

[class*="-item"] .item-title {overflow: hidden; color: #222; }
[class*="-item"] .item-title a { display: block; overflow: hidden;color: #222;}
[class*="-item"] .item-title a:hover { color:  #006FE8; }

[class*="-item"] .item-desc { overflow: hidden; color: #666; }
[class*="-item"] .item-desc a { display: block; color: #666; }
[class*="-item"] .item-desc a:hover { color: #006FE8; }

.index-tbody-btn{position: relative;width: 100%;}
.index-tbody-btn .btnn{position: relative;display: inline-block;vertical-align: top;text-align: center;min-width: 163px;padding: 4px 12px;line-height: 40px;padding-right: 56px;font-size: 18px;color: #FFFFFF;background: #222222;border-radius: 24px;}
.index-tbody-btn .btnn .iconfont{display: inline-block;vertical-align: top;text-align: center;position: absolute;top: 4px;right: 4px;bottom: 4px;width: 40px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;background: #006FE8;border-radius: 50%;}
.index-tbody-btn a.btnn:hover{color: #FFFFFF;background: #222222;}
.index-tbody-btn a.btnn:hover .iconfont{color: #fff;background: #34edfe;}
@media screen and (max-width:1459px) {
    .index-tbody-btn .btnn{min-width: 156px;padding: 3px 10px;line-height: 38px;padding-right: 52px;font-size: 18px;border-radius: 22px;}
    .index-tbody-btn .btnn .iconfont{top: 3px;right: 3px;bottom: 3px;width: 38px;height: 38px;line-height: 38px;font-size: 17px;}
}
@media screen and (max-width:1259px) {
    .index-tbody-btn .btnn{min-width: 148px;padding: 3px 10px;line-height: 34px;padding-right: 46px;font-size: 16px;border-radius: 20px;}
    .index-tbody-btn .btnn .iconfont{top: 3px;right: 3px;bottom: 3px;width: 34px;height: 34px;line-height: 34px;font-size: 16px;}
}
@media screen and (max-width:991px) {
    .index-tbody-btn .btnn{min-width: 142px;padding: 2px 8px;line-height: 32px;padding-right: 42px;font-size: 15px;border-radius: 18px;}
    .index-tbody-btn .btnn .iconfont{top: 2px;right: 2px;bottom: 2px;width: 32px;height: 32px;line-height: 32px;font-size: 15px;}
}
@media screen and (max-width:720px) {
    .index-tbody-btn .btnn{min-width: 136px;padding: 2px 8px;line-height: 32px;padding-right: 42px;font-size: 14px;border-radius: 18px;}
    .index-tbody-btn .btnn .iconfont{top: 2px;right: 2px;bottom: 2px;width: 32px;height: 32px;line-height: 32px;font-size: 14px;}
}

.face-main{position: relative;width: 100%;background: #F6F9FD;}
.face-main .face-banner{position: relative;width: 100%;display: block;/*! max-width: 1920px; */margin: 0 auto;overflow: hidden;}
.face-main .face-banner .banner-img{position: relative;width: 100%;display: block;text-align: center;}
.face-main .face-banner .ban-pic{width: 100%;display: block;}
.face-main *{box-sizing: border-box;}
.face-main .face-banner .banner-img-btn{position: absolute;bottom: 0;left: 13.54166666666667%;padding-bottom: 4.47916666666667%;width: auto;}
.face-main .face-banner .banner-form{position: absolute;bottom: 0;left: 13.54166666666667%;padding-bottom: 10.52083333333333%;}
.face-main .face-banner .banner-form form{display: block;width: 680px;position: relative;}
.face-main .face-banner .banner-form .banner-form-box{position: relative;width: 100%;background: rgba(255, 255, 255, .32);border-radius: 8px;border: 1px solid rgba(255, 255, 255, .85);padding: 10px 9px;display: flex;align-items: center;justify-content: space-between;;flex-wrap: wrap;}
.face-main .face-banner .banner-form .banner-form-box .item-input{position: relative;width: 234px;height: 40px;background: #FFFFFF;border-radius: 8px;border: 1px solid #C9C9C9;margin-right: 20px;}
.face-main .face-banner .banner-form .banner-form-box .item-input input{position: relative;display: block;width: 100%;height: 100%;line-height: 30px;font-size: 16px;color: #333;padding: 3px 12px;}
.face-main .face-banner .banner-form .banner-form-box .item-input-btn{position: relative;width: 136px;height: 40px;border-radius: 8px;overflow: hidden;}
.face-main .face-banner .banner-form .banner-form-box .item-input-btn .item-btn{position: relative;width: 100%;display: inline-block;height: 100%;font-weight: 500;background: #016FE8;border-radius: 8px;font-size: 18px;color: #FFFFFF;line-height: 30px;}
.face-main .face-banner .banner-form .banner-form-box .item-input-btn .item-btn:hover{background: #34edfe;}
@media screen and (max-width: 1459px) {
    .face-main .face-banner .banner-img-btn{left: 13.52%;padding-bottom: 4.45%;}
    .face-main .face-banner .banner-form{left: 13.52%;padding-bottom: 10.5%;}
    .face-main .face-banner .banner-form form{width: 640px;}
    .face-main .face-banner .banner-form .banner-form-box{padding: 9px 8px;}
    .face-main .face-banner .banner-form .banner-form-box .item-input{width: 228px;height: 40px;margin-right: 16px;}
    .face-main .face-banner .banner-form .banner-form-box .item-input input{line-height: 30px;font-size: 16px;padding: 2px 10px;}
    .face-main .face-banner .banner-form .banner-form-box .item-input-btn{width: 128px;height: 40px;}
    .face-main .face-banner .banner-form .banner-form-box .item-input-btn .item-btn{font-size: 18px;line-height: 30px;}
}
@media screen and (max-width: 1259px) {
    .face-main .face-banner .banner-img-btn{left: 13.5%;padding-bottom: 4.425%;}
    .face-main .face-banner .banner-form{left: 13.5%;padding-bottom: 10.25%;}
    .face-main .face-banner .banner-form form{width: 600px;}
    .face-main .face-banner .banner-form .banner-form-box{padding: 8px 7px;}
    .face-main .face-banner .banner-form .banner-form-box .item-input{width: 212px;height: 36px;margin-right: 12px;margin-bottom: 10px;}
    .face-main .face-banner .banner-form .banner-form-box .item-input input{line-height: 28px;font-size: 15px;padding: 2px 10px;}
    .face-main .face-banner .banner-form .banner-form-box .item-input-btn{width: 120px;height: 36px;}
    .face-main .face-banner .banner-form .banner-form-box .item-input-btn .item-btn{font-size: 16px;line-height: 28px;}
}
@media screen and (max-width: 750px) {
    .face-main .face-banner .banner-img-btn{display: none;}
    .face-main .face-banner .banner-img-btn{left: 13.5%;padding-bottom: 4.25%;}
    .face-main .face-banner .banner-form{position: relative;left: 0;padding: 10px;}
    .face-main .face-banner .banner-form form{width: 100%;}
    .face-main .face-banner .banner-form .banner-form-box{padding: 8px 7px;}
    .face-main .face-banner .banner-form .banner-form-box .item-input{width: 47.5%;height: 36px;margin-right: 0;margin-bottom: 10px}
    .face-main .face-banner .banner-form .banner-form-box .item-input input{line-height: 28px;font-size: 15px;padding: 2px 10px;}
    .face-main .face-banner .banner-form .banner-form-box .item-input-btn{width: 100%;height: 36px;text-align: center }
    .face-main .face-banner .banner-form .banner-form-box .item-input-btn .item-btn{font-size: 16px;line-height: 28px;max-width: 160px;margin: 0 auto}

}
.face-section{position: relative;width: 100%;background: #fff;}
.face-sec-top{position: relative;width: 100%;}
.face-sec-title{position: relative;width: 100%;font-weight: bold;font-size: 40px;color: #222222;line-height: 52px;padding-left: 67px;}
.face-sec-title .title-img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 62px;}

.face1{position: relative;width: 100%;padding: 5.55208333333333% 0 5.76041666666667%;}
.face1 .face1-tbody{position: relative;width: 100%;padding-top: 48px;}
.face1 .face1-tbody-list{position: relative;font-size: 0;letter-spacing: 0;display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
.face1 .face1-tbody-item{position: relative;display: inline-block;vertical-align: top;width: 25%;padding: 0 14px;margin-bottom: 21px;}
.face1 .face1-tbody-item .item-box{position: relative;width: 100%;transition: all .5s;}
.face1 .face1-tbody-item .item-box .item-box-top{position: relative;width: 100%;background: #F6F7FB;padding: 21px 23px 26px;border-radius: 24px;overflow: hidden;transition: all .5s;}
.face1 .face1-tbody-item .item-box:hover .item-box-top{background: #006FE8;color: #FFFFFF;}
.face1 .face1-tbody-item .item-box .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;border-radius: 14px;}
.face1 .face1-tbody-item .item-box .item-pic img{display: inline-block;vertical-align: top;width: 100%;}
.face1 .face1-tbody-item .item-box .item-info{position: relative;width: 100%;padding-top: 23px;display: flex;align-items: flex-start;justify-content: space-between;}
.face1 .face1-tbody-item .item-box .item-info .item-title{position: relative;width: calc(100% - 30px);font-weight: bold;font-size: 24px;color: #222222;line-height: 30px;height: 60px;overflow: hidden;}
.face1 .face1-tbody-item .item-box .item-info .item-btn{position: relative;display: inline-block;vertical-align: top;width: 26px;}
.face1 .face1-tbody-item .item-box .item-info .item-btn .iconfont{display: inline-block;vertical-align: top;width: 26px;text-align: center;font-size: 26px;color: #222222;line-height: 30px;}
.face1 .face1-tbody-item .item-box:hover .item-info .item-title{color: #FFFFFF;}
.face1 .face1-tbody-item .item-box:hover .item-info .item-btn .iconfont{color: #05F1FF;}
.face1 .face1-tbody-item .item-box .item-desc{position: relative;width: 100%;padding: 0 10px;margin-top: 18px;font-size: 16px;color: #666666;line-height: 26px;}
.face1 .face1-tbody-btn{position: relative;width: 100%;text-align: center;padding-top: 38px;}
@media screen and (max-width: 1459px) {
    .face-sec-title{font-size: 36px;line-height: 48px;padding-left: 60px;}
    .face-sec-title .title-img{width: 56px;}

    .face1{padding: 7.25% 0 7.5%;}
    .face1 .face1-tbody{padding-top: 42px;}
    .face1 .face1-tbody-list{margin-left: -10px;margin-right: -10px;}
    .face1 .face1-tbody-item{width: 25%;padding: 0 10px;margin-bottom: 18px;}
    .face1 .face1-tbody-item .item-box .item-box-top{padding: 18px 20px 22px;border-radius: 22px;}
    .face1 .face1-tbody-item .item-box .item-pic{border-radius: 12px;}
    .face1 .face1-tbody-item .item-box .item-info{padding-top: 20px;}
    .face1 .face1-tbody-item .item-box .item-info .item-title{width: calc(100% - 30px);font-size: 22px;line-height: 30px;height: 60px;}
    .face1 .face1-tbody-item .item-box .item-info .item-btn{width: 24px;}
    .face1 .face1-tbody-item .item-box .item-info .item-btn .iconfont{width: 24px;font-size: 24px;line-height: 30px;}
    .face1 .face1-tbody-item .item-box .item-desc{padding: 0 8px;margin-top: 16px;font-size: 16px;line-height: 26px;}
    .face1 .face1-tbody-btn{padding-top: 32px;}
}
@media screen and (max-width: 1259px) {
    .face-sec-title{font-size: 32px;line-height: 44px;padding-left: 56px;}
    .face-sec-title .title-img{width: 52px;}

    .face1{padding: 7% 0 7.25%;}
    .face1 .face1-tbody{padding-top: 36px;}
    .face1 .face1-tbody-list{margin-left: -5px;margin-right: -5px;}
    .face1 .face1-tbody-item{width: 25%;padding: 0 5px;margin-bottom: 18px;}
    .face1 .face1-tbody-item .item-box .item-box-top{padding: 16px 15px 18px;border-radius: 20px;}
    .face1 .face1-tbody-item .item-box .item-pic{border-radius: 12px;}
    .face1 .face1-tbody-item .item-box .item-info{padding-top: 18px;}
    .face1 .face1-tbody-item .item-box .item-info .item-title{width: calc(100% - 30px);font-size: 20px;line-height: 28px;height: 56px;}
    .face1 .face1-tbody-item .item-box .item-info .item-btn{width: 24px;}
    .face1 .face1-tbody-item .item-box .item-info .item-btn .iconfont{width: 24px;font-size: 24px;line-height: 28px;}
    .face1 .face1-tbody-item .item-box .item-desc{padding: 0 8px;margin-top: 14px;font-size: 15px;line-height: 24px;}
    .face1 .face1-tbody-btn{padding-top: 26px;}
}
@media screen and (max-width: 991px) {
    .face-sec-title{font-size: 28px;line-height: 40px;padding-left: 52px;}
    .face-sec-title .title-img{width: 48px;}

    .face1{padding: 6.75% 0 7%;}
    .face1 .face1-tbody{padding-top: 30px;}
    .face1 .face1-tbody-list{margin-left: -8px;margin-right: -8px;}
    .face1 .face1-tbody-item{width: 33.333333%;padding: 0 8px;margin-bottom: 18px;}
    .face1 .face1-tbody-item .item-box .item-box-top{padding: 16px 15px 18px;border-radius: 20px;}
    .face1 .face1-tbody-item .item-box .item-pic{border-radius: 12px;}
    .face1 .face1-tbody-item .item-box .item-info{padding-top: 18px;}
    .face1 .face1-tbody-item .item-box .item-info .item-title{width: calc(100% - 30px);font-size: 20px;line-height: 28px;height: 56px;}
    .face1 .face1-tbody-item .item-box .item-info .item-btn{width: 24px;}
    .face1 .face1-tbody-item .item-box .item-info .item-btn .iconfont{width: 24px;font-size: 24px;line-height: 28px;}
    .face1 .face1-tbody-item .item-box .item-desc{padding: 0 8px;margin-top: 14px;font-size: 15px;line-height: 24px;}
    .face1 .face1-tbody-btn{padding-top: 20px;}
}
@media screen and (max-width: 720px) {
    .face-sec-title{font-size: 24px;line-height: 36px;padding-left: 48px;}
    .face-sec-title .title-img{width: 42px;}

    .face1{padding: 6.5% 0 6.75%;}
    .face1 .face1-tbody{padding-top: 24px;}
    .face1 .face1-tbody-list{margin-left: -15px;margin-right: -15px;}
    .face1 .face1-tbody-item{width: 50%;padding: 0 15px;margin-bottom: 18px;}
    .face1 .face1-tbody-item .item-box .item-box-top{padding: 14px 12px 16px;border-radius: 16px;}
    .face1 .face1-tbody-item .item-box .item-pic{border-radius: 10px;}
    .face1 .face1-tbody-item .item-box .item-info{padding-top: 14px;}
    .face1 .face1-tbody-item .item-box .item-info .item-title{width: calc(100% - 28px);font-size: 18px;line-height: 26px;height: 52px;}
    .face1 .face1-tbody-item .item-box .item-info .item-btn{width: 24px;}
    .face1 .face1-tbody-item .item-box .item-info .item-btn .iconfont{width: 24px;font-size: 24px;line-height: 26px;}
    .face1 .face1-tbody-item .item-box .item-desc{padding: 0 5px;margin-top: 12px;font-size: 15px;line-height: 24px;}
    .face1 .face1-tbody-btn{padding-top: 20px;}
}
@media screen and (max-width: 560px) {
    .face-sec-title{font-size: 20px;line-height: 32px;padding-left: 42px;}
    .face-sec-title .title-img{width: 36px;}

    .face1{padding: 6.25% 0 6.5%;}
    .face1 .face1-tbody{padding-top: 20px;}
    .face1 .face1-tbody-list{margin-left: -8px;margin-right: -8px;}
    .face1 .face1-tbody-item{width: 50%;padding: 0 8px;margin-bottom: 18px;}
    .face1 .face1-tbody-item .item-box .item-box-top{padding: 14px 12px 16px;border-radius: 16px;}
    .face1 .face1-tbody-item .item-box .item-pic{border-radius: 10px;}
    .face1 .face1-tbody-item .item-box .item-info{padding-top: 14px;}
    .face1 .face1-tbody-item .item-box .item-info .item-title{width: calc(100% - 26px);font-size: 16px;line-height: 24px;height: 48px;}
    .face1 .face1-tbody-item .item-box .item-info .item-btn{width: 24px;}
    .face1 .face1-tbody-item .item-box .item-info .item-btn .iconfont{width: 24px;font-size: 22px;line-height: 24px;}
    .face1 .face1-tbody-item .item-box .item-desc{padding: 0 5px;margin-top: 12px;font-size: 14px;line-height: 22px;}
    .face1 .face1-tbody-btn{padding-top: 16px;}
}
@media screen and (max-width: 360px) {
    .face1 .face1-tbody-item{width: 100%;}
}

.face2{position: relative;width: 100%;padding: 8.4375% 0 6.14583333333333%;background: #E6F0FC;}
.face2 .face2-tbody{position: relative;width: 100%;}
.face2 .face2-tbody-img{position: relative;width: 100%;text-align: center;max-width: 680px;margin: 0 auto;z-index: 222;}
.face2 .face2-tbody-img .item-pic{position: relative;text-align: center;width: 80%;left: 10%;}
.face2 .face2-tbody-img .item-pic img{display: inline-block;vertical-align: top;width: auto;max-width: 100%;transform: scale(1);}
.face2 .face2-tbody-img .item-title{position: relative;width: auto;text-align: center;/*! background: rgba(246,249,253,0.55); *//*! box-shadow: 0px 1px 46px 0px rgba(6,0,1,0.08), 1px 1px 0px 0px #FFFFFF; */font-weight: bold;font-size: 40px;padding: 35px 15px 36px;color: #222222;line-height: 22px;border-radius: 48px;/*! border: 1px solid #FFFFFF; */margin-top: -42px;}
.face2 .face2-tbody-list{position: absolute;top: 0;left: 0;right: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.face2 .face2-tbody-item{position: relative;display: inline-block;vertical-align: top;width: 36%;margin-bottom: 73px;}
.face2 .face2-tbody-item .item-box{position: relative;width: 100%;max-width: 324px;}
.face2 .face2-tbody-list .face2-tbody-item:nth-of-type(odd) .item-box{margin-right: auto;}
.face2 .face2-tbody-list .face2-tbody-item:nth-of-type(even) .item-box{margin-left: auto;}
.face2 .face2-tbody-item .item-box .item-title{display: flex;align-items: center;font-weight: bold;font-size: 24px;color: #222222;line-height: 36px;transition: all .5s;}
.face2 .face2-tbody-item .item-box:hover .item-title{color: #006FE8;}
.face2 .face2-tbody-item .item-box .item-title img{display: inline-block;vertical-align: top;width: 34px;}
.face2 .face2-tbody-item .item-box .item-title .title-img1{display: inline-block;}
.face2 .face2-tbody-item .item-box .item-title .title-img2{display: none;}
.face2 .face2-tbody-item .item-box:hover .item-title .title-img2{display: inline-block;}
.face2 .face2-tbody-item .item-box:hover .item-title .title-img1{display: none;}
.face2 .face2-tbody-item .item-box .item-title span{display: inline-block;vertical-align: top;margin: 0 8px;}
.face2 .face2-tbody-item .item-box .item-title .iconfont{display: inline-block;vertical-align: top;font-size: 26px;color: #222222;line-height: 36px;}
.face2 .face2-tbody-item .item-box:hover .item-title .iconfont{color: #006FE8;}
.face2 .face2-tbody-list .face2-tbody-item:nth-of-type(odd) .item-box .item-title{justify-content: start;flex-direction: row;}
.face2 .face2-tbody-list .face2-tbody-item:nth-of-type(even) .item-box .item-title{justify-content: end;flex-direction: row-reverse;}
.face2 .face2-tbody-list .face2-tbody-item:nth-of-type(odd) .item-box .item-title .iconfont{transform: rotate(0deg);}
.face2 .face2-tbody-list .face2-tbody-item:nth-of-type(even) .item-box .item-title .iconfont{transform: rotate(180deg);}
.face2 .face2-tbody-item .item-box .item-desc{position: relative;width: 100%;margin-top: 15px;font-size: 16px;color: #222222;line-height: 26px;}
.face2 .face2-tbody-item .item-box:hover .item-desc{color: #006FE8;}
@media screen and (max-width: 1459px) {
    .face2{padding: 8.175% 0 6.125%;}
    .face2 .face2-tbody-img{max-width: 620px;}
    .face2 .face2-tbody-img .item-title{font-size: 34px;padding: 30px 15px;line-height: 52px;border-radius: 42px;margin-top: -74px;}
    .face2 .face2-tbody-item{width: 36%;margin-bottom: 60px;}
    .face2 .face2-tbody-item .item-box{max-width: 296px;}
    .face2 .face2-tbody-item .item-box .item-title{font-size: 22px;line-height: 34px;}
    .face2 .face2-tbody-item .item-box .item-title img{width: 32px;}
    .face2 .face2-tbody-item .item-box .item-title span{margin: 0 8px;}
    .face2 .face2-tbody-item .item-box .item-title .iconfont{font-size: 24px;line-height: 34px;}
    .face2 .face2-tbody-item .item-box .item-desc{margin-top: 12px;font-size: 16px;line-height: 26px;}
}
@media screen and (max-width: 1259px) {
    .face2{padding: 7.875% 0 5.825%;}
    .face2 .face2-tbody-img{max-width: 460px;}
    .face2 .face2-tbody-img .item-title{font-size: 28px;padding: 24px 10px;line-height: 45px;border-radius: 36px;margin-top: -60px;}
    .face2 .face2-tbody-item{width: 36%;margin-bottom: 48px;}
    .face2 .face2-tbody-item .item-box{max-width: 238px;}
    .face2 .face2-tbody-item .item-box .item-title{font-size: 17px;line-height: 30px;}
    .face2 .face2-tbody-item .item-box .item-title img{width: 28px;}
    .face2 .face2-tbody-item .item-box .item-title span{margin: 0 5px;}
    .face2 .face2-tbody-item .item-box .item-title .iconfont{font-size: 20px;line-height: 30px;}
    .face2 .face2-tbody-item .item-box .item-desc{margin-top: 10px;font-size: 15px;line-height: 24px;}
}
@media screen and (max-width: 991px) {
    .face2{padding: 7.5% 0 5.75%;}
    .face2 .face2-tbody-img{max-width: 100%;}
    .face2 .face2-tbody-img .item-title{font-size: 22px;padding: 20px 10px;line-height: 36px;border-radius: 28px;margin-top: -20px;}
    .face2 .face2-tbody-list{position: relative;margin-top: 20px;}
    .face2 .face2-tbody-item{width: 48.5%;margin-bottom: 20px;}
    .face2 .face2-tbody-item .item-box{max-width: 100%;}
    .face2 .face2-tbody-item .item-box .item-title{font-size: 17px;line-height: 30px;}
    .face2 .face2-tbody-item .item-box .item-title img{width: 28px;}
    .face2 .face2-tbody-item .item-box .item-title span{margin: 0 5px;}
    .face2 .face2-tbody-item .item-box .item-title .iconfont{font-size: 20px;line-height: 30px;}
    .face2 .face2-tbody-item .item-box .item-desc{margin-top: 10px;font-size: 15px;line-height: 24px;}
    .face2 .face2-tbody-list .face2-tbody-item:nth-of-type(odd) .item-box .item-title{justify-content: start;flex-direction: row;}
    .face2 .face2-tbody-list .face2-tbody-item:nth-of-type(even) .item-box .item-title{justify-content: start;flex-direction: row;}
    .face2 .face2-tbody-list .face2-tbody-item:nth-of-type(odd) .item-box .item-title .iconfont{transform: rotate(0deg);}
    .face2 .face2-tbody-list .face2-tbody-item:nth-of-type(even) .item-box .item-title .iconfont{transform: rotate(0deg);}
}
@media screen and (max-width: 720px) {
    .face2{padding: 7% 0 5.5%;}
    .face2 .face2-tbody-img{max-width: 100%;}
    .face2 .face2-tbody-img .item-title{font-size: 18px;padding: 18px 10px;line-height: 30px;border-radius: 24px;margin-top: -20px;}
    .face2 .face2-tbody-list{position: relative;margin-top: 20px;}
    .face2 .face2-tbody-item{width: 48.5%;margin-bottom: 20px;}
    .face2 .face2-tbody-item .item-box{max-width: 100%;}
    .face2 .face2-tbody-item .item-box .item-title{font-size: 16px;line-height: 28px;}
    .face2 .face2-tbody-item .item-box .item-title img{width: 26px;}
    .face2 .face2-tbody-item .item-box .item-title span{margin: 0 5px;}
    .face2 .face2-tbody-item .item-box .item-title .iconfont{font-size: 16px;line-height: 28px;}
    .face2 .face2-tbody-item .item-box .item-desc{margin-top: 10px;font-size: 14px;line-height: 24px;}
    .face2 .face2-tbody-list .face2-tbody-item:nth-of-type(odd) .item-box .item-title{justify-content: start;flex-direction: row;}
    .face2 .face2-tbody-list .face2-tbody-item:nth-of-type(even) .item-box .item-title{justify-content: start;flex-direction: row;}
    .face2 .face2-tbody-list .face2-tbody-item:nth-of-type(odd) .item-box .item-title .iconfont{transform: rotate(0deg);}
    .face2 .face2-tbody-list .face2-tbody-item:nth-of-type(even) .item-box .item-title .iconfont{transform: rotate(0deg);}
}
@media screen and (max-width: 540px) {
    .face2{padding: 7% 0 5.5%;}
    .face2 .face2-tbody-img{max-width: 100%;}
    .face2 .face2-tbody-img .item-title{font-size: 18px;padding: 18px 10px;line-height: 30px;border-radius: 24px;margin-top: -20px;}
    .face2 .face2-tbody-list{position: relative;}
    .face2 .face2-tbody-item{width: 100%;margin-bottom: 20px;}
    .face2 .face2-tbody-item .item-box{max-width: 100%;}
    .face2 .face2-tbody-item .item-box .item-title{font-size: 16px;line-height: 28px;}
    .face2 .face2-tbody-item .item-box .item-title img{width: 24px;}
    .face2 .face2-tbody-item .item-box .item-title span{margin: 0 5px;}
    .face2 .face2-tbody-item .item-box .item-title .iconfont{font-size: 18px;line-height: 28px;}
    .face2 .face2-tbody-item .item-box .item-desc{margin-top: 10px;font-size: 14px;line-height: 24px;}
    .face2 .face2-tbody-list .face2-tbody-item:nth-of-type(odd) .item-box .item-title{justify-content: start;flex-direction: row;}
    .face2 .face2-tbody-list .face2-tbody-item:nth-of-type(even) .item-box .item-title{justify-content: start;flex-direction: row;}
    .face2 .face2-tbody-list .face2-tbody-item:nth-of-type(odd) .item-box .item-title .iconfont{transform: rotate(0deg);}
    .face2 .face2-tbody-list .face2-tbody-item:nth-of-type(even) .item-box .item-title .iconfont{transform: rotate(0deg);}
}
.face3{position: relative;width: 100%;padding: 7.3958333333333% 0 71px;}
.face3 .face3-tbody{position: relative;width: 100%;padding-top: 80px;}
.face3-tbody-swiper{position: relative;width: 100%;}
.face3-tbody-swiper .mySwiper-face3{position: relative;width: 100%;}
.face3-tbody-swiper .swiper-button-box{position: absolute;right: 0;top: 0;width: 655px;height: 52px;display: none;}
.face3-tbody-swiper .swiper-button-box .swiper-button{width: 51px;height: 52px;line-height: 50px;text-align: center;font-size: 28px;border-radius: 50%;border: 1px solid #999999;margin-top: 0;}
.face3-tbody-swiper .swiper-button-box .swiper-button:hover{background: #016FE8;border-color: #fff;color: #fff;}
.face3-tbody-swiper .swiper-button-box .swiper-button-prev{left: 0;top: 0;}
.face3-tbody-swiper .swiper-button-box .swiper-button-next{left: 73px;top: 0;right: auto;}
.face3-tbody-item{position: relative;width: 100%;}
.face3-tbody-item .item-box{position: relative;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.face3-tbody-item .item-box .item-pic{position: relative;display: inline-block;vertical-align: top;text-align: center; width: 476px;background: #E6F0FC;border-radius: 48px;overflow: hidden;}
.face3-tbody-item .item-box .item-pic img{display: inline-block;vertical-align: top;width: 100%;}
.face3-tbody-item .item-box .item-body{position: relative;width: 655px;padding-top: 60px;}
.face3-tbody-item .item-box .item-body .item-title{position: relative;width: 100%;font-weight: bold;font-size: 24px;color: #222222;line-height: 36px;}
.face3-tbody-item .item-box .item-body .item-text{position: relative;width: 100%;margin-top: 18px;font-size: 18px;color: #222222;line-height: 30px;}
.face3-tbody-item .item-box .item-body .item-text p{padding: 3px 0;}
.face3-tbody-right{position: absolute;right: 0;bottom: 0;width: 655px;z-index: 222;background: #fff;}
.face3-tbody-right .face3-right-list{position: relative;display: flex;flex-wrap: wrap;margin-left: -7px;margin-right: -7px;}
.face3-tbody-right .face3-list-item{position: relative;display: inline-block;vertical-align: top;width: 20%;padding: 0 8px;margin-bottom: 28px;}
.face3-tbody-right .face3-list-item .item-box{position: relative;width: 100%;transition: all .5s;}
.face3-tbody-right .face3-list-item .item-box .item-pic{position: relative;width: 100%;text-align: center;border-radius: 24px;overflow: hidden;transition: all .5s;cursor: pointer;}
.face3-tbody-right .face3-list-item .item-box .item-pic img{display: inline-block;vertical-align: top;width: 100%;}
.face3-tbody-right .face3-list-item.active .item-box .item-pic, .face3-tbody-right .face3-list-item .item-box:hover .item-pic{margin-top: -12px;padding-bottom: 12px;}
.face3-tbody-right .face3-list-item .item-box::before{position: absolute;content: "";left: 0;right: 0;top:98%;width: 100%;height: 0;background: url(../images/fb/face3-item-bottom.png) no-repeat center center;background-size: 100% 100%;}
.face3-tbody-right .face3-list-item.active .item-box::before, .face3-tbody-right .face3-list-item .item-box:hover::before{height: 24px;}
.face3-tbody-btn{position: relative;width: 100%;text-align: center;padding-top: 40px;}
@media screen and (max-width: 1459px) {
    .face3{padding: 7.25% 0 60px;}
    .face3 .face3-tbody{padding-top: 68px;}
    .face3-tbody-swiper .swiper-button-box{width: 650px;height: 48px;}
    .face3-tbody-swiper .swiper-button-box .swiper-button{width: 48px;height: 48px;line-height: 46px;font-size: 25px;}
    .face3-tbody-swiper .swiper-button-box .swiper-button-prev{left: 0;}
    .face3-tbody-swiper .swiper-button-box .swiper-button-next{left: 68px;}
    .face3-tbody-item .item-box .item-pic{width: 526px;border-radius: 42px;}
    .face3-tbody-item .item-box .item-body{width: 650px;padding-top: 100px;}
    .face3-tbody-item .item-box .item-body .item-title{font-size: 22px;line-height: 34px;}
    .face3-tbody-item .item-box .item-body .item-text{margin-top: 16px;font-size: 17px;line-height: 30px;}
    .face3-tbody-item .item-box .item-body .item-text p{padding: 2px 0;}
    .face3-tbody-right{width: 650px;}
    .face3-tbody-right .face3-right-list{margin-left: -7px;margin-right: -7px;}
    .face3-tbody-right .face3-list-item{width: 20%;padding: 0 8px;margin-bottom: 24px;}
    .face3-tbody-right .face3-list-item .item-box .item-pic{border-radius: 20px;}
    .face3-tbody-right .face3-list-item.active .item-box .item-pic, .face3-tbody-right .face3-list-item .item-box:hover .item-pic{margin-top: -10px;padding-bottom: 10px;}
    .face3-tbody-right .face3-list-item.active .item-box::before, .face3-tbody-right .face3-list-item .item-box:hover::before{height: 22px;}
    .face3-tbody-btn{padding-top: 36px;}
}
@media screen and (max-width: 1259px) {
    .face3{padding: 7% 0 50px;}
    .face3 .face3-tbody{padding-top: 56px;}
    .face3-tbody-swiper .swiper-button-box{width: 500px;height: 44px;}
    .face3-tbody-swiper .swiper-button-box .swiper-button{width: 44px;height: 44px;line-height: 42px;font-size: 22px;}
    .face3-tbody-swiper .swiper-button-box .swiper-button-prev{left: 0;}
    .face3-tbody-swiper .swiper-button-box .swiper-button-next{left: 62px;}
    .face3-tbody-item .item-box .item-pic{width: 436px;border-radius: 36px;}
    .face3-tbody-item .item-box .item-body{width: 500px;padding-top: 80px;}
    .face3-tbody-item .item-box .item-body .item-title{font-size: 20px;line-height: 32px;}
    .face3-tbody-item .item-box .item-body .item-text{margin-top: 14px;font-size: 16px;line-height: 28px;}
    .face3-tbody-item .item-box .item-body .item-text p{padding: 2px 0;}
    .face3-tbody-right{width: 500px;}
    .face3-tbody-right .face3-right-list{margin-left: -6px;margin-right: -6px;}
    .face3-tbody-right .face3-list-item{width: 20%;padding: 0 5px;margin-bottom: 20px;}
    .face3-tbody-right .face3-list-item .item-box .item-pic{border-radius: 18px;}
    .face3-tbody-right .face3-list-item.active .item-box .item-pic, .face3-tbody-right .face3-list-item .item-box:hover .item-pic{margin-top: -10px;padding-bottom: 10px;}
    .face3-tbody-right .face3-list-item.active .item-box::before, .face3-tbody-right .face3-list-item .item-box:hover::before{height: 18px;}
    .face3-tbody-btn{padding-top: 30px;}
}
@media screen and (max-width: 991px) {
    .face3{padding: 6.875% 0 40px;}
    .face3 .face3-tbody{padding-top: 44px;}
    .face3-tbody-swiper .swiper-button-box{width: 400px;height: 36px;}
    .face3-tbody-swiper .swiper-button-box .swiper-button{width: 36px;height: 36px;line-height: 34px;font-size: 18px;}
    .face3-tbody-swiper .swiper-button-box .swiper-button-prev{left: 0;}
    .face3-tbody-swiper .swiper-button-box .swiper-button-next{left: 54px;}
    .face3-tbody-item .item-box .item-pic{width: 310px;border-radius: 30px;}
    .face3-tbody-item .item-box .item-body{width: 400px;padding-top: 46px;}
    .face3-tbody-item .item-box .item-body .item-title{font-size: 18px;line-height: 30px;}
    .face3-tbody-item .item-box .item-body .item-text{margin-top: 8px;font-size: 12px;line-height: 24px;}
    .face3-tbody-item .item-box .item-body .item-text p{padding: 1px 0;}
    .face3-tbody-right{width: 400px;}
    .face3-tbody-right .face3-right-list{margin-left: -6px;margin-right: -6px;}
    .face3-tbody-right .face3-list-item{width: 20%;padding: 0 6px;margin-bottom: 18px;}
    .face3-tbody-right .face3-list-item .item-box .item-pic{border-radius: 15px;}
    .face3-tbody-right .face3-list-item.active .item-box .item-pic, .face3-tbody-right .face3-list-item .item-box:hover .item-pic{margin-top: -8px;padding-bottom: 8px;}
    .face3-tbody-right .face3-list-item.active .item-box::before, .face3-tbody-right .face3-list-item .item-box:hover::before{height: 18px;}
    .face3-tbody-btn{padding-top: 20px;}
}
@media screen and (max-width: 720px) {
    .face3{padding: 6.75% 0 30px;}
    .face3 .face3-tbody{padding-top: 32px;}
    .face3-tbody-swiper .swiper-button-box{width: 100%;height: 36px;position: relative;margin-top: 16px;}
    .face3-tbody-swiper .swiper-button-box .swiper-button{width: 36px;height: 36px;line-height: 34px;font-size: 18px;}
    .face3-tbody-swiper .swiper-button-box .swiper-button-prev{left: 0;}
    .face3-tbody-swiper .swiper-button-box .swiper-button-next{left: 54px;}
    .face3-tbody-item .item-box .item-pic{width: 100%;border-radius: 30px;}
    .face3-tbody-item .item-box .item-body{width: 100%;padding-top: 16px;}
    .face3-tbody-item .item-box .item-body .item-title{font-size: 16px;line-height: 28px;}
    .face3-tbody-item .item-box .item-body .item-text{margin-top: 8px;font-size: 12px;line-height: 24px;}
    .face3-tbody-item .item-box .item-body .item-text p{padding: 0;}
    .face3-tbody-right{width:100%;position: relative;margin-top: 16px;}
    .face3-tbody-right .face3-right-list{margin-left: -6px;margin-right: -6px;}
    .face3-tbody-right .face3-list-item{width: 20%;padding: 0 6px;margin-bottom: 18px;}
    .face3-tbody-right .face3-list-item .item-box .item-pic{border-radius: 15px;}
    .face3-tbody-right .face3-list-item.active .item-box .item-pic, .face3-tbody-right .face3-list-item .item-box:hover .item-pic{margin-top: -8px;padding-bottom: 8px;}
    .face3-tbody-right .face3-list-item.active .item-box::before, .face3-tbody-right .face3-list-item .item-box:hover::before{height: 18px;}
    .face3-tbody-btn{padding-top: 20px;}
}
@media screen and (max-width: 560px) {
    .face3{padding: 6.5% 0 20px;}
    .face3 .face3-tbody{padding-top: 20px;}
    .face3-tbody-swiper .swiper-button-box{width: 100%;height: 36px;position: relative;margin-top: 10px;}
    .face3-tbody-swiper .swiper-button-box .swiper-button{width: 36px;height: 36px;line-height: 34px;font-size: 18px;}
    .face3-tbody-swiper .swiper-button-box .swiper-button-prev{left: 0;}
    .face3-tbody-swiper .swiper-button-box .swiper-button-next{left: 54px;}
    .face3-tbody-item .item-box .item-pic{width: 100%;border-radius: 24px;}
    .face3-tbody-item .item-box .item-body{width: 100%;padding-top: 10px;}
    .face3-tbody-item .item-box .item-body .item-title{font-size: 16px;line-height: 28px;}
    .face3-tbody-item .item-box .item-body .item-text{margin-top: 8px;font-size: 12px;line-height: 24px;}
    .face3-tbody-item .item-box .item-body .item-text p{padding: 0;}
    .face3-tbody-right{width:100%;position: relative;margin-top: 16px;}
    .face3-tbody-right .face3-right-list{margin-left: -4px;margin-right: -4px;}
    .face3-tbody-right .face3-list-item{width: 20%;padding: 0 4px;margin-bottom: 18px;}
    .face3-tbody-right .face3-list-item .item-box .item-pic{border-radius: 12px;}
    .face3-tbody-right .face3-list-item.active .item-box .item-pic, .face3-tbody-right .face3-list-item .item-box:hover .item-pic{margin-top: -8px;padding-bottom: 8px;}
    .face3-tbody-right .face3-list-item.active .item-box::before, .face3-tbody-right .face3-list-item .item-box:hover::before{height: 16px;}
    .face3-tbody-btn{padding-top: 16px;}
}

.face4{position: relative;width: 100%;padding: 82px 0 80px;}
.face4 .face4-tbody{position: relative;width: 100%;padding-top: 73px;}
.face4-tbody-list{position: relative;display: flex;flex-wrap: wrap;}
.face4-tbody-item{position: relative;width: 100%;display: none;min-height: 762px;}
.face4-tbody-item .item-pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;border-radius: 40px;overflow: hidden;}
.face4-tbody-item .item-pic img{display: inline-block;vertical-align: top;width: 100%;height: 100%;object-fit: cover;}
.face4-tbody-item .item-box{position: relative;width: 100%;height: 100%;}
.face4-tbody-item .item-box .item-box-left{position: relative;width: 353px;height: 100%;border-right: 1px solid #fff;padding: 70px 36px;padding-left: 60px;padding-bottom: 146px;overflow: hidden;}
.face4-tbody-item .item-box .item-box-left .left-img{position: absolute;content: "";left: 0;top: 0;right: 0;width: auto;height: 100%;filter: blur(5px);max-width: none;}
.face4-tbody-item .item-box .item-box-left .item-title{position: relative;width: 100%;font-weight: bold;font-size: 40px;color: #FFFFFF;line-height: 52px;}
.face4-tbody-item .item-box .item-box-left .left-list{position: relative;width: 100%;}
.face4-tbody-item .item-box .item-box-left .left-list1{padding-top: 62px;}
.face4-tbody-item .item-box .item-box-left .left-list2{padding-top: 24px;}
.face4-tbody-item .item-box .item-box-left .left-list3{padding-top: 46px;}
.face4-tbody-item .item-box .item-box-left .left-list .item{position: relative;width: 100%;margin-bottom: 36px;}
.face4-tbody-item .item-box .item-box-left .left-list1 .item{margin-bottom: 52px;}
.face4-tbody-item .item-box .item-box-left .left-list2 .item{margin-bottom: 15px;}
.face4-tbody-item .item-box .item-box-left .left-list .item:nth-last-of-type(1){margin-bottom: 0 !important;}
.face4-tbody-item .item-box .item-box-left .left-list .item .item-name{position: relative;width: 100%;font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 30px;}
.face4-tbody-item .item-box .item-box-left .left-list .item .item-name::before{position: absolute;content: "";left: -15px;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;background: #FFFFFF;border-radius: 50%;}
.face4-tbody-item .item-box .item-box-left .left-list .item .item-desc{position: relative;width: 100%;margin-top: 5px;font-size: 16px;color: #FFFFFF;line-height: 27px;}
.face4-tbody-item .item-box .item-box-left .left-list2 .item .item-desc{margin-top: -2px;}
.face4-tbody-bottom{position: absolute;left: 0;bottom: 0;right: 0;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;align-items: end; padding-bottom: 40px;}
.face4-tbody-bottom .face4-tbody-left{position: relative;width: 353px;padding: 14px 46px;}
.face4-tbody-bottom .face4-tbody-right{position: relative;width: calc(100% - 353px);}
.face4-tbody-bottom .face4-tbody-left .face4-tbody-btn{position: relative;width: 100%;}
.face4-tbody-bottom .face4-tbody-left .face4-tbody-btn.white .btnn{background: #fff;color: #222222;}
.face4-tbody-bottom .face4-tbody-right .face4-right-list{position: relative;font-size: 0;letter-spacing: 0;margin-left: -13px;margin-right: -13px;text-align: center;}
.face4-tbody-bottom .face4-tbody-right .face4-list-item{position: relative;display: inline-block;vertical-align: top;width: 231px;margin: 0 13px;}
.face4-tbody-bottom .face4-tbody-right .face4-list-item .item-box{position: relative;width: 100%;padding: 23px 15px;background: rgba(255,255,255,0.8);text-align: center;border-radius: 24px;border: 1px solid #FFFFFF;cursor: pointer;}
.face4-tbody-bottom .face4-tbody-right .face4-list-item.active .item-box, .face4-tbody-bottom .face4-tbody-right .face4-list-item:hover .item-box{background: rgba(1,111,232,0.8);}
.face4-tbody-bottom .face4-tbody-right .face4-list-item .item-box .item-text{position: relative;width: 100%;text-align: center;font-weight: bold;font-size: 24px;color: #222222;line-height: 30px;}
.face4-tbody-bottom .face4-tbody-right .face4-list-item:hover .item-box .item-text{color: #fff;}
.face4-tbody-bottom .face4-tbody-right .face4-list-item.active .item-box .item-text{color: #fff;}

@media screen and (max-width: 1459px) {
    .face4{padding: 70px 0 68px;}
    .face4 .face4-tbody{adding-top: 70px;}
    .face4-tbody-item{min-height: 748px;}
    .face4-tbody-item .item-pic{border-radius: 36px;}
    .face4-tbody-item .item-box .item-box-left{width: 341px;padding: 54px 30px;padding-left: 48px;padding-bottom: 124px;}
    .face4-tbody-item .item-box .item-box-left .item-title{font-size: 34px;line-height: 46px;}
    .face4-tbody-item .item-box .item-box-left .left-list1{padding-top: 54px;}
    .face4-tbody-item .item-box .item-box-left .left-list2{padding-top: 20px;}
    .face4-tbody-item .item-box .item-box-left .left-list3{padding-top: 40px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item{margin-bottom: 30px;}
    .face4-tbody-item .item-box .item-box-left .left-list1 .item{margin-bottom: 44px;}
    .face4-tbody-item .item-box .item-box-left .left-list2 .item{margin-bottom: 12px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-name{font-size: 18px;line-height: 28px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-name::before{left: -15px;width: 6px;height: 6px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-desc{margin-top: 4px;font-size: 16px;line-height: 26px;}
    .face4-tbody-item .item-box .item-box-left .left-list2 .item .item-desc{margin-top: -2px;}
    .face4-tbody-bottom{ppadding-bottom: 36px;}
    .face4-tbody-bottom .face4-tbody-left{width: 341px;padding: 12px 40px;}
    .face4-tbody-bottom .face4-tbody-right{width: calc(100% - 341px);}
    .face4-tbody-bottom .face4-tbody-right .face4-right-list{margin-left: -10px;margin-right: -10px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item{width: 220px;margin: 0 10px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item .item-box{padding: 20px 14px;border-radius: 20px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item .item-box .item-text{font-size: 22px;line-height: 28px;}
}
@media screen and (max-width: 1259px) {
    .face4{padding: 58px 0 56px;}
    .face4 .face4-tbody{adding-top: 58px;}
    .face4-tbody-item{min-height: 748px;}
    .face4-tbody-item .item-pic{border-radius: 32px;}
    .face4-tbody-item .item-box .item-box-left{width: 328px;padding: 40px 24px;padding-left: 40px;padding-bottom: 108px;}
    .face4-tbody-item .item-box .item-box-left .item-title{font-size: 28px;line-height: 40px;}
    .face4-tbody-item .item-box .item-box-left .left-list1{padding-top: 42px;}
    .face4-tbody-item .item-box .item-box-left .left-list2{padding-top: 16px;}
    .face4-tbody-item .item-box .item-box-left .left-list3{padding-top: 32px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item{margin-bottom: 24px;}
    .face4-tbody-item .item-box .item-box-left .left-list1 .item{margin-bottom: 36px;}
    .face4-tbody-item .item-box .item-box-left .left-list2 .item{margin-bottom: 10px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-name{font-size: 18px;line-height: 28px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-name::before{left: -14px;width: 6px;height: 6px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-desc{margin-top: 4px;font-size: 15px;line-height: 24px;}
    .face4-tbody-item .item-box .item-box-left .left-list2 .item .item-desc{margin-top: -2px;}
    .face4-tbody-bottom{ppadding-bottom: 30px;}
    .face4-tbody-bottom .face4-tbody-left{width: 328px;padding: 10px 28px;}
    .face4-tbody-bottom .face4-tbody-right{width: calc(100% - 328px);}
    .face4-tbody-bottom .face4-tbody-right .face4-right-list{margin-left: -10px;margin-right: -10px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item{width: 220px;margin: 0 10px 10px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item .item-box{padding: 16px 12px;border-radius: 18px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item .item-box .item-text{font-size: 20px;line-height: 26px;}
}
@media screen and (max-width: 991px) {
    .face4{padding: 44px 0 42px;}
    .face4 .face4-tbody{adding-top: 42px;}
    .face4-tbody-item{min-height: 720px;}
    .face4-tbody-item .item-pic{border-radius: 24px;}
    .face4-tbody-item .item-box .item-box-left{width: 328px;padding: 32px 20px;padding-left: 34px;padding-bottom: 108px;}
    .face4-tbody-item .item-box .item-box-left .item-title{font-size: 24px;line-height: 36px;}
    .face4-tbody-item .item-box .item-box-left .left-list1{padding-top: 32px;}
    .face4-tbody-item .item-box .item-box-left .left-list2{padding-top: 16px;}
    .face4-tbody-item .item-box .item-box-left .left-list3{padding-top: 24px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item{margin-bottom: 20px;}
    .face4-tbody-item .item-box .item-box-left .left-list1 .item{margin-bottom: 30px;}
    .face4-tbody-item .item-box .item-box-left .left-list2 .item{margin-bottom: 10px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-name{font-size: 18px;line-height: 28px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-name::before{left: -14px;width: 6px;height: 6px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-desc{margin-top: 4px;font-size: 14px;line-height: 24px;}
    .face4-tbody-item .item-box .item-box-left .left-list2 .item .item-desc{margin-top: -2px;}
    .face4-tbody-bottom{ppadding-bottom: 24px;}
    .face4-tbody-bottom .face4-tbody-left{width: 328px;padding: 10px 24px;}
    .face4-tbody-bottom .face4-tbody-right{width: calc(100% - 328px);}
    .face4-tbody-bottom .face4-tbody-right .face4-right-list{margin-left: -10px;margin-right: -10px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item{width: 200px;margin: 0 10px 10px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item .item-box{padding: 16px 12px;border-radius: 18px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item .item-box .item-text{font-size: 18px;line-height: 26px;}
}
@media screen and (max-width: 750px) {
    .face4{padding: 30px 0 30px;}
    .face4 .face4-tbody{adding-top: 30px;}
    .face4-tbody-item{min-height: auto;}
    .face4-tbody-item .item-pic{border-radius: 24px;}
    .face4-tbody-item .item-box .item-box-left{width: 100%;padding: 32px 20px;padding-left: 34px;border: 0;}
    .face4-tbody-item .item-box .item-box-left .left-img{display: none;}
    .face4-tbody-item .item-box .item-box-left .item-title{font-size: 20px;line-height: 32px;}
    .face4-tbody-item .item-box .item-box-left .left-list1{padding-top: 32px;}
    .face4-tbody-item .item-box .item-box-left .left-list2{padding-top: 16px;}
    .face4-tbody-item .item-box .item-box-left .left-list3{padding-top: 24px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item{margin-bottom: 16px;}
    .face4-tbody-item .item-box .item-box-left .left-list1 .item{margin-bottom: 24px;}
    .face4-tbody-item .item-box .item-box-left .left-list2 .item{margin-bottom: 10px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-name{font-size: 18px;line-height: 28px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-name::before{left: -14px;width: 6px;height: 6px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-desc{margin-top: 4px;font-size: 14px;line-height: 24px;}
    .face4-tbody-item .item-box .item-box-left .left-list2 .item .item-desc{margin-top: -2px;}
    .face4-tbody-bottom{ppadding-bottom: 0;position: relative;padding-top: 20px;}
    .face4-tbody-bottom .face4-tbody-left{width: 100%;padding: 10px 20px;text-align: center;}
    .face4-tbody-bottom .face4-tbody-right{width: 100%;}
    .face4-tbody-bottom .face4-tbody-right .face4-right-list{margin-left: -10px;margin-right: -10px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item{width:33.3333%;margin: 0 0 10px;padding: 0 10px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item .item-box{padding: 16px 12px;border-radius: 18px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item .item-box .item-text{font-size: 16px;line-height: 24px;}
    .face4-tbody-bottom .face4-tbody-left .face4-tbody-btn.white .btnn{background: #222222;color: #fff;}
}
@media screen and (max-width: 560px) {
    .face4{padding: 20px 0 20px;}
    .face4 .face4-tbody{adding-top:20px;}
    .face4-tbody-item{min-height: auto;}
    .face4-tbody-item .item-pic{border-radius: 20px;}
    .face4-tbody-item .item-box .item-box-left{width: 100%;padding: 24px 16px;padding-left: 28px;border: 0;}
    .face4-tbody-item .item-box .item-box-left .left-img{display: none;}
    .face4-tbody-item .item-box .item-box-left .item-title{font-size: 18px;line-height: 30px;}
    .face4-tbody-item .item-box .item-box-left .left-list1{padding-top: 24px;}
    .face4-tbody-item .item-box .item-box-left .left-list2{padding-top: 24px;}
    .face4-tbody-item .item-box .item-box-left .left-list3{padding-top: 24px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item{margin-bottom: 16px;}
    .face4-tbody-item .item-box .item-box-left .left-list1 .item{margin-bottom: 16px;}
    .face4-tbody-item .item-box .item-box-left .left-list2 .item{margin-bottom: 10px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-name{font-size: 16px;line-height: 26px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-name::before{left: -14px;width: 6px;height: 6px;}
    .face4-tbody-item .item-box .item-box-left .left-list .item .item-desc{margin-top: 4px;font-size: 14px;line-height: 24px;}
    .face4-tbody-item .item-box .item-box-left .left-list2 .item .item-desc{margin-top: -2px;}
    .face4-tbody-bottom{ppadding-bottom: 0;position: relative;padding-top: 20px;}
    .face4-tbody-bottom .face4-tbody-left{width: 100%;padding: 10px 20px;text-align: center;}
    .face4-tbody-bottom .face4-tbody-right{width: 100%;}
    .face4-tbody-bottom .face4-tbody-right .face4-right-list{margin-left: -10px;margin-right: -10px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item{width:50%;margin: 0 0 10px;padding: 0 10px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item .item-box{padding: 16px 12px;border-radius: 18px;}
    .face4-tbody-bottom .face4-tbody-right .face4-list-item .item-box .item-text{font-size: 16px;line-height: 24px;}
    .face4-tbody-bottom .face4-tbody-left .face4-tbody-btn.white .btnn{background: #222222;color: #fff;}
}

.face5{position: relative;width: 100%;padding: 63px 0 73px;background: #f8fbff;}
.face5 .face5-tbody{position: relative;width: 100%;padding-top: 71px;}
.face5-tbody-flex{position: relative;width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;}
.face5-tbody-left{position: relative;width: 48.5%;}
.face5-tbody-right{position: relative;width: 48.15%;}
.face5-tbody-img{position: relative;width: 100%;}
.face5-tbody-img .item-pic{position: relative;width: 100%;text-align: center;overflow: unset;}
.face5-tbody-img .item-pic img{display: inline-block;vertical-align: top;width: 100%;}
.face5-tbody-list{position: relative;display: flex;flex-wrap: wrap;margin-left: -11px;margin-right: -11px;}
.face5-tbody-item{position: relative;display: inline-block;vertical-align: top;width: 50%;padding: 0 11px;margin-bottom: 26px;}
.face5-tbody-item .item-box{position: relative;width: 100%;height: 100%;min-height: 295px;background: #FFFFFF;border-radius: 36px;border: 1px solid #E0E0E0;padding: 38px 33px 28px;transition: all .5s;}
.face5-tbody-item .item-box:hover{background: #006FE8;color: #fff;box-shadow: 4px 17px 32px 0px rgba(9,32,66,0.1);}
.face5-tbody-item .item-box .item-title{position: relative;width: 100%;font-weight: bold;font-size: 24px;color: #222222;line-height: 46px;}
.face5-tbody-item .item-box:hover .item-title{color: #FFFFFF;}
.face5-tbody-item .item-box .item-title img{display: inline-block;vertical-align: top;width: 40px;margin-left: 5px;}
.face5-tbody-item .item-box .item-title .icon1{display: inline-block;}
.face5-tbody-item .item-box .item-title .icon2{display: none;}
.face5-tbody-item .item-box:hover .item-title .icon2{display: inline-block;}
.face5-tbody-item .item-box:hover .item-title .icon1{display: none;}
.face5-tbody-item .item-box .item-text{position: relative;width: 100%;font-size: 18px;margin-top: 6px;color: #222222;line-height: 35px;}
.face5-tbody-item .item-box:hover .item-text{color: #FFFFFF;}
.face5-tbody-btn{position: relative;width: 100%;text-align: center;padding-top: 76px;}

.face6{position: relative;width: 100%;padding: 55px 0;background: #f8fbff;}
.face6 .face6-tbody{position: relative;width: 100%;padding-top: 68px;}
.face6 .face6-tbody-img{position: relative;width: 100%;}
.face6 .face6-tbody-img .item-pic{position: relative;width: 100%;text-align: center;overflow: unset;}
.face6 .face6-tbody-img .item-pic img{display: inline-block;vertical-align: top;width: 100%;}
@media screen and (max-width: 1459px) {
    .face5{padding: 56px 0 64px;}
    .face5 .face5-tbody{padding-top: 64px;}
    .face5-tbody-left{width: 48.75%;}
    .face5-tbody-right{width: 48.325%;}
    .face5-tbody-list{margin-left: -8px;margin-right: -8px;}
    .face5-tbody-item{width: 50%;padding: 0 8px;margin-bottom: 24px;}
    .face5-tbody-item .item-box{min-height: 288px;border-radius: 32px;padding: 32px 28px 26px;}
    .face5-tbody-item .item-box .item-title{font-size: 22px;line-height: 42px;}
    .face5-tbody-item .item-box .item-title img{width: 36px;margin-left: 4px;}
    .face5-tbody-item .item-box .item-text{font-size: 18px;margin-top: 6px;line-height: 32px;}
    .face5-tbody-btn{padding-top: 64px;}

    .face6{padding: 66px 0 56px;}
    .face6 .face6-tbody{padding-top: 58px;}
}
@media screen and (max-width: 1259px) {
    .face5{padding: 48px 0 56px;}
    .face5 .face5-tbody{padding-top: 54px;}
    .face5-tbody-left{width: 49.5%;}
    .face5-tbody-right{width: 48.5%;}
    .face5-tbody-list{margin-left: -5px;margin-right: -5px;}
    .face5-tbody-item{width: 50%;padding: 0 5px;margin-bottom: 20px;}
    .face5-tbody-item .item-box{min-height: 272px;border-radius: 28px;padding: 28px 24px 24px;}
    .face5-tbody-item .item-box .item-title{font-size: 20px;line-height: 36px;}
    .face5-tbody-item .item-box .item-title img{width: 32px;margin-left: 4px;}
    .face5-tbody-item .item-box .item-text{font-size: 16px;margin-top: 6px;line-height: 30px;}
    .face5-tbody-btn{padding-top: 54px;}

    .face6{padding: 54px 0 46px;}
    .face6 .face6-tbody{padding-top: 48px;}
}
@media screen and (max-width: 991px) {
    .face5{padding: 38px 0 46px;}
    .face5 .face5-tbody{padding-top: 46px;}
    .face5-tbody-left{width: 100%;padding-top: 20px;}
    .face5-tbody-right{width: 100%;}
    .face5-tbody-list{margin-left: -5px;margin-right: -5px;}
    .face5-tbody-item{width: 50%;padding: 0 5px;margin-bottom: 20px;}
    .face5-tbody-item .item-box{min-height: 228px;border-radius: 28px;padding: 28px 24px 24px;}
    .face5-tbody-item .item-box .item-title{font-size: 18px;line-height: 36px;}
    .face5-tbody-item .item-box .item-title img{width: 32px;margin-left: 4px;}
    .face5-tbody-item .item-box .item-text{font-size: 15px;margin-top: 6px;line-height: 28px;}
    .face5-tbody-btn{padding-top: 42px;}

    .face6{padding: 42px 0 36px;}
    .face6 .face6-tbody{padding-top: 36px;}
}
@media screen and (max-width: 720px) {
    .face5{padding: 28px 0 36px;}
    .face5 .face5-tbody{padding-top: 36px;}
    .face5-tbody-left{width: 100%;padding-top: 20px;}
    .face5-tbody-right{width: 100%;}
    .face5-tbody-list{margin-left: -5px;margin-right: -5px;}
    .face5-tbody-item{width: 50%;padding: 0 5px;margin-bottom: 20px;}
    .face5-tbody-item .item-box{min-height: 210px;border-radius: 24px;padding: 24px 20px 22px;}
    .face5-tbody-item .item-box .item-title{font-size: 18px;line-height: 36px;}
    .face5-tbody-item .item-box .item-title img{width: 28px;margin-left: 4px;}
    .face5-tbody-item .item-box .item-text{font-size: 14px;margin-top: 6px;line-height: 24px;}
    .face5-tbody-btn{padding-top: 30px;}

    .face6{padding: 30px 0 24px;}
    .face6 .face6-tbody{padding-top: 24px;}
}
@media screen and (max-width: 540px) {
    .face5{padding: 20px 0 28px;}
    .face5 .face5-tbody{padding-top: 28px;}
    .face5-tbody-left{width: 100%;padding-top: 20px;}
    .face5-tbody-right{width: 100%;}
    .face5-tbody-list{margin-left: -5px;margin-right: -5px;}
    .face5-tbody-item{width: 100%;padding: 0 5px;margin-bottom: 20px;}
    .face5-tbody-item .item-box{min-height: auto;border-radius: 20px;padding: 24px 20px 22px;}
    .face5-tbody-item .item-box .item-title{font-size: 18px;line-height: 32px;}
    .face5-tbody-item .item-box .item-title img{width: 28px;margin-left: 4px;}
    .face5-tbody-item .item-box .item-text{font-size: 14px;margin-top: 6px;line-height: 24px;}
    .face5-tbody-btn{padding-top: 20px;}
    .face6{padding: 24px 0 16px;}
    .face6 .face6-tbody{padding-top: 16px;}
}
.xunpan-bottom{position: relative;width: 100%;padding-top: 80px;padding-bottom: 80px;background: #f8fbff;}
.xunpan-bottom .xunpan-box{position: relative;width: 100%;background: #FFFFFF;box-shadow: 0px 0px 21px 0px rgba(7,9,75,0.05);border-radius: 22px;padding: 57px 30px;}
.xunpan-bottom-flex{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.xunpan-bottom .xunpan-box .xunpan-box-left{position: relative;width: 270px;}
.xunpan-bottom .xunpan-box .xunpan-box-right{position: relative;width: calc(100% - 280px);}
.xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title{position: relative;width: 100%;font-weight: bold;color: #222222;line-height: 52px;font-size: 38px;}
.xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title .iconfont{display: inline-block;vertical-align: top;font-size: 32px;color: #222222;line-height: 52px;margin-left: 6px;}
.xunpan-bottom .xunpan-box .xunpan-box-right form{display: block;width: 100%;}
.xunpan-bottom .xunpan-box .xunpan-form-box{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.xunpan-bottom .xunpan-box .xunpan-form-box .item-input{position: relative;width: 229px;margin: 5px 0;}
.xunpan-bottom .xunpan-box .xunpan-form-box .item-input input{position: relative;width: 100%;height: 42px;background: #FFFFFF;font-size: 18px;color: #333;line-height: 30px;border-radius: 16px;border: 1px solid #B5B5B5;padding: 0 20px;font-family: Microsoft YaHei;}
.xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn{position: relative;width: 158px;text-align: right;}
.xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn .item-btn{position: relative;display: inline-block;vertical-align: top;min-width: 115px;height: 42px;font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 30px;background: #016FE8;border-radius: 21px;}
.xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn .item-btn:hover{background: #05F1FF;}

@media screen and (max-width:1459px) {
    .xunpan-bottom{padding-top: 68px;padding-bottom: 7.625%;}
    .xunpan-bottom .xunpan-box{border-radius: 42px;padding: 66px 64px;}
    .xunpan-bottom .xunpan-box .xunpan-box-left{width: 260px;}
    .xunpan-bottom .xunpan-box .xunpan-box-right{width: calc(100% - 272px);}
    .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title{font-size: 36px;line-height: 48px;}
    .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title .iconfont{font-size: 28px;line-height: 48px;margin-left: 6px;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input{width: 218px;margin: 4px 0;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input input{height: 40px;font-size: 16px;line-height: 30px;border-radius: 12px;padding: 0 18px;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn{width: 136px;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn .item-btn{min-width: 112px;height: 40px;font-size: 16px;line-height: 28px;border-radius: 20px;}
}
@media screen and (max-width:1259px) {
    .xunpan-bottom{padding-top: 56px;padding-bottom: 7.5%;}
    .xunpan-bottom .xunpan-box{border-radius: 36px;padding: 54px 32px;}
    .xunpan-bottom .xunpan-box .xunpan-box-left{width: 190px;}
    .xunpan-bottom .xunpan-box .xunpan-box-right{width: calc(100% - 206px);}
    .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title{font-size: 32px;line-height: 44px;}
    .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title .iconfont{font-size: 24px;line-height: 44px;margin-left: 6px;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input{width: 180px;margin: 4px 0;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input input{height: 36px;font-size: 16px;line-height: 28px;border-radius: 10px;padding: 0 16px;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn{width: 124px;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn .item-btn{min-width: 112px;height: 36px;font-size: 16px;line-height: 28px;border-radius: 18px;}
}
@media screen and (max-width:991px) {
    .xunpan-bottom{padding-top: 44px;padding-bottom: 7.25%;}
    .xunpan-bottom .xunpan-box{border-radius: 30px;padding: 42px 24px;}
    .xunpan-bottom .xunpan-box .xunpan-box-left{width: 100%;text-align: center;}
    .xunpan-bottom .xunpan-box .xunpan-box-right{width: 100%;margin-top: 16px}
    .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title{font-size: 28px;line-height: 40px;}
    .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title .iconfont{font-size: 20px;line-height: 40px;margin-left: 6px;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input{width: 48.5%;margin: 4px 0;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input input{height: 36px;font-size: 16px;line-height: 28px;border-radius: 10px;padding: 0 16px;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn{width: 48.5%;text-align: center;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn .item-btn{min-width: 112px;height: 36px;font-size: 16px;line-height: 28px;border-radius: 18px;}
}
@media screen and (max-width:720px) {
    .xunpan-bottom{padding-top: 32px;padding-bottom: 7%;}
    .xunpan-bottom .xunpan-box{border-radius: 24px;padding: 36px 20px;}
    .xunpan-bottom .xunpan-box .xunpan-box-left{width: 100%;text-align: center;}
    .xunpan-bottom .xunpan-box .xunpan-box-right{width: 100%;margin-top: 16px}
    .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title{font-size: 28px;line-height: 40px;}
    .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title .iconfont{font-size: 20px;line-height: 40px;margin-left: 6px;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input{width: 48.5%;margin: 4px 0;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input input{height: 36px;font-size: 16px;line-height: 28px;border-radius: 10px;padding: 0 16px;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn{width: 48.5%;text-align: center;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn .item-btn{min-width: 112px;height: 36px;font-size: 16px;line-height: 28px;border-radius: 18px;}
}
@media screen and (max-width:460px) {
    .xunpan-bottom{padding-top: 20px;padding-bottom: 7%;}
    .xunpan-bottom .xunpan-box{border-radius: 20px;padding: 28px 16px;}
    .xunpan-bottom .xunpan-box .xunpan-box-left{width: 100%;text-align: center;}
    .xunpan-bottom .xunpan-box .xunpan-box-right{width: 100%;margin-top: 16px}
    .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title{font-size: 28px;line-height: 40px;}
    .xunpan-bottom .xunpan-box .xunpan-box-left .xunpan-box-title .iconfont{font-size: 20px;line-height: 40px;margin-left: 6px;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input{width: 100%;margin: 4px 0;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input input{height: 36px;font-size: 16px;line-height: 28px;border-radius: 10px;padding: 0 16px;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn{width: 100%;text-align: center;}
    .xunpan-bottom .xunpan-box .xunpan-form-box .item-input-btn .item-btn{min-width: 112px;height: 36px;font-size: 16px;line-height: 28px;border-radius: 18px;}
}

.youtube-main{position: relative;width: 100%;background: #F6F9FD;}
.youtube-main .youtube-banner{position: relative;width: 100%;display: block;max-width: 1920px;margin: 0 auto;overflow: hidden;}
.youtube-main .youtube-banner .banner-img{position: relative;width: 100%;display: block;}
.youtube-main .youtube-banner .ban-pic{width: 100%;display: block;}
.youtube-main *{box-sizing: border-box;}
.youtube-main .youtube-banner .banner-img-btn{position: absolute;bottom: 0;left: 13.54166666666667%;padding-bottom: 10.416666666667%;width: auto;}
.youtube-main .youtube-banner .banner-form{position: absolute;bottom: 0;left: 13.54166666666667%;padding-bottom: 15.52083333333333%;}
.youtube-main .youtube-banner .banner-form form{display: block;width: 680px;position: relative;}
.youtube-main .youtube-banner .banner-form .banner-form-box{position: relative;width: 100%;background: rgba(255, 255, 255, .32);border-radius: 8px;border: 1px solid rgba(255, 255, 255, .85);padding: 10px 9px;display: flex;align-items: center;justify-content: space-between;;flex-wrap: wrap;}
.youtube-main .youtube-banner .banner-form .banner-form-box .item-input{position: relative;width: 234px;height: 40px;background: #FFFFFF;border-radius: 8px;border: 1px solid #C9C9C9;margin-right: 20px;}
.youtube-main .youtube-banner .banner-form .banner-form-box .item-input input{position: relative;display: block;width: 100%;height: 100%;line-height: 30px;font-size: 16px;color: #333;padding: 3px 12px;}
.youtube-main .youtube-banner .banner-form .banner-form-box .item-input-btn{position: relative;width: 136px;height: 40px;border-radius: 8px;overflow: hidden;}
.youtube-main .youtube-banner .banner-form .banner-form-box .item-input-btn .item-btn{position: relative;width: 100%;display: inline-block;height: 100%;font-weight: 500;background: #016FE8;border-radius: 8px;font-size: 18px;color: #FFFFFF;line-height: 30px;}
.youtube-main .youtube-banner .banner-form .banner-form-box .item-input-btn .item-btn:hover{background: #34edfe;}
@media screen and (max-width: 1459px) {
    .youtube-main .youtube-banner .banner-img-btn{left: 13.52%;padding-bottom: 10.25%;}
    .youtube-main .youtube-banner .banner-form{left: 13.52%;padding-bottom: 15.5%;}
    .youtube-main .youtube-banner .banner-form form{width: 640px;}
    .youtube-main .youtube-banner .banner-form .banner-form-box{padding: 9px 8px;}
    .youtube-main .youtube-banner .banner-form .banner-form-box .item-input{width: 228px;height: 40px;margin-right: 16px;}
    .youtube-main .youtube-banner .banner-form .banner-form-box .item-input input{line-height: 30px;font-size: 16px;padding: 2px 10px;}
    .youtube-main .youtube-banner .banner-form .banner-form-box .item-input-btn{width: 128px;height: 40px;}
    .youtube-main .youtube-banner .banner-form .banner-form-box .item-input-btn .item-btn{font-size: 18px;line-height: 30px;}
}
@media screen and (max-width: 1259px) {
    .youtube-main .youtube-banner .banner-img-btn{left: 13.5%;padding-bottom: 10.125%;}
    .youtube-main .youtube-banner .banner-form{left: 13.5%;padding-bottom: 15.25%;}
    .youtube-main .youtube-banner .banner-form form{width: 600px;}
    .youtube-main .youtube-banner .banner-form .banner-form-box{padding: 8px 7px;}
    .youtube-main .youtube-banner .banner-form .banner-form-box .item-input{width: 212px;height: 36px;margin-right: 12px;margin-bottom: 10px;}
    .youtube-main .youtube-banner .banner-form .banner-form-box .item-input input{line-height: 28px;font-size: 15px;padding: 2px 10px;}
    .youtube-main .youtube-banner .banner-form .banner-form-box .item-input-btn{width: 120px;height: 36px;}
    .youtube-main .youtube-banner .banner-form .banner-form-box .item-input-btn .item-btn{font-size: 16px;line-height: 28px;}
}
@media screen and (max-width: 750px) {
    .youtube-main .youtube-banner .banner-img-btn{display: none;}
    .youtube-main .youtube-banner .banner-img-btn{left: 13.5%;padding-bottom: 9.75%;}
    .youtube-main .youtube-banner .banner-form{position: relative;left: 0;padding: 10px;}
    .youtube-main .youtube-banner .banner-form form{width: 100%;}
    .youtube-main .youtube-banner .banner-form .banner-form-box{padding: 8px 7px;}
    .youtube-main .youtube-banner .banner-form .banner-form-box .item-input{width: 47.5%;height: 36px;margin-right: 0;margin-bottom: 10px}
    .youtube-main .youtube-banner .banner-form .banner-form-box .item-input input{line-height: 28px;font-size: 15px;padding: 2px 10px;}
    .youtube-main .youtube-banner .banner-form .banner-form-box .item-input-btn{width: 100%;height: 36px;text-align: center }
    .youtube-main .youtube-banner .banner-form .banner-form-box .item-input-btn .item-btn{font-size: 16px;line-height: 28px;max-width: 160px;margin: 0 auto}

}
.youtube-section{position: relative;width: 100%;}
.youtube1{position: relative;width: 100%;padding: 7.76041666666667% 0 65px;}
.yout1-tbody{position: relative;width: 100%;padding-top: 49px;}
.yout1-tbody-swiper{position: relative;margin-left: -56px;margin-right: -56px;padding: 0 56px;}
.yout1-tbody-swiper .swiper-button{width: 28px;text-align: center;height: 36px;line-height: 36px;font-size: 32px;color: #016FE8;}
.mySwiper-yout1{position: relative;width: 100%;height: auto;}
.mySwiper-yout1 .swiper-slide{position: relative;height: auto;}
.yout1-tbody-item{position: relative;width: 100%;min-height: 380px;display: flex;align-items: center;justify-content: center;}
.yout1-tbody-item .item-box{position: relative;width: 100%;background: rgba(255,255,255,0.4);box-shadow: 0px 1px 57px 0px rgba(6,0,1,0.13);border-radius: 36px;padding: 20px;border: 1px solid rgba(255,255,255,0.64);transition: all .5s;}
.yout1-tbody-item .item-box:hover{background: #016FE8;border-color: #016FE8;box-shadow: none;padding: 34px 28px 22px;}
.yout1-tbody-item .item-box .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;border-radius: 16px;display: none;margin-top: 14px;}
.yout1-tbody-item .item-box .item-pic img{display: inline-block;vertical-align: top;width: 100%;}
.yout1-tbody-item .item-box:hover .item-pic{display: block;}
.yout1-tbody-item .item-box .item-body{position: relative;width: 100%;}
.yout1-tbody-item .item-box .item-body .item-top{position: relative;width: 100%;padding: 6px 0;padding-left: 16px;display: flex;align-items: center;justify-content: space-between;}
.yout1-tbody-item .item-box:hover .item-body .item-top{display: none;}
.yout1-tbody-item .item-box .item-body .item-top .item-num{display: inline-block;vertical-align: top;font-weight: bold;font-size: 30px;color: #666666;line-height: 40px;}
.yout1-tbody-item .item-box .item-body .item-top .iconmore{display: inline-block;vertical-align: top;font-size: 18px;color: #666666;line-height: 40px;}
.yout1-tbody-item .item-box .item-body .item-title{position: relative;width: 100%;display: flex;flex-wrap: wrap;align-items: center; justify-content: center;font-size: 24px;color: #000000;line-height: 40px;min-height: 120px;}
.yout1-tbody-item .item-box:hover .item-body .item-title{color: #FFFFFF;}
.yout1-tbody-item .item-box .item-body .item-title p{display: block;width: 100%;text-align: center;}
.yout1-tbody-item .item-box .item-body .item-title span{display: inline-block;vertical-align: bottom;font-size: 30px;font-weight: bold;}
.yout1-tbody-item .item-box .item-body .item-btn{position: relative;width: 100%;text-align: right;}
.yout1-tbody-item .item-box:hover .item-body .item-btn{display: none;}
.yout1-tbody-item .item-box .item-body .item-btn .btnn{display: inline-block;vertical-align: top;width: 34px;height: 34px;line-height: 34px;font-size: 34px;border-radius: 50%;}
.yout1-tbody .yout1-tbody-btn{position: relative;width: 100%;text-align: center;padding-top: 50px;}

@media screen and (max-width: 1459px) {
    .youtube1{padding: 7.5% 0 56px;}
    .yout1-tbody{padding-top: 40px;}
    .yout1-tbody-swiper{margin-left: -42px;margin-right: -42px;padding: 0 42px;}
    .yout1-tbody-swiper .swiper-button{width: 28px;height: 32px;line-height: 32px;font-size: 28px;}
    .yout1-tbody-item{min-height: 366px;}
    .yout1-tbody-item .item-box{border-radius: 32px;padding: 18px;}
    .yout1-tbody-item .item-box:hover{padding: 30px 24px 18px;}
    .yout1-tbody-item .item-box .item-pic{border-radius: 16px;margin-top: 12px;}
    .yout1-tbody-item .item-box .item-body .item-top{padding: 5px 0;padding-left: 12px;}
    .yout1-tbody-item .item-box .item-body .item-top .item-num{font-size: 26px;line-height: 36px;}
    .yout1-tbody-item .item-box .item-body .item-top .iconmore{font-size: 16px;line-height: 36px;}
    .yout1-tbody-item .item-box .item-body .item-title{font-size: 22px;line-height: 36px;min-height: 108px;}
    .yout1-tbody-item .item-box .item-body .item-title span{font-size: 26px}
    .yout1-tbody-item .item-box .item-body .item-btn .btnn{width: 32px;height: 32px;line-height: 32px;font-size: 32px;}
    .yout1-tbody .yout1-tbody-btn{padding-top: 42px;}
}
@media screen and (max-width: 1259px) {
    .youtube1{padding: 7.25% 0 48px;}
    .yout1-tbody{padding-top: 36px;}
    .yout1-tbody-swiper{margin-left: -28px;margin-right: -28px;padding: 0 28px;}
    .yout1-tbody-swiper .swiper-button{width: 28px;height: 32px;line-height: 32px;font-size: 28px;}
    .yout1-tbody-item{min-height: 348px;}
    .yout1-tbody-item .item-box{border-radius: 28px;padding: 16px;}
    .yout1-tbody-item .item-box:hover{padding: 26px 20px 16px;}
    .yout1-tbody-item .item-box .item-pic{border-radius: 16px;margin-top: 10px;}
    .yout1-tbody-item .item-box .item-body .item-top{padding: 5px 0;padding-left: 12px;}
    .yout1-tbody-item .item-box .item-body .item-top .item-num{font-size: 24px;line-height: 32px;}
    .yout1-tbody-item .item-box .item-body .item-top .iconmore{font-size: 16px;line-height: 32px;}
    .yout1-tbody-item .item-box .item-body .item-title{font-size: 20px;line-height: 32px;min-height: 96px;}
    .yout1-tbody-item .item-box .item-body .item-title span{font-size: 24px}
    .yout1-tbody-item .item-box .item-body .item-btn .btnn{width: 32px;height: 32px;line-height: 32px;font-size: 32px;}
    .yout1-tbody .yout1-tbody-btn{padding-top: 34px;}
}
@media screen and (max-width: 991px) {
    .youtube1{padding: 7% 0 40px;}
    .yout1-tbody{padding-top: 28px;}
    .yout1-tbody-swiper{margin-left: -20px;margin-right: -20px;padding: 0 28px;}
    .yout1-tbody-swiper .swiper-button{width: 24px;height: 28px;line-height: 28px;font-size: 24px;}
    .yout1-tbody-item{min-height: 348px;}
    .yout1-tbody-item .item-box{border-radius: 28px;padding: 16px;}
    .yout1-tbody-item .item-box:hover{padding: 26px 20px 16px;}
    .yout1-tbody-item .item-box .item-pic{border-radius: 16px;margin-top: 10px;}
    .yout1-tbody-item .item-box .item-body .item-top{padding: 5px 0;padding-left: 12px;}
    .yout1-tbody-item .item-box .item-body .item-top .item-num{font-size: 22px;line-height: 30px;}
    .yout1-tbody-item .item-box .item-body .item-top .iconmore{font-size: 16px;line-height: 30px;}
    .yout1-tbody-item .item-box .item-body .item-title{font-size: 18px;line-height: 30px;min-height: 90px;}
    .yout1-tbody-item .item-box .item-body .item-title span{font-size: 22px}
    .yout1-tbody-item .item-box .item-body .item-btn .btnn{width: 32px;height: 32px;line-height: 32px;font-size: 32px;}
    .yout1-tbody .yout1-tbody-btn{padding-top: 28px;}
}
@media screen and (max-width: 720px) {
    .youtube1{padding: 6.875% 0 32px;}
    .yout1-tbody{padding-top: 20px;}
    .yout1-tbody-swiper{margin-left: -20px;margin-right: -20px;padding: 0 28px;}
    .yout1-tbody-swiper .swiper-button{width: 20px;height: 24px;line-height: 24px;font-size: 20px;}
    .yout1-tbody-item{min-height: 348px;}
    .yout1-tbody-item .item-box{border-radius: 24px;padding: 12px;}
    .yout1-tbody-item .item-box:hover{padding: 24px 15px 16px;}
    .yout1-tbody-item .item-box .item-pic{border-radius: 16px;margin-top: 10px;}
    .yout1-tbody-item .item-box .item-body .item-top{padding: 4px 0;padding-left: 12px;}
    .yout1-tbody-item .item-box .item-body .item-top .item-num{font-size: 22px;line-height: 30px;}
    .yout1-tbody-item .item-box .item-body .item-top .iconmore{font-size: 16px;line-height: 30px;}
    .yout1-tbody-item .item-box .item-body .item-title{font-size: 16px;line-height: 28px;min-height: 84px;}
    .yout1-tbody-item .item-box .item-body .item-title span{font-size: 20px}
    .yout1-tbody-item .item-box .item-body .item-btn .btnn{width: 30px;height: 30px;line-height: 30px;font-size: 30px;}
    .yout1-tbody .yout1-tbody-btn{padding-top: 20px;}
}
@media screen and (max-width: 560px) {
    .youtube1{padding: 6.75% 0 24px;}
    .yout1-tbody{padding-top: 20px;}
    .yout1-tbody-swiper{margin-left: -15px;margin-right: -15px;padding: 0 28px;}
    .yout1-tbody-swiper .swiper-button{width: 20px;height: 24px;line-height: 24px;font-size: 20px;}
    .yout1-tbody-item{min-height: auto;}
    .yout1-tbody-item .item-box{border-radius: 20px;padding: 12px;}
    .yout1-tbody-item .item-box:hover{padding: 12px;}
    .yout1-tbody-item .item-box .item-pic{border-radius: 10px;margin-top: 10px;display: block;}
    .yout1-tbody-item .item-box .item-body .item-top{display: none;}
    .yout1-tbody-item .item-box .item-body .item-top .item-num{font-size: 22px;line-height: 30px;}
    .yout1-tbody-item .item-box .item-body .item-top .iconmore{font-size: 16px;line-height: 30px;}
    .yout1-tbody-item .item-box .item-body .item-title{font-size: 16px;line-height: 28px;min-height: 84px;}
    .yout1-tbody-item .item-box .item-body .item-title span{font-size: 20px}
    .yout1-tbody-item .item-box .item-body .item-btn .btnn{width: 30px;height: 30px;line-height: 30px;font-size: 30px;display: none;}
    .yout1-tbody .yout1-tbody-btn{padding-top: 20px;}
}
.youtube2{position: relative;width: 100%;padding: 54px 0 78px;}
.yout2-tbody{position: relative;width: 100%;padding-top: 46px;}
.yout2-tbody .yout2-tbody-flex{position: relative;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;align-items: center;}
.yout2-tbody-img{position: relative;width: 43.5%;}
.yout2-tbody-info{position: relative;width: 52.5%;}
.yout2-tbody-img .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;}
.yout2-tbody-img .item-pic img{display: inline-block;vertical-align: top;width: 100%;}
.yout2-tbody-list{position: relative;display: flex;flex-wrap: wrap;}
.yout2-tbody-item{position: relative;display: inline-block;vertical-align: top;width: 100%;margin-bottom: 28px;}
.yout2-tbody-item .item-box{position: relative;width: 100%;background: rgba(255,255,255,0.4);box-shadow: 0px 1px 57px 0px rgba(6,0,1,0.13);border-radius: 36px;padding: 31px 36px 32px;padding-left: 56px;border: 1px solid rgba(255,255,255,0.64);transition: all .5s;}
.yout2-tbody-item .item-box:hover{background: #006FE8;color: #fff;}
.yout2-tbody-item .item-box .item-title{position: relative;width: 100%;font-weight: bold;font-size: 30px;color: #222222;line-height: 42px;transition: all .5s;}
.yout2-tbody-item .item-box:hover .item-title{color: #FFFFFF;}
.yout2-tbody-item .item-box .item-desc{position: relative;width: 100%;font-size: 18px;color: #FFFFFF;padding: 11px 0 4px;line-height: 27px;display: none;}
.yout2-tbody-item .item-box:hover .item-desc{display: block;}
.yout2-tbody .yout2-tbody-btn{position: relative;width: 100%;text-align: center;padding-top: 30px;}
@media screen and (max-width: 1459px) {
    .youtube2{padding: 46px 0 66px;}
    .yout2-tbody{padding-top: 38px;}
    .yout2-tbody-img{width: 43.5%;}
    .yout2-tbody-info{width: 52.5%;}
    .yout2-tbody-item{margin-bottom: 24px;}
    .yout2-tbody-item .item-box{border-radius: 32px;padding: 28px 32px;padding-left: 48px;}
    .yout2-tbody-item .item-box .item-title{font-size: 26px;line-height: 38px;}
    .yout2-tbody-item .item-box .item-desc{font-size: 16px;padding: 10px 0 4px;line-height: 26px;}
    .yout2-tbody .yout2-tbody-btn{padding-top: 26px;}
}
@media screen and (max-width: 1259px) {
    .youtube2{padding: 38px 0 54px;}
    .yout2-tbody{padding-top: 30px;}
    .yout2-tbody-img{width: 43.5%;}
    .yout2-tbody-info{width: 52.5%;}
    .yout2-tbody-item{margin-bottom: 20px;}
    .yout2-tbody-item .item-box{border-radius: 28px;padding: 24px 24px;padding-left: 40px;}
    .yout2-tbody-item .item-box .item-title{font-size: 22px;line-height: 34px;}
    .yout2-tbody-item .item-box .item-desc{font-size: 16px;padding: 8px 0 4px;line-height: 26px;}
    .yout2-tbody .yout2-tbody-btn{padding-top: 20px;}
}
@media screen and (max-width: 991px) {
    .youtube2{padding: 30px 0 44px;}
    .yout2-tbody{padding-top: 24px;}
    .yout2-tbody-img{width: 42.5%;}
    .yout2-tbody-info{width: 56%;}
    .yout2-tbody-item{margin-bottom: 20px;}
    .yout2-tbody-item .item-box{border-radius: 24px;padding: 15px 12px;padding-left: 24px;}
    .yout2-tbody-item .item-box .item-title{font-size: 18px;line-height: 30px;}
    .yout2-tbody-item .item-box .item-desc{font-size: 14px;padding: 8px 0 4px;line-height: 24px;}
    .yout2-tbody .yout2-tbody-btn{padding-top: 16px;}
}
@media screen and (max-width: 720px) {
    .youtube2{padding: 22px 0 32px;}
    .yout2-tbody{padding-top: 20px;}
    .yout2-tbody-img{width: 100%;}
    .yout2-tbody-info{width: 100%;padding-top: 16px;}
    .yout2-tbody-item{margin-bottom: 16px;}
    .yout2-tbody-item .item-box{border-radius: 20px;padding: 14px 12px;}
    .yout2-tbody-item .item-box .item-title{font-size: 18px;line-height: 30px;}
    .yout2-tbody-item .item-box .item-desc{font-size: 14px;padding: 8px 0 4px;line-height: 24px;}
    .yout2-tbody .yout2-tbody-btn{padding-top: 16px;}
}
.youtube3{position: relative;width: 100%;padding: 74px 0 70px;}
.yout3-tbody{position: relative;width: 100%;padding-top: 48px;}
.yout3-tbody .yout3-tbody-box{position: relative;background: #E6F0FC;border-radius: 48px;margin-left: -42px;margin-right: -42px;padding: 58px 48px 1px; display: flex;flex-wrap: wrap;justify-content: space-between;}
.yout3-tbody-nav{position: relative;width: 322px;padding-top: 13px;}
.yout3-tbody-content{position: relative;width: calc(100% - 382px);}
.yout3-content-item{position: relative;width: 100%;display: none;}
.yout3-nav-item{position: relative;width: 100%;margin-bottom: 24px;}
.yout3-nav-item .item-title{position: relative;width: 100%;background: #FFFFFF;padding: 11px 54px;padding-left: 46px;font-size: 24px;color: #222222;line-height: 40px;border-radius: 32px;border: 1px solid #222222;cursor: pointer;}
.yout3-nav-item .item-title::before{position: absolute;content: "";left: 20px;top: 50%;transform: translateY(-50%);width: 11px;height: 11px;background: #AAAAAA;border-radius: 50%;}
.yout3-nav-item .item-title::after{position: absolute;content: "";left: 29px;top: 50%;transform: translateY(-50%);width: 11px;height: 11px;background: #222222;border-radius: 50%;}
.yout3-nav-item .item-title .iconfont{display: inline-block;vertical-align: top;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);right: 9px;width: 40px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;background: #006FE8;border-radius: 50%;}
.yout3-nav-item.active .item-title, .yout3-nav-item:hover .item-title{background: #016FE8;color: #FFFFFF;}
.yout3-nav-item.active .item-title::before, .yout3-nav-item:hover .item-title::before{background: #B2D4F9;}
.yout3-nav-item.active .item-title::after, .yout3-nav-item:hover .item-title::after{background: #FFFFFF;}
.yout3-nav-item.active .item-title .iconfont, .yout3-nav-item:hover .item-title .iconfont{background: #FFFFFF;color: #016FE8;}
.yout3-content-flex{position: relative;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse;}
.yout3-content-img{position: relative;width: 440px;text-align: center;}
.yout3-content-info{position: relative;width: 530px;}
.yout3-tbody-content .yout3-content-item:nth-of-type(3) .yout3-content-img{width: 560px;}
.yout3-tbody-content .yout3-content-item:nth-of-type(4) .yout3-content-img{width: 560px;}
.yout3-tbody-content .yout3-content-item:nth-of-type(3) .yout3-content-info{width: 410px;}
.yout3-tbody-content .yout3-content-item:nth-of-type(4) .yout3-content-info{width: 410px;}
.yout3-content-img .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;}
.yout3-content-img .item-pic img{display: inline-block;vertical-align: top;width: auto;max-width: 100%;height: 510px;}
.yout3-content-info .item-body{position: relative;width: 100%;min-height: 408px;padding-top: 20px;}
.yout3-content-info .yout3-content-btn{position: relative;width: 100%;}
.yout3-content-info .yout3-content-btn .btnn{display: inline-block;vertical-align: top;font-size: 16px;color: #222222;text-decoration: underline;line-height: 26px;}
.yout3-content-info .yout3-content-btn .btnn .iconfont{display: inline-block;vertical-align: top;font-size: 24px;line-height: 26px;}
.yout3-content-info .yout3-content-btn a.btnn:hover{color: #016FE8;}
.yout3-content-text{position: relative;width: 100%;font-size: 18px;color: #222222;line-height: 27px;min-height: 54px;margin-bottom: 30px;}
.yout3-content-name{position: relative;width: 100%;font-size: 24px;color: #222;line-height: 36px;}
.yout3-content-name span{display: inline-block;vertical-align: top;min-width: 87px;text-align: center;padding: 0 18px;color: #fff;background: #016FE8;border-radius: 18px;}
.yout3-content-desc{position: relative;width: 100%;font-size: 18px;color: #222222;line-height: 27px;margin-top: 22px;}
.yout3-content-desc li{padding-left: 20px;position: relative;margin-bottom: 26px;}
.yout3-content-desc li:nth-last-of-type(1){margin-bottom: 0 !important;}
.yout3-content-desc li::before{position: absolute;content: "";left: 0;top: 12px;width: 9px;height: 9px;background: #016FE8;border-radius: 50%;}
@media screen and (max-width: 1559px) {
    .yout3-tbody .yout3-tbody-box{border-radius: 42px;margin-left: -24px;margin-right: -24px;padding: 50px 40px 1px; }
    .yout3-tbody-nav{width: 322px;padding-top: 13px;}
    .yout3-tbody-content{width: calc(100% - 342px);}
}
@media screen and (max-width: 1459px) {
    .youtube3{padding: 66px 0 60px;}
    .yout3-tbody{padding-top: 40px;}
    .yout3-tbody .yout3-tbody-box{border-radius: 32px;margin-left: 0px;margin-right: 0px;padding: 42px 30px 1px; }
    .yout3-tbody-nav{width: 316px;padding-top: 10px;}
    .yout3-tbody-content{width: calc(100% - 336px);}
    .yout3-nav-item{margin-bottom: 18px;}
    .yout3-nav-item .item-title{padding: 10px 48px;padding-left: 42px;font-size: 22px;line-height: 36px;border-radius: 28px;}
    .yout3-nav-item .item-title::before{left: 16px;width: 10px;height: 10px;}
    .yout3-nav-item .item-title::after{left: 24px;width: 10px;height: 10px;}
    .yout3-nav-item .item-title .iconfont{right: 6px;width: 36px;height: 36px;line-height: 36px;font-size: 17px;}
    .yout3-content-img{width: 383px;}
    .yout3-content-info{width: 412px;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(3) .yout3-content-img{width: 520px;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(4) .yout3-content-img{width: 520px;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(3) .yout3-content-info{width: 276px;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(4) .yout3-content-info{width: 276px;}
    .yout3-content-img .item-pic img{height: 474px;}
    .yout3-content-info .item-body{min-height: 408px;padding-top: 0px;}
    .yout3-content-info .yout3-content-btn .btnn{font-size: 15px;line-height: 24px;}
    .yout3-content-info .yout3-content-btn .btnn .iconfont{font-size: 22px;line-height: 24px;}
    .yout3-content-text{font-size: 16px;line-height: 26px;min-height: 52px;margin-bottom: 20px;}
    .yout3-content-name{font-size: 20px;line-height: 32px;}
    .yout3-content-name span{min-width: 82px;padding: 0 16px;border-radius: 16px;}
    .yout3-content-desc{font-size: 16px;line-height: 24px;margin-top: 16px;}
    .yout3-content-desc li{padding-left: 18px;margin-bottom: 20px;}
    .yout3-content-desc li::before{top: 8px;width: 8px;height: 8px;}
}
@media screen and (max-width: 1259px) {
    .youtube3{padding: 56px 0 50px;}
    .yout3-tbody{padding-top: 32px;}
    .yout3-tbody .yout3-tbody-box{border-radius: 28px;margin-left: 0px;margin-right: 0px;padding: 36px 24px 1px; }
    .yout3-tbody-nav{width: 100%;padding-top: 0px;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .yout3-tbody-content{width: 100%;padding-top: 20px;}
    .yout3-nav-item{margin-bottom: 18px;width: 48.5%;}
    .yout3-nav-item .item-title{padding: 8px 48px;padding-left: 42px;font-size: 22px;line-height: 36px;border-radius: 28px;}
    .yout3-nav-item .item-title::before{left: 16px;width: 10px;height: 10px;}
    .yout3-nav-item .item-title::after{left: 24px;width: 10px;height: 10px;}
    .yout3-nav-item .item-title .iconfont{right: 6px;width: 36px;height: 36px;line-height: 36px;font-size: 17px;}
    .yout3-content-img{width: 383px;}
    .yout3-content-info{width: 500px;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(3) .yout3-content-img{width: 520px;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(4) .yout3-content-img{width: 520px;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(3) .yout3-content-info{width: 363px;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(4) .yout3-content-info{width: 363px;}
    .yout3-content-img .item-pic img{height:auto;}
    .yout3-content-info .item-body{min-height: auto;padding-top: 0px;}
    .yout3-content-info .yout3-content-btn{margin-top: 20px;}
    .yout3-content-info .yout3-content-btn .btnn{font-size: 15px;line-height: 24px;}
    .yout3-content-info .yout3-content-btn .btnn .iconfont{font-size: 22px;line-height: 24px;}
    .yout3-content-text{font-size: 16px;line-height: 26px;min-height: 52px;margin-bottom: 20px;}
    .yout3-content-name{font-size: 20px;line-height: 32px;}
    .yout3-content-name span{min-width: 82px;padding: 0 16px;border-radius: 16px;}
    .yout3-content-desc{font-size: 16px;line-height: 24px;margin-top: 16px;}
    .yout3-content-desc li{padding-left: 18px;margin-bottom: 20px;}
    .yout3-content-desc li::before{top: 8px;width: 8px;height: 8px;}
}
@media screen and (max-width: 991px) {
    .youtube3{padding: 46px 0 40px;}
    .yout3-tbody{padding-top: 24px;}
    .yout3-tbody .yout3-tbody-box{border-radius: 26px;margin-left: 0px;margin-right: 0px;padding: 20px 12px 16px; }
    .yout3-tbody-nav{width: 100%;padding-top: 0px;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .yout3-tbody-content{width: 100%;padding-top: 20px;}
    .yout3-nav-item{margin-bottom: 18px;width: 48.5%;}
    .yout3-nav-item .item-title{padding: 6px 42px;padding-left: 36px;font-size: 20px;line-height: 32px;border-radius: 23px;}
    .yout3-nav-item .item-title::before{left: 12px;width: 10px;height: 10px;}
    .yout3-nav-item .item-title::after{left: 20px;width: 10px;height: 10px;}
    .yout3-nav-item .item-title .iconfont{right: 6px;width: 32px;height: 32px;line-height: 32px;font-size: 16px;}
    .yout3-content-img{width: 330px;}
    .yout3-content-info{width: 366px;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(3) .yout3-content-img{width: 396px;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(4) .yout3-content-img{width: 396px;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(3) .yout3-content-info{width: 300px;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(4) .yout3-content-info{width: 300px;}
    .yout3-content-img .item-pic img{height:auto;}
    .yout3-content-info .item-body{min-height: auto;padding-top: 0px;}
    .yout3-content-info .yout3-content-btn{margin-top: 20px;}
    .yout3-content-info .yout3-content-btn .btnn{font-size: 15px;line-height: 24px;}
    .yout3-content-info .yout3-content-btn .btnn .iconfont{font-size: 22px;line-height: 24px;}
    .yout3-content-text{font-size: 16px;line-height: 26px;min-height: 52px;margin-bottom: 20px;}
    .yout3-content-name{font-size: 20px;line-height: 32px;}
    .yout3-content-name span{min-width: 82px;padding: 0 16px;border-radius: 16px;}
    .yout3-content-desc{font-size: 16px;line-height: 24px;margin-top: 16px;}
    .yout3-content-desc li{padding-left: 18px;margin-bottom: 20px;}
    .yout3-content-desc li::before{top: 8px;width: 8px;height: 8px;}
}
@media screen and (max-width: 750px) {
    .youtube3{padding: 36px 0 30px;}
    .yout3-tbody{padding-top: 18px;}
    .yout3-tbody .yout3-tbody-box{border-radius: 20px;margin-left: 0px;margin-right: 0px;padding: 16px 10px 16px; }
    .yout3-tbody-nav{width: 100%;padding-top: 0px;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .yout3-tbody-content{width: 100%;padding-top: 20px;}
    .yout3-nav-item{margin-bottom: 18px;width: 48.5%;}
    .yout3-nav-item .item-title{padding: 6px 40px;padding-left: 36px;font-size: 18px;line-height: 32px;border-radius: 23px;}
    .yout3-nav-item .item-title::before{left: 12px;width: 10px;height: 10px;}
    .yout3-nav-item .item-title::after{left: 20px;width: 10px;height: 10px;}
    .yout3-nav-item .item-title .iconfont{right: 6px;width: 32px;height: 32px;line-height: 32px;font-size: 16px;}
    .yout3-content-img{width: 100%;}
    .yout3-content-info{width: 100%;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(3) .yout3-content-img{width: 100%;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(4) .yout3-content-img{width: 100%;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(3) .yout3-content-info{width: 100%;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(4) .yout3-content-info{width: 100%;}
    .yout3-content-img .item-pic img{height:auto;}
    .yout3-content-info .item-body{min-height: auto;padding-top: 0px;}
    .yout3-content-info .yout3-content-btn{margin-top: 20px;}
    .yout3-content-info .yout3-content-btn .btnn{font-size: 15px;line-height: 24px;}
    .yout3-content-info .yout3-content-btn .btnn .iconfont{font-size: 22px;line-height: 24px;}
    .yout3-content-text{font-size: 16px;line-height: 26px;min-height: 52px;margin-bottom: 20px;}
    .yout3-content-name{font-size: 20px;line-height: 32px;}
    .yout3-content-name span{min-width: 82px;padding: 0 16px;border-radius: 16px;}
    .yout3-content-desc{font-size: 16px;line-height: 24px;margin-top: 16px;}
    .yout3-content-desc li{padding-left: 18px;margin-bottom: 20px;}
    .yout3-content-desc li::before{top: 8px;width: 8px;height: 8px;}
}
@media screen and (max-width: 560px) {
    .youtube3{padding: 24px 0 20px;}
    .yout3-tbody{padding-top: 18px;}
    .yout3-tbody .yout3-tbody-box{border-radius: 20px;margin-left: 0px;margin-right: 0px;padding: 16px 10px 16px; }
    .yout3-tbody-nav{width: 100%;padding-top: 0px;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .yout3-tbody-content{width: 100%;padding-top: 20px;}
    .yout3-nav-item{margin-bottom: 18px;width: 100%;}
    .yout3-nav-item .item-title{padding: 6px 40px;padding-left: 36px;font-size: 18px;line-height: 32px;border-radius: 23px;}
    .yout3-nav-item .item-title::before{left: 12px;width: 10px;height: 10px;}
    .yout3-nav-item .item-title::after{left: 20px;width: 10px;height: 10px;}
    .yout3-nav-item .item-title .iconfont{right: 6px;width: 32px;height: 32px;line-height: 32px;font-size: 16px;}
    .yout3-content-img{width: 100%;}
    .yout3-content-info{width: 100%;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(3) .yout3-content-img{width: 100%;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(4) .yout3-content-img{width: 100%;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(3) .yout3-content-info{width: 100%;}
    .yout3-tbody-content .yout3-content-item:nth-of-type(4) .yout3-content-info{width: 100%;}
    .yout3-content-img .item-pic img{height:auto;}
    .yout3-content-info .item-body{min-height: auto;padding-top: 0px;}
    .yout3-content-info .yout3-content-btn{margin-top: 20px;}
    .yout3-content-info .yout3-content-btn .btnn{font-size: 15px;line-height: 24px;}
    .yout3-content-info .yout3-content-btn .btnn .iconfont{font-size: 22px;line-height: 24px;}
    .yout3-content-text{font-size: 16px;line-height: 26px;min-height: 52px;margin-bottom: 20px;}
    .yout3-content-name{font-size: 20px;line-height: 32px;}
    .yout3-content-name span{min-width: 82px;padding: 0 16px;border-radius: 16px;}
    .yout3-content-desc{font-size: 16px;line-height: 24px;margin-top: 16px;}
    .yout3-content-desc li{padding-left: 18px;margin-bottom: 20px;}
    .yout3-content-desc li::before{top: 8px;width: 8px;height: 8px;}
}

.youtube4{position: relative;width: 100%;padding: 80px 0 60px;}
.yout4-tbody{position: relative;width: 100%;padding-top: 30px;}
.yout4-tbody .yout4-tbody-flex{position: relative;width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.yout4-tbody-left{position: relative;width: 440px;}
.yout4-tbody-center{position: relative;width: 424px;}
.yout4-tbody-right{position: relative;width: 440px;}
.yout4-tbody-item{position: relative;width: 100%;display: inline-block;vertical-align: top;margin-bottom: 34px;}
.yout4-tbody-item .item-box{position: relative;width: 100%;background: #FFFFFF;border-radius: 32px;overflow: hidden;}
.yout4-tbody-item .item-box:hover{box-shadow: 0px 0px 21px 0px rgba(7,9,75,0.05);}
.yout4-tbody-item .item-box .yout4-item-img{position: relative;width: 100%;overflow: hidden;visibility: visible;opacity: 1;transition: all .5s;}
.yout4-tbody-item .item-box:hover .yout4-item-img{visibility: hidden;opacity: 0;}
.yout4-item-img .item-pic{position: relative;width: 100%;overflow: hidden;text-align: center;}
.yout4-item-img .item-pic img{display: inline-block;vertical-align: top;width: 100%;}
.yout4-item-img .item-pic::before{position: absolute;content: "";left: 0;right: 0;bottom: 0;width: 100%;min-height: 204px; background: linear-gradient(0deg, #016FE8 0%, rgba(255,255,255,0) 100%);
    border-radius: 32px;}
.yout4-tbody-center .yout4-item-img .item-pic::before{min-height: 50%;}
.yout4-item-img .item-title{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;padding-bottom: 24px;font-size: 30px;color: #FFFEFE;line-height: 40px;text-align: center;}
.yout4-tbody-item .item-box .item-body{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;padding: 44px 54px 36px;visibility: hidden;opacity: 0;transition: all .5s;}
.yout4-tbody-item .item-box:hover .item-body{visibility: visible;opacity: 1}
.yout4-tbody-item .item-body .item-title{position: relative;width: 100%;font-size: 30px;color: #222222;line-height: 40px;}
.yout4-tbody-item .item-body .item-desc{position: relative;width: 100%;font-size: 18px;margin-top: 21px;color: #222222;line-height: 27px;min-height: 108px;}
.yout4-tbody-center .yout4-tbody-item .item-body .item-desc{min-height: 224px;}
.yout4-tbody-item .item-body .item-btn{position: relative;width: 100%;margin-top: 4px;text-align: right;}
.yout4-tbody-item .item-body .item-btn .btnn{display: inline-block;vertical-align: top;font-size: 16px;color: #016FE8;line-height: 26px;text-decoration: underline;}
.yout4-tbody-item .item-body .item-btn .btnn .iconfont{display: inline-block;vertical-align: top;font-size: 24px;line-height: 24px;}
@media screen and (max-width: 1459px) {
    .youtube4{padding: 68px 0 52px;}
    .yout4-tbody{padding-top: 28px;}
    .yout4-tbody-left{width: 380px;}
    .yout4-tbody-center{width: 364px;}
    .yout4-tbody-right{width: 380px;}
    .yout4-tbody-item{margin-bottom: 30px;}
    .yout4-tbody-item .item-box{border-radius: 28px;}
    .yout4-item-img .item-pic::before{min-height: 196px;}
    .yout4-tbody-center .yout4-item-img .item-pic::before{min-height: 50%;}
    .yout4-item-img .item-title{padding-bottom: 20px;font-size: 26px;line-height: 36px;}
    .yout4-tbody-item .item-box .item-body{padding: 36px 30px 30px;}
    .yout4-tbody-item .item-body .item-title{font-size: 26px;line-height: 36px;}
    .yout4-tbody-item .item-body .item-desc{font-size: 16px;margin-top: 16px;line-height: 26px;min-height: 104px;}
    .yout4-tbody-center .yout4-tbody-item .item-body .item-desc{min-height: 208px;}
    .yout4-tbody-item .item-body .item-btn .btnn{font-size: 16px;line-height: 24px;}
    .yout4-tbody-item .item-body .item-btn .btnn .iconfont{font-size: 22px;line-height: 22px;}
}
@media screen and (max-width: 1259px) {
    .youtube4{padding: 56px 0 44px;}
    .yout4-tbody{padding-top: 24px;}
    .yout4-tbody-left{width: 310px;}
    .yout4-tbody-center{width: 304px;}
    .yout4-tbody-right{width: 310px;}
    .yout4-tbody-item{margin-bottom: 26px;}
    .yout4-tbody-item .item-box{border-radius: 24px;}
    .yout4-item-img .item-pic::before{min-height: 188px;}
    .yout4-tbody-center .yout4-item-img .item-pic::before{min-height: 50%;}
    .yout4-item-img .item-title{padding-bottom: 18px;font-size: 22px;line-height: 32px;}
    .yout4-tbody-item .item-box .item-body{padding: 20px 20px 16px;}
    .yout4-tbody-item .item-body .item-title{font-size: 20px;line-height: 30px;}
    .yout4-tbody-item .item-body .item-desc{font-size: 14px;margin-top: 10px;line-height: 22px;min-height: 88px;}
    .yout4-tbody-center .yout4-tbody-item .item-body .item-desc{min-height: 196px;}
    .yout4-tbody-item .item-body .item-btn .btnn{font-size: 15px;line-height: 24px;}
    .yout4-tbody-item .item-body .item-btn .btnn .iconfont{font-size: 20px;line-height: 22px;}
}
@media screen and (max-width: 991px) {
    .youtube4{padding: 44px 0 36px;}
    .yout4-tbody{padding-top: 20px;}
    .yout4-tbody-left{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .yout4-tbody-center{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
    .yout4-tbody-right{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .yout4-tbody-item{margin-bottom: 26px;width: 49%;}
    .yout4-tbody-item .item-box{border-radius: 24px;}
    .yout4-item-img .item-pic::before{min-height: 188px;}
    .yout4-tbody-center .yout4-item-img .item-pic::before{min-height: 50%;}
    .yout4-item-img .item-title{padding-bottom: 18px;font-size: 22px;line-height: 32px;}
    .yout4-tbody-item .item-box .item-body{padding: 28px 36px 24px;}
    .yout4-tbody-item .item-body .item-title{font-size: 22px;line-height: 32px;}
    .yout4-tbody-item .item-body .item-desc{font-size: 14px;margin-top: 12px;line-height: 24px;min-height: 96px;}
    .yout4-tbody-center .yout4-tbody-item .item-body .item-desc{min-height: 200px;}
    .yout4-tbody-item .item-body .item-btn .btnn{font-size: 15px;line-height: 24px;}
    .yout4-tbody-item .item-body .item-btn .btnn .iconfont{font-size: 20px;line-height: 22px;}
}
@media screen and (max-width: 720px) {
    .youtube4{padding: 32px 0 28px;}
    .yout4-tbody{padding-top: 20px;}
    .yout4-tbody-left{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .yout4-tbody-center{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
    .yout4-tbody-right{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .yout4-tbody-item{margin-bottom: 26px;width: 49%;}
    .yout4-tbody-item .item-box{border-radius: 24px;}
    .yout4-tbody-item .item-box:hover .yout4-item-img{visibility: visible;opacity: 1;}
    .yout4-item-img .item-pic::before{display: none;}
    .yout4-item-img .item-title{display: none;}
    .yout4-tbody-item .item-box .item-body{padding: 20px 15px;position: relative;visibility: visible;opacity: 1;}
    .yout4-tbody-item .item-body .item-title{font-size: 20px;line-height: 30px;}
    .yout4-tbody-item .item-body .item-desc{font-size: 14px;margin-top: 12px;line-height: 24px;min-height: auto;margin-bottom: 12px;}
    .yout4-tbody-center .yout4-tbody-item .item-body .item-desc{min-height: auto;}
    .yout4-tbody-item .item-body .item-btn .btnn{font-size: 14px;line-height: 24px;}
    .yout4-tbody-item .item-body .item-btn .btnn .iconfont{font-size: 20px;line-height: 22px;}
}
@media screen and (max-width: 560px) {
    .youtube4{padding: 20px 0 18px;}
    .yout4-tbody{padding-top: 20px;}
    .yout4-tbody-left{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .yout4-tbody-center{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
    .yout4-tbody-right{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .yout4-tbody-item{margin-bottom: 20px;width: 100%;}
    .yout4-tbody-item .item-box{border-radius: 20px;}
    .yout4-tbody-item .item-box:hover .yout4-item-img{visibility: visible;opacity: 1;}
    .yout4-item-img .item-pic::before{display: none;}
    .yout4-item-img .item-title{display: none;}
    .yout4-tbody-item .item-box .item-body{padding: 20px 15px;position: relative;visibility: visible;opacity: 1;}
    .yout4-tbody-item .item-body .item-title{font-size: 20px;line-height: 30px;}
    .yout4-tbody-item .item-body .item-desc{font-size: 14px;margin-top: 12px;line-height: 24px;min-height: auto;margin-bottom: 12px;}
    .yout4-tbody-center .yout4-tbody-item .item-body .item-desc{min-height: auto;}
    .yout4-tbody-item .item-body .item-btn .btnn{font-size: 14px;line-height: 24px;}
    .yout4-tbody-item .item-body .item-btn .btnn .iconfont{font-size: 20px;line-height: 22px;}
}

.youtube5{position: relative;width: 100%;padding: 54px 0 20px;}
.yout5-tbody{position: relative;width: 100%;padding-top: 56px;}
.yout5-tbody .yout5-tbody-flex{position: relative;width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.yout5-tbody-left{position: relative;width: 480px;}
.yout5-tbody-right{position: relative;width: 884px;}
.yout5-tbody-img{position: relative;width: 100%;text-align: center;}
.yout5-tbody-img .item-pic{position: relative;width: 100%;text-align: center;overflow: hidden;}
.yout5-tbody-img .item-pic img{display: inline-block;vertical-align: top;width: 100%;}
.yout5-tbody-list{position: relative;width: 100%;padding-left: 24px;border-left: 1px dashed #016FE8;}
.yout5-tbody-item{position: relative;width: 100%;margin-bottom: 26px;}
.yout5-tbody-item::before{position: absolute;content: "";left: -24px;top: 53px;transform: translateX(-50%);width: 21px;box-sizing: border-box;height: 21px;background: #FFFFFF;border-radius: 50%;border: 5px solid #016FE8;}
.yout5-tbody-item .item-box{position: relative;width: 100%;background: #FFFFFF;box-shadow: 0px 0px 21px 0px rgba(7,9,75,0.05);padding: 16px 48px;border-radius: 32px;}
.yout5-tbody-item .item-box .item-title{position: relative;width: 100%;font-weight: bold;font-size: 24px;color: #222222;line-height: 36px;}
.yout5-tbody-item .item-box .item-text{position: relative;width: 100%;font-size: 18px;color: #222222;display: flex;align-items: center;justify-content: center;margin-top: 5px;line-height: 27px;min-height: 54px;}
.yout5-tbody-item .item-box .item-text p{display: block;width: 100%;}
.yout5-tbody-item .item-box:hover{background: url(../images/youtube/yout5-item-bgi.png) no-repeat right top;background-size: cover;}
.yout5-tbody-item .item-box:hover .item-title{color: #016FE8;}
@media screen and (max-width: 1459px) {
    .youtube5{padding: 46px 0 18px;}
    .yout5-tbody{padding-top: 48px;}
    .yout5-tbody-left{width: 400px;}
    .yout5-tbody-right{width: 764px;}
    .yout5-tbody-list{padding-left: 20px;}
    .yout5-tbody-item{margin-bottom: 20px;}
    .yout5-tbody-item::before{left: -20px;top: 45px;width: 20px;height: 20px;border: 5px solid #016FE8;}
    .yout5-tbody-item .item-box{padding: 14px 40px;border-radius: 28px;}
    .yout5-tbody-item .item-box .item-title{font-size: 22px;line-height: 34px;}
    .yout5-tbody-item .item-box .item-text{font-size: 16px;margin-top: 4px;line-height: 26px;min-height: 52px;}
}
@media screen and (max-width: 1259px) {
    .youtube5{padding: 38px 0 16px;}
    .yout5-tbody{padding-top: 40px;}
    .yout5-tbody-left{width: 320px;}
    .yout5-tbody-right{width: 620px;}
    .yout5-tbody-list{padding-left: 16px;}
    .yout5-tbody-item{margin-bottom: 16px;}
    .yout5-tbody-item::before{left: -16px;top: 38px;width: 18px;height: 18px;border: 4px solid #016FE8;}
    .yout5-tbody-item .item-box{padding: 12px 30px;border-radius: 24px;}
    .yout5-tbody-item .item-box .item-title{font-size: 20px;line-height: 32px;}
    .yout5-tbody-item .item-box .item-text{font-size: 15px;margin-top: 3px;line-height: 24px;min-height: 48px;}
}
@media screen and (max-width: 991px) {
    .youtube5{padding: 30px 0 10px;}
    .yout5-tbody{padding-top: 30px;}
    .yout5-tbody-left{width: 100%;}
    .yout5-tbody-right{width: 100%;margin-top: 16px;}
    .yout5-tbody-list{padding-left: 16px;}
    .yout5-tbody-item{margin-bottom: 16px;}
    .yout5-tbody-item::before{left: -16px;top: 38px;width: 18px;height: 18px;border: 4px solid #016FE8;}
    .yout5-tbody-item .item-box{padding: 12px 30px;border-radius: 24px;}
    .yout5-tbody-item .item-box .item-title{font-size: 20px;line-height: 32px;}
    .yout5-tbody-item .item-box .item-text{font-size: 15px;margin-top: 3px;line-height: 24px;min-height: 48px;}
}
@media screen and (max-width: 720px) {
    .youtube5{padding: 20px 0 10px;}
    .yout5-tbody{padding-top: 20px;}
    .yout5-tbody-left{width: 100%;}
    .yout5-tbody-right{width: 100%;margin-top: 16px;}
    .yout5-tbody-list{padding-left: 16px;}
    .yout5-tbody-item{margin-bottom: 16px;}
    .yout5-tbody-item::before{left: -16px;top: 32px;width: 18px;height: 18px;border: 4px solid #016FE8;}
    .yout5-tbody-item .item-box{padding: 12px 20px;border-radius: 24px;}
    .yout5-tbody-item .item-box .item-title{font-size: 18px;line-height: 30px;}
    .yout5-tbody-item .item-box .item-text{font-size: 14px;margin-top: 3px;line-height: 24px;min-height: 48px;}
}