@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:415px;margin:0 23px 50px 0;/*width:394px;height:530px;margin:0 9px 100px 0;*/ overflow: hidden; cursor:pointer; } .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(103, 103, 103),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: #727272;font-size: 16px; background: linear-gradient(rgb(103, 103, 103),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: 12px;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: 14px;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: 20px;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: 3px;line-height: 15px;/*font-size: 20px;line-height: 25px;*/color: #8e8e95;text-align: left;display: flex;align-items: center;} .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: 13px;/*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: 12px;color: #8e8e95;text-align: left;margin-top: 22px;display: flex;align-items: end;} .tab-content .course-end .course-bottom .days{width: 24px;height: 20px;background-color: #727272;text-align: center;margin: 0 5px;} .tab-content .course-end .course-bottom .course-link{color: #8e8e95;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;/*margin:0 9px 20px 0;width:394px;height:530px;box-shadow: 0px 0px 7px 3px #e4e4e6;*/ 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-title{font-size: 20px;line-height: 64px;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: 40px;line-height: 50px;} .info-container .info-left .info-descript{font-size: 16px;line-height: 20px;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: 18px;line-height: 25px;margin-top: 20px;} .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;} .page5-banner-area{width: 1200px;position: absolute;left: calc((100vw - 1200px)/2);top: 40%;z-index: 600;color: #000;} .page5-banner-area .banner-title{font-size: 56px;line-height: 112px;} .page5-banner-area .banner-descript{font-size: 18px;line-height: 36px;width: 900px;} .page5-banner-area .banner-detail{margin-top: 50px;} .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: 86px;height: 86px;margin-left: 10px;} .platform-container .challenge-container .challenge-title{font-size: 26px;line-height: 56px;color: #000;font-weight: bolder;text-align: left;} .platform-container .challenge-container .challenge-info{font-size: 16px;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;} .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;} /*page5 end*/ /*page6 begin*/ .page-banner{width: 100%;min-width: 1200px;position: relative;} .page-banner img{width: 100%;} .page-ad-content{width: 1200px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -600px; display: flex;flex-direction: column;color: #fff;justify-content: center;} .page-ad-content1{width: 1200px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -600px; display: flex;color: #fff;align-items: center;} .page-ad-title1{font-size: 44px;font-weight: bold;line-height: 1.2;} .page-ad-title2{font-size: 24px;line-height: 1.5;margin-top: 40px;} .page-ad-title3{font-size: 38px;line-height: 1;} .page-ad-title4{font-size: 20px;line-height: 2;margin-top: 30px;} .page-ad-left{width: 1076px;} .page-ad-right{width: 124px;height: 75px} .page-ad-right img{width: 124px;height: 75px} .page6-title{width: 100%;font-size: 42px;line-height: 1;color: #000;font-weight: bold;margin-top: 175px;text-align: center;} .page6-title1{width: 100%;font-size: 20px;line-height: 1;color: #000;margin-top: 20px;text-align: center;} .page6-data-content{width: 1200px;margin: 85px auto 0 auto;display: flex;} .page6-data{width: 280px;display: flex;flex-direction: column;margin-right: 26.6px;} .page6-data:last-child{margin-right: 0px;} .page6-data img{width: 52px;height: 52px;margin-bottom: 20px;} .page6-data-title{font-size: 26px;font-weight: bold;color: #000;line-height: 1;margin-bottom: 15px;} .page6-data-desc{font-size: 14px;color: #000;line-height: 1.5;} .page6-tab{width: 1000px;margin: 60px auto 75px auto;border-bottom: 1px solid #b9b9b9;display: flex;} .page6-tab-item{width: 20%;height: 63px;text-align: center;font-size: 20px;color: #000;line-height: 63px;cursor: pointer;} .page6-tab .activity{border-bottom: 5px solid #0078d2;} .page6-tab-content{width: 1200px;margin: 0 auto;display: block;} .page6-tab-content-img{width: 900px;float: left;} .page6-tab-content-img img{width: 900px;} .page6-tab-content-info{width: 270px;display: flex;flex-direction: column;margin-left: 30px;float: left;} .page6-tab-content-title{color: #000;font-size: 28px;font-weight: bold;line-height: 1;margin-bottom: 45px;margin-top: 60px;} .page6-tab-content-desc{color: #000;font-size: 20px;line-height: 2;} .page6-clr{width: 100%;height: 150px;background-color: #fff;clear: both;} .page6-grid{width: 100%;padding: 125px 0;background: linear-gradient(to bottom right,#f4fafc, #c8d4f9);display: flex;justify-content: center;} .page6-grid-col{width: 390px;height: 502px;border-radius: 8px;margin-right: 15px;} .page6-grid-col:last-child{margin-right: 0px;} .page6-grid-left1{width: 390px;height: 258px;} .page6-grid-left1 img{width: 390px;height: 258px;} .page6-grid-left2{width: 390px;height: 244px;background-color: #fff;border-radius:0 0 8px 8px;} .page6-grid-title{font-size: 18px;color: #000;font-weight: bold;line-height: 1;padding: 26px 20px 17px 25px;} .page6-grid-desc{font-size: 14px;color: #000;line-height: 1.8;padding: 0 25px } .page6-frid-item{width: 100%;height: 243.5px;margin-bottom: 15px;border-radius: 8px;background-color: #fff;} .page6-frid-item:last-child{margin-bottom: 0px;} .page6-frid-item img{width: 157.5px;height: 90px;margin-left: 116px;} .page6-imgtab{width: 1000px;margin: 60px auto;display: flex;} .page6-imgtab-item{width: 25%;display: flex;align-items: center;justify-content: center;} .page6-imgtab-i{width: 152px;height: 152px;border-radius: 8px;display: flex;align-items: center;justify-content: center;cursor: pointer;} .page6-imgtab-item img{width: 140px;/*filter: grayscale(100%);*/} .page6-imgtab-item .activity{border: 4px solid #0078d2; } .page6-imgtab-item .activity img{/*filter: grayscale(0%);*/} .page6-imgtab-content{width: 1200px;margin: 0 auto;position: relative;} .page6-imgtab-content img{width: 100%;} .page6-imgtab-ad-content{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;align-items: center;} .page6-imgtab-ad{padding: 50px 45px;display: flex;background-color: #fff;width: 490px;flex-direction: column;margin-left: 60px;} .page6-imgtab-title{font-size: 36px;color: #000;font-weight: bold;line-height: 1;margin-bottom: 16px;} .page6-imgtab-info{font-size: 18px;color: #000;line-height: 1;margin-bottom: 28px;} .page6-imgtab-desc{font-size: 18px;color: #5d5d5d;line-height: 1.5;text-align: justify;text-align-last: justify;} .page6-version{width: 1200px;margin: 55px auto -60px auto;display: flex;justify-content: space-between;} .page6-version img{width: 386px;height: 308px;} .page6-version-content{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;} .page6-version-item{width: 343px;height: 400px;margin: 0 21.5px;color: #fff;display: flex;flex-direction: column;align-items: center;} .page6-version-item:nth-child(1){background-color: #109adf;} .page6-version-item:nth-child(2){background-color: #0078d3;} .page6-version-item:nth-child(3){background-color: #0056a2;} /*.page6-version-title{width: 100%;font-size: 26px;font-weight: bold;line-height: 1;text-align: center;margin-top: 25px;margin-bottom: 40px;}*/ .page6-version-title{width: 100%;height: 73px; line-height: 73px;font-size: 26px;font-weight: bold;text-align: center;margin-bottom: 17px;} .page6-version-item:nth-child(1) .page6-version-title{box-shadow: 0px 6px 14px #0e86c2;} .page6-version-item:nth-child(2) .page6-version-title{box-shadow: 0px 6px 14px #0068b8;} .page6-version-item:nth-child(3) .page6-version-title{box-shadow: 0px 6px 14px #004b8d;} .page6-version-info{width: 300px;height: 170px; font-size: 16px;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;} .page6-version-desc{width: 100%;font-size: 22px;font-weight: bold;line-height: 1;text-align: center;margin-top: 35px;} .page6-version-btn{width: 220px;height: 35px;line-height: 35px;text-align: center;color: #109adf;font-size: 18px;font-weight: bold;cursor: pointer;background-color: #fff;border-radius: 3px;margin-top: 20px;} .page6-info{width: 1200px;margin: 100px auto;display: flex;justify-content: space-between;} .page6-info-item{width: 280px;height: 405px;background-color: #fff;box-shadow: 0px 6px 12px #cdcdcd;display: flex;flex-direction: column;} .page6-info-img{width: 100%;} .page6-info-img img{width: 100%;} .page6-info-text{width: 90%;padding: 0 5%;display: flex;flex-direction: column;margin-top: 25px;} .page6-info-title{font-size: 18px;font-weight: bold;line-height: 1.2;color: #246db7;width: 100%;height: 54px;} .page6-info-desc{font-size: 18px;line-height: 1.5;color: #39424d;margin-top: 35px;width: 100%;height: 100px;} .page6-info-btn{font-size: 18px;line-height: 1;color: #7cadd9;cursor: pointer;} body{position: relative;} .page6-msg-body{width: 100%;height: calc(100vh);position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.5);z-index: 1200;display: flex;align-items: center;justify-content: center;} .page6-msg-content{width: fit-content;display: flex;max-height: calc(100vh);overflow-y: auto;} .page6-msg-left{width: 350px;height: 1580px;background-image: url('../imgs/msgbg.jpg');background-repeat: no-repeat;background-size: 100% 100%;padding: 30px 20px;display: flex;flex-direction: column;} .page6-msg-right{width: 350px;height: 1640px;background-color: #fff;display: flex;flex-direction: column;border-left: 1px solid #c6c6c6;} /*.page6-msg-left{width: 350px;height: 580px;background-image: url('../imgs/msgbg.jpg');background-repeat: no-repeat;background-size: 100% 100%;padding: 30px 20px;display: flex;flex-direction: column;} .page6-msg-right{width: 350px;height: 640px;background-color: #fff;display: flex;flex-direction: column;border-left: 1px solid #c6c6c6;}*/ .page6-msg-left img{width: 70px;} .page6-msg-left-title{font-size: 20px;color: #000;font-weight: bold;line-height: 70px;} .page6-msg-left-desc{font-size: 14px;color: #000;line-height: 1.2;} .page6-msg-ul{padding-left: 14px;margin-top: 25px;} .page6-msg-ul li{list-style-type: disc;font-size: 14px;color: #000;line-height: 1.5;margin-bottom: 10px;} .page6-msg-close{width: 100%;display: flex;justify-content: flex-end;cursor: pointer;} .page6-msg-close img{width: 16px;margin: 15px 15px;} .page6-form-title{width: 310px;margin-left: 20px; font-size: 14px;line-height: 1.2;color: #000;margin-bottom: 10px;} .msg-must{color: #b90a2c;} .page6-msg-right .page6-form-text,.page6-msg-right textarea{width: 280px;height: 30px;line-height: 30px;font-size: 14px;margin-left: 20px;border: 1px solid #0f0f0f;padding: 0 8px;margin-bottom: 10px;} .page6-msg-right .page6-form-text:focus{outline: none;} .page6-msg-right textarea{height: 52px !important;line-height: 1.2 !important;padding: 5px 8px !important;} .page6-msg-btn{font-size: 18px;color: #fff;cursor: pointer;width: 50px;height: 36px;line-height: 36px;text-align: center;margin-left: 20px;background-color: #0078d2;border-radius: 3px;margin-top: 20px;} .page6-form-select{width: 300px;height: 30px;line-height: 30px;font-size: 14px;margin-left: 20px;border: 1px solid #0f0f0f;padding: 0 8px;margin-bottom: 10px;background-color: #fff;} .page6-form-select:focus{outline: none;} .ovfHiden{overflow-y: hidden;} /*page6 end*/ /**0129**/ .power-page{ width: 100%; height: fit-content; position: relative; } .power-page img{ width: 100%; min-width: 1200px; } .power-page .container{ position: absolute; min-width: 1200px; height: 100%; top: 0; left: calc((100vw - 1200px) / 2); color: #fff; display: flex; flex-direction: column; justify-content: center; } .power-page h2{ padding-top: 0; } .power-page-more{ width: 1100px; height: 266px; background-image: url(../images/img2403.jpg); margin: 150px auto 110px auto; display: flex; flex-direction: column; justify-content: center; padding-left: 100px; color: #fff; background-size: cover; background-position: left; background-repeat: no-repeat; } .power-page-more h2{ font-size: 32px; } .power-page-more p{ font-size: 16px; line-height: 1; margin: 20px 0 40px; padding: 0; } .power-page-more a,.power-page-more button{ width: 150px; height: 60px; background-color: #fff; font-size: 20px; line-height: 60px; color: #000; text-align: center; text-decoration: none; cursor: pointer; border-radius: 4px; } .power-page-learn{ width: 1200px; height: fit-content; margin: 0 auto 110px; display: flex; flex-direction: column; } .power-page-learn-container{ width: 100%; height: max-content; margin-top: 80px; display: flex; flex-direction: row; } .power-page-learn-i{ width: 33.3%; height: fit-content; display: flex; flex-direction: column; align-items: center; } .power-page-learn-i img{ width: 120px; height: 120px; margin: 0 0 25px 0px; } .power-page-learn-i p:nth-child(2){ font-size: 26px; color: #000; line-height: 1; margin: 0; margin-bottom: 20px; text-align: center; } .power-page-learn-i p:nth-child(3){ font-size: 18px; color: #000; line-height: 1; margin: 0; text-align: center; } .power-page-form{ width: 100%; min-width: 1200px; height: fit-content; padding: 90px 0 35px; background-repeat: no-repeat; background-size: cover; background-position: right; } .power-page-form-m{ width: 1200px; height: fit-content; margin: 0 auto; display: flex; flex-direction: row; } .power-page-form-l{ width: 670px; height: initial; margin-right: 20px; background-repeat: no-repeat; background-position: bottom; background-size: 96%; } .power-page-form-l p{ font-size: 36px; font-weight: bold; line-height: 1; margin: 100px 0 55px; color: #000; } .power-page-form-l li{ font-size: 16px; line-height: 24px; list-style-type: disc; color: #000; margin-bottom: 25px; margin-left: 24px; } .power-page-form-r{ margin-left: 30px; width: 380px; height: 816px; background-color: rgba(255,255,255,0.9); border-radius: 2px; padding: 0 50px; position: relative; } .power-page-form-r p{ font-size: 16px; color: #000; line-height: 1.2; margin: 0; margin-bottom: 5px; } .power-page-form-r .power-page-form-t{ color: #0e1726; font-size: 32px; line-height: 32px; margin-top: 40px; margin-bottom: 24px; } .power-page-form-r span{ color: #b90a2c; } .power-page-form-r input,.power-page-form-r .zhiwu{ width: 356px; height: 48px; line-height: 48px; padding: 0 12px; border: 1px solid #4f4f4f; font-size: 16px; margin-bottom: 24px; position: relative; } .power-page-form-r input:focus,.power-page-form-r textarea:focus{ outline: none; } .power-page-form-r textarea{ width: 94%; height: 88px; line-height: 22px; padding: 0 3%; border: 1px solid #4f4f4f; font-size: 16px; margin-bottom: 24px; resize: none; } .power-page-form-r a,.power-page-form-r button{ width: 130px; height: 50px; background-color: #0078d2; font-size: 20px; line-height: 50px; color: #fff; text-align: center; text-decoration: none; cursor: pointer; border-radius: 4px; display: block; } .power-page-form-msg{ width: 450px; height: 100%; padding-left: 30px; border-radius: 2px; position: absolute; top: 0; left: 0; display: none; flex-direction: column; } .power-page-form-msg img{ width: 144px; height: 136px; margin: 70px auto 40px auto; } .power-page-form-msg a,.power-page-form-msg button{ margin: 0 auto; } .power-page .container p{ line-height: 36px; margin: 0; } .power-page .container h2{ margin-bottom: 20px; } .power-page-tool{ width: 1200px; height: fit-content; margin: 125px auto 0 auto; } .tool-title{ font-size: 42px; } .tool-container{ width: 1200px; height: fit-content; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 110px; } .tool-container-item{ width: 286px; height: 586px; border-radius: 8px; box-shadow: 0px 0px 6px 4px #ededed; display: flex; flex-direction: column; } .tool-container-item img{ width: 90%; margin: 15px auto 30px auto; } .tool-c-title{ width: 266px; font-size: 18px; color: #000; line-height: 1; font-weight: bold; margin: 0 auto; margin-bottom: 25px; } .tool-c-desc{ width: 250px; height: 104px; overflow: hidden; margin: 0 auto; font-size: 16px; color: #000; line-height: 26px; text-align: justify; } .tool-c-more{ width: 250px; height: 80px; margin: 40px auto; display: flex; flex-direction: column; justify-content: flex-end; } .tool-c-more a{ color: #0078d4; font-size: 16px; font-weight: bold; line-height: 1; width: fit-content; padding-right: 40px; background-image: url(../images/imgarrow.png); background-repeat: no-repeat; background-size: 21px 19px; background-position: right; margin-top: 18px; } .tool-c-more1{ width: 250px; height: 80px; display: flex; flex-direction: row; justify-content: space-between; } .tool-c-more1-item{ width: 116px; height: 70px; box-shadow: 0px 0px 6px 4px #ededed; border-radius: 6px; margin-top: 10px; } .tool-c-more1-item a{ width: 100%; height: 100%; margin: 0; padding: 0; display: flex; flex-direction: row; align-items: center; color: #0078d4; font-size: 14px; background-image: none; } .tool-c-more1-item a img{ width: 30px; padding: 0; margin: 0; margin-left: 8px; margin-right: 4px; } .tool-c-more1-item a p{ font-size: 12px; line-height: 18px; padding: 0; margin: 0; } .tool-c-more1-item a .fontbold{ font-weight: bold; font-size: 14px; line-height: 22px; } .power-page-form-container{ display: flex; flex-direction: column; } .zhiwu{ display: block; background-image: url(../images/imgarrow1.png); background-size: 10px 6px; background-position: 350px 22px; background-repeat: no-repeat; cursor: pointer; position: relative; } .zhiwu:hover ul{ display: block; } .zhiwu p{ font-size: 16px; line-height: 48px; margin: 0; padding: 0; } .zhiwu ul{ width: 380px; height: 192px; position: absolute; top: 45px; left: -1px; z-index: 999; background-color: #fff; border: 1px solid #4f4f4f; overflow-y: scroll; display: none; } .zhiwu ul li{ width: 348px; font-size: 16px; line-height: 48px; height: 48px; margin-left: 12px; } .zhiwu ul li:hover{ color: #0078d2; } /**0129**/ /**0223**/ .power-title-container{ width: 100%; min-width: 1200px; text-align: center; color: #000; font-size: 16px; line-height: 56px; display: flex; flex-direction: column; margin: 0 auto; margin-top: 40px; } .power-title-bolder{ font-weight: bold; font-size: 28px; line-height: 1; } .power-page-form table{ padding: 0; margin: 50px auto; width: 1200px; border-spacing: 0; } .power-page-form table tr{ width: 100%; } .power-page-form table tr td{ width: 206px; margin: 0; padding: 15px 16px; border-right: 2px solid #f3f3f3; font-size: 15px; color: #000; line-height: 22px; vertical-align:middle; background-color: #fff; text-align: justify; text-align-last: left; border-bottom: 1px solid #ececec; } .power-page-form table tr td:last-child{ border-right: 0px; } .power-page-form table tr td:nth-child(2n){ background-color: #f9f9f9; } .power-page-form table tr td:nth-child(1){ text-align: left; } .power-page-form table tr td i{ width: 20px; height: 20px; background-color: transparent; border: 2px solid #000; border-radius: 50%; display: block; margin: 0 auto; } .power-page-form table tr td .power-page-tdchosed{ background-color: #000; } .power-page-form table tr td .power-page-tdchosed50{ background:linear-gradient(to right, white 0%, white 50%, #000 50%, #000 100%); } .power-page-form table .power-page-tdtop td{ vertical-align: top; } .power-page-form table .power-page-trhead td{ padding: 12px 16px 30px 16px; background-color: #0078d2 !important; min-height: 55px; border-right: 2px solid #8fbfe2; color: #fff; font-size: 15px; line-height: 20px; } .power-page-form table .power-page-trhead td:last-child{ border-right: 0px; } .power-page-form table .power-page-tdbold{ font-weight: bold !important; vertical-align:middle !important; } .power-page-trspan{ background-color: #e8e8e8 !important; } .power-page-form table .power-page-tdtextcenter td:nth-child(n+2){ text-align: center; text-align-last: center; } .power-page-form table .power-page-trlast{ background-color: #f9f9f9 !important; } .power-page-form table .power-page-trlast td{ background-color: #f9f9f9 !important; border-bottom: 0px; } .power-page-form table .power-page-trlast td a,.power-page-form table .power-page-trlast td button{ margin: 10px auto; padding: 0; width: 130px; height: 50px; background-color: #0078d2; border: 0; font-size: 16px; color: #fff; line-height: 50px; display: block; border-radius: 4px; } .power-page-goumai{ width: 1200px; height: 300px; margin: 0 auto; display: flex; flex-direction: column; } .power-page-goumai span{ color: #000; font-size: 12px; line-height: 18px; margin-bottom: 10px; } .power-page-goumai-mark{ font-weight: bolder; } .power-page-contactus{ width: 100%; height: auto; margin: 75px 0 90px 0; padding: 0; position: relative; } .power-page-contactus img{ width: 100%; min-width: 1200px; } .power-page-contactus-main{ position: absolute; width: 1200px; height: 100%; top: 0; left: calc((100vw - 1200px) / 2); color: #000; font-size: 16px; display: flex; flex-direction: row; align-items: center; } .power-page-contactus-mainl{ width: 1040px; display: flex; flex-direction: column; } .power-page-contactus-main .power-page-contactus-mainl h3{ font-size: 32px; } .power-page-contactus-mainl table{ margin: 0; padding: 0; margin-top: 40px; } .power-page-contactus-mainl table tr td{ text-align: left; width: 33%; } .power-page-contactus-mainl table tr:last-child td{ font-size: 22px; } .power-page-contactus-mainr{ width: 160px; height: 190px; margin: 0; padding: 0; background:rgba(255,255, 255, 0.7); border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .power-page-contactus .power-page-contactus-mainr img{ width: 142px; min-width: 142px; } .power-page-contactus .power-page-contactus-mainr span{ color: #000; font-size: 16px; line-height: 30px; } /**0223**/ /**newstyle**/ .footer2{ padding-bottom: 0px; } .footer2 .container{ display: flex; flex-direction: row; justify-content: space-between; height: fit-content; border-bottom: 1px solid #545454; padding-bottom: 80px; } .footer2 .cc-yeacer-container{ width: 1200px; margin: 20px auto 60px; display: flex; flex-direction: row; } .footer2 .cc-yeacer-container a{ width: fit-content; margin-right: 18px; position: relative; } .footer2 .cc-yeacer-container a:first-child{ margin-right: 30px; } .footer2 .cc-yeacer-container a img{ width: 100%; } .cc-footer-col1{ width: 370px; display: flex; flex-direction: column; } .cc-footer-col2{ width: 190px; display: flex; flex-direction: column; } .cc-footer-col3{ width: 80px; display: flex; flex-direction: column; } .cc-footer-container{ width: fit-content; display: block; } .cc-footer-col1 a,.cc-footer-col2 a,.cc-footer-col3 a{ color: #fff; font-size: 16px; line-height: 40px; width: 180px; height: 40px; float: left; } .cc-footer-col3 a{ width: 80px; } .cc-foot-title{ color: #fff; font-size: 18px; font-weight: bolder; line-height: 18px; margin-bottom: 25px; } .footer2 .cc-yeacer-container .cc-foot-hover .cc-foot-hover1{ position: absolute; width: 215%; top: 45px; left: -25px; display: none; } .footer2 .cc-yeacer-container .cc-foot-hover:hover .cc-foot-hover1{ display: block; } .bgBlack{ background-color: #fff !important; } .topMenu .nLi a::before{ content: ''; position: absolute; width: 6px; height: 6px; border-top: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; transform: rotate(135deg); top: 24px; right: 5px; } /*.topMenu .nLi:nth-child(4) a::before,.topMenu .nLi:nth-child(4) a::after{*/ /* display: none;*/ /*}*/ .bgBlack .nLi a::before{ border-top: 1px solid #030303; border-right: 1px solid #030303; } .headerMenu{ margin-left: 10px; } .headerMenu li a{ width: 60px; display: block; padding: 0; } /*.headerMenu .on a::after{ background-color: #009bda; content: ''; position: absolute; width: 100%; height: 4px; bottom: 6px; left: 0; border-radius: 2px; } .headerMenu .on a::before{ transform: rotate(-45deg); top: 28px; }*/ .headerMenu .nLi::after{ content: ''; position: absolute; width: 100%; height: 4px; bottom: 6px; left: 0; border-radius: 2px; } .headerMenu .nLi:hover::after{ background-color: #009bda; } .topMenu .nLi:hover a::before{ transform: rotate(-45deg); top: 28px; } .headerMenu li{ padding-bottom: 0px; margin-right: 80px; } .cc-sub{ top: 59px; left: -125px; background-color: #f3f5f7; padding: 30px 40px; position: absolute; display: none; box-shadow: 0px 6px 10px rgba(6,6,6,0.15); } .cc-sub li{ margin: 0; padding: 0; } .cc-sub li a{ width: 235px; height: 40px; font-size: 16px; color: #000; line-height: 40px; margin: 0; padding: 0; text-indent: 15px; } .cc-sub li a::before,.cc-sub li a::after{ display: none; } .cc-sub li a:hover{ background-color: #e5e5e5; } .headerMenu li:hover .cc-sub{ display: block; } .cc-s-sub{ display: flex; flex-direction: row; } .cc-s-item{ width: 250px; height: fit-content; display: flex; flex-direction: column; margin-right: 40px; margin-bottom: 30px; } .cc-s-item:last-child{ margin-right: 0; } .cc-s-t{ text-indent: 15px; width: 250px; font-size: 13px; color: #000; line-height: 35px; border-bottom: 1px solid #c2c2c3; margin-bottom: 10px; } .headerMenu li .cc-s-item a{ margin: 0; padding: 0 15px; width: 220px; height: 66px; display: flex; flex-direction: column; justify-content: space-evenly; overflow: hidden; } .headerMenu li .cc-s-item a:hover{ background-color: #e5e5e5; } .headerMenu li .cc-s-item a span{ font-size: 16px; color: #000; line-height: 1; } .headerMenu li .cc-s-item a span:nth-child(2){ color: #7e7f81; font-size: 13px; line-height: 1.2; } .headerMenu li .cc-s-item a::before,.cc-s-item a::after{ display: none; } /*产品的定位*/ .headerMenu li:nth-child(1) .cc-s-container{ left: -230px; } /*服务的定位*/ .headerMenu li:nth-child(2) .cc-s-container{ left: -270px; } /**newstyle**/ /**指标官网**/ .guide-banner{ height: 500px; } .guide-banner h2{ color: #000; } .guide-banner .container{ flex-direction: row; } .guide-banner .container .container-l{ width: 600px; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .guide-banner .container .container-r{ width: 600px; height: 100%; display: flex; align-items: center; justify-content: flex-end; } .guide-banner .container .container-r img{ width: 540px; min-width: 540px; margin-top: 40px; } .guide-banner .container .container-l p{ color: #000; line-height: 28px; } .guide-ad{ width: 100%; min-width: 1200px; height: 240px; margin: 0; background: linear-gradient(90deg, #65c9e0, #5193ba); } .guide-ad .guide-ad-content{ width: 1200px; height: 100%; margin: 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: center; } .guide-ad-content-l{ width: 75%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: #fff; } .guide-ad-content-l p{ font-size: 38px; margin: 0; padding: 0; margin-bottom: 25px; } .guide-ad-content-l .guide-ad-pdesc{ margin: 0; padding: 0; font-size: 18px; line-height: 2; } .guide-ad-content-r{ width: 25%; height: 100%; display: flex; align-items: center; justify-content: center; } .guide-ad-content-r img{ width: 130px; } .guide-container-row-between{ width: 1200px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 0 auto; margin-top: 30px; } .guide-container-row-between .guide-tb-item ul li{ font-size: 14px; line-height: 24px; } .guide-tb-item{ width: 260px; height: 240px; background-color: #fff; border-radius: 2px; display: flex; flex-direction: column; padding-left: 25px; } .guide-cc{ width: 100%; min-width: 1200px; background: url('../images/0830bg.jpg') no-repeat right bottom; background-size: cover; height: max-content; display: flex; flex-direction: column; } .guide-cc1{ width: 100%; min-width: 1200px; height: max-content; display: flex; flex-direction: column; background-color: #f4f8f8; } .guide-cc2{ width: 100%; min-width: 1200px; height: max-content; display: flex; flex-direction: column; background-color: #fff; } .guide-tb-item img{ height: 60px; width: 60px; margin: 35px 0 0px 0; padding: 0; display: block; } .guide-tb-text{ color: #000; font-size: 24px; line-height: 48px; font-weight: bold; } .guide-tb-item li{ list-style:disc; margin-left: 20px; font-size: 14px; } .guide-cc .power-page-form{ padding-bottom: 0; } .guide-datawava{ width: 100%; height: auto; display: flex; align-items: center; justify-content: center; } .guide-datawava img{ width: 100%; display: block; } .guide-cc .guide-datawava{ margin-top: 40px; } .guide-cc1 .guide-datawava{ background: url('../images/0830datawavabg.png') no-repeat left bottom; background-size: cover; padding-bottom: 40px; margin-top: 40px; } .guide-title-new{ text-align: left; width: 1200px; margin: 0 auto; margin-bottom: 12px; } .guide-aicontent{ width: 1200px; height: max-content; margin: 30px auto 100px auto; display: flex; flex-direction: row; justify-content: space-between; } .guide-ail{ width: 225px; height: 563px; background: url('../images/0830ai.jpg') no-repeat; background-size: auto; border-radius: 20px; padding: 0 20px; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 32px; } .guide-air{ width: 920px; height: 595px; display: flex; flex-direction: column; justify-content: space-between; } .guide-ail p,.guide-air p{ font-size: 16px; line-height: 30px; margin: 0; } .guide-air-l{ width: 920px; height: 290px; display: flex; flex-direction: row; justify-content: space-between; } .guide-air-l .guide-air-item{ border-radius: 20px; background-color: #fff; width: 260px; height: 250px; padding: 20px 18px; } .guide-air-l .guide-air-item img{ height: 52px; margin-bottom: 18px; } .guide-ail .guide-ail-t{ font-size: 24px; font-weight: bold; line-height: 64px; } .guide-air .guide-ail-t{ font-size: 22px; font-weight: bold; line-height: 38px; } .guide-cc1 .power-page-form{ padding-bottom: 0; } .guide-pp-text{ width: 100%; text-align: center; font-size: 16px; font-weight: 100; line-height: 80px; } .guide-cc .power-title-bolder,.guide-cc1 .power-title-bolder,.guide-cc2 .power-title-bolder{ font-size: 38px; } .guide-cc .power-title-container,.guide-cc1 .power-title-container,.guide-cc2 .power-title-container{ font-size: 20px; } .guide-tab-pp{ width: 1200px; margin: 0 auto; height: 90px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .guide-tab-pp-item{ width: 350px; height: 90px; cursor: pointer; position: relative; } .guide-tab-special{ width: 1200px; margin: 40px auto; height: 50px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .guide-tab-special-item{ width: 300px; height: 49px; border-bottom: 1px solid #a3a3a3; cursor: pointer; position: relative; font-size: 20px; color: #000; line-height: 49px; font-weight: bold; text-align: center; } .guide-tab-special .active::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background-color: #28767e; } .guide-tab-pp-item:nth-child(1){ background: url('../images/0830pp1.png') no-repeat; background-size: contain; background-position: 35px; } .guide-tab-pp-item:nth-child(2){ background: url('../images/0830pp2.png') no-repeat; background-size: contain; background-position: 35px; } .guide-tab-pp .active::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #28767e; } .guide-tab-pp .active:nth-child(1){ background: url('../images/0830pp1-a.png') no-repeat; background-size: contain; background-position: 35px; } .guide-tab-pp .active:nth-child(2){ background: url('../images/0830pp2-a.png') no-repeat; background-size: contain; background-position: 35px; } .guide-pp-container{ width: 1200px; height: 488px; margin: 0 auto; } .guide-special-container{ width: 1200px; height: 470px; margin: 30px auto 0 auto; } .guide-special-item{ width: 1200px; height: 470px; display: none; } .guide-special-iteml{ float: left; width: 370px; height: 470px; padding-right: 50px; } .guide-special-iteml ul{ margin-top: 30px; } .guide-special-iteml li{ list-style: disc; font-size: 18px; color: #000; line-height: 38px; margin-left: 10px; margin-top: 15px; } .guide-special-itemr{ float: left; width: 780px; height: 470px; display: flex; align-items: center; justify-content: center; } .guide-special-itemr img{ width: 100%; height: 100%; object-fit: cover; } .guide-pp-item{ width: 1200px; height: 488px; position: relative; margin: 0 auto; display: none; } .guide-pp-container .guide-pp-item:nth-child(1){ background: url('../images/0830pp11.jpg') no-repeat; background-size: cover; } .guide-pp-container .guide-pp-item:nth-child(2){ background: url('../images/0830pp12.jpg') no-repeat; background-size: cover; } .guide-pp-itemc{ width: 500px; height: 380px; position: absolute; left: 40px; bottom: 30px; background-color: #fff; display: flex; flex-direction: column; justify-content: center; padding: 0 40px; border-radius: 1px; } .guide-pp-itemc p{ margin: 0; padding: 0; } .guide-pp-itemc-title{ font-size: 34px; font-weight: bold; line-height: 70px; color: #000; } .guide-pp-itemc-desc{ font-size: 18px; line-height: 30px; color: #000; } .guide-pp-itemc-info{ font-size: 18px; color: #5d5d5d; line-height: 30px; margin: 20px 0 !important; } .guide-pp-itemc a,.guide-pp-itemc button{ margin: 0; padding: 0; width: 140px; height: 40px; line-height: 40px; font-size: 20px; font-weight: bold; text-align: center; border-radius: 2px; cursor: pointer; color: #fff; background-color: #28767e; } /**指标官网end**/