.container>.index_title h2{ font-size: 42px; color: #1E1E1E; } h2,h3,h4,h5,h6{ margin: 0; padding:0; } .supermap-plate h3{ font-size: 26px; font-weight: bold; color: #1E1E1E; line-height: 34px; } .supermap-plate h3 em{ display: block; } #index h4{ font-size: 22px; color: #4E4E4E; line-height: 24px; } .supermap-plate h4{ position: relative; padding-left: 24px; margin-bottom: 60px; } .supermap-plate h4:before{ position: absolute; content:''; width: 8px; height: 24px; background: #BF1F24; top: 0; left: 0; } .supermap-plate-1{ background: url(../img/plate1.jpg) no-repeat center; background-size: 100% 100%; padding: 50px 10px 50px 30px; /* margin-bottom: 20px; */ } .supermap-plate-1 .tec-cont em{ font-size: 26px; margin-right: 15px; vertical-align: middle; width: 34px; display: inline-block; } .supermap-plate-1 .tec-cont .tec-item:nth-child(5) em{ font-size: 30px; } .supermap-plate-1 .tec-item:nth-child(2) em,.supermap-plate-1 .tec-item:nth-child(6) em{ font-size: 32px; } .supermap-plate-1 .tec-item:nth-child(4) em{ font-size: 28px; } .tec-item{ margin-bottom: 25px; } .tec-item a{ font-size: 18px; color: #1E1E1E; display: inline-block; line-height: 36px; padding: 3px 15px 5px 4px; border: 1px solid transparent; } .tec-item a:hover{ color: #BF1F24; border: 1px solid #000000; } .tec-item a:hover .targetlink{ display: inline-block !important; opacity: 1; } .supermap-plate-2 h3,.supermap-plate-3 h3{ color: #ffffff; margin-bottom: 25px; } .supermap-plate-2,.supermap-plate-3{ padding: 30px 20px; color: #FFFFFF; height: 340px; } .supermap-plate-2{ background: url(../img/plate2.jpg) no-repeat center; background-size: 100% 100%; } .supermap-plate-3{ background: url(../img/plate3.jpg) no-repeat center; background-size: 100% 100%; position: relative; } .supermap-defense a:hover .icon-arrow-right{ right: 0px; } .supermap-plate-1 .tec-cont .tec-item:nth-child(5) em{ font-size: 30px; } .supermap-plate-1 .row .col-lg-5{ padding: 0; } .supermap-plate-1 .tec-item:nth-child(2) em,.supermap-plate-1 .tec-item:nth-child(6) em{ font-size: 32px; } .supermap-plate-1 .tec-item:nth-child(4) em{ font-size: 28px; } .product-plate{ padding: 0; } .product-plate .tec-cont .tec-item:nth-child(1) em{ font-size: 32px; } .product-plate .tec-item:nth-child(2) em,.supermap-plate-1 .tec-item:nth-child(6) em{ font-size: 32px; } .product-plate .tec-item:nth-child(4) em{ font-size: 28px; } .supermap-plate-2 a{ font-size: 18px; color: #FFFFFF; line-height: 42px; display: block; padding: 40px 13px 20px; text-align: center; box-shadow: 0 0 0 0.5px #FFFFFF; position:relative; -webkit-transition:all 500ms; transition: all 500ms; } .supermap-plate-2 em{ font-style: normal; position: absolute; top: 10px; right: 10px; width: 23px; height: 23px; background: #BF1F24; border-radius: 50%; color: #ffffff; line-height: 23px; text-align: center; opacity: 0; -webkit-transition:all 500ms; transition: all 500ms; } .supermap-plate-2 i{ font-size: 76px; -webkit-transition:all 500ms; transition: all 500ms; } .supermap-plate-2 a:hover{ color: #0E0E16; background: rgba(255,255,255,1); } .supermap-plate-2 a:hover i{ color: #BF1F24; } .supermap-plate-2 a:hover em{ opacity: 1; } .supermap-plate-2 .col-xs-20{ width: 20%; float: left; } .supermap-plate-2 p{ margin-top: 25px; } .product-line{ margin-right: 12px; } .pr0{ padding-right: 0; } .zhuanyong-line p{ font-size: 18px;line-height: 42px; } .zhuanyong-line p:nth-child(2){ opacity: 0.8; font-size: 14px; line-height: 24px; } .zhuanyong-line i{ position: absolute; bottom: -15px; right: 10px; font-size: 30px; transition-duration: .2s; } .card-item p{ background: transparent; transition: all 1s ;font-size: 24px; } .card-item2 p{ color: #ffffff; -webkit-transition: .4s; transition: .4s; font-size: 24px; } .card-item2 img { width: 100%; } .card-item2 { position: relative; margin-bottom: 30px; overflow: hidden; } .gissoftware .targetlink{ margin-left: 20px; } .gissoftware a:hover .text{ background: rgb(0 0 0 / 0.5); } .gissoftware a:hover .text p { -webkit-transform: translateY(-20px); transform: translateY(-20px); } .gissoftware a:hover .text span { -webkit-transform: translateY(-45px); transform: translateY(-45px); } .gissoftware .text span { color: #fff; font-size: 14px; z-index: 9; position: relative; display: block; height: 48px; -webkit-transition: .4s; transition: .4s; } .gissoftware .text { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; padding: 30px 30px 50px; -webkit-transition: .2s; transition: .2s; } .qiyeshuzihua .card-img{ background: #F7F7F7; text-align: center; padding:80px 50px; } .qiyeshuzihua .card-content { padding: 30px 20px; background:transparent; text-align: center; } .qiyeshuzihua .card-content em{ display: block; } .qiyeshuzihua .card-content .iconmore{ display: inline-block; width: 23px; height: 23px; background: #dddddd; border-radius: 50%; color: #ffffff; font-size: 18px; line-height: 23px; text-align: center; margin-left: 5px; transition: all 1s ; } .qiyeshuzihua .card-content h4{ font-size: 24px; color: #1E1E1E; margin-bottom: 20px; -webkit-transition: .1s; transition: .1s; } .qiyeshuzihua .card-content .category-name{ height: 42px; font-size: 16px; font-weight: 400; color: #6D6D6D; line-height: 24px; } .qiyeshuzihua .columns-card a:hover,.qiyeshuzihua .columns-card a:hover h4{ color:#BF1F24 ; } .qiyeshuzihua .columns-card a:hover .iconmore{ background: #BF1F24; } .margin-100{ margin-top: 100px; margin-bottom: 70px; } .margin-top-0{ margin-top: 0 !important; } .margin-bottom-100{ margin-bottom: 100px !important; } .qiyeshuzihua .card-img i{ font-size: 110px; -webkit-transition: .1s; transition: .1s; } .zhuanyong{ background: url(../img/zhuanyong.jpg) no-repeat center; background-size: 100% 100%; padding: 50px 80px; } .zhuanyong .zy-content{ background: transparent; border-bottom: 1px solid; border-image: linear-gradient(to right, rgb(255 255 255 / 0.5), rgb(255 255 255 / 0)) 1; width: 300px; padding: 4px 0 20px; } .zhuanyong .row>div:last-child .zy-content{ border: none; } .zhuanyong h4{ color: #ffffff; font-size: 20px; line-height: 32px; height: 34px; -webkit-transition: .2s; transition: .2s; } .zhuanyong .zy-content .category-desc{ font-size: 14px; color: #FFFFFF; opacity: 0.5; line-height: 1.5; } .transformimg img { transition: transform 1s cubic-bezier(.23, 1, .32, 1); } .transformimg:hover img { transform: scale(1.05); } @media (max-width: 768px){ .container>.index_title h2 { font-size: 24px; } .container>.index_title h2 a{ position: initial; } .supermap-plate h3 { font-size: 20px; line-height: 28px; } .margin-100{ margin-top: 30px; margin-bottom: 20px; } .margin-bottom-100{ margin-bottom: 30px !important; } .supermap-plate h3 em{ display: inline; } .supermap-plate-2 p{ margin-top: 0px; } h4 { font-size: 18px; line-height: 20px; } .supermap-plate-1{ padding: 30px 20px; } .supermap-plate h4 { position: relative; padding-left: 18px; margin:30px 0 20px; } .supermap-plate h4:before { width: 6px; height: 18px; } .index_news_ul{ font-size: 16px; } .tec-item a{ font-size: 16px; position: relative; width: 100%; } .targetlink{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .product-plate{ padding-right: 15px; padding-left: 15px; } .supermap-plate-2 .col-xs-20 { width: 33%; float: left; padding: 0; } .supermap-plate-1 .tec-item:last-child{ margin-bottom: 0; } .tec-item{ margin-bottom: 8px; } .supermap-plate-2 a{ padding: 15px 10px 15px; margin-bottom: 10px; } .supermap-plate-2 a:hover em { display: none; } .supermap-plate-2{ margin-bottom: 20px; } .supermap-plate-2 p{ font-size: 14px; line-height: 20px; } .supermap-plate-2 i { font-size: 40px; } .zhuanyong-line p{ line-height: 30px; } .supermap-plate-2 h3, .supermap-plate-3 h3 { margin-bottom: 15px; } .tec-item a:hover { border: 1px solid transparent; } .gissoftware .transformimg{ height: 240px; } .gissoftware .text{ opacity: 0.85; padding: 10px;background: rgb(0 0 0 / 0.5); } .qiyeshuzihua .card-img{ padding: 30px 50px; } .qiyeshuzihua .card-img i{ font-size: 60px; } .qiyeshuzihua .card-content .iconmore{ display: inline-block; width: 20px; height: 20px; line-height: 20px; font-size: 14px; } .qiyeshuzihua .card-content h4{ font-size: 16px; margin-bottom: 10px; } .columns-card .qiyeshuzihua .card-content { padding: 15px } .qiyeshuzihua .card-content .category-name{ font-size: 14px; } .qiyeshuzihua .card-content em{ display: inline-block; } .qiyeshuzihua .card-content { padding: 20px 10px; } .qiyeshuzihua .col-xs-6:nth-child(2n){ padding-left: 7px; } .qiyeshuzihua .col-xs-6:nth-child(2n-1){ padding-right: 7px; } .zhuanyong{ padding: 30px 15px 170px; background: url(../img/zhuanyong_mob.jpg) no-repeat center; background-size: 100% 100%; } .zhuanyong h4{ font-size: 16px; line-height: 22px; height: auto; } .zhuanyong .columns-card { margin-bottom: 10px; } .zhuanyong .zy-content { padding: 0px 0 10px; } .zhuanyong .zy-content .category-desc{ font-size: 14px; } .card-item2 p{ font-size: 16px; margin: 0px 0 6px; } .gissoftware .text span{ font-size: 14px; } } @media (min-width: 768px){ .qiyeshuzihua .card-content h4{ font-size: 20px; } .zhuanyong-line p{ font-size: 16px; line-height: 30px; margin: 0; } .zhuanyong-line p:nth-child(2){ font-size: 13px; } .supermap-plate-2 .col-xs-12{ padding: 0; } .supermap-plate-2 p{ margin-top: 0; font-size: 14px; } .supermap-plate-2 i{ font-size:45px; } .supermap-plate h3 em{ display: inline; } .supermap-plate h4{ margin: 30px 0 50px 0 ; } .gissoftware .text{ bottom: -45px; } .index_news_ul li{ padding-top: 32px; } .zhuanyong .targetlink{ margin-left: 10px; } .supermap-plate-1 .targetlink { font-size: 30px; margin-left: 10px; vertical-align: sub; -webkit-transition:opacity .1s; transition:opacity .1s; opacity: 0; } .AppCase li .picImg1 .text.text2 { bottom: 0px; } .supermap-plate-1 .tec-cont em{ margin-right: 5px; } .qiyeshuzihua .card-content .category-name{ font-size: 14px; } } @media (min-width: 1200px) { .qiyeshuzihua .card-content h4{ font-size: 24px; } .zhuanyong-line p:nth-child(2){ font-size: 14px; } .zhuanyong-line p{ font-size: 18px; line-height: 42px; } .supermap-plate-2 p{ margin-top: 25px; font-size: 18px; } .supermap-plate-2 i{ font-size:75px; } .supermap-plate h4{ margin: 0 0 60px 0 ; } .supermap-plate h3 em{ display: block; } .tec-item a{ font-size: 15px; } .supermap-plate-2 i { font-size: 55px; } .supermap-plate h4{ margin-bottom: 40px; } .supermap-plate-2 .col-xs-20{ padding: 0; } .zhuanyong-line p{ line-height: 20px; } .zhuanyong-line p:first-child{ margin-top: 0; } } @media (min-width: 1400px) { .qiyeshuzihua .card-content .category-name { font-size: 16px; } .tec-item a { font-size: 18px; } .supermap-plate-2 i { font-size: 76px; } .zhuanyong-line p { line-height: 42px; } .zhuanyong-line p:first-child { margin-top: 10px; } .supermap-plate-1 .tec-cont em { margin-right: 10px; } }