/*公共*/

.width1200{position: relative; width: 1200px; margin: auto;}

.p-h1{font-size: 32px; font-weight: 500; margin-bottom: 10px; line-height: normal;}

.p-h2{font-size: 18px; color: #9f9f9f; line-height: normal;}

.text--center{text-align: center}
/*----------------------------------------------------------------------------------------------------------*/

/* 王人杰 2021-3-1新增bbc样式 */
.c-title{font-size: 32px;font-weight: bold;color: #333333;line-height: 36px;text-align: center;margin-bottom: 25px;}
.d-title{font-size: 18px;color: #999999;line-height: 36px;text-align: center;}

/*banner*/
.mainbanner{height: 575px;position: relative;overflow: hidden;}
.mainbanner .banner-box{display: flex;flex: 1;justify-content: space-between;height: 100%;}
.mainbanner .banner-box .banner-right-img{width: 934px;height: 490px;margin-top: 75px;position: absolute;bottom: 0;left: 574px;}
.mainbanner .banner-box .banner-text-img{width: 579px;height: 124px;position: absolute;bottom: 263px;left: 0;}
.mainbanner .banner-box .ui-btn{width: 180px;height: 60px;border: 1px solid #FFFFFF;border-radius: 6px;font-size: 24px;color: #fff;display: flex;align-items: center;justify-content: center;position: absolute;bottom: 138px;left: 0;cursor: pointer;}

.question{padding-top: 100px;background-color: #F7F8FA;}
.question-img{width: 1200px;height: 630px;margin: 32px auto;}

.applicable{padding-top: 100px;background-color: #fff;padding-bottom: 66px;}
.applicable-box{display: flex;justify-content: space-between;}
.applicable-box .tabs-list{position: relative; width: 230px;height: 460px;display: flex;flex-direction: column;justify-content: space-around;z-index: 0;}
.applicable-box .tabs-list::after{content: "";position: absolute;right: 0;top: 0;width: 3px;height: 100%;background-color: #EEEEEE;}
.applicable-box .tabs-list .tabs-item{width: 230px;font-size: 20px;text-align: right;line-height: 40px;color: #666666;padding-right: 18px;border-right: 3px solid #EEEEEE;cursor: pointer;position: relative;z-index: 9;}
.applicable-box .tabs-list .tabs-item-cur{color: #FF4C4B;padding-right: 18px;border-right: 3px solid #FF4C4B;cursor: pointer;}
.applicable-box .applicable-swiper-container{width: 900px;height: 460px;overflow: hidden;}
.applicable-box .applicable-swiper-container .swiper-slide-title{font-size: 24px;color: #333;padding: 20px 0;line-height: 36px;padding-bottom: 23px;border-bottom: 1px solid #EEEEEE;}
.applicable-box .applicable-swiper-container img{width: 900px;height: 270px;margin-top: 26px;margin-bottom: 30px;}
.applicable-box .applicable-swiper-container .swiper-slide-desc{font-size: 18px;color: #666666;}

.profit{padding-top: 100px;padding-bottom: 66px;background-color: #F7F8FA;}
.profit-box{display: flex;flex-wrap: wrap;margin-top: 100px;}
.profit-box .profit-item{display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 20px;width: 300px;padding-top: 30px;padding-bottom: 44px;}
.profit-box .profit-item img{width: 64.8px;height: 64.8px;margin-bottom: 20px;}
.profit-box .profit-item .profit-title{font-size: 20px;color: #333;}
.profit-box .profit-item .profit-desc{font-size: 14px;color: #999999;margin-top: 12px;text-align: center;width: 235px;line-height: 24px;height: 50px;}

.swiper-container1{overflow: hidden;}
.case{padding-top: 95px;padding-bottom: 70px;background-color: #F7F8FA;}
.case-box{display: flex;align-items: center;justify-content: space-between;margin-top: 95px;padding: 50px 0;}
.case-box .case-item{width: 560px;border-radius: 8px;overflow: hidden;border-radius: 8px;border: 1px solid #F3F3F3;}
.case-box .case-item:hover{box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);border-radius: 8px;}
.case-box .case-item .case-img-box{width: 560px;height: 270px;background: rgba(0, 0, 0, .8);}
.case-box .case-item .case-img-box .case-img-box-cover{background-color: #000000;opacity: 0;height: 100%;width: 100%;text-align: center;line-height: 270px;color: #fff;font-size: 30px;transition: all .3s;}
.case-box .case-item .case-img-box:hover .case-img-box-cover{opacity: .8;}
.case-box .case-item .case-info{padding: 30px 40px 33px 17px;height: 170px;position: relative;background-color: #fff;}
.case-box .case-item .case-info .case-name{font-size: 20px;color: #333333;margin-bottom: 11px;}
.case-box .case-item .case-info .case-desc{font-size: 14px;color: #999999;line-height: 18px;margin-bottom: 22px;}
.case-box .case-item .case-view{display: flex;align-items: center;font-size: 16px;color: #FF4C4B;position: absolute;left: 17px;bottom: 33px;}
.case-box .case-item .case-view img{width: 24px;height: 24px;margin-left: 5px;}
.my-swiper-page{display: flex;align-items: center;justify-content: center;}
.my-swiper-page .control{width: 40px;height: 40px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.my-swiper-page .control:hover{background-color: #F8E6E8;}
.my-swiper-page .control img{width: 24px;height: 24px;}
.my-swiper-page .dot{width: 80px;height: 40px;display: flex;align-items: center;justify-content: center;}
.my-swiper-page .dot .dot-item{width: 6px;height: 6px;background: #FF4C4B;opacity: 0.3;margin: 4px;}
.my-swiper-page .dot .dot-item-cur{opacity: 1;}


.advantage{padding-top: 95px;padding-bottom: 135px;background-color: #FFFFFF;}
.advantage-box{position: relative;padding: 50px 0;}
.advantage-box .advantage-box-center{width: 450px;height: 450px;margin: auto;}
.advantage-box .advantage-list .advantage-item{width: 170px;display: flex;flex-direction: column;align-items: center;position: absolute;}
.advantage-box .advantage-list .advantage-item img{width: 50px;height: 50px;margin-bottom: 20px;}
.advantage-box .advantage-list .advantage-item div{text-align: center;text-align: center;font-size: 16px;color: #666666;line-height: 24px;}
.advantage-box .advantage-list .advantage-item .advantage-item-title{font-size: 20px;color: #333;margin-bottom: 18px;line-height: 26px}




.contact-us{padding-top: 96px;padding-bottom: 99px;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.contact-us .name{font-size: 28px;color: #FFFFFF;margin-bottom: 43px;}
.contact-us .desc{font-size: 20px;color: #FFFFFF;margin-bottom: 43px;opacity: .6;}
.contact-us .contact-btn{width: 175px;height: 60px;font-size: 24px;border-radius: 6px;text-align: center;line-height: 60px;color: #fff;border: 1px solid #FFFFFF;cursor: pointer;}