@charset "utf-8";
/* CSS Document */
/*page1 begin*/
.course-container{padding-top: 80px;min-width: 1201px;}
.course-title32{font-size: 32px;}
.course-title32:last-child{margin-top: 90px;}
.tab-header{border-bottom: #bcbcbc 1px solid;padding-top: 30px;}
.tab-header ul{ overflow:hidden; zoom:1; text-align: center; width: 100%;}
.tab-header ul li{ float:left; font-size: 20px; color: #575c63; width:200px; line-height:68px; overflow: hidden; cursor:pointer;  background:#fff;}
.tab-header ul .selected{color: #000;border-bottom: #0078c9 solid 5px;}
.tab-content{padding-top: 50px; display: none;}
.tab-selected{display: block;}
.tab-content ul{ /*overflow:hidden;*/ zoom:1; text-align: center; width: 100%;}
.tab-content ul li{ float:left; width:283px;height:340px;margin:0 23px 50px 0;/*width:394px;height:530px;margin:0 9px 100px 0;*/ overflow: hidden; cursor:pointer;box-shadow: 0px 0px 7px 3px #e4e4e6; }
.tab-content ul li:nth-child(4n){margin-right: 0px;}
.tab-content .course-pic{width: 283px;height: 162px;/*width: 394px;height: 226px;*/position: relative;}
.tab-content .course-pic img{width: 100%;height: 100%;}
.tab-content .course-freetag{width: 50px; border: #fff solid 1px;font-size: 12px;line-height: 26px; color: #fff;border-radius: 2px;position: absolute;top: 10px;left: 15px;z-index: 600;}
.tab-content .course-label1{
    padding: 0 18px; height: 32px;line-height: 32px;color: #fff;font-size: 16px;

background: linear-gradient(rgb(255, 175, 0),rgb(255, 135, 21));
    
    border-bottom-left-radius:15px; position: absolute;top: 0px;right: 0px;z-index: 600;box-shadow: 5px 0px 7px 0px #a9a9a9;
}
.tab-content .course-label2{padding: 0 18px;height: 32px;line-height: 32px;color: #fff;font-size: 16px; background: linear-gradient(rgb(183, 183, 183),rgb(168, 168, 168));border-bottom-left-radius:15px; position: absolute;top: 0px;right: 0px;z-index: 600;box-shadow: 5px 0px 7px 0px #a9a9a9;}
.tab-content .course-label3{padding: 0 18px;height: 32px;line-height: 32px;color: #fff;font-size: 16px; background: linear-gradient(rgb(183, 183, 183),rgb(168, 168, 168));border-bottom-left-radius:15px; position: absolute;top: 0px;right: 0px;z-index: 600;box-shadow: 5px 0px 7px 0px #a9a9a9;}
.tab-content .course-tag{width: 100%;/*height: 40px;*/overflow:hidden;margin-top: 8px;/*margin-top: 40px;*/}
.tab-content .course-tag .tag-item{float: left;width: 56px;font-size: 12px;line-height: 26px;/*width: 70px;font-size: 18px;line-height: 35px;*/ margin-right: 5px;border: #c0c0c4 solid 1.5px;color: #8e8e95;border-radius: 2px;} 
.tab-content .course-tag .tag-alive{color: #0067ae;border-color: #0067ae;}
.tab-content .course-title{font-size: 19px;line-height: 44px;/*font-size: 30px;line-height: 62px;*/color: #8e8e95;overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;text-align: left;}
.tab-content .course-time{font-size: 14px;line-height: 20px;/*font-size: 20px;line-height: 25px;*/color: #8e8e95;text-align: left;display: flex;align-items: center;text-indent: 3px;}
.tab-content .course-time img{width: 20px;height: 20px;}
.tab-content .course-alive{color: #000;}
.tab-content .course-descript{font-size: 12px;/*font-size: 20px;*/margin-top: 10px; color: #8e8e95;line-height: 25px; height: 54px;text-align: left; word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tab-content .descript-alive{color: #575c63;}
.tab-content .course-bottom{font-size: 10px;color: #8e8e95;text-align: left;margin-top: 22px;display: flex;align-items: center;}
.tab-content .course-bottom .days{width: 20px;height: 16px;background-color: #e6f0f7;text-align: center;margin: 0 5px;display: flex;align-items: center;justify-content: center;}
.tab-content .course-bottom .course-link{color: #0067ae;font-size: 14px;margin-left: 15px;font-weight: bolder;}
.tab-content .bottom-alive{color: #0067ae;}

.tab-content .course-end .course-tag{width: 100%;/*height: 40px;*/overflow:hidden;margin-top: 8px;/*margin-top: 40px;*/}
.tab-content .course-end .course-tag .tag-item{float: left;width: 64px;font-size: 12px;line-height: 26px;/*width: 70px;font-size: 18px;line-height: 35px;*/ margin-right: 5px;border: #8e8e95 solid 1px;color: #8e8e95;border-radius: 2px;} 
.tab-content .course-end .course-tag .tag-alive{color: #8e8e95;border-color: #8e8e95;}
.tab-content .course-end .course-title{font-size: 19px;line-height: 44px;/*font-size: 30px;line-height: 62px;*/color: #8e8e95;overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;text-align: left;}
.tab-content .course-end .course-time{font-size: 14px;line-height: 20px;/*font-size: 20px;line-height: 25px;*/color: #8e8e95;text-align: left;display: flex;align-items: center;text-indent: 3px;}
.tab-content .course-end .course-time img{width: 20px;height: 20px;}
.tab-content .course-end .course-alive{color: #8e8e95;}
.tab-content .course-end .course-descript{font-size: 12px;/*font-size: 20px;*/margin-top: 10px; color: #8e8e95;line-height: 25px; height: 54px;text-align: left; word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tab-content .course-end .descript-alive{color: #8e8e95;}
.tab-content .course-end .course-bottom{font-size: 10px;color: #8e8e95;text-align: left;margin-top: 22px;display: flex;align-items: center;}
.tab-content .course-end .course-bottom .days{width: 20px;height: 16px;background-color: #f1f1f1;text-align: center;margin: 0 5px;display: flex;align-items: center;justify-content: center;}
.tab-content .course-end .course-bottom .course-link{color: #0067ae;font-size: 14px;margin-left: 15px;font-weight: bolder;}
.tab-content .course-end .bottom-alive{color: #8e8e95}

.review-content{padding-top: 50px;}
.review-content .review-li{ float:left; margin:0 45px 20px 0;width:370px;height:520px;box-shadow: 0px 0px 7px 3px #e4e4e6;/*margin:0 9px 20px 0;width:394px;height:530px;*/ overflow: hidden; cursor:pointer;  }
.review-content .review-li:last-child{margin-right: 0px;}
.review-content .review-pic{/*width: 394px;height: 226px;*/width: 370px;height: 262px;}
.review-content .review-pic img{width: 100%;height: 100%;}
.review-content .review-title{width: 330px;font-size: 20.8px;font-weight: bolder;line-height: 62px; /*width: 360px;font-size: 26px;*/margin: 0 auto; margin-top: 20px; color: #000;overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;text-align: left;}
.review-content .review-descript{width: 330px;font-size: 16px;/*width: 360px;font-size: 16px;*/margin: 0 auto;color: #575c63;line-height: 27px; height: 54px;text-align: left; word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.review-content .review-time{width: 330px;font-size: 14px;/*width: 360px;font-size: 16px;margin-top: 35px;*/margin: 0 auto;margin-top: 23px;color: #000;text-align: left;}
.review-content .review-bottom{width: 330px;font-size: 16px;/*width: 360px;font-size: 20px;margin-top: 88px;*/margin: 0 auto;margin-top: 30px;color: #0067ae;font-weight: bolder;text-align: left;}

.pagination-container ul li{border: none;cursor: pointer;}
.pagination-container ul li a, .pagination-container ul li span{border: none;}

.contact-center{font-size: 26px;color: #000;text-align: center; margin-top: 140px;}
.contact-area{width: 1200px; min-width: 1200px;margin: 0 auto;padding: 54px 0 60px;display: flex;justify-content: space-around;}
.contact-area ul{ overflow:hidden; zoom:1; text-align: left; }
.contact-area ul li{ float:left; font-size: 14px; color: #000; width:350px; overflow: hidden; cursor:pointer;padding-left: 50px;}
.contact-area .contact-flexitem{width: 350px;height: 293px;text-align: left;}
.contact-area .contact-flexitem img{width: 48px;height: 48px;}
.contact-area .contact-title{font-size: 20px;line-height: 50px;margin-top: 15px;}
.contact-area .contact-info{font-size: 14px;line-height: 28px;}
.contact-area .contact-link{color: #0078c9;}
/*page1 end*/

/*这里重新后台管理的页面的头脚部的宽度，因为主体内容为1725*/
.container-full1{min-width: 1725px !important;}

/*page2 begin*/
.course-banner{width: 100%;min-width: 1200px;}
.course-banner img{width: 100%;}
.info-container{min-width: 1200px;}
.info-container .course-info{width: 1198;height:300px; border: #c4c4c4 solid 1px;margin-top: 55px;}
.info-container .info-left{width: 805px;padding: 30px;float: left;color: #000;}
.info-container .info-right{width: 273px;padding: 30px;float: left;text-align: center;color: #000;}
.info-container .info-left .info-title{font-size: 36px;line-height: 46px;padding-bottom: 10px;}
.info-container .info-left .info-descript{font-size: 16px;line-height: 26px;word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.info-container .info-left .info-time{font-size: 16px;line-height: 25px;margin-top: 20px;display: flex;align-items: center;}
.info-container .info-left .info-time img{width: 25px;height: 25px;}
.info-container .info-left .info-time img.location{margin-left: 30px;width: 25px;height: 25px;}
.info-container .info-left .info-time img.cost{margin-left: 30px;margin-right: 10px;width: 25px;height: 25px;}
.info-container .info-left .info-time svg{margin-left: 30px;margin-right: 10px;width: 25px;height: 25px;}
.info-container .info-right .info-countdown{color:#0067ae;font-size: 14px;display: flex;justify-content: center;}
.info-container .info-right .info-countdown .days{width: 24px;height: 20px;background-color: #e5f0f7;text-align: center;margin: 0 5px;}
.info-container .info-right .info-tips{font-size: 14px;line-height: 15px;}
.info-container .info-right .info-img{width: 139px;height: 170px;background-color:#0067ae ; margin: 10px 67px 18px 67px;text-align: center;color: #fff;font-size: 18px; line-height: 40px; border-radius: 3px;cursor: pointer;}
.info-container .info-right .info-img img{width: 120px;height: 120px;margin-top: 10px;}
.course-txt{width: 1200px;padding: 60px 0;margin: 0 auto;color: #000;text-align: left;}
.course-txt .txt-p1{font-size: 30px;line-height: 70px;font-weight: bolder;}
.course-txt .txt-descript{font-size: 16px;line-height: 32px;}
.course-txt .txt-img{margin: 30px 0;width: 100%;}
.course-txt .txt-img img{max-width: 1200px;}
/*page2 end*/


/*page3 begin*/
.bg-gray{background-color: #f1f2f3;}
.hr-ddd{background-color: #ddd;height: 1px;border: none;margin-bottom: 20px;}
.bg-white{background-color: #fff;}
.bg-white img{margin-top: -60px;}
.content-card1{width: 1160px;background-color: #fff;margin: 0px auto;margin-top: 120px;padding: 40px 50px;}
.content-card2{width: 1160px;background-color: #fff;margin: 0px auto;margin-top: 30px;padding: 0px 50px;}
.content-card1-top{display: flex;align-items: center;}
.content-card1-bottom{display: flex;align-items:flex-start;}
.card-title{font-size: 44px;color: #000;line-height: 88px;width: 1040px;}
.card-title:focus{outline: 0; border-bottom: #0067ae 1px solid;}
.card1-txtnum{font-size: 18px;color: #a7a7a7; width: 50px;text-align: right;margin-left: 40px;}
.card-textarea{font-size: 18px;color: #000;width: 1040px;text-align: left;line-height: 30px;resize: none;overflow: hidden;border: none;}
.card-textareaTemp{font-size: 18px;color: #000;width: 1160px;text-align: left;line-height: 30px;resize: none;overflow: hidden;border: none;}
.card-textarea:focus{outline: 0;border-bottom: #0067ae 1px solid;}
.card-textareaTemp:focus{outline: 0;}

.txt-p20{font-size: 20px;line-height: 40px;font-weight: bolder;color: #000;}
.txt-p16{font-size: 16px;line-height: 32px;color: #000;}
.card2-files{width: 100%;height: 250px;}
.card2-left{width: 850px;float: left;}
.card2-right{width: 310px;float: left;}
.card2-left .card2-left-item1{width: 370px;height: 210px;background-color: #f2f3f4;float: left;margin-right: 15px;font-size: 18px;line-height: 36px;color: #a7a7a7;text-align: center;cursor: pointer;}
.card2-left .card2-left-item2{width: 440px;height: 210px;background-color: #f2f3f4;float: left;margin-right: 15px;font-size: 18px;line-height: 36px;color: #a7a7a7;text-align: center;cursor: pointer;}
.card2-right .card2-right-item{width: 205px;height: 210px;background-color: #f2f3f4;float: left;margin-right: 15px;font-size: 18px;line-height: 36px;color: #a7a7a7;text-align: center;cursor: pointer;}
.card2-left .card2-left-item1 img,.card2-left .card2-left-item2 img,.card2-right .card2-right-item img{margin-top: 55px;}
.card2-type{padding-top: 70px;width: 100%;height: 110px;}
.card2-bottom{width: 1260px;padding:150px 0 35px 0px;background-color: #fff;}
.card2-bottom .card2-bottom-btn{display: flex;}
.card2-bottom .btn-cancel{width: 90px;height: 50px;background-color: #e5e5e5;font-size: 20px;color: #000;line-height: 50px;text-align: center;margin: 0 25px 0 50px;cursor: pointer;border-radius: 3px;}
.card2-bottom .btn-save{width: 90px;height: 50px;background-color: #0067ad;font-size: 20px;color: #fff;line-height: 50px;text-align: center;cursor: pointer;border-radius: 3px;}
.type-item{width: 365px;height: 105px; float: left;}
.type-item-select,.type-item-calendar{display: inline-block; width: 330px; position: relative;vertical-align: middle;padding: 0;overflow: hidden;background-color: #fff;color:#555;border: 1px solid #d3d3d3;text-shadow: none;border-radius: 4px;height: 50px;line-height: 50px;transition: box-shadow 0.25s ease;z-index: 2;margin-top: 20px;margin-right: 20px;}
.type-item-select:hover,.type-item-calendar:hover {box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);}
.type-item-select:before {content: ">";position: absolute;width: 0;height: 0;font-size: 20px;line-height: 45px;color: #919198;right: 30px;cursor: pointer;z-index: -2;}
.type-item-select select {cursor: pointer;padding: 10px;width: 100%;border: none;background: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;font-size: 20px;}
.type-item-select select:focus{outline: none;}
.type-item-calendar input {cursor: pointer;padding: 10px;width: 240px;border: none;background: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;font-size: 20px;}
.type-item-calendar input:focus{outline: none;}

.selectwidth260{width: 260px;}
.selectwidth90{width: 90px;margin-right: 0px;}
.link-text{display: inline-block; width: 15px; position: relative;vertical-align: middle;padding: 0;overflow: hidden;background-color: #fff;color:#808080;border: none;text-shadow: none;height: 50px;line-height: 50px;margin-top: 20px;text-align: center;}

/*page3 end*/

/*page4 begin*/
.page1520{width: 1520px;min-width: 1520px;}
.containertop135{padding: 135px 0 120px 0;}
.block1{width: 100%;}
.block2{width: 100%;margin: 75px 0 20px 0;}
.block1-top{width: 100%;height: 64px;position: relative;}
.block2-top{width: 100%;height: 64px;position: relative;}
.txt-p32{width: 200px;float: left; font-size: 32px;line-height: 64px;font-weight: bolder;color: #000;}
.uploadbtn{width: 130px;height: 60px;background-color: #0067ad;color: #ffff;font-size: 20px;float: right;line-height: 60px;text-align: center;border-radius: 3px;cursor: pointer;}
.uploadtxt{width: 60px;height: 60px;color: #000;font-size: 18px;float: right;line-height: 60px;text-align: center;}
.pop-block{position: absolute;background-color: #fff;border: #e2e2e2 1px solid;z-index: 600;box-shadow: 5px 0px 7px 0px #a9a9a9;}
.pop-block ul{ overflow:hidden; zoom:1; text-align: left; }
.pop-block ul li{font-size: 18px; color: #000; overflow: hidden; cursor:pointer;padding:0 20px;line-height: 45px;}
.pop-block ul li:hover{background-color: #e5e5e5;}
.rightn160{right: -160px;}
.rightn120{right: -120px;}
.left165{left: 165px;}
.block1-item{width: 1460px;height: 60px; padding: 0 30px;background-color: #fff;margin-top: 10px;line-height: 60px;font-size: 16px;color: #000;text-align: left;position: relative;}
.block1-item:hover {background-color: #e4e4e4;}
.block1-item-header{width: 1460px;height: 45px; padding: 0 30px;margin-top: 10px;line-height: 45px;font-size: 14px;color: #000;text-align: left;}
.block1-item-content1{width: 1000px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;float: left;}
.block1-item-content2{width: 120px;float: left;}
.block1-item-content3{width: 80px;float: left;}
.block1-item-content4{width: 260px;float: left;}
.block1-item-content100{width: 200px;float: left;text-align: left;}
.block1-item-content101{width: 240px;float: left;text-align: left;}
.block1-item-content102{width: 100px;float: left;text-align: left;}
.block1-item-content103{width: 140px;float: left;text-align: left;}
.block1-item-content104{width: 200px;float: left;text-align: left;}
.block1-item-content105{width: 480px;float: left;text-align: left;}
.morebtn{width: 30px;height: 30px;margin-top: 15px;border-radius: 50%;background-image: url(../images/more_btn.png);background-repeat: no-repeat;float: right;cursor: pointer;}
.morebtn:hover{background-color: #fff;}
.activice_title{display: flex;align-items: center;}
.activice_morebtn{width: 30px;height: 30px;background-image: url(../images/more_btn.png);background-repeat: no-repeat;margin-left: 10px;position: relative;}
.activice_morebtn:hover{background-color: #d6d6d6;}
.block2-header{width: 100%;height: 60px;display: flex;justify-content: space-around;margin-bottom: 20px;}
.block2-header-left{width: 1390px;}
.block2-header ul{ overflow:hidden; zoom:1; text-align: left; }
.block2-header ul li{float: left; font-size: 20px; color: #000; overflow: hidden; cursor:pointer;padding:0 20px;line-height: 60px;text-align: center;}
.block2-header ul li:hover{color: #0067ae;border-bottom: #0067ae 3px solid;}
.block2-header ul .liselectes{color: #0067ae;border-bottom: #0067ae 3px solid;}
.block2-item{background-color: #fff;border-radius: 2px;padding: 20px;width: 1480px;height: 150px;margin-top: 15px;position: relative;}
.block2-item:hover{background-color: #e4e4e4;}
.block2-item-left{height: 150px;width: 150px;float: left;position: relative;}
.block2-item-middle{height: 150px;width: 1260px;float: left;}
.block2-item-right{height: 150px;width: 70px;float: left;display: flex;align-items: center;justify-content: end;}
.block2-item-text{font-size: 18px;color: #000;line-height: 0;}
.block2-item-text-last{color: #808080;font-size: 12px;line-height: 0;position: absolute;bottom: 2px;}
.block2-item-middle .middle-item1{width: 140px;height: 140px;margin: 5px 30px 5px 5px;float: left;}
.block2-item-middle .middle-item2{width: 1050px;height: 140px;margin: 5px 30px 5px 5px;float: left;}
.block2-item-middle .middle-item2 .middle-item2-title{font-size: 32px;line-height: 64px;text-align: left;color: #000;}
.block2-item-middle .middle-item2 .middle-item2-descript{font-size: 16px;line-height: 32px;text-align: left;color: #808080;overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;}
.block2-item-middle .middle-item2 .middle-item2-number{font-size: 18px;color: #000;text-align: left;line-height: 36px;}
.block2-item-middle .middle-item2 .middle-item2-number img{margin-top: 6px;}
.block2-select{display: inline-block; width: 400px; position: relative;vertical-align: middle;padding: 0;overflow: hidden;background-color: #fff;color:#555;border: 1px solid #d3d3d3;text-shadow: none;border-radius: 4px;height: 30px;line-height: 30px;transition: box-shadow 0.25s ease;z-index: 2;float: right;}
.block2-select:hover{box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);}
.block2-select:before {content: ">";position: absolute;width: 0;height: 0;font-size: 18px;line-height: 30px;color: #919198;right: 30px;cursor: pointer;z-index: -2;}
.block2-select select {cursor: pointer;padding-left: 10px;width: 100%;border: none;background: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;font-size: 18px;}
.block2-select select:focus{outline: none;}

.outerdiv{position:fixed;top:0;left:0;background:rgba(0,0,0,0.75);z-index:999;width:100%;height:100%;display:none;}
.innerdiv-box{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.innerdiv{position:absolute;width: 1130px;height: 360px;background-color: #fff;padding: 35px 50px;}
.closeicon{width: 15px;height: 15px;float: right;cursor: pointer;}
.card-div{padding: 0px;margin: 30px 0 50px 0;width: 1130px;}
.card-div textarea{width: 1040px;}
.floatright{float: right;margin-left: 0px;width: 90px;}
.innerdiv-bottom{width: 1130px;height: 60px;}
.innerdiv-cancel{width: 130px;height: 60px;background-color: #e5e5e5;font-size: 20px;color: #000;line-height: 60px;text-align: center;margin-right: 25px;cursor: pointer;border-radius: 3px;float: left;}
.innerdiv-save{width: 130px;height: 60px;background-color: #0067ad;font-size: 20px;color: #fff;line-height: 60px;text-align: center;cursor: pointer;border-radius: 3px;float: left;}

/*page4 end*/

/*page5 begin*/
.page5-banner{position: relative;height: 800px;background-repeat:no-repeat;background-size:cover;background-position-x:center;}
.page5-banner-area{width: 1200px;position: absolute;left: calc((100vw - 1200px)/2);top: 30%;z-index: 600;color: #000;}
.page5-banner-area .banner-title{font-size: 36px;line-height: 112px;}
.page5-banner-area .banner-descript{font-size: 20px;line-height: 30px;width: 900px;}
.page5-banner-area .banner-detail{margin-top: 30px;}
.page5-banner-area .banner-freebtn{width: 150px;height: 58px;background-color: #000;color: #fff;font-size: 20px;text-align: center;border-radius: 5px;cursor: pointer;}
.page5-banner-area .banner-contactbtn{width: 170px;height: 58px;color: #000;font-size: 20px;text-align: left;border-radius: 5px;background: url(../images/msg.png) no-repeat 125px 17px;cursor: pointer;background-color: #fff;text-indent: 20px;margin-left: 30px;}
.platform-container{min-width: 1200px;padding-top: 170px;}
.platform-container .title-p40{font-size: 40px;text-align: center;color: #000;font-weight: bolder;line-height: 42px;width: 100%;}
.platform-container .title-p18{font-size: 18px;text-align: center;color: #000;line-height: 30px;width: 100%;margin-top: 20px;}
.platform-container .title-p18 img{width: 1200px;margin-top: 100px;margin-bottom: 160px;}
.platform-container .title-p28{font-size: 28px;text-align: center;color: #000;font-weight: bolder;line-height: 80px;width: 100%;}
.platform-container .title-p28 img{width: 1200px;margin-top: 45px;margin-bottom: 80px;}
.platform-container .title-p22{font-size: 22px;text-align: center;color: #000;font-weight: bolder;line-height: 45px;width: 100%;}
.platform-container .challenge-container{width: 100%;margin-top: 100px;margin-bottom: 200px;}
.platform-container .challenge-container ul{ overflow:hidden; zoom:1; text-align: left; }
.platform-container .challenge-container ul li{float: left; line-height: 60px;text-align: left;width: 204px; margin-right: 45px;}
.platform-container .challenge-container ul li:nth-child(5n){margin-right: 0px;}
.platform-container .challenge-container ul li img{width: 50px;height: 50px;line-height: 50px;margin-left: 10px;}
.platform-container .challenge-container .challenge-title{font-size: 22px;line-height: 48px;color: #000;font-weight: bolder;text-align: left;}
.platform-container .challenge-container .challenge-info{font-size: 14px;line-height: 26px;color: #000;text-align: left;}
.platform-container .title-tab{width: 400px;height: 50px;margin: 60px auto 50px;border-bottom: #d6d6d6 solid 2px;}
.platform-container .title-tabitem{width: 200px;color: #000;text-align: center;font-size: 20px;font-weight: bolder;float: left;height: 46px;cursor: pointer;line-height: 40px;}
.platform-container .tabitem-activice{border-bottom: #000 solid 5px;}
.platform-container .tabitem{width: 100%;}
.platform-container .tabitem img{width: 1200px;}
.platform-container .strengths-container{width: 100%;display: flex;justify-content: space-around;margin-bottom: 50px;margin-top: 100px;}
.platform-container .strengths-bottom{margin-top: 0px;margin-bottom: 150px;}
.platform-container .strengths-container .strengths-item{width: 360px;text-align: center;}
.platform-container .strengths-container .strengths-item img{width: 50px;height: 50px;}
.platform-container .strengths-container .strengths-item .strengths-item-info{font-size: 14px;color: #000;width: 100%;line-height: 26px;text-align: left;}
.platform-container .system-imgarea{width: 100%;text-align: center;padding: 100px 0px 190px;display:flex;justify-content:center;}
.platform-container .system-imgarea .system-img1{width: 834px;margin-bottom: 45px;}
.platform-container .system-imgarea .system-img2{width: 1200px;}

.platform-container .case-tab{width: 808px;margin: 0 auto;padding-top: 90px;height: 96px;}
.platform-container .case-tab-item{width: 202px;height: 90px;cursor: pointer;float: left;text-align: center;}
.platform-container .case-tab-item img{width: 149px;height: 40.5px;margin-top: 25px;}
.platform-container .tabitem-activice{border-bottom: #0078d3 solid 6px;}
.platform-container .case-item{width: 1200px;position: relative;padding-top: 6px;display: none;}
.platform-container .case-item img{width: 1200px;}
.platform-container .case-item .system-infoares{width: 440px;height: 267px;padding: 40px; z-index: 600;position: absolute;background-color: #fff;top:100px;right: 88px;}
.platform-container .case-item .case-title{color: #000;font-size: 22px;line-height: 48px;text-align: left;}
.platform-container .case-item .case-info{color: #000;font-size: 16px;line-height: 28px;text-align: left;}
.platform-container .case-item .case-detailbtn{width: 140px;height: 55px;background-color: #000;color: #fff;font-size: 18px;text-align: center;border-radius: 5px;cursor: pointer;margin-top: 22px;}

.platform-container2{width: 100%;margin: 0 auto;background-color: #f8f8f8;padding-top: 80px;}
.platform-container2 .title-p40{font-size: 40px;text-align: center;color: #000;font-weight: bolder;line-height: 42px;width: 100%;}
.platform-container2 .title-p18{font-size: 18px;text-align: center;color: #000;line-height: 30px;width: 100%;margin-top: 20px;}
.platform-container2 .title-p18 img{width: 1200px;margin-top: 100px;margin-bottom: 160px;}
.platform-container2 .strengths-container{width: 1200px;display: flex;justify-content: space-around;margin: 0 auto; margin-bottom: 50px;margin-top: 100px;}
.platform-container2 .strengths-bottom{margin-top: 0px;padding-bottom: 150px;}
.platform-container2 .strengths-container .strengths-item{width: 360px;text-align: center;}
.platform-container2 .strengths-container .strengths-item img{width: 50px;height: 50px;}
.platform-container2 .strengths-container .strengths-item .strengths-item-info{font-size: 14px;color: #000;width: 100%;line-height: 26px;text-align: left;}
.platform-container2 .title-p22{font-size: 22px;text-align: center;color: #000;font-weight: bolder;line-height: 45px;width: 100%;}
.platform-container2 .strengths-container .strengths-item .strengths-item-info{font-size: 14px;color: #000;width: 100%;line-height: 26px;text-align: left;}
.platform-container2 .case-are{width:1200px;margin: 0 auto; margin-top: 90px;display: flex;flex-direction: row;}
.platform-container2 .case-item{width: 383px;height: 485px;box-shadow: 0px 0px 13px #dddddd;margin-right: 25px;border-radius: 5px;cursor: pointer;position: relative;}
.platform-container2 .case-content{width: 327px;height: 369px;background-color: #363636;color: #ffffff;position: absolute;top: 0px;left: 0px;padding: 58px 28px;overflow: hidden;font-size: 18px;line-height: 1.5;display: none;}
.platform-container2 .case-item:last-child{margin-right: 0px;}
.platform-container2 .case-item img{width: 383px;height: 213px;}
.platform-container2 .case-item:hover .case-content{display: block;}
.platform-container2 .case-info{padding: 40px 30px;}
.platform-container2 .title-p24{font-size: 24px;font-weight: 400;color: #000000;}
.platform-container2 .case-descript{font-size: 18px;font-weight: 300;color: #000000;line-height: 30px;margin-top: 31px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.platform-container2 .case-p24{font-size: 24px;font-weight: 400;color: #FFFFFF;margin-bottom: 33px;}
.platform-container2 .title-p28{font-size: 28px;text-align: center;color: #000;font-weight: bolder;line-height: 80px;width: 100%;}
.platform-container2 .title-p28 img{width: 100%;margin-top: 45px;margin-bottom: 80px;}
.platform-container2 .system-imgarea{width: 100%;text-align: center;padding: 100px 0px 190px;display:flex;justify-content:center;}
.platform-container2 .system-imgarea .system-img1{width: 100%;margin-bottom: 45px;}
.platform-container2 .system-imgarea .system-img2{width: 1200px;}
/*page5 end*/