Commit a9d250b4 by 贾新

fix

parent 28682ba0
.secondMenu{
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
max-width: 1920px;
min-width: 1180px;
margin: 0 auto;
}
.laboratory .left {
float: left;
position: fixed;
top: 146px;
}
.laboratory .left .float > div:first-child {
background: #3994FF;
border-radius: 4px;
box-shadow: 0 2px 16px #60A9FF;
color: #fff;
padding: 26px 20px 26px 20px;
font-size: 20px;
cursor: pointer;
}
.laboratory .left .float {
position: absolute;
width: 220px;
}
.laboratory .left .menu {
display: none;
flex-direction: column;
border-radius: 4px;
box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
font-size: 16px;
padding: 4px 0;
margin-top: 10px;
background: #fff;
}
.laboratory .left .float:hover .menu{
display: flex;
}
.laboratory .left .menu a {
color: #4A4A4A;
text-decoration: none;
padding: 16px 20px;
}
.laboratory .left .menu a:hover, .laboratory .left .menu .cur{
background: #F4F4F4;
}
.laboratory .anchor {
margin: 164px 0 -18px;
font-size: 20px;
color: #4A4A4A;
}
.laboratory .anchor p{
padding-bottom: 18px;
cursor: pointer;
display: flex;
align-items: center;
}
.laboratory .anchor p::before{
content:'';
margin-right: 14px;
width: 6px;
height: 14px;
background: transparent;
border-radius: 2px;
}
.laboratory .anchor p:hover::before, .laboratory .anchor p.cur::before{
background: #3994FF;
}
.laboratory .right {
overflow: hidden;
margin-left: 240px;
}
.laboratory > div, #wp2 > div {
width: 1180px;
margin: 0 auto;
}
.laboratory .banner {
margin-bottom: 60px;
}
.laboratory .banner img{
width: 940px;
vertical-align: bottom;
}
.title {
font-size: 30px;
display: flex;
align-items: baseline;
line-height: 42px;
}
.laboratory .right .wp {
font-size: 16px;
color: #4A4A4A;
margin-bottom: 60px;
}
#wp1 > div{
display: flex;
line-height: 32px;
margin-top: 40px;
align-items: center;
width: 940px;
}
#wp1 > div > div {
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
}
.title::before {
content: '';
width: 30px;
height: 8px;
border-radius: 2px;
background: #3994FF;
margin-right: 12px;
}
#wp2 {
height: 190px;
background: #E8F4FF;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 60px;
}
#wp2 > div > div {
float: right;
width: 940px;
display: flex;
justify-content: center;
}
#wp3 img, #wp4 img{
margin-top: 30px;
width: 940px;
}
#wp5 {
background: #f4f4f4;
display: flex;
justify-content: center;
padding-top: 60px;
}
#wp5 > div {
width: 940px;
margin-left: 240px;
}
#wp5 > div > div:nth-child(2) > div{
margin-left: -20px;
font-size: 0;
}
#wp5 > div > div:nth-child(2) img {
width: 220px;
margin: 20px 0 0 20px;
}
#wp5 > div > div:nth-child(3) > div {
font-size: 0;
display: flex;
justify-content: space-between;
}
#wp5 > div > div:nth-child(3) > div img {
width: 460px;
height: 100%;
}
#wp5 .level2 {
margin-top: 40px;
font-size: 24px;
font-weight: 200;
}
.level3 {
display: flex;
align-items: center;
font-size: 18px;
color: #4A4A4A;
margin: 30px 0;
font-weight: 200;
}
.level3::before {
content:'';
margin-right: 10px;
width: 4px;
height: 16px;
background: #3994FF;
border-radius: 2px;
}
\ No newline at end of file
.k12{
margin: 132px auto 60px;
max-width: 1920px;
min-width: 1180px;
}
.k12 .banner .carousel-indicators .active {
width: 28px;
height: 14px;
background-color: #fff;
border-radius: 7.5px;
border: none;
}
.k12 .banner .carousel-indicators li {
background: #fff;
border: none;
margin: 0 5px;
height: 14px;
width: 14px;
}
.k12 .wp1 {
background: url('../image/k12_wp1bg.png') no-repeat center/1920px;
display: flex;
flex-direction: column;
align-items: center;
}
.k12 .wp1 > div:first-child {
width: 1180px;
padding: 40px 0;
display: flex;
justify-content: space-between;
}
.k12 .wp1 > div:nth-child(2) {
display: flex;
flex-direction: column;
align-items: center;
height: 767px;
position: relative;
margin-top: 60px;
}
.k12 .wp1 > div:nth-child(2) p:first-child {
font-size: 36px;
color: #4A4A4A;
margin-bottom: 18px;
line-height: 50px;
}
.k12 .wp1 > div:nth-child(2) p:nth-child(2), .k12 .wp1 > div:nth-child(2) p:nth-child(3) {
font-size: 16px;
color: #888;
font-weight: 200;
line-height: 38px;
}
.k12 .wp1 > div:nth-child(2) p:last-child {
position: absolute;
bottom: 70px;
font-size: 18px;
color: #4A4A4A;
}
.k12 .wp1 > div img{
width: 380px;
height: 160px;
}
.k12 .wp2 {
background: #FFC86F url('../image/k12_wp2bg.png') no-repeat center/1174px;
height: 334px;
}
.k12 .wp2 > div {
width: 1180px;
margin: 0 auto;
display: flex;
align-items: center;
color: #fff;
padding-top: 90px;
font-size: 20px;
text-shadow: 0 2px 4px rgba(245, 166, 25, .1)
}
.k12 .wp2 > div > div:first-child {
line-height: 43px;
font-weight: 200;
}
.k12 .wp2 > div > div:first-child span {
font-size: 30px;
}
.k12 .wp2 .font56 {
font-size: 56px;
line-height: 78px;
}
.k12 .wp2 .font64 {
font-size: 64px;
line-height: 90px;
}
.k12 .font36 {
font-size: 36px;
line-height: 50px;
}
.k12 .wp2 .font24 {
font-size: 24px;
line-height: 33px;
}
.k12 .wp3 {
color: #4A4A4A;
}
.k12 .wp3 >div {
padding: 70px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.k12 .wp3 >div > div {
margin-top: 60px;
width: 1180px;
display: flex;
justify-content: center;
}
.k12 .wp3 >div > div > div:nth-child(2) > div:nth-child(2) {
display: flex;
justify-content: space-between;
height: 114px;
margin-top: 10px;
}
.k12 .wp3 >div > div > div:nth-child(2) > div:nth-child(2) img {
width: 160px;
}
.k12 .wp3 .glyphicon-chevron-left:before {
content: '';
width: 27px;
height: 40px;
background: url('../image/k12_w3arrow.png') no-repeat center/100%;
}
.k12 .wp3 .glyphicon-chevron-right:before {
transform:rotate(180deg);
content: '';
width: 27px;
height: 40px;
background: url('../image/k12_w3arrow.png') no-repeat center/100%;
}
.k12 .wp3 .carousel-control .glyphicon-chevron-left {
display: flex;
width: 27px;
height: 40px;
left: 0;
margin-left: 0;
}
.k12 .wp3 .carousel-control .glyphicon-chevron-right {
display: flex;
width: 27px;
height: 40px;
right: 0;
margin-right: 0;
}
.k12 .wp3 .carousel-indicators .active {
width: 13.33px;
height: 6.67px;
background-color: #3994FF;
border-radius: 7.5px;
border: none;
}
.k12 .wp3 .carousel-indicators li {
background: #fff;
border: none;
margin: 0 2.5px;
height: 6.67px;
width: 6.67px;
}
\ No newline at end of file
.k12Online {
margin: 132px 0 60px;
}
.k12Online .banner {
height: 537px;
background: url('../image/k12online_banner.png') no-repeat center/1920px 537px;
display: flex;
align-items: center;
justify-content: center;
}
.k12Online .banner >div{
width: 1180px;
}
.k12Online .banner >div .btn {
color: #fff;
border-radius: 31.5px;
padding: 15px 44px;
background: #6ECCBA;
margin-top: 51px;
display: inline-block;
font-size: 18px;
font-weight: 200;
cursor: pointer;
}
.k12Online .wp1 {
background: url('../image/k12online_wp1bg.png') no-repeat top 49px center/802px;
height: 788px;
display: flex;
justify-content: center;
}
.k12Online .wp1 > div {
margin-top: 562px;
width: 285px;
font-weight: 200;
height: 180px;
}
.k12Online .wp1 > div > p:first-child {
color: #596D85;
font-size: 24px;
font-weight: 400;
}
.k12Online .wp1 > div > p:nth-child(2) {
color: #768AA1;
font-size: 16px;
margin-top: 28px;
line-height: 28px;
}
.k12Online .wp1 > div:not(:first-child) {
border-left:solid 1px #DDDADE;
padding-left: 55px;
}
.k12Online .wp1 > div:not(:last-child) {
padding-right: 55px;
}
.k12Online .wp2, .k12Online .wp3 {
display: flex;
align-items: center;
flex-direction: column;
background: #F4FAFA;
padding: 80px 0 60px;
}
.k12Online .wp3 {
background: url('../image/k12online_wp3_bg.png') no-repeat center/1920px;
}
.k12Online .wp2 > div, .k12Online .wp3 > div{
display: flex;
justify-content: center;
align-items: baseline;
font-weight: 200;
margin-top: 60px;
}
.k12Online .wp2 > div img{
width: 260px;
height: 260px;
}
.k12Online .wp3 > div img{
width: 280px;
height: 260px;
}
.k12Online .wp2 > div > div, .k12Online .wp3 > div > div {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 285px;
}
.k12Online .wp2 > div > div > p:nth-child(2), .k12Online .wp3 > div > div > p:nth-child(2) {
font-size: 20px;
margin-top: 40px;
}
.k12Online .wp2 > div > div > p {
color: #596D85;
}
.k12Online .wp2 > div > div > p:nth-child(3), .k12Online .wp3 > div > div > p:nth-child(3) {
font-size: 14px;
line-height: 26px;
margin-top: 20px;
}
.k12Online .wp2 > div > div:not(:first-child), .k12Online .wp3 > div > div:not(:first-child) {
margin-left: 90px;
}
.k12Online .title {
font-size: 36px;
color: #596D85;
line-height: 50px;
}
.k12Online .wp3 > div > div, .k12Online .wp3 .title{
color: #fff;
}
\ No newline at end of file
body {
background-color: #f8f8f8;
}
.contentWrapper {
width: 1136px;
overflow: hidden;
margin: 0 auto;
}
.contentWrapper img {
max-width: 100%;
height: auto;
}
.downLoadBtn {
display: block;
width: 238px;
height: 72px;
line-height: 72px;
color: #fff;
border-radius: 10px;
text-align: left;
background: #515151 url('../image/windows-btn.png') 25px no-repeat;
background-size: 33px 33px;
text-indent: 80px;
font-size: 20px;
cursor: pointer;
margin-bottom: 30px;
}
.downLoadBtn:last-child {
margin: 0;
}
.downLoadBtn.windows {
background: #515151 url('../image/windows-btn.png') 25px no-repeat;
background-size: 33px 33px;
}
.downLoadBtn.android {
background: #515151 url('../image/android-btn.png') 25px no-repeat;
background-size: 32px 39px;
}
.downLoadBtn.apple {
background: #515151 url('../image/apple-btn.png') 25px no-repeat;
background-size: 28px 34px;
}
.downLoadBtn:hover {
background-color: #696969;
}
.bannerWrapper {
width: 100%;
//background-color: #1b1b1b;
}
.mainBanner {
//width: 1440px;
//height: 600px;
position: relative;
margin: 0 auto;
}
.infoWrapper {
position: absolute;
bottom: 60px;
left: 176px;
}
.mainBanner .imgWrapper img {
width: 100%;
max-width: 1920px;
min-width: 1440px;
height: auto;
margin: 0 auto;
display: none;
}
.mainBanner .infoWrapper p.cur {
font-weight: bold;
color: #fff;
position: relative;
}
.mainBanner .infoWrapper p.cur::before {
content: '';
background: url("../image/icon-box.png") left center no-repeat;
background-size: 12px 13px;
width: 12px;
height: 30px;
display: block;
position: absolute;
left: -22px;
top: 0;
}
.mainBanner .infoWrapper p {
cursor: pointer;
line-height: 30px;
color: #909090;
font-size: 14px
}
.mainBanner .p2 {
}
.mainBanner .p3 {
color: #fff;
font-size: 14px
}
.product {
text-align: center;
}
.product .p1 p {
line-height: 30px;
font-size: 14px;
color: #595959;
}
.product .p1 p:first-child {
padding: 50px 0 10px 0;
font-size: 24px;
color: #333;
}
.product .p1 .video-js {
margin: 30px auto;
}
.vjs-big-play-button {
font-size: 50px !important;
}
.product .item img {
width: 1440px;
min-width: 1440px;
height: auto;
margin: 0 auto;
}
.product .item.p2 {
background: #fff;
height: auto;
}
.product .item.p3 {
background: #f8f8f8;
height: auto;
}
.product .item.p4 {
background: #fff;
height: auto;
}
.product .item {
background-color: #f8f8f8;
height: 600px;
position: relative;
}
.successCase {
position: relative;
text-align: center;
height: 455px;
margin: 0 auto;
width: 1440px;
background-color: #f8f8f8;
}
.successCase p {
color: #595959;
font-size: 14px;
line-height: 30px;
}
.successCase p:first-child {
padding: 50px 0 10px 0;
color: #333;
font-size: 24px;
}
.successCase ul {
left: 0;
bottom: 0;
position: absolute;
}
.successCase ul li {
float: left;
width: 288px;
height: 288px;
position: relative;
background-color: yellow;
}
.successCase ul li em {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
color: #fff;
font-size: 18px;
line-height: 288px;
}
.successCase .btn-more {
position: absolute;
box-shadow: 0 0 5px #ddd;
background-color: #fff;
left: 50%;
margin-left: -62.5px;
bottom: -22.5px;
width: 125px;
height: 45px;
border-radius: 30px;
line-height: 45px;
color: #333;
font-size: 14px;
}
.partner {
text-align: center;
padding-bottom: 65px;
}
.partner .logoWrapper {
margin-top: 30px;
}
.partner .item {
font-size: 16px;
color: #333;
}
.partner .item ul {
margin: 20px auto 0 auto;
}
.partner .item ul li {
float: left;
width: 200px;
margin-right: 15px;
margin-bottom: 20px;
display: flex;
align-items: center;
}
.partner .school.item ul li {
width: 160px;
margin-right: 20px;
}
.partner .institutions.item ul li:nth-child(5n) {
margin-right: 0;
}
.partner .school.item ul li:nth-child(6n) {
margin-right: 0;
}
.partner .item ul li img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
.partner p {
color: #595959;
font-size: 14px;
line-height: 30px;
}
.partner p:first-child {
padding: 50px 0 10px 0;
color: #333;
font-size: 24px;
}
.partner .btn-more {
background-color: #fff;
border: 1px solid #c2c2c2;
width: 125px;
height: 45px;
border-radius: 30px;
line-height: 45px;
color: #333;
font-size: 14px;
display: inline-block;
}
.clearFix:after {
content: '';
display: block;
clear: both;
height: 0;
}
.clearFix {
zoom: 1;
}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
.template {
background-color: rgb(244, 244, 244)
}
.template a {
position: relative;
top: -200px;
}
.anchorStyle {
margin: 0 auto;
height: 60px;
position: fixed;
width: 100%;
top: 128px;
text-align: center;
background-color: rgba(0, 0, 0, 0.3);
}
.anchor .cur{
color: #3CD52D
}
.anchorStyle>span {
color: #ffffff;
margin: 0 20px;
line-height: 60px;
cursor: pointer;
}
.anchorStyle>span:hover {
color: #3CD52D
}
.title>img {
width: 100%
}
.title {
width: 100%;
background-color: antiquewhite;
display: flex;
align-items: center;
justify-content: center;
}
.title-first {
margin: 130px 0 0 0 !important;
}
.title-first>img {
width: 100%;
}
.title-1,
.title-2 {
width: 1200px;
height: 300px;
display: block;
margin: 20px auto
}
.title-1 {
background-color: rgb(83, 50, 7);
}
.title-2 {
background-color: aqua
}
.item {
width: 1200px;
/* background-color: antiquewhite; */
margin: 0 auto;
height: auto;
display: flex
}
.item-left,
.item-right {
width: 580px;
padding: 10px
}
.itemBig {
height: 450px;
border-radius: 12px;
margin: 10px 0;
color: rgb(163, 163, 163);
background-color: rgb(255, 255, 255)
}
.itemBig>img {
width: 580px
}
.itemSmall>img {
width: 382px
}
.itemBig>p {
padding: 5px 5px 5px 20px
}
.itemBig>:nth-child(2) {
color: black;
font-weight: 500
}
.itemSmall {
height: 220px;
background-color: rgb(255, 255, 255);
border-radius: 12px;
margin: 10px 0;
display: flex
}
.itemSmall>div {
width: 145px;
padding: 19px
}
.itemSmall>div>h3 {
margin: 10px 0;
}
.itemSmall>div>p {
color: rgb(163, 163, 163);
}
\ No newline at end of file
.contentWrapper{
margin-top: 54px auto 0;
}
.softCard {
margin-top: 26px;
}
.softCard li {
text-align: center;
padding: 0 40px;
position: relative;
background-color: #fff;
border: 1px solid #eeefee;
border-radius: 4px;
width: 473px;
height: 504px;
margin-bottom: 26px;
margin-right: 26px;
float: left;
cursor: pointer;
}
.softCard li:hover {
margin-top: -3px;
box-shadow: 0 14px 60px #ddd;
}
.softCard li:hover .hover {
display: block;
}
.softCard li:hover .routine {
display: none;
}
.softCard li:nth-child(2n) {
margin-right: 0;
}
.softCard li .cover {
width: 140px;
height: 140px;
margin: 70px auto 0 auto;
}
.softCard li .name {
font-size: 18px;
color: #666;
line-height: 85px;
}
.softCard li .description {
font-size: 14px;
color: #666;
text-align: left;
}
.softCard li .plantForm {
color: #dddddd;
position: absolute;
left: 0;
bottom: 70px;
display: inline-block;
width: 100%;
line-height: 20px;
}
.softCard li .plantForm i {
width: 20px;
height: 20px;
margin: 0 18px;
display: inline-block;
vertical-align: middle;
}
.softCard li .plantForm i::after {
content: '|';
display: inline-block;
color: red;
margin-left: 38px;
color: #ddd;
}
.softCard li .plantForm i:last-child::after {
display: none;
}
.softCard li .plantForm i.icon-android {
background: url("../image/android.png") center no-repeat;
background-size: 18px 20px;
}
.softCard li .plantForm i.icon-apple {
background: url("../image/apple.png") center no-repeat;
background-size: 17px 19px;
}
.softCard li .plantForm i.icon-windows {
background: url("../image/windows.png") center no-repeat;
background-size: 18px 18px;
}
.softCard li .hover {
display: none;
text-align: center;
}
.softCard li .hover .readMore {
position: absolute;
left: 0;
bottom: 80px;
font-size: 14px;
color: #4db332;
text-align: center;
width: 100%;
}
.softCard li .hover .readMore:hover {
text-decoration: underline;
}
.topWrapper {
height: 400px;
width: 100%;
display: flex;
justify-content: center; //子元素水平居中
align-items: center; //子元素垂直居中
}
.topWrapper > div {
margin: auto;
}
.topWrapper .downCode {
width: 234px;
height: auto;
}
.tips {
font-size: 18px;
color: #666;
margin-top: 35px;
}
\ No newline at end of file
.topWrapper {
background-color: #f6f6f6;
width: 100%;
padding-bottom: 45px;
overflow: hidden;
}
.topWrapper > div {
padding: 57px 10px 0 10px;
width: 500px;
margin: 0 auto;
}
.topWrapper .appIcon {
width: 140px;
height: 140px;
margin: 0 auto;
}
.topWrapper .name {
text-align: center;
font-size: 18px;
color: #666;
margin: 50px 0 16px 0;
}
.topWrapper .des {
color: #666;
font-size: 14px;
margin-bottom: 33px
}
.downWrapper {
text-align: center;
}
.downWrapper a {
float: left;
margin-right: 20px;
margin-bottom: 25px;
width: 230px;
text-indent: 70px;
background-position: left center;
}
.downWrapper a:nth-child(2n) {
margin-right: 0;
}
.downWrapper.showCode {
margin: 0 33px;
}
.downWrapper.showCode .btnWrapper {
float: left;
width: 230px;
}
.downWrapper.showCode .btnWrapper a {
margin-bottom: 20px;
}
.downWrapper.showCode img {
float: right;
width: 164px;
height: auto;
}
.plantInfo {
background: #fff;
}
.plantInfo .tabs {
height: 69px;
border-bottom: 1px solid #eeeeee;
}
.plantInfo .tabs a {
color: #333;
font-size: 14px;
line-height: 80px;
margin-right: 20px;
}
.plantInfo .tabs a.cur {
color: #4db332;
}
.tabImgWrapper {
border-bottom: 1px solid #eeeeee;
padding: 30px;
}
.tabImgWrapper .item {
display: none;
}
.tabImgWrapper .item img{
margin: 10px auto 0 auto;
}
.tabImgWrapper .item:first-child{
display: flex;
}
.tabImgWrapper .item > div{
display: flex;
flex-direction: column;
}
.newVersionLogs {
background: #fbfbfb;
padding: 60px 20px;
}
.newVersionLogs .item {
width: 48%;
float: left;
margin-right: 4%;
margin-bottom: 30px;
}
.newVersionLogs .item:nth-child(2n) {
margin-right: 0;
}
.newVersionLogs .item ul{
}
.newVersionLogs .item a:hover{
text-decoration: underline;
}
.newVersionLogs .item a{
color: #666;
font-size: 12px;
padding: 0 20px;
height: 12px;
line-height: 12px;
margin-top: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-clamp: 1;
-webkit-line-clamp: 1;
-moz-line-clamp: 1;
box-orient: vertical;
-moz-box-orient: vertical;
-webkit-box-orient: vertical;
word-break: break-all;
word-wrap: break-word;
-o-text-overflow: ellipsis;
}
.newVersionLogs .item ul li {
color: #666;
font-size: 12px;
padding: 0 20px;
height: 12px;
line-height: 12px;
margin-top: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-clamp: 1;
-webkit-line-clamp: 1;
-moz-line-clamp: 1;
box-orient: vertical;
-moz-box-orient: vertical;
-webkit-box-orient: vertical;
word-break: break-all;
word-wrap: break-word;
-o-text-overflow: ellipsis;
}
.newVersionLogs .item ul li:first-child {
font-size: 16px;
color: #333;
border-bottom: 1px solid #eee;
height: 60px;
line-height: 60px;
margin-top: 0;
}
.newVersionLogs .item ul li:first-child p {
color: #c2c2c2;
font-size: 10px;
float: right;
}
.downLoadBtn {
display: block;
width: 238px;
height: 72px;
line-height: 72px;
color: #fff;
border-radius: 10px;
text-align: left;
background: #515151 url('../image/windows-btn.png') 25px no-repeat;
background-size: 33px 33px;
text-indent: 80px;
font-size: 20px;
cursor: pointer;
margin-bottom: 30px;
}
.downLoadBtn.windows {
background: #515151 url('../image/windows-btn.png') 25px no-repeat;
background-size: 33px 33px;
}
.downLoadBtn.android {
background: #515151 url('../image/android-btn.png') 25px no-repeat;
background-size: 32px 39px;
}
.downLoadBtn.apple {
background: #515151 url('../image/apple-btn.png') 25px no-repeat;
background-size: 28px 34px;
}
\ No newline at end of file
.examination {
margin: 132px auto 0;
max-width: 1920px;
min-width: 1180px;
}
.examination .banner{
background: url('../image/examination_banner.png') no-repeat center/1920px 537px;
height: 537px;
color: #fff;
font-size: 18px;
display: flex;
justify-content: center;
line-height: 26px;
}
.examination .banner >div{
width: 1080px;
margin-top: 90px;
}
.examination .banner >div > div{
width: 418px;
}
.examination .banner >div p:first-child{
font-size: 36px;
}
.examination .banner >div p:nth-child(2){
margin: 36px 0 26px;
}
.examination .banner >div p:not(first-child) {
font-weight: 200;
}
.examination >div:nth-child(2){
display: flex;
justify-content: center;
align-items: center;
color: #333;
}
.examination .wp2 > div{
width: 540px;
height: 446px;
margin: 30px 0 60px;
border-radius: 10px;
background: url('../image/examination_arrow.png') no-repeat left 30px bottom 30px /32px 8px;
cursor: pointer;
}
.examination .wp2 > div:hover{
border: 1px solid #C2C2C2;
background: url('../image/examination_arrowH.png') no-repeat left 30px bottom 30px /32px 8px;
}
.examination .wp2 >div > div:first-child{
margin: 30px;
}
.examination .wp2 >div > div:first-child p:nth-child(2) {
margin: 24px 0 20px;
}
.examination .wp2 >div > div:nth-child(2){
height: 100%;
background: #F4F4F4;
border-radius: 10px;
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 50px;
line-height: 26px;
font-size: 16px;
}
.examination .wp2 >div > div:nth-child(2) > p:first-child{
font-size: 18px;
margin-bottom: 30px;
}
.examination .wp3{
background: #F4F4F4;
display: flex;
flex-direction: column;
align-items: center;
padding: 60px 0;
}
.examination .wp3 > p:first-child, .examination .wp4 p:first-child, .examination .wp5 > p:first-child{
display: flex;
flex-direction: column;
align-items: center;
line-height: 33px;
font-size: 24px;
}
.examination .wp3 > p:first-child::after, .examination .wp4 p:first-child::after, .examination .wp5 > p:first-child::after{
content:'';
width: 24px;
height: 6px;
margin: 8px 0;
}
.examination .wp3 > p:first-child::after, .examination .wp5 > p:first-child::after {
background: url('../image/examination_wp301.png') no-repeat bottom/24px 6px;
}
.examination .wp3 > div{
width: 1020px;
display: flex;
margin-top: 24px;
border-radius: 10px;
color: #666;
line-height: 22px;
}
.examination .wp3 > div img{
max-width: 415px;
vertical-align: bottom;
}
.examination .wp3 .title{
font-size: 18px;
color: #333;
margin-bottom: 12px;
}
.examination .wp3 > div:nth-child(2){
background: #CFECEA;
}
.examination .wp3 > div:nth-child(3){
background: #FFE9DB;
}
.examination .wp3 .pd{
padding: 24px 32px 0 24px;
}
.examination .wp4 {
background: url('../image/examination03.png') no-repeat center/1920px 520px;
height: 520px;
max-width: 1920px;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
}
.examination .wp4 > div{
padding: 60px 0 18px;
display: flex;
flex-direction: column;
align-items: center;
}
.examination .wp4 > div > p:first-child::after{
background: url('../image/examination_wp401.png') no-repeat bottom/24px 6px;
margin-bottom: 24px;
}
.examination .wp4 > div > p:nth-child(2), .examination .wp5 > p:nth-child(2){
font-size: 18px;
}
.examination .wp4 ul {
display: flex;
margin: 60px 0;
color: #666;
margin-right: -100px;
font-size: 18px;
}
.examination .wp4 ul li{
background: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
border-radius: 25px;
width: 220px;
height: 136px;
margin-right: 100px;
padding: 50px 0 40px;
}
.examination .wp5 {
padding: 60px 0 16px;
display: flex;
flex-direction: column;
align-items: center;
color: #525252;
}
.examination .wp5 > p:first-child::after{
margin-bottom: 24px;
}
.examination .wp5 ul {
margin: 60px 0;
display: flex;
align-items: center;
}
.examination .wp5 ul li img{
width: 248px;
}
\ No newline at end of file
ul {
margin-bottom: 20px !important
}
.template {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #f4f4f4;
padding-bottom: 148px;
color: #333;
margin-top: 54px;
}
.template-item-1,
.template-item-2 {
width: 1180px;
padding: 40px 0 0;
margin-bottom: -20px;
}
.title-style {
font-size: 24px;
margin-bottom: 20px
}
.card-item,
.card-item2 {
height: 300px;
width: 220px;
background-color: #ffff;
float: left;
border-radius: 8px;
text-align: center;
margin-right: 18px;
margin-bottom: 18px;
}
.template-item-2 .card-item {
text-align: left
}
.template-item-2 .card-item div {
margin: 0 14px !important
}
.template-item-2 .card-item h5 {
margin-left: 14px
}
.card-item:nth-child(6n) {
margin-right: 0
}
.card-item img {
width: 100%
}
.card-item h5 {
margin-bottom: 14px
}
.template-item .card-item div {
width: 180px;
}
.template-item-2 .card-item div {
width: 192px;
}
.card-item div {
text-overflow: ellipsis;
margin: 0 20px;
color: rgb(155, 155, 155);
text-align: justify;
}
.item-title {
font-size: 18px;
margin-bottom: 20px;
}
.item-title::before {
width: 4px;
height: 16px;
background-color: #3994FF;
content: "";
position: relative;
display: inline-block;
border-radius: 1px;
margin-right: 10px
}
.table-1,
.table-2,
.table-3 {
display: flex
}
.table-1 img {
width: 610px;
height: 310px;
margin-right: 20px
}
.table-3 img{
width: 580px;
height: 596px;
margin-right: 20px
}
.table-style {
width: 550px;
height: 310px;
table-layout: auto
}
.table-style tr th p,
td {
padding: 0 23px;
margin-bottom: 0
}
.table-style tr td p {
margin-bottom: 0;
padding: 0 23px
}
.table-style-2 tr th p,
td {
padding: 0 23px;
margin-bottom: 0
}
.table-style-2 tr td p {
margin-bottom: 0;
padding: 0 23px
}
th {
min-width: 105px;
width: 70%
}
td {
height: 46px;
border-top: 1px solid rgb(226, 226, 226)
}
tr {
height: 46px;
}
.table-2 img {
width: 475px;
height: 520px;
margin-right: 20px
}
tbody {
background-color: #ffff
}
.table-style-2 {
width: 685px;
table-layout: auto
}
.l-style,
.r-style {
position: absolute;
bottom: 0;
width: 32px;
height: 32px;
}
.l-style {
left: -10px;
background: url('../image/left-style-icon.png') no-repeat center/32px 32px
}
.l-style:hover {
background: url('../image/left-style-icon2.png') no-repeat center/32px 32px
}
.r-style {
right: -65px;
background: url('../image/right-style-icon.png') no-repeat center/32px 32px
}
.r-style:hover {
background: url('../image/right-style-icon2.png') no-repeat center/32px 32px
}
.li-style2,
.li-style {
width: 92px;
height: 40px;
border: 1px solid rgb(122, 122, 122);
border-radius: 6px;
margin-right: 16px;
text-align: center;
line-height: 40px;
color: #3d3d3d;
cursor: pointer;
display: inline-block
}
.li-style2:hover,
.li-style:hover {
background-color: #3994FF;
color: #f4f4f4;
border: 1px solid #f4f4f4
}
.change {
background-color: #3994FF;
color: #f4f4f4;
border: 1px solid #f4f4f4;
}
.nav-style {
float: right;
position: relative;
top: -20px;
left: -63px;
}
\ No newline at end of file
.template {
margin-top: 130px;
height: auto;
}
.card-item {
width: 100%;
height: 240px;
display: flex
}
.card-item>div {
margin: 30px auto;
width: 1060px;
height: 180px;
text-align: center;
display: flex;
}
.card-item>div>div {
height: 180px;
width: 160px;
border-radius: 16px;
display: inline-block;
color: #838383;
margin-right: 20px;
}
.card-item>div>div>p {
width: auto;
margin-top: -46px;
font-size: 14px
}
.card-item>div>div>img {
width: 100%;
}
.plate>img {
width: 100%;
height: auto;
}
.plate2 {
background: url("../image/高教产品中心.png") no-repeat center/1920px 680px;
width: 100%;
height: 680px;
display: table
}
.plate2>div {
width: 1150px;
margin: 0 auto;
height: 100%;
display: flex;
align-items: center;
justify-content: left;
}
.plate3 {
background: url("../image/解决方案.png") no-repeat center/1920px 680px;
width: 100%;
display: table
}
.plate3>div {
width: 1180px;
height: 477px;
margin: 0 auto;
/* background-color: aqua; */
margin-top: 130px;
display: flex
}
.card-GK {
width: 280px;
height: 373px;
margin-top: 40px;
margin: 40px 20px 64px 0;
border-radius: 8px;
background-color: rgb(255, 255, 255);
box-shadow: 9px 5px 14px rgba(221, 221, 221, 0.42);
padding: 14px;
transition: .2s;
-webkit-transition: .2s
}
.card-GK img {
width: 100%
}
.card-GK:nth-child(4) {
margin: 40px 0 64px 0;
}
.card-GK:hover {
margin-top: 0;
}
.card-GK span {
width: 240px;
height: 96px;
display: block;
font-size: 14px;
color: rgb(163, 163, 163);
line-height: 25px;
text-overflow: ellipsis;
}
.card1 {
width: 260px;
height: 244px;
background-color: rgb(255, 255, 255);
border-radius: 30px;
box-shadow: 9px 5px 14px rgba(221, 221, 221, 0.42);
padding: 30px;
margin: 75px 20px;
color: #838383;
font-size: 15px;
}
.card1:hover .icon {
background-color: rgb(255, 255, 255);
}
.card1:hover {
background-color: #3994FF;
color: rgb(255, 255, 255);
}
.icon {
width: 25px;
height: 10px;
background-color: #3994FF;
border-radius: 80px;
margin-right: 10px;
display: inline-block
}
.card1>h4>img {
margin-right: 10px
}
.plate4 {
width: 100%;
height: 794px;
text-align: center;
background-color: #F4F4F4;
}
.plate5 {
width: 100%;
height: auto;
text-align: center;
background-color: #F4F4F4;
display: flex
}
.plate5 span {
float: left;
}
.plate5 span p {
font-size: .28rem;
color: #ffff;
position: relative;
top: -2rem;
display: inline-block;
}
.plate5 span img {
width: 100%
}
.tab {
height: 794px;
background-color: #F4F4F4;
;
margin: 0 auto;
}
.tab-menu {
height: 294px;
width: 100%;
background-color: rgb(255, 255, 255);
}
.tab-menu li:first-child {
background: url('../image/anli-icon1.png') no-repeat center/80px 80px;
}
.tab-menu li:nth-child(2) {
background: url('../image/anli-icon2.png') no-repeat center/80px 80px;
}
.tab-menu li.cur:first-child {
background: url('../image/anli-icon3.png') no-repeat center/80px 80px;
}
.tab-menu li.cur:nth-child(2) {
background: url('../image/anli-icon4.png') no-repeat center/80px 80px;
}
.tab-menu li {
display: inline-block;
width: 80px;
height: 80px;
margin: 0 auto;
margin-right: 143px;
margin-bottom: 37px;
cursor: pointer;
}
.tab-menu p {
display: inline-block;
margin: 80px 0 47px 0;
font-size: 36px
}
.tab-menu li:nth-child(2) {
margin-right: 0;
}
.tab-menu li img {
width: 100%;
}
.tab-box {
width: 1060px;
height: 500px;
margin: 0 auto;
display: flex
}
.tab-box-1,
.tab-box-2 {
position: relative;
top: -32px
}
.tab-box-1 {
height: 380px;
margin: 60px 0;
}
.school-card {
width: 160px !important;
height: 180px !important;
float: left;
margin: 10px 20px 10px 0;
}
.school-card:nth-child(6n) {
margin-right: 0
}
.school-card img {
width: 160px !important;
height: 180px !important;
}
.school-card span {
margin-top: -40px;
display: block;
}
.tab-box-2 {
width: 250px;
height: 300px;
margin: 100px 0;
}
.brand-card {
float: left;
margin-right: 20px;
height: 300px;
width: 250px;
background-color: #ffff;
border-radius: 16px
}
.brand-card img {
height: 200px;
width: 200px;
margin: 25px 25px 75px 25px;
}
.brand-card p {
font-size: 22px;
margin-top: -50px
}
.brand-card:nth-child(4) {
margin-right: 0
}
.tab-box>div {
width: 100%;
display: none;
}
.tab-box>div:first-Child {
display: block;
height: 380px;
}
.tab-box-1::before,
.tab-box-2::before {
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 30px solid;
content: "";
position: relative;
width: 0;
color: #f4f4f4;
display: flex;
}
.tab-box-1::before {
bottom: 57px;
left: 386px;
}
.tab-box-2::before {
left: 615px;
bottom: 97px;
}
.l-style,
.r-style {
position: absolute;
top: 160px;
bottom: 0;
width: 40px;
height: 60px;
}
.l-style {
left: -65px;
background: url('../image/left-icon.png') no-repeat center/40px 60px
}
.l-style:hover {
background: url('../image/left-icon2.png') no-repeat center/40px 60px
}
.r-style {
right: -65px;
background: url('../image/right-icon2.png') no-repeat center/40px 60px
}
.r-style:hover {
background: url('../image/right-icon.png') no-repeat center/40px 60px
}
\ No newline at end of file
.mall{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #f4f4f4;
padding-bottom: 60px;
color: #333;
margin-top: 54px;
}
.mall > div {
width: 1180px;
display: flex;
flex-direction: row;
padding: 30px 0 30px;
}
.mall > div > div:first-child > img{
max-width: 580px;
max-height: 326px;
margin-right: 30px;
}
.mall > div > div:nth-child(2) {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.mall > div > div:nth-child(2) > div:first-child {
border-bottom: 1px solid #979797;
overflow: hidden;
padding: 10px 0 17px;
}
.mall > div > div:nth-child(2) > div:first-child > p:first-child{
font-size: 24px;
}
.mall > div > div:nth-child(2) > div:first-child > div:nth-child(2){
font-size: 14px;
margin-top: 20px;
}
.mall > div > div:nth-child(2) > div:first-child > div:nth-child(2) > p:nth-child(2){
color: #DD2A2A;
margin-top: 2px;
}
.mall .price{
font-size: 24px;
color: #FF6500;
float: right;
margin-top: 15px;
}
.mall .noPrice{
color: #AAAAAA;
font-size: 24px;
float: right;
margin-top: 15px;
}
.mall > div > div:nth-child(2) > div:nth-child(2) p:first-child {
font-size: 14px;
padding: 20px 0 16px;
}
.mall .icon{
display: flex;
}
.mall .icon a{
margin-right: 20px;
width: 50px;
height: 50px;
}
.mall .icon a:first-child{
background:url('../image/mall_01.png') left/50px 50px no-repeat;
}
.mall .icon a:first-child:hover{
background-image: url('../image/mall_01H.png');
}
.mall .icon a:nth-child(2){
background:url('../image/mall_02.png') left/50px 50px no-repeat;
}
.mall .icon a:nth-child(2):hover{
background-image: url('../image/mall_02H.png');
}
.mall .icon a:nth-child(3){
background:url('../image/mall_03.png') left/50px 50px no-repeat;
}
.mall .icon a:nth-child(3):hover{
background-image: url('../image/mall_03H.png');
}
\ No newline at end of file
body{
background: rgba(244, 244, 244, 1);
}
.news {
margin: 152px 0 60px;
}
.news > div{
width: 1180px;
margin: 0 auto 20px;
height: 203px;
background: #fff url('../image/news.jpg') no-repeat right/271px 203px;
}
.news > div:hover {
box-shadow: 0 0 12px rgba(0, 0, 0, .2);
}
.news > div > div{
width: 833px;
padding: 0 30px;
color: #666;
font-size: 16px;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.news > div > div:first-child {
font-size: 24px;
color: #333;
padding: 30px 30px 20px;
display: flex;
justify-content: space-between;
}
\ No newline at end of file
.producMenu {
width: 100%;
background: #fff;
position: absolute;
left: 0;
display: none;
justify-content: center;
font-size: 14px;
height: 240px;
line-height: 30px;
box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .1);
}
.producMenu > div{
display: flex;
margin-top: 45px;
width: 1180px;
}
.producMenu > div >div{
height: 150px;
}
.secondMenu >div a:hover > .producMenu{
display: flex;
font-weight: normal;
}
.producMenu > div > div:not(:first-child) {
border-left: 1px solid #979797;
}
.producMenu > div > div:nth-child(2){
display: flex;
padding: 0 40px;
}
.producMenu > div > div:nth-child(2) > div{
width: 150px;
display: flex;
flex-direction: column;
align-items: center;
height: 120px;
justify-content: space-between;
padding: 15px 0;
}
.producMenu > div > div:nth-child(2) > div:hover, .producMenu > div > div:nth-child(2) > .cur{
border: 1px solid #e5e5e5;
}
.pl40{
padding-left: 40px;
}
.product{
background: #f4f4f4;
width: 100%;
margin: 132px 0 60px;
padding-top: 20px;
padding-bottom: 75px;
}
.product > div{
width: 1180px;
margin: 0 auto;
overflow: hidden;
margin-top: 10px;
}
.product > div > div{
margin-right: -20px;
margin-bottom: -20px;
overflow: auto;
}
.product .box {
width: 280px;
height: 300px;
margin: 0 20px 20px 0;
float: left;
background: #fff;
border-radius: 4px;
}
.product .box >img{
width: 280px;
height: 210px;
}
.product .box > p{
line-height: 24px;
margin-left: 20px;
}
.product .box > p:nth-child(2){
color: #333;
font-weight: bold;
margin-top: 20px;
}
.product .box > p:nth-child(3){
color: #666;
}
.conditions p:hover, .conditions .cur{
color: #32BD24;
font-weight: normal;
}
\ No newline at end of file
.secondMenu{
width: 100%;
height: 78px;
left: 0;
color: #666666;
font-size: 16px;
background: #fff;
display:flex;
justify-content: center;
align-content: center;
position: fixed;
top: 54px;
z-index: 999;
}
.secondMenu > div{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #E2E2E2;
}
.secondMenu > div a{
color: #666;
text-decoration:none;
padding: 0 25px;
line-height: 78px;
}
.secondMenu > div a:hover, .secondMenu .cur{
color:#333333;
font-weight: bold;
}
\ No newline at end of file
.service {
margin: 132px 0 60px;
}
.service .banner{
background: url('../image/service_banner.png') no-repeat center/1920px;
color: #fff;
font-size: 16px;
height: 537px;
}
.service .banner > div:first-child{
padding: 90px 0 40px;
font-size: 36px;
}
.service .banner > div{
width: 1180px;
margin: 0 auto;
}
.service .banner > div > p {
margin-bottom: 20px;
line-height: 26px;
font-weight: 200;
}
.service .wp1 {
width: 1180px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
color: #4A4A4A;
font-size: 16px;
padding: 70px 0 80px;
}
.service .wp1 p:first-child {
font-size: 30px;
margin-bottom: 54px;
}
.service .wp1 > .tab {
display: flex;
width: 340px;
justify-content: space-between;
}
.service .wp1 > div:nth-child(2) > div {
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
}
.service .wp1 > div:nth-child(2) > div::before {
content:'';
width: 80px;
height: 80px;
}
.service .wp1 .tab1::before {
background: url('../image/service_wp101.png') no-repeat top/80px 80px;
}
.service .wp1 .tab2::before {
background: url('../image/service_wp102.png') no-repeat top/80px 80px;
}
.service .wp1 .tab1:hover::before, .service .wp1 .tab1.cur::before{
background: url('../image/service_wp103.png') no-repeat top/80px 80px;
}
.service .wp1 .tab2:hover::before, .service .wp1 .tab2.cur::before {
background: url('../image/service_wp104.png') no-repeat top/80px 80px;
}
.service .wp1 img {
width: 321px;
}
.service .wp1 .con1, .service .wp1 .con2 {
margin-top: 40px;
}
.service .wp1 .con2 {
display: none;
}
.service .wp1 .con2 p, .service .wp1 .con1 p {
text-align: center;
margin-top: 40px;
font-size: 16px;
color: #4A4A4A;
font-weight: 200;
}
.service .wp2 {
background: #F4F4F4;
color: #4A4A4A;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 70px;
}
.service .wp2 p:first-child{
font-size: 30px;
}
.service .wp2 p:nth-child(2) {
margin-top: 20px;
}
.service .wp2 > div {
font-size: 0;
text-align: center;
margin: 20px 0 70px -30px;
}
.service .wp2 img{
width: 321px;
margin-left: 30px;
margin-top: 33px;
}
.service .wp3 {
height: 626px;
background: url('../image/service_wp3bg.png') no-repeat center/100% 100%;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 80px;
}
.service .wp3 > p{
font-size: 30px;
}
.service .wp3 > div {
width: 940px;
display: flex;
justify-content: space-between;
}
.service .wp3 > div:nth-child(2) {
margin-top: 64px;
}
.service .wp3 > div:nth-child(2) > div:first-child {
border-radius: 5px;
background: rgba(255, 255, 255, .2);
padding: 40px;
height: 340px;
line-height: 25px;
font-size: 18px;
font-weight: 200;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.service .wp3 .left span {
font-size: 24px;
}
.service .wp3 > div:nth-child(2) > div:nth-child(2) {
line-height: 26px;
font-size: 16px;
font-weight: 200;
}
.service .wp4 {
display: flex;
flex-direction: column;
align-items: center;
padding: 70px 0;
font-size: 16px;
color: #4A4A4A;
}
.service .wp4 p:first-child {
font-size: 30px;
}
.service .wp4 p:nth-child(2) {
margin: 22px 0 32px;
}
.service .carousel-indicators .active {
width: 20px;
height: 10px;
background-color: #3994FF;
border-radius: 7.5px;
border: none;
}
.service .carousel-indicators li {
background: #fff;
border: none;
margin: 0 4px;
}
.service .glyphicon-chevron-left:before {
content: '';
width: 40px;
height: 60px;
background: url('../image/service_wp4_arrow.png') no-repeat center/100%;
}
.service .glyphicon-chevron-right:before {
transform:rotate(180deg);
content: '';
width: 40px;
height: 60px;
background: url('../image/service_wp4_arrow.png') no-repeat center/100%;
}
.service .carousel-control .glyphicon-chevron-left {
display: flex;
width: 40px;
height: 60px;
left: 0;
margin-left: 0;
}
.service .carousel-control .glyphicon-chevron-right {
display: flex;
width: 40px;
height: 60px;
right: 0;
margin-right: 0;
}
.service .carousel-control.left:hover .glyphicon-chevron-left:before {
transform:rotate(180deg);
background: url('../image/service_wp4_arrowH.png') no-repeat center/100%;
}
.service .carousel-control.right:hover .glyphicon-chevron-right:before {
transform:rotate(360deg);
background: url('../image/service_wp4_arrowH.png') no-repeat center/100%;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment