@media screen and (max-width: 1440px) { .table_tc1{ width: 70%; } .table_tc4b span{ width: 130px; } .table_tc4b textarea{ width: calc(100% - 170px); height: 72px; } .table_tc4a{ margin-top: 16px; } .table_tc4b{ margin-top: 16px; } .table_close{ top: -25px; right: -50px; } .table_tc4d{ margin-top: 16px; } } @media (min-width: 1025px){ .pc{ display: block; } .mobile{ display: none; } } @media screen and (max-width: 1024) { .forte_box img{ height: 76%; } } @media (max-width: 1024px){ .big_img1 img{ width: 100%; } input,p,span,textarea,a,select,button,label,img { display: block; } body{ font-size: 0.2rem; padding-bottom: 1.14rem; } .pc{ display: none; } .mobile{ display: block; } .container{ width: 94% !important; margin: 0 auto; } .new_imgadd{ width: 100%; } .header_container{ height: 10.5rem; position: relative; } .logo{ width: 1.6rem; background-size: contain; } .nav_txt_app{ position: absolute; top: 1.25rem; left: 0; width: 100%; background-color: rgba(0,0,0,0.75); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; } .head_nav { padding:0; } .nav_txt_app li{ /*padding: 0.2rem;*/ border-bottom: 1px solid #9b9da1; } .nav_txt_app li >a{ padding: 0.3rem 0.4rem; color: #fff; display: flex; justify-content: space-between; font-size: 0.36rem; } .nav_txt_app li >a:after{ content: ''; width: 0.2rem; height: 0.35rem; display: inline-block; background: url(../images/right_nav.png) no-repeat center center; -webkit-background-size: contain; background-size: contain; } .produstList{ display: none; } .produstList p a{ padding: 0.3rem 0.4rem; color: #fff; font-size: 0.32rem; } .produstList1{ display: none; } .produstList1 p a{ padding: 0.3rem 0.4rem; color: #fff; font-size: 0.32rem; } .moreBtn img{ width: 0.7rem; } .banner_title { text-align: right; clear: both; overflow: hidden; } .banner_title h1{ font-size:0.76rem; margin-bottom: 0.35rem; } .banner_title p{ font-size: 0.28rem; margin-bottom: 0.55rem; } .banner_title a{ padding: 0.12rem 0; width: 1.5rem; border-radius: 0.1rem; float: right; } .banner_box { height: 9rem; } .box.pb180 { padding-bottom:0; } .title img { width: 6rem; margin: 0.8rem auto 0; } .box_row_3 { width: 100%; padding: 0.35rem 0.6rem 0.65rem; border-bottom: 1px solid #bfbfbf; } .box_row_3 img{ width: 1.4rem; height: auto; margin: 0 auto; } .jsqfa .box_row_3 img{ width: 1.4rem; height: auto; margin-bottom: 0.45rem; } .box_row_3 h2 { font-size: 0.36rem; margin: 0.24rem 0.34rem; } .box_row_3 p { line-height: 0.32rem; } .box_row_3:nth-last-child(1){ border-bottom: none; } .js_box .box_row_3 { height: auto; } .emos_title { width: 7.0rem; padding: 0.48rem 0 0; } .emos_title h1 { font-size: 0.48rem; margin-bottom: 0.55rem; } .emos_title ul li { font-size: 0.24rem; margin-bottom: 0.4rem; } .emos_title ul li::before { width: 0.32rem; height:0.34rem; margin-right: 0.1rem; } .emos { height:6.2rem; } .emos_app{ padding: 0.38rem 0; } .emos_cen .emos_cell{ background-color: #1555e5; color: #fff; padding: 0.38rem 0; margin:0 0.56rem 0.3rem; text-align: center; } .emos_cell .emos_pto{ width: 1.5rem; margin: 0 auto 0.45rem; } .emos_cell p{ font-size: 0.3rem; margin-bottom: 0.25rem; color: #fff;. } .box.p135 { padding: 0.3rem 0; } .title_text h1 { font-size:0.36rem; } .title_text p{ font-size: 0.24rem; margin:0.28rem 0 0.42rem; } .box_row .tit h2::before { width: 0.12rem; height: 0.36rem; margin-right: 0.1rem; } .box_row .tit h2 { font-size: 0.3rem; } .cell_row { margin-top: 0.28rem; padding-bottom: 0.45rem; border-bottom: 1px solid #e7e7e7; } .cell_row_2 { width: 100%; margin-bottom: 0.4rem; } .cell_row_2 a{display: flex;} .cell_row_2 .cell_img img{ width: 2.95rem; height: 2.2rem; } .cell_txt { padding: 0 0 0 0.1rem; } .cell_txt h4 { font-size: 0.26rem; margin: 0.18rem 0; } .cell_txt span { font-size: 0.2rem; } .cell_txt .to3{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .cell_txt p { font-size: 0.24rem; } .cell_txt a { font-size: 0.24rem; margin-top: 0.2rem; } .tzfimg { width: 100% !important; height: auto !important; } .p_space .tz_box .tz-img { width: 2rem; height: auto; margin: 0 0.28rem 0.4rem; } .tz_box .tz-img.w330 { width: 2rem; } .tz_box2{ font-size:0.2rem; } .tz.p_space { padding:0.32rem 0 0.46rem; } .foot_bar{ width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0.16rem 0; position: fixed; left: 0; bottom: 0; background-color: #fff; box-shadow: 0 0 0.1rem rgba(0,0,0,0.5); z-index: 111; } .nav_bar{ width: 25%; text-align: center; } .nav_bar_img{ width: 0.43rem; height: 0.44rem; margin: 0 auto 0.12rem; } .nav_bar_img.bar1{ background: url("../images/home.png") no-repeat top center; -webkit-background-size: contain; background-size: contain; } .nav_bar_img.bar2{ background: url("../images/product.png") no-repeat top center; -webkit-background-size: contain; background-size: contain; } .nav_bar_img.bar3{ background: url("../images/news.png") no-repeat top center; -webkit-background-size: contain; background-size: contain; } .nav_bar_img.bar4{ background: url("../images/kf.png") no-repeat top center; -webkit-background-size: contain; background-size: contain; } .nav_bar.active .nav_bar_img.bar1{ background: url("../images/homea.png") no-repeat top center; -webkit-background-size: contain; background-size: contain; } .nav_bar.active p{ color: #1555e5; } .nav_bar.active .nav_bar_img.bar2{ background: url("../images/producta.png") no-repeat top center; -webkit-background-size: contain; background-size: contain; } .nav_bar.active .nav_bar_img.bar3{ background: url("../images/newsa.png") no-repeat top center; -webkit-background-size: contain; background-size: contain; } .nav_bar.active .nav_bar_img.bar4{ background: url("../images/kfa.png") no-repeat top center; -webkit-background-size: contain; background-size: contain; } .nav_bar.have_3_text{ position: relative; } .nav_bar_hide{ display: none; position: absolute; top: -4.25rem; left: -1rem; padding: 0.1rem 0.1rem; width: 3.7rem; height: 4.05rem; background-color: #fff; box-shadow: 0 0 0.1rem rgba(0,0,0,0.4); border-radius: 0.2rem; } .nav_bar_hide ul>li{ padding: 0.2rem 0.1rem; border-bottom: 1px solid #9b9da1; text-align: left; } .nav_bar_hide:after{ display: inline-block; content: ''; width: 0.38rem; height: 0.13rem; background: url("../images/trigle.png") no-repeat top center; -webkit-background-size: contain; background-size: contain;margin-top: 0.18rem; } .download{ position: absolute; top: 0; right: 2%; font-size: 14px; color: #4d4d4d; } .download a{ font-size: 0.12rem; } .download img{ display: inline; margin: 0 auto; } /*cp01*/ .header { /*padding: 0.22rem 0 0.12rem;*/ position: relative; } .head_con{ padding: 0.32rem 0 0.2rem; } .navTit_app{ background-color: rgba(0,0,0,0.75); position: absolute; left: 0; top: 1.1rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; z-index: 111; } .navTit_app li{ border-bottom: 1px solid #9b9da1; } .navTit_app li >a{ padding: 0.3rem 0.4rem; font-size: 0.36rem; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: flex; justify-content: space-between; } .navTit_app li> a:after{ content: ''; width: 0.2rem; height: 0.35rem; display: inline-block; background: url(../images/right_nav.png) no-repeat center center; -webkit-background-size: contain; background-size: contain; } .header .logo_yc img{ width: 1.6rem; } .crumbs { padding: 0.15rem 0; } .crumbs li { font-size: 0.2rem; margin: 0 0.08rem; } .crumbs li.currentTxt { margin-left:0.08rem; } .banner_main { width: 100%; height:4.14rem; background: url(../images/app_ban01.jpg) no-repeat center center; -webkit-background-size: cover; background-size: cover; } .bannerTxt{ text-align: right; clear: both; overflow: hidden; } .bannerTxt img { width: 1.14rem; display: inline-block; } .bannerTxt h1 { font-size: 0.4rem; margin: 0.28rem 0; } .bannerTxt a { padding: 0.15rem 0; width: 1.8rem; border-radius: 0.08rem; } .box.product{ margin-top: 0.35rem; } .box.product .box_row_3{ width: 100%; height:3.5rem; margin: 0 0.55rem 0.25rem; padding: 0.65rem 1.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: none; } .box.product .box_row_3 p{ font-size: 0.3rem; } .product .box_row_3 img { /*width: 1.12rem;*/ margin-bottom: 0.45rem; } .box.solution{ margin-top: 0.35rem; } .box.solution .box_row_3{ width: 100%; height:3.5rem; margin: 0 0.55rem 0.25rem; padding: 0.65rem 1.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: none; } .new_gxl3{ padding: 36px 0; } .new_gxl5{ padding: 36px 0; } .new_gxl7{ margin-top: 30px; font-size: 20px; } .new_gxl6 img{ max-width: 100%; } .new_gxl8 img{ max-width: 100%; } .new_gxl9 ul li{ width: 100%; margin-right: 0; font-size: 14px; line-height: 36px; } .box.jsqfa .box_row_3{ width: 100%; height:3.5rem; margin: 0 0.55rem 0.25rem; padding: 0.65rem 1.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: none; } .box.jsqfa{ margin-top: 0.35rem; } .new_gxl3 ul li{ width: 100%; margin-top: 20px; } .box.solution .box_row_3 p{ font-size: 0.3rem; } .box.jsqfa .box_row_3 p{ font-size: 0.3rem; } .solution .box_row_3 img { /*width: 1.12rem;*/ margin-bottom: 0.45rem; } .box.definition { padding: 0.4rem 0; } .definition .box img{ width: 100%; } .trait .title_text { padding: 0.58rem 0 0.36rem; } .trait .title_text h1{ font-size: 0.36rem; } .trait .box_row_4 { width: 25%; padding: 0 0.1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .trait .box_row_4 img{ width: 1.26rem; margin: 0 auto; } .trait .row{ margin-bottom: 0.6rem; } .combine_box{ display: block; height: auto; margin-bottom: 0.6rem; } .combine_box .w50{ width: 100%; } .combine_box .combine_img{ height: 4.6rem; } .combine_box .combine_text{ padding: 0.45rem 0.22rem; } .combine_tit h1 { font-size: 0.36rem; } .combine_tit h1::before { width: 0.1rem; height: 0.37rem; margin-right: 0.1rem; vertical-align: middle; } .combine_tit { margin-bottom: 0.4rem; } .combine_text ul li { margin-bottom: 0.25rem; } .combine_text ul { margin-left:0.1rem; } .combine_text ul li::before { width: 0.08rem; height: 0.08rem; margin-right: 0.1rem; } .trait{ padding-bottom: 0.3rem; } .box.learn{ padding: 1rem 0 0.88rem; } .learn_title h2 { font-size: 0.54rem; padding: 0.45rem 0; } .learn_title p { font-size: 0.36rem; } .learn_title a { font-size: 0.3rem; padding: 0.15rem 0; width: 5.35rem; border-radius: 0.4rem; margin-top: 0.6rem; } /*cp02*/ .title_text p.w60 { width:100%; margin: 0.55rem 0 0.4rem; font-size: 0.24rem; line-height:0.32rem; } .banner_main.ban02{ width: 100%; height:4.14rem; background: url(../images/app_ban02.jpg) no-repeat center center; -webkit-background-size: cover; background-size: cover; } /*cp03*/ .banner_main.ban03{ width: 100%; height:4.14rem; background: url(../images/app_ban03.jpg) no-repeat center center; -webkit-background-size: cover; background-size: cover; } .processor{ padding: 0.75rem 0 0; } .pro_img.w40 { width: 100%; } .pro_text.w60 { width: 100%; } .pro_img img { width:100%; } .pro_text h1 { text-align: center; font-size: 0.36rem; margin-bottom:0.4rem; } .pro_text p { text-indent: 0.2rem; padding:0; line-height: 0.36rem; } .parameter{ padding: 0.4rem 0; } .parameter_box { width: 100%; height: 3.6rem; padding: 0.3rem 0.4rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; box-shadow: 0 0 0.1rem rgba(0,0,0,0.3); margin-bottom: 0.22rem; } .parameter_box ul li:first-child { padding-top: 0; } .parameter_cell { padding-right: 0.6rem; } .parameter_cell .para_img { width: 1.35rem; height: 1.63rem; margin-bottom: 0.35rem; } .parameter_cell p { font-size: 0.32rem; } .parameter_box ul li{ font-size: 0.2rem; padding: 0 0 0 0.4rem; } .parameter_box ul::before { content: ''; display: inline-block; float: left; width: 0.02rem; height:2.4rem; background: url(../img/line.png) no-repeat top center; -webkit-background-size: cover; background-size: cover; } .td { margin-bottom: 0; } .td .main { width: 100%; padding: 0.6rem 0.2rem; } .td_txt h2 { font-size: 0.3rem; margin-bottom: 0.45rem; } .td_t_box p { margin-bottom: 0.18rem; } .td_txt p::before { width: 0.26rem; height:0.28rem; margin-right: 0.08rem; } .same_title h1 { font-size: 0.36rem; padding: 0.6rem 0; } .soc{ padding-bottom: 0.75rem; } .soc_player .box_3_row{ width: 5.25rem; min-height: 3.75rem; margin: 0 auto; background-color: rgba(255,255,255,0.8); box-shadow:inset 0 0 0.1rem rgba(0,0,0,0.6); padding: 0.32rem 0.45rem; } .fitImg { width: 0.72rem; height: 0.72rem; margin-bottom: 0.3rem; } .soc_player .box_3_row p { font-size: 0.36rem; } .soc_player .box_3_row ul { margin-top:0.35rem; } .soc_player .box_3_row ul li { font-size: 0.24rem; margin-bottom: 0.1rem; } .soc_player .box_3_row ul li::before{ display: none; } .soc_player .swiper-button-prev, .soc_player .swiper-container-rtl .swiper-button-next{ background: url("../images/arrow-l.png") no-repeat center center; left: 0; } .soc_player .swiper-button-next, .soc_player .swiper-container-rtl .swiper-button-prev{ background: url("../images/arrow-r.png") no-repeat center center; right: 0; } .soc_player .swiper-button-next, .soc_player .swiper-button-prev{ width: 0.7rem; height: 1rem; margin-top: -0.5rem; -webkit-background-size: contain; background-size: contain; border-radius: 0.1rem; } .rule_box{ display: block; } .rule_2_box { width:100%; height: 4.9rem; margin-bottom: 0.32rem; } .rule_2_box h1 { font-size: 0.38rem; font-weight: normal; } .rule { padding-bottom: 0.1rem; } /*????????*/ .banner_main.ban5{ height: 2.55rem; background: url(../images/app_about_ban.jpg) no-repeat center center; -webkit-background-size: cover; background-size: cover; } .banner_main.ban5 .bannerTxt h1{ font-size: 0.36rem; } .company_tab_nav ul li { padding-bottom: 0.2rem; font-size: 0.24rem; } .company_tab_nav ul{ margin: 0.2rem 0 0.1rem; } .company_tab_content{ padding: 0.36rem 0; } .company_text p{ margin-bottom: 0.5rem; line-height: 0.36rem; font-size: 0.24rem; } .honor_app{ position: relative; } .honor_app h1{ font-size: 0.36rem; text-align: center; font-weight: normal; margin-bottom: 0.45rem; } .honor_app .honor_img{ width: 3rem; box-shadow: 0 0 0.1rem rgba(0,0,0,0.4); } .honor_app .honor_img img{ width: 100%; margin: 0 auto; } .honor_app .swiper-button-next, .honor_app .swiper-button-prev{ width: 0.3rem; height: 0.6rem; margin-top: 0.2rem; -webkit-background-size: contain; background-size: contain; } .honor_app .swiper-button-next, .honor_app .swiper-container-rtl .swiper-button-prev{ right: 0; } .honor_app .swiper-button-prev, .honor_app .swiper-container-rtl .swiper-button-next{ left: 0; } .honor_app .swiper-container{ margin: 0 0.4rem; } .yckj_box{ padding: 0.54rem 0 0.7rem; } .yckj_box .yckj_text img{ width: 1.6rem; margin: 0 auto; } .yckj_box .yckj_text h2{ font-size: 0.24rem; margin-top: 0.2rem; } .founder{ padding: 0.6rem 0 0.6rem; } .founder_box .title p{ font-size: 0.36rem; } .founder_box .title { margin-bottom: 0.38rem; } .founder_img{ width: 2.15rem; height: 2.82rem; } .founder_cell { margin-bottom: 0.4rem; } .founder_cell>div.w50{ width: 66%; } .founder_text { padding-top:0.2rem; } .founder_text h1{ font-size: 0.32rem; display: flex; align-items: flex-end; } .founder_text h1 span{ font-size: 0.22rem; margin-left: 0.2rem; } .founder_text ul { margin-top:0.25rem; } .founder_text ul li { font-size: 0.24rem; margin-bottom: 0.2rem; line-height: 0.32rem; } .founder_text ul li::before { width:0.12rem; height: 0.12rem; margin-right: 0.22rem; } .founder_box { width: 100%; } .contact { padding: 0.78rem 0 0.18rem; } .contact_box{ padding: 0.5rem 0 0.6rem; } .contact_box{ flex-wrap: wrap; } .contact_cell{ width: 49%; padding-bottom: 0.2rem; margin-bottom: 0.4rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contact_cell p { font-size: 0.3rem; margin-bottom: 0.25rem; } .contact_cell span { font-size: 0.24rem; } .contact_cell:nth-last-child(odd){ border-right: none; padding-left: 0.2rem; } .address{ display: block; } .address_box { width: 100%; } .address_tit p { font-size: 0.26rem; padding-bottom: 0.18rem; border-bottom: 0.06rem solid #666; } .address_tit span { font-size: 0.24rem; margin: 0.22rem 0 0.14rem; } .address_tit span::before { width: 0.12rem; height:0.46rem; margin-right: 0.16rem; } .address_tab ul li { padding: 0.2rem 0.22rem; margin-bottom:0.2rem; } .map_con iframe { width: 100%; height: 4.5rem; } /*????????*/ .banner_main.ban6{ height:2.55rem; background: url(../images/app_ban04_02.jpg) no-repeat center center; } .culture { padding:0.46rem 0 0; } .culture_title h1{ font-size: 0.36rem; } .culture_title { margin-bottom: 0.25rem; } .c_con{ display: block; margin-bottom: 0.2rem; border-radius:0.1rem; height:auto; } .culture_img { width: 100%; height:2.45rem; } .culture_img img{ border-radius: 0.1rem; } .culture_text { padding: 0.32rem 0.15rem; } .culture_text h2 { font-size: 0.3rem; margin-bottom: 0.2rem; } .culture_text p { font-size: 0.24rem; margin-bottom: 0.15rem; } .job{ padding: 1.15rem 0 1.35rem; } .job_text h1 { font-size: 0.4rem; margin-bottom: 0.3rem; } .job_text p{ font-size: 0.24rem; margin-bottom: 0.22rem; } .fold_content { margin: 0.32rem 0; } .fold_box { width:100%; padding: 0.35rem 0.25rem 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0.1rem; margin: 0 auto 0.2rem; } .fold_tit { padding-bottom:0.3rem; } .fold_tit p{ font-size: 0.32rem; } .fold_tit p:after { font-size: 0.36rem; } .fold_text p { font-size: 0.3rem; margin-top: 0.25rem; } .fold_text ul{ margin-top: 0.36rem; } .fold_text ul li { font-size: 0.24rem; margin-top: 0.2rem; } .fold_text span { margin: 0.35rem 0 0.25rem; } /*???????*/ .case_video{ height: 6.5rem; } .case_video .video_btn h1{ font-size: 0.48rem; } .case_video .video_btn img { padding: 0.95rem 0 0.35rem; margin: 0 auto; width: 0.72rem; } .case_video .video_btn p{ font-size: 0.3rem; } .case{ padding: 1.35rem 0; } .case_title h1 { font-size: 0.48rem; letter-spacing: 0.2rem; } .case_2_video { height:5rem; } .case_2_video .case_cell { width: 6rem; } .case_2_video .case_cell h1 { font-size: 0.5rem; } .case_cell .case_2_cell{ margin-top: 1rem; } .case_cell .case_2_cell .video_btn { width: 50%; } .case_cell .case_2_cell .video_btn img{ width: 0.72rem; margin: 0 auto; } .case_2_video .video_btn p{ font-size: 0.3rem; margin-top: 0.38rem; text-align: center; } /*course_app*/ .history_container{ position: relative; } .history_content { padding:0.2rem 0 0.45rem; } .history_content img{ width: 100%; } .history_content p{ font-size: 0.36rem; text-align: center; margin-bottom: 0.5rem; } .history_content ul li{ display: flex; align-items: flex-end; color: #808080; font-size: 0.24rem; margin-bottom: 0.55rem; } .history_content ul li span.tagY{ position: relative; width: 0.8rem; height:0.5rem; border-right: 1px solid #7f7f7f; padding-right: 0.1rem; display: flex; align-items: flex-end; } .history_content ul li span.tagY::after{ content: ''; display: inline-block; width: 0.1rem; height:0.1rem; border-radius: 50%; background-color: #1f27e4; position: absolute; bottom: 0; right: -0.05rem; } .history_content ul li span.event{ padding-left: 0.35rem; width: 6.3rem; } .switch_box{ /*background: url("../images/his_ban_02.jpg") no-repeat center;*/ background: url("../img/course_bg.png") no-repeat center; -webkit-background-size: cover; background-size: cover; height: 3.46rem; } .history .swiper-button-next, .history .swiper-button-prev{ top: 27%; } .switch_box h1{ font-size: 0.36rem; font-weight: normal; text-align: center; padding-top: 0.6rem; color: #fff; } .switch_box .swiper-button-prev, .switch_box .swiper-container-rtl .swiper-button-next{ width: 0.7rem; height: 0.7rem; background: url("../images/a_left.png") no-repeat center; -webkit-background-size: contain; background-size: contain; left: 0.2rem; } .switch_box .swiper-button-next, .switch_box .swiper-container-rtl .swiper-button-prev { width: 0.7rem; height: 0.7rem; background: url("../images/right_a.png") no-repeat center; -webkit-background-size: contain; background-size: contain; right:0.2rem; } .pag_white{ width: 100%; padding-bottom: 1.2rem; } .pag_white_text{ width: 3.86rem; margin:0 auto; } .pag_white .pag_year_text{ text-align: center; color: #fff; font-size: 0.24rem; padding-bottom: 0.35rem; } .pag_white img{ width: 3.86rem; } .history_container .swiper-container{ margin-top: -1.85rem; } /*????????*/ .banner_main.ban4{ height: 2.55rem; background: url(../images/app_xw_ban.jpg) no-repeat center center; } .news_tab_nav ul{ padding: 0.3rem 0 0.15rem; } .news_tab_nav ul li { padding-bottom:0.2rem; align-items: center; margin-right: 1rem; } .news_tab_content { padding: 0.36rem 0 0.6rem; } .nes_con_box { width: 100%; } .news_cell{ padding: 0.12rem; margin-bottom: 0.13rem; } .news_img { width: 2.9rem; height: 1.9rem; } .news_text { width: 54%; padding-left: 0; } .news_text ul{ font-size: 0.2rem; margin:0 0 0.1rem; color: #666; } .news_text h1{ font-size: 0.26rem; margin-bottom: 0.1rem; color: #333; } .news_text p{ font-size: 0.24rem; color: #666; } .news_text a{ font-size: 0.24rem; color: #1f27e4; margin-top: 0.08rem; text-align: right; } .load_more a{ width: 100%; border-radius: 0.3rem; padding: 0.22rem 0; font-size: 0.24rem; margin-top: 0.4rem; } /*?????????*/ .news_detail .news_detail_box { width: 100%; padding: 0.36rem 0; } .detail_title h1{ font-size: 0.3rem; } .detail_title { width: 100%; margin: 0 auto; } .tag_info { padding: 0.28rem 0; } .tag_info ul li{ font-size: 0.18rem; color: #979797; margin: 0 0.2rem; } .tag_info ul{ justify-content: center; } .news_detail_box p{ margin-bottom: 0.4rem; line-height: 0.36rem; } .news_detail_box img{ margin: 0 auto 0.36rem; } .statement{ margin-top: 0.36rem; padding:0.24rem 0.15rem; } .statement h1 { font-size: 0.3rem; margin-bottom: 0.35rem; } .pag_text { margin-top: 0.35rem; } .pag_text a { margin-bottom: 0.2rem; } .wel_box{ width: 100%; height: 2.12rem; position: relative; } .wel_box img{ width: 100%; height: 100%; } .wel_box h2{ position: absolute; top: 0.3rem; left: 0.3rem; color: #fff; font-size: 0.32rem; } .wel_cell{ width: 50%; height: 2.12rem; position: relative; } .wel_cell img{ width: 100%; height: 100%; } .wel_cell h2{ position: absolute; top: 0.3rem; left: 0.3rem; color: #fff; font-size: 0.32rem; } .wel_box_2{ display: flex; justify-content: space-between; align-items: center; } .welfare_show{ margin-bottom: 0.58rem; } /*????????*/ .cooperation_box { width: 94%; margin: 0 auto; height:11rem; } .cooper_title { padding: 0.2rem 0 0.2rem; } .cooper_title h1 { font-size: 0.28rem; font-weight: normal; margin-bottom: 0.32rem; } .cooper_title p { font-size: 0.24rem; } .cooper_group { padding:0.2rem 0.5rem 0.3rem; } .form_group label { font-size: 0.2rem; width: 100%; margin-bottom: 0.3rem; } .form_group label span:after { font-size: 0.2rem; margin: 0 0.15rem 0 0.05rem; } .form_group label input { padding: 0.1rem 0.05rem; width: 4.5rem; } .code{ width: 2.5rem !important; } .form_group p textarea { width: 4.6rem; height: 1.8rem; padding: 0.1rem 0.2rem; } .table_tc4c{ font-size: 0.26rem; margin-top: 0.35rem; } .form_btn { margin: 0.32rem auto 0; padding: 0.18rem 0.42rem; font-size: 0.24rem; border-radius: 0.1rem; } .yzm{ width: 100px; height: 27px; } .form_group label{ display: flex; align-items: center; } .form_group p{ display: flex; } .form_group p span:after{ font-size: 0.2rem; margin: 0 0.15rem 0 0.05rem; } .cooperation_box .remove img{ width: 0.4rem; height: 0.4rem; } .remove { position: absolute; top:-0.5rem; right: 0; cursor: pointer; } /*???????*/ .vide_box{ width:6rem; height:4rem; } .vide_box .remove{ top: -0.4rem; right: -0.4rem; } .vide_box .remove img{ width:0.4rem; height:0.4rem; } /*???2*/ .scene_Box{ background: url("../img/vBg01.png") no-repeat center; -webkit-background-size: cover; background-size: cover; width: 100%; height: 6rem; padding-top: 0.75rem; } .scene_Box{ color: #fff; text-align: right; } .scene_Box h2{ font-size: 0.48rem; margin-bottom: 0.35rem; } .scene_Box p{ font-size: 0.24rem; margin-bottom: 0.25rem; line-height: 0.36rem; } .scene_Box a{ display: inline-block; text-align: center; padding: 0.2rem 0.3rem; background-color: #ec6910; color: #fff; border-radius: 0.1rem; } .qHuan{ margin-top: 0.68rem; } .qHuan_player{ background-color: #f1f2ff; padding: 0.4rem 0; } .pag_hold{ text-align: center; } .pag_hold img{ width: 1.1rem; margin: 0 auto; } .pag_hold p{ font-size: 0.24rem; margin-top: 0.3rem; color: #666; } .qHuan_player { } .qHuan_player .swiper-button-prev, .qHuan_player .swiper-container-rtl .swiper-button-next{ } .qHuan_player .swiper-button-next, .qHuan_player .swiper-button-prev{ width: 0.25rem; height: 0.5rem; -webkit-background-size: contain; background-size: contain; margin-top: -0.25rem; } .scene_Box2{ background: url("../img/vBg02.png") no-repeat center; -webkit-background-size: cover; background-size: cover; width: 100%; height: 6rem; padding-top: 0.75rem; } .scene_Box2{ color: #fff; text-align: right; } .scene_Box2 h2{ font-size: 0.48rem; margin-bottom: 0.35rem; } .scene_Box2 p{ font-size: 0.24rem; margin-bottom: 0.25rem; line-height: 0.36rem; } .scene_Box2 a{ display: inline-block; text-align: center; padding: 0.2rem 0.3rem; background-color: #ec6910; color: #fff; border-radius: 0.1rem; } .scene_tChe.mt40{ margin-top: 0.4rem; } .sjjy{ width: 94%; padding: 1.2rem 0; } .sjjy1{ font-size: 0.55rem; } .sjjy2{ margin-top: 0.9rem; } .sjjy2_1{ width: 100%; padding: 0.35rem; margin-right: 0; } .sjjy21_2{ font-size: 0.32rem; } .sjjy21_3{ font-size: 0.22rem; } .safe{ padding: 1.14rem 0 0.79rem; } .safe_title{ font-size: 0.5rem; } .safe_content{ margin-top: 0.8rem; } .safe_content ul li{ width: 100%; margin-right: 0; margin-bottom: 0.2rem; } .safe_content1{ font-size: 0.4rem; width: 56%; } .gc_left{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 999; } .gc_left img{ width: 0.59rem; height: 2.7rem; } .gc_right{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 999; } .gc_right img{ width: 0.59rem; height: 2.7rem; } .pro_add ul li{ padding: 0 10px; box-sizing: border-box; font-size: 0.24rem; } .pro_add ul li img{ max-width: 100%; } .gnadd2 h3{ font-size: 16px; } .gnadd2 p{ font-size: 12px; line-height: 14px; } .gnadd3 h3{ font-size: 16px; } .gnadd3 p{ font-size: 12px; line-height: 14px; } .gnadd2{ width: 100%; } .gnadd3{ width: 100%; } .gnadd2 h3::before{ height: 16px; width: 5px; } .gnadd3 h3::before{ height: 16px; width: 5px; } .qnx ul li{ width: 100%; margin-top: 20px; } } @media (max-width: 1024px){ .PTEMOS { height: 8.6rem; } .ptemo1 { width: 100%; } .ptemo2{ font-size:0.46rem; } .ptemo3 { margin-top: 0.5rem; font-size: 0.25rem; line-height: 0.4rem; } .RJYYS { height: 8.6rem; } .rjyy1 { width: 100%; } .rjyy2{ font-size:0.46rem; } .rjyy3 { margin-top: 0.5rem; font-size: 0.25rem; line-height: 0.4rem; } .ysvideo { width: 2.08rem; height: 0.6rem; margin-bottom: 0.4rem; border-radius: 0.1rem; line-height: 0.6rem; font-size: 0.24rem; } .hxjs .title_text{ padding-top: 0.85rem; } .zqxap { padding: 0.95rem 0; } .studioli{ margin-bottom: 0.6rem; } .studioli1 { width: 33.3%; margin-top: 20px; } .studio{ padding: 1.15rem 0; } .studioli1 { width: 33.33%; margin-top: 20px; } .studioli1:nth-child(2n){ margin-right: 0; } .studioli1_1 { width: 1.40rem; height: 1.40rem; } .studioli1_2 { height: 0.7rem; margin-top: 0.25rem; } .studio .bf .dbx{ position: absolute; width: 100px; display: inline-grid; top: 50%; margin-top: -30px; left: 50%; margin-left: -50px; text-align: center; } .studio .bf .dbx img{ width: 30px; display: block; margin: 0 auto; margin-bottom: 20px; } .system { padding: 1.15rem 0; } .systemli1 { width: 49%; margin-top: 20px; } .systemli1:nth-child(2n){ margin-right: 0; } .systemli1_1 { width: 1.45rem; height: 1.45rem; } .systemli1_2 { height: 0.7rem; margin-top: 0.25rem; font-size: 0.26rem; } .contact_cell img { width: 2.8rem; left: 20%; } .zpli1{ height:5.1rem; } .zpli2 { bottom: 0.2rem; right: 0.6rem; font-size: 0.49rem; display: flex; align-items: center; } .zpli2 img{ height: 0.45rem; } .zpli3 { bottom: 0.2rem; left: 0.6rem; font-size: 0.49rem; display: flex; align-items: center; } .zpli3 img{ height: 0.45rem; } .jjfas .container { width: 94%; padding: 1.4rem 0; } .jjfaF1{ font-size: 0.54rem; } .jjfaF2 { margin-top: 0.6rem; } .jjfaF2_1 { width: 100%; font-size: 0.28rem; line-height: 0.5rem; } .jjfaF2_2 { width: 100%; } .jjfaT { margin-top: 1rem; flex-wrap: wrap; } .jjfaT1 { width: 3.9rem; margin: 0.2rem auto; } .jjfaT1_1 { height: 2.15rem; } .jjfaT11_2 { font-size: 0.61rem; } .jjfaT1_2 { margin-top: 0.35rem; font-size: 0.27rem; } .qzs .container { width: 94%; padding: 1.9rem 0; } .qzsF1 { font-size: 0.55rem; } .qzsF2 { margin-top: 0.8rem; } .qzsF21 { font-size: 0.29rem; margin-top: 0.15rem; display: flex; align-items: center; } .qzsF21 img { width: 0.35rem; margin-right: 0.2rem; } }