/*首页样式开始*/ .tab{ display: none; } .tab_show{ display: block; } .tem_img{ width:128px; height: 60px; margin: 0 auto; } .tem_img img{ width:100%; } .noe_txt{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .title_box{ padding: 60px 0 60px 0; color:#252729; font-size:28px; text-align: center; } .development img{ width:100%; } .honor{ /*background-color: #9FE2A5;*/ background-image: url("../img/index_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .honor_item{ display: block; background: #fff; border-radius: 15px; width:100%; padding:3% 3% 6% 3%; color:#333; font-size:18px; text-align: center; margin: 0 0 34% 0; font-weight: bold; } .honor_item .noe_txt{ color:#333; } .honor_item .noe_txt:hover,.honor_item .noe_txt:active{ color:#333; } .honor_item_img{ margin: 0 0 20px 0; height: 210px; width:100%; border-radius: 10px; overflow: hidden; } .honor_item_img img{ width:100%; height: 100%; } .team_item{ display: block; width: 100%; background: #f8f8f8; border-radius: 15px; padding:4% 4% 6% 4%; margin: 0 0 8% 0; } .team_item_img{ height: 300px; } .team_item_img img{ width:100%; height: 100%; } .team_item_title_box{ overflow: hidden; margin: 3% 0 2% 0; } .team_item_title_left{ width: 75%; color:#333; font-size:20px; float: left; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .team_item_title_rigth{ width:25%; text-align: right; float: right; color:#E9AD1E; font-size:16px; } .team_item_content{ overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#666; font-size:16px; } .new_item{ display: block; margin: 0 0 10% 0; background: #ffffff; border-radius: 15px; padding:2.5%; box-sizing: border-box; overflow: hidden; } .new_item_img{ width:33%; height: 130px; border-radius: 15px; overflow: hidden; float: left; } .new_item_img img{ width:100%; height: 100%; } .new_item_txt{ width:62.5%; margin: 0 0 0 4.5%; float:left; color:#666; font-size:16px; } .new_title{ margin: 7% 0 3% 0; font-size:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#000; font-weight: bold; } .new_main{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666; font-size: 16px; } .service_item{ display: block; margin: 0 0 10% 0; background: #f8f8f8; padding:3% 3% 4% 3%; border-radius: 15px; box-sizing: border-box; } .service_item_img{ width:100%; height: 210px; overflow: hidden; border-radius: 10px; } .service_item_img img{ height: 100%; width:100%; } .service_txt{ color:#333; font-size:18px; text-align: center; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 8% 0 0 0; } .product_item{ display: block; background: #fff; } .index_team_btn{ margin: 0 auto 10% auto; } .team_detail_rigth{ border-bottom:solid 1px #f8f8f8; padding:1% 0 2% 2%; } .team_detail_img{ width:240px; height: 300px; border-radius: 10px; overflow: hidden; } .team_detail_img img{ width:100%; } .team_detail_name{ color:#333; font-size:24px; font-weight: bold; } .team_spanbox{ margin: 2% 0 3% 0; } .team_spanbox div{ display: inline-block; height: 32px; line-height: 32px; padding:0 16px; border-radius: 16px; color:#333; font-size:16px; background: #A1E1A7; margin: 0 1% 1% 0; } .team_detail_content{ color:#666; font-size:16px; line-height:36px; } .team_detail_blod{ color:#333; font-weight: bold; } .swiper-slide .col-md-4{ width:100%; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 85.5%; width: 32px; height: 32px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; background: rgba(255,255,255,0.7); } .swiper-button-prev{ border-radius: 10px 0 0 10px; left:47%; } .swiper-button-next{ border-radius: 0 10px 10px 0; right: 47%; } .swiper-button-next .iconfont, .swiper-button-prev .iconfont{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); display: block; font-size: 16px; color:#333; } /*首页样式结束*/ /*教育教具样式开始*/ .realia_main{ margin:-20px auto 3% auto ; } .realia_main .col-md-3 { width: 23%; } .realia_main .col-md-9 { width:77%; } .choose_box{ background: #fff; border-radius: 15px; padding:20px ; } .choose_item{ display: block; overflow: hidden; padding:6% 8%; margin: 5.4% 0 5.4% 0; border-radius: 25px; background: #fff; cursor: pointer; } .choose_active{ background: #f8f8f8; font-weight: bold; } .choose_active .choose_txt{ color:#333; } .choose_txt{ color:#666; font-size:18px; float:left; } .choose_item .iconfont{ display: none; color:#999; font-size:14px; float:right; margin: 2px 0 0 0; } .choose_active .iconfont{ display: block; } .realia_content{ position: relative; border-radius: 15px ; background: #fff; padding:7% 15px 20px 30px; } .address_box{ position: absolute; right: 0; top:-36px; z-index:100; color:#fff; font-size:14px; width:100%; text-align: right; } .address_box .iconfont{ margin: 0 0.5% 0 0; } .address_box a{ color:#fff; } .reslia_item{ display: block; width:100%; margin:0 0 14% 0; border-radius: 15px; overflow: hidden; } .rea_img{ height: 165px; } .coo_img{ height: 255px; } .reslia_item img{ width:100%; height: 100%; } .realia_txt{ margin: 5% 0 0 0; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:18px; text-align: center; font-weight: bold; } .fenye_box{ background: #fff; width:100%; } .pagination{ width:660px; display: block; margin: 0 auto ; } .pagination .iconfont{ font-size:16px; color:#999; } .pagination > li { position: relative; display: inline-block; border-radius: 22px; overflow: hidden; border:#C8C8C8 1px solid; margin: 0 0 0 1%; cursor: pointer; } .pagination > li:active,.pagination > li:focus,.pagination > li:hover{ background-color: #A1E1A7; border:#A1E1A7 1px solid; } .pagination .active{ background: #A1E1A7; border:1px solid #A1E1A7; } /*.pagination .active .iconfont,.pagination .active .iconfont:hover,.pagination .active .iconfont:active,.pagination .active .iconfont:focus{*/ /*color:#fff;*/ /*}*/ .pagination .active:hover,.pagination .active:focus{ border:1px solid #A1E1A7; } .pagination .active a{ color:#fff; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background: #A1E1A7; border:none; } .pagination > li > a, .pagination > li > span{ display: block; float: none; width:100%; height: 100%; padding:10px 16px; margin-left: -1px; color: #333; font-size: 16px; text-decoration: none; background-color: #fff; border:none; } .pagination > li > a:hover, .pagination > li > span:hover{ background: #A1E1A7; border:none; color:#fff; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #fff; background: #A1E1A7; border: none; } .join_img{ width:100%; } .join_img img{ width: 100%; } .join_title{ margin: 3% 0 1%; font-size:20px; color:#333; font-weight: bold; } .join_content{ color:#666; font-size: 16px; line-height: 26px; } .new_main_item{ display: block; margin: 0 0 3% 0; color:#666; } .new_main_item:active,.new_main_item:hover,.new_main_item:focus{ color:#666; } .txt_a a{ color:#609C66; } .new_mainbox{ color:#666; font-size:16px; border-bottom: 1px #f8f8f8 solid; padding:2% 0; } .new_img{ width:180px; height: 130px; border-radius: 15px; overflow: hidden; } .new_img img{ width:100%; } .new_mainbox_title{ margin:0 0 1% 0; color:#333; font-size: 20px; font-weight: bold; } .new_mainbox_content{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; } .new_time{ margin: 1% 0 0 0; text-align: right; font-size: 14px; } .txt_a a{ color:#609C66; } .new_details_title{ color:#333; font-size:22px; font-weight: bold; text-align: center; } .new_details_time{ margin: 2% 0; color:#999; font-size:16px; text-align: center; } .team_detail_item{ margin: 0 0 5% 0; } .develop_detail_title{ margin: 0 0 2% 0; text-align: left; color:#333; font-size:22px; font-weight: bold; } .blod_title{ font-size: 36px; margin: 0 2% 0 0; } .team_details_title{ text-align: left; margin: 0 0 2% 0; } .team_detail_uesr{ color:#333; font-size:20px; text-align: left; margin: 4% 0 2% 0; font-weight: bold; } .contact_btn{ margin: 2% auto 0 auto; } /*教育教具样式结束*/ @media (min-width: 768px) { } @media (max-width: 768px) { .tem_img img{ width:70%; } .title_box { padding: 20px 0 0 0; color: #252729; font-size: 20px; text-align: center; } .title_img img{ width:20%; } .honor_item_img{ height: 140px; } .team_item_img { height: 150px; } .team_item_title_left{ font-size:16px; } .team_item_title_rigth{ font-size:15px; } .team_item_content{ font-size: 14px; } .new_title{ font-size: 16px; } .new_item_img{ height: 100px; } .new_main{ font-size:14px; -webkit-line-clamp: 3; } .service_item_img { height: 160px; } .service_txt{ font-size: 16px; } .header_top { height: 150px; } .realia_main{ margin:0 auto 3% auto ; } .realia_main .col-md-9 { width: 100%; } .pagination { width:348px; } .pagination > li { margin: 0; } .realia_content { padding: 9% 10px 0px 10px; } .reslia_item { margin: 0 0 10% 0; } .pagination > li > a, .pagination > li > span{ padding:1px 7px; font-size:14px; margin: 0; } .pagination .iconfont { color: #999; font-size: 12px; } /*.realia_txt{*/ /*font-size:16px;*/ /*}*/ .xs_choose{ width:320px; margin: 0 auto 10px auto; background: #fff; } .xs_choose_item{ margin: 6px 4px; text-align: center; width:30%; padding:6px 8px; display: inline-block; font-size: 16px; border-radius: 15px; } .xs_choose_active{ background: #f8f8f8; } .xs_choose_item a{ color:#333; } .xs_choose_active a{ color:#609C66; } .join_title{ font-size: 16px; } .join_content { font-size: 14px; line-height: 22px; padding:0 0 15px 0; } .new_box .col-md-3 { width: 100%; } .new_img{ width:100%; } .new_mainbox_title { margin: 0 0 3% 0; font-size: 16px; } .new_mainbox_content{ font-size: 14px; } .new_time { margin: 2% 0 0 0; text-align: left; font-size: 14px; } .new_img{ height: 170px; } .new_details_title{ font-size:17px; } .new_details_time{ font-size:13px } .team_detail_uesr{ font-size:16px; } .realia_main .col-xs-12 { width: 100%; } .team_detail_img{ width:100%; } .team_detail_name { font-size: 15px; } .team_detail_rigth { padding: 3% 0 2% 2%; } .team_spanbox div { display: inline-block; height: 26px; line-height: 26px; padding: 0 10px; border-radius: 10px; font-size: 14px; } .honor_item { margin: 0 0 26% 0; } .team_detail_content { font-size: 14px; line-height: 27px; } .swiper-button-next, .swiper-button-prev{ top:90%; width:20px; height: 20px; } .swiper-button-prev{ left:43%; } .swiper-button-next { right: 43%; } .swiper-button-next .iconfont, .swiper-button-prev .iconfont{ font-size:14px; } .team_btn { width: 120px; height: 36px; line-height: 36px; } .team_btn a { font-size: 16px; } .coo_img { height: 200px; } }