body{background:#f7f7f7}.wh1200{width:1200px;margin:auto}.clear::after{content:'';display:block;line-height:0;clear:both}.fl{float:left}.fr{float:right}.flex{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.comment-title{text-align:center;font-size:36px;font-weight:bold;color:#333}.comment-subtitle{text-align:center;font-size:18px;line-height:30px;color:#666;margin-top:10px}.banner{width:100%;height:520px;background:url(../images/banner.png) no-repeat center/cover}.banner .text-box{padding-top:160px}.banner .text-box h2{font-weight:400;font-size:40px;color:#fff;line-height:1;margin-bottom:15px}.banner .text-box .p1{font-weight:100;font-size:24px;color:#fff}.banner .text-box ul{margin-top:20px}.banner .text-box ul li{float:left;font-weight:100;font-size:18px;color:#fff;margin-right:20px}.banner .text-box ul li::before{content:'';display:inline-block;width:8px;height:8px;background:#fff;border-radius:50%;margin-right:10px;vertical-align:middle}.banner .text-box .btn-box{margin-top:30px}.banner .text-box .btn-box a{color:#fff;font-size:20px;width:165px;height:45px;display:inline-block;border-radius:5px;border:solid 1px #fff;text-align:center;line-height:45px}.kj-menu{padding:25px 0;background:#fff}.kj-menu>ul.flex{justify-content:space-around}.kj-menu>ul.flex>li.flex{align-items:center}.kj-menu>ul.flex>li.flex .img-box{width:71px;margin-right:20px}.kj-menu>ul.flex>li.flex .img-box img{width:100%;vertical-align:middle}.kj-menu>ul.flex>li.flex .text-box .title{font-size:16px;font-weight:bold;color:#333}.kj-menu>ul.flex>li.flex .text-box .descr{font-size:14px;color:#949494;margin-top:5px}.mode1{margin-top:20px;padding:120px 0 75px}.mode1 .item{width:100%;margin-top:30px}.mode1 .item .left{width:130px;background:#1c7af7;color:#fff;text-align:center;line-height:36px;font-size:24px;font-weight:bold;border-radius:6px 0 0 6px;flex-direction:column;justify-content:center}.mode1 .item .right{width:calc(100% - 130px);background:#f6f9fe;border:solid 1px #b2d0ff;border-radius:0 6px 6px 0;box-sizing:border-box;padding-left:10px;padding-right:50px;padding-top:15px;padding-bottom:15px}.mode1 .item .right .title{font-size:14px;line-height:26px;color:#333;font-weight:bold;margin-bottom:5px}.mode1 .item .right .descr{font-size:14px;color:#333;line-height:26px}.mode1 .item .right .descr::before{content:'';display:inline-block;width:6px;height:6px;background:#1a6bf4;border-radius:50%;margin-right:5px;vertical-align:middle}.mode1 .btn{margin-top:50px;text-align:center}.mode1 .btn a{display:inline-block;padding:15px 20px;border-radius:4px;border:solid 1px #1968f3;color:#1968f3;font-size:16px}.mode2{padding:130px 0 100px;background:url(../images/mode2_bg.png) no-repeat center/cover}.mode2 .content{margin-top:60px}.mode2 .content>ul.flex{justify-content:space-between}.mode2 .content>ul.flex>li{width:285px;transition:all .3s}.mode2 .content>ul.flex>li:hover{box-shadow:5px 5px 6px 0px rgba(0,0,0,0.25);transform:translateY(-1px)}.mode2 .content>ul.flex>li .img-box{width:100%}.mode2 .content>ul.flex>li .img-box img{width:100%;vertical-align:middle}.mode2 .content>ul.flex>li .text-box{width:100%;height:160px;box-sizing:border-box;background:#fff;padding:20px 20px 0;text-align:center}.mode2 .content>ul.flex>li .text-box .title{font-size:18px;color:#333;font-weight:bold}.mode2 .content>ul.flex>li .text-box .line{width:30px;height:4px;border-radius:2px;background:#1a6ff4;margin:10px auto}.mode2 .content>ul.flex>li .text-box .descr{font-size:14px;color:#333;line-height:24px;text-align:left}.mode2 .content .btn{margin-top:50px;text-align:center}.mode2 .content .btn a{display:inline-block;padding:15px 40px;border-radius:4px;border:solid 1px #1968f3;color:#1968f3;font-size:16px}.mode3{padding:125px 0 100px;background:#fff}.mode3 .content{margin-top:25px}.mode3 .content .item{padding:35px 100px;background:#fff;align-items:center;justify-content:space-between}.mode3 .content .item .text-box{width:50%;text-align:left;padding-right:45px}.mode3 .content .item .text-box .title{font-size:30px;font-weight:bold;color:#1968f3}.mode3 .content .item .text-box .subtitle{font-size:26px;color:#333;margin-top:10px}.mode3 .content .item .text-box .descr{font-size:16px;color:#666;margin-top:10px}.mode3 .content .item .text-box a{display:inline-block;font-size:16px;color:#1968f3;border:solid 1px #1968f3;border-radius:4px;padding:13px 30px;margin-top:30px}.mode3 .content .item .img-box{width:50%;text-align:right}.mode3 .content .item:nth-child(2n){background:#f7f9fc}.mode3 .content .item:nth-child(2n) .text-box{text-align:right;padding-left:45px;padding-right:0px}.mode3 .content .item:nth-child(2n) .img-box{text-align:left}.mode4{padding:130px 0 100px;background:url(https://www.qbyun.com/templates/default/images/kuajing/mode4_bg.png) no-repeat center/cover}.mode4 .comment-title{color:#fff}.mode4 .content{margin-top:55px}.mode4 .content .img-box{text-align:center}.mode4 .content .img-box img{vertical-align:middle}.mode4 .content .btn{margin-top:50px;text-align:center}.mode4 .content .btn a{display:inline-block;color:#fff;font-size:16px;border:solid 1px #fff;border-radius:4px;padding:10px 25px}.mode5{padding:130px 0 100px;background:#fff}.mode5 .content{margin-top:60px}.mode5 .content>ul.flex{justify-content:space-between}.mode5 .content>ul.flex>li{width:285px;transition:all .3s;box-shadow:5px 5px 6px 0px rgba(0,0,0,0.1)}.mode5 .content>ul.flex>li .img-box{width:100%}.mode5 .content>ul.flex>li .img-box img{width:100%;vertical-align:middle}.mode5 .content>ul.flex>li .text-box{width:100%;height:160px;box-sizing:border-box;background:#fff;padding:20px 20px 0;text-align:center}.mode5 .content>ul.flex>li .text-box .title{font-size:14px;color:#333;font-weight:bold}.mode5 .content>ul.flex>li .text-box .line{width:30px;height:4px;border-radius:2px;background:#1a6ff4;margin:10px auto}.mode5 .content>ul.flex>li .text-box .descr{font-size:14px;color:#333;line-height:24px;text-align:left}.mode5 .content .btn{margin-top:50px;text-align:center}.mode5 .content .btn a{display:inline-block;padding:15px 40px;border-radius:4px;border:solid 1px #1968f3;color:#1968f3;font-size:16px}.mode6{padding:120px 0 75px}.mode6 .content{margin-top:50px}.mode6 .content>.flex{align-items:center}.mode6 .content>.flex .img-box{width:465px;margin-right:35px}.mode6 .content>.flex .img-box img{width:100%;vertical-align:middle}.mode6 .content>.flex .text-box{width:700px}.mode6 .content>.flex .text-box .item{align-items:center;margin-bottom:45px}.mode6 .content>.flex .text-box .item:last-child{margin-bottom:0}.mode6 .content>.flex .text-box .item .date{width:86px;height:78px;flex-direction:column;justify-content:center;margin-right:35px;border-radius:4px;border:solid 1px #196bf3;text-align:center}.mode6 .content>.flex .text-box .item .date .day{font-size:18px;font-weight:bold;color:#196bf3}.mode6 .content>.flex .text-box .item .date .year{font-size:14px;color:#666}.mode6 .content>.flex .text-box .item .text{width:579px}.mode6 .content>.flex .text-box .item .text .title{font-size:18px;font-weight:bold;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode6 .content>.flex .text-box .item .text .descr{font-size:14px;color:#666;margin-top:10px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mode6 .content>.flex .text-box .item:hover .date{background:#196bf3}.mode6 .content>.flex .text-box .item:hover .date .day{color:#fff}.mode6 .content>.flex .text-box .item:hover .date .year{color:#fff}.mode6 .content>.flex .text-box .item:hover .text .title{color:#196bf3}.mode6 .content .btn{margin-top:50px;text-align:center}.mode6 .content .btn a{display:inline-block;color:#196bf3;font-size:16px;color:#196bf3;border:solid 1px #196bf3;border-radius:4px;padding:10px 25px}