.xybqjdkf .header{background: #121212;opacity: 0.8;}
.xybqjdkf .headBanner{position: relative;overflow: hidden;max-width: 1920px;min-height: 740px;margin: 0 auto;background: url(../images/xybqjdkf_bannerBG.png) no-repeat center 90px;}
.xybqjdkf .headBanner .headBanner_box{width: 600px;position: absolute;top: 54%;left: 200px;transform: translateY(-50%);}
.xybqjdkf .headBanner .headBanner_box h2{font-size: 50px;font-weight: bold;font-family: '思源宋体 CN';margin-bottom: 20px;}
.xybqjdkf .headBanner .headBanner_box p{font-size: 22px;line-height: 40px;}

.xybqjdkf .public_box{max-width: 1320px;}
.xybqjdkf .snav_box{margin-bottom: 40px;}
.xybqjdkf .snav_box ul{max-width: 1000px;display: flex;justify-content: space-between;}
.xybqjdkf .snav_box ul li{width: auto;flex: auto;}
.xybqjdkf .snav_box ul li a{font-size: 30px;}

.xybqjdkf .module_title{font-size: 40px;font-weight: bold;margin-bottom: 40px;}

/* 产品解决的痛点 */
.xybqjdkf #module_A{margin-bottom: 60px;}
.xybqjdkf #module_A p{margin-bottom: 40px;font-size: 20px;}
.xybqjdkf #module_A p a{color: #0b5cd1;display: none;}
.xybqjdkf #module_A p .toggle_omit{display: none;}
.xybqjdkf #module_A ul{position: relative;}
.xybqjdkf #module_A ul li{float: left;width: 22%;margin-right: 4%;text-align: center;background-color: #f0f5ff;padding: 60px 0;position: relative;cursor: pointer;overflow: hidden;}
.xybqjdkf #module_A ul li:hover{background-color: #e6f5ff;}
.xybqjdkf #module_A ul li:last-child{margin-right: 0;}
.xybqjdkf #module_A ul li img{width: 100px;margin-bottom: 30px;}
.xybqjdkf #module_A ul li h3{width: 100%;font-weight: bold;font-size: 20px;text-align: center;margin-bottom: 20px;color: #1655d0;}
.xybqjdkf #module_A ul li p{display: flex;justify-content: center;flex-direction: column;height: 100%;position: absolute;background-color: #27282fad;top: 0;color: #fff;text-indent: 2em;align-content: center;padding: 0 20px;margin-bottom: 0;opacity: 0;line-height: 29px;font-size: 18px;}
.xybqjdkf #module_A ul li.on p{animation: fadeIn .4s ease-in-out forwards;text-align: left;}
/* 定义一个淡入动画 */
@keyframes fadeIn {
    from{opacity: 0;}
    to{opacity: 1;}
}

/* 功能介绍 */
.xybqjdkf #module_B{margin-bottom: 60px;}
.xybqjdkf #module_B .module_Bcont{overflow: hidden;}
.xybqjdkf #module_B .module_Bcont .hd{width: 30%;float: left;background: url(../images/bbdbfwpt_Bhdbg.png) no-repeat center bottom;}
.xybqjdkf #module_B .module_Bcont .hd ul li{display: flex;justify-content: center;flex-direction: column;box-sizing: border-box;padding-left: 120px;font-size: 20px;height: 100px;align-content: center;cursor: pointer;}
.xybqjdkf #module_B .module_Bcont .hd ul li.on{padding-left: 60px;font-weight: bold;color: #1655d0;background: linear-gradient(to left, #8dc0fb, #e2ecf8);position: relative;}
.xybqjdkf #module_B .module_Bcont .hd ul li.on::after{display: block;content: "";background: url(../images/bbdbfwpt_Bhdbg_on.png) no-repeat center;background-size: 100%;width: 30px;height: 30px;position: absolute;right: 40px;top: 50%;transform: translateY(-50%);}
.xybqjdkf #module_B .module_Bcont .hd ul li p{margin: 6px 0;}
.xybqjdkf #module_B .module_Bcont .bd{width: 70%;height: 500px;float: left;background-color: #eff6ff;}
.xybqjdkf #module_B .module_Bcont .bd .wrap{padding: 40px;box-sizing: border-box;}
.xybqjdkf #module_B .module_Bcont .bd .wrap h3{font-weight: bold;color: #1655d0;font-size: 20px;margin-bottom: 20px;}
.xybqjdkf #module_B .module_Bcont .bd .wrap .wrap_cont{width: 90%;margin-bottom: 20px;}
.xybqjdkf #module_B .module_Bcont .bd .wrap .wrap_cont p{margin: 10px 0;font-size: 18px;}
.xybqjdkf #module_B .module_Bcont .bd .wrap .wrap_img{width: 90%;}
.xybqjdkf #module_B .module_Bcont .bd .wrap .wrap_img img{display: block;margin: 0 auto;max-width: 100%;}
.xybqjdkf #module_B .module_Bcont .bd .wrap:nth-child(1) .wrap_img img{width: 267px;}
.xybqjdkf #module_B .module_Bcont .bd .wrap:nth-child(3) .wrap_img img{width: 200px;}
.xybqjdkf #module_B .module_Bcont .bd .wrap:nth-child(3) .wrap_img img:nth-child(2){width: 400px;margin-top: 10px;}
.xybqjdkf #module_B .module_Bcont .bd .wrap:nth-child(5) .wrap_img img{width: 400px;}
.xybqjdkf #module_B .module_Bcont .bd .wrap .special .wrap_cont{display: flex;justify-content: center;flex-direction: column;float: left;width: 50%;height: 460px;align-content: center;margin-bottom: 0;}
.xybqjdkf #module_B .module_Bcont .bd .wrap .special .wrap_img{float: left;width: 50%;}
.xybqjdkf #module_B .module_Bcont .bd .wrap .special .wrap_img img{display: inline-block;width: auto;height: 420px;margin-left: 80px;}

/* 典型案例 */
.xybqjdkf #module_C{margin-bottom: 60px;}
.xybqjdkf #module_C ul li{float: left;width: 12.5%;font-size: 22px;margin-bottom: 30px;}
.xybqjdkf #module_C ul li:nth-child(5n){margin-right: 0;}
.xybqjdkf #module_C ul li span{display: inline-block;color: #27a9df;width: 40px;text-align: center;}

@media screen and (max-width: 550px){
    .xybqjdkf .headBanner{min-height: auto;background: none;}
    .xybqjdkf .headBanner .headBanner_box{box-sizing: border-box;padding: 20px;width: 100%;position: relative;top: 0;left: 0;transform: translateY(0);}
    .xybqjdkf .headBanner .headBanner_box h2{font-size: 24px;}
    .xybqjdkf .headBanner .headBanner_box p{font-size: 18px;line-height: 26px;}
    .xybqjdkf .snav_box{border-top: 1px solid #d6d6d6;}
    .xybqjdkf .snav_box ul{flex-wrap: wrap;}
    .xybqjdkf .snav_box ul li{font-size: 14px;padding: 0;}
    .xybqjdkf .snav_box ul li a{font-size: 14px;}
    .xybqjdkf .module_title{font-size: 24px;text-align: center;margin-bottom: 20px;}
    .xybqjdkf #module_A, .xybqjdkf #module_B, .xybqjdkf #module_C{padding: 0 10px;box-sizing: border-box;margin-bottom: 20px;}
    .xybqjdkf #module_A{margin-top: 20px;}
    .xybqjdkf #module_A p{margin-bottom: 20px;}
	.xybqjdkf #module_A p a{display: inline-block;}
	.xybqjdkf #module_A p .toggle_omit{display: inline-block;}
	.xybqjdkf #module_A p .more_content{display: none;}
    .xybqjdkf #module_A .module_Acont{width: 100%;margin-top: 10px;}
    .xybqjdkf #module_A ul li{width: 100%;margin-right: 0;padding: 20px 0;}
    .xybqjdkf #module_A ul li img{margin-bottom: 20px;}
    .xybqjdkf #module_B .module_Bcont{padding: 0;}
    .xybqjdkf #module_B .module_Bcont .hd{float: none;width: 100%;background: #cfe3fd;}
    .xybqjdkf #module_B .module_Bcont .hd ul{overflow: auto hidden;white-space: nowrap;}
    .xybqjdkf #module_B .module_Bcont .hd ul li{width: auto;float: none;display: inline-block;padding: 0 20px;height: 80px;}
    .xybqjdkf #module_B .module_Bcont .hd ul li.on{padding-left: 20px;background: none;}
    .xybqjdkf #module_B .module_Bcont .hd ul li.on::after{display: none;}
    .xybqjdkf #module_B .module_Bcont .hd ul li p{margin: 0;}
    .xybqjdkf #module_B .module_Bcont .bd{float: none;width: 100%;height: auto;padding-top: 10px;}
    .xybqjdkf #module_B .module_Bcont .bd .wrap{padding: 10px;}
    .xybqjdkf #module_B .module_Bcont .bd .wrap h3{margin-bottom: 10px;}
    .xybqjdkf #module_B .module_Bcont .bd .wrap .special .wrap_cont{float: none;width: 100%;height: auto;align-content: normal;margin-bottom: 20px;}
    .xybqjdkf #module_B .module_Bcont .bd .wrap .special .wrap_img{float: none;width: 100%;}
    .xybqjdkf #module_B .module_Bcont .bd .wrap .special .wrap_img img{display: block;margin: 0 auto;}
    .xybqjdkf #module_B .module_Bcont .bd .wrap .wrap_cont, .xybqjdkf #module_B .module_Bcont .bd .wrap .wrap_img{width: 100%;}
    .xybqjdkf #module_B .module_Bcont .bd .wrap:nth-child(2) .wrap_img img, .xybqjdkf #module_B .module_Bcont .bd .wrap:nth-child(3) .wrap_img img{width: 100%;}
    .xybqjdkf #module_B .module_Bcont .bd .wrap:nth-child(3) .wrap_img img:nth-child(2){margin-bottom: 0;}
    .xybqjdkf #module_C{margin-bottom: 0;}
    .xybqjdkf #module_C ul li{width: 33.3%;margin-bottom: 20px;font-size: 18px;text-align: center;}
    .xybqjdkf #module_C ul li:nth-child(2n){margin-right: 0;}
    .xybqjdkf #module_C ul li span{width: 20px;}
}