html,body{
background: #fff;
}
body{
padding-top: 140px;
}
.btn-danger{
background-color: #f6676f !important;
}
.info{
margin-right:528px;padding:188px 0px 9px 0px;font-size:14px;text-align:justify;white-space:normal;line-height: 2.3;
}
.more {border:solid 1px white;width:10%;}
.navbar{
background: #ffffff;
color: #fff;
height: 130px;
/* padding: 8px 0;*/
display: grid;
}
.navbar .navbar-title {
height: 30px;
width: 100%;
display: inline-flex;
background-color: #333;
}
.navbar-title .container >h5 {
color: #969495;
display: inline;
}
.fr >a
{
color: #969495;
font-size: 12px;
}
.first {
margin-left: 0px !important;
padding-left: 0px !important;
}
.list-unstyled li:first-child {
margin-left: 0px !important;
padding-left: 0px !important;
}
.nav-tabs > li > a
{
font-size: 12px;
font-weight:bold ;
color :#969495;
}
.nav-tabs > li > a
{
font-size: 15px;
font-weight:inherit ;
color :#969495;
}
.li-boby
{
line-height: 54px;
background: #eee;
text-align: center;
list-style-type: none;
border: solid 1px #ffffff;
}
.li_active
{
background: #bc222a;
line-height: 60px;
}
.li_active > a
{
color: #f5f5f5;
font-size: large
}
#navbar-collapse .phone {
font-size: 16px;
margin-top: 15px;
}
#navbar-collapse .phone h3{
margin:4px 0;
color:#fff;
}
.navbar-nav > li > a {
font-size: 15px;
line-height: 100px;
color: #141414 !important;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
background-color: inherit;
}
@media screen and (min-width: 1600px) {
#index-focus .item .carousel-img {
width:1920px;height: 545px !important;
}
}
#service-bk,#case-bk{
background: url(https://dmt-1302798073.cos.ap-guangzhou.myqcloud.com/3d855be6a98c8c01cb80b6b872fb8b13.jpg) no-repeat 0px 46px;
padding-bottom: 25px;
padding-top: 40px;
}
#service-bkk,#case-bkk{
background: url(https://dmt-1302798073.cos.ap-guangzhou.myqcloud.com/63680a813eb00f26f567bb2bd94dcd9f.jpg) no-repeat 0px 28px;
padding-bottom: 25px;
padding-top: 40px;
}
#feature-bk,#process-bk,#news-bk{
padding: 20px 0;
margin-bottom: -22px;
}
#feature-bk h3 {
margin-bottom: 40px;
}
#feature-bk p{
font-size: 14px;
}
#features-list {
margin-top: 30px;
}
#features-list li{
margin-left: 30px;
float: left;
width: 23%;
}
#service-bk h4{
margin:20px 0;
}
.img-wrapper {
text-align: center;
}
#service-bkk h4{
margin:20px 0;
}
.img-wrapper:hover {
transform: scale(1.1);
box-shadow: 7px 8px 11px#888888;
}
.image-box:hover{
transform: scale(1.1);
box-shadow: 7px 8px 11px#888888;
}
.img-wrapper {
transition: transform 0.5s ease;
text-align: center;
}
.img-info {
text-align: center;
margin: 13px 20px -5px -8px;
}
.breadcrumb > li + li:before{
content:">";
padding:0 5px;
color:#333;
}
.image-box {
background: #fff;
box-shadow: -7px 8px 11px #888888;
border-radius: 8px;
padding: 5px 20px 5px;
margin: 15px 0;
transition: transform 0.5s ease;
}
.title {
font-size: 15px;
margin: 13px 0 6px;
}
.case-left{
width:35%;
}
.case-center{
width: 30%;
}
.case-right{
width:35%;
}
#case-bk img{
width:100%;
}
.case-box{
display: -webkit-flex; /* Safari */
display: flex;
flex-wrap: nowrap;
align-items:stretch;
background: #FFF;
margin: 2px 0;
}
.items-v-wrapper{
display: flex;
flex-direction: column;
height: 100%;
}
.item-v{
height: 50%;
width:100%;
color: #eee;
position: relative;
}
.red{
background: #de9090;
border-bottom: 1px solid #eee;
}
.green{
background: #47c889;
border-top: 1px solid #eee;
}
.item-icon{
width:45px !important;
}
.item-content-wrapper {
/* margin: 30px 0; */
text-align: center;
font-size: 1.3em;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-around;
}
.left-triangle {
width: 0;
height: 0;
border: 10px solid;
border-color: transparent #de9090 transparent transparent;
position: absolute;
left: -20px;
top: 40%;
z-index: 99;
}
.right-triangle {
width: 0;
height: 0;
border: 10px solid;
border-color: transparent transparent transparent #47c889;
position: absolute;
right: -20px;
top: 40%;
z-index: 99;
}
.items-h-wrapper{
display: flex;
height: 100%;
}
.item-h{
height: 100%;
width: 50%;
color: #eee;
position: relative;
}
.orange{
background: #e88f7b;
border-right: 1px solid #eee;
}
.blue{
background: #709bd2;
border-left: 1px solid #eee;
}
.h-left-triangle {
width: 0;
height: 0;
border: 10px solid;
border-color: transparent #e88f7b transparent transparent;
position: absolute;
left: -20px;
top: 50%;
z-index: 99;
}
.h-right-triangle {
width: 0;
height: 0;
border: 10px solid;
border-color: transparent transparent transparent #709bd2;
position: absolute;
right: -20px;
top: 50%;
z-index: 99;
}
.item-h h3{
margin:40px auto;
}
#news-bk .nav-tabs{
border: 0;
margin-bottom: 10px;
}
#feature-bk .nav-tabs{
border: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #555555;
border-bottom-color: transparent;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1.5px solid #f6676f;
cursor: default;
}
.tech-item {
min-height: 170px;
max-width: 460px;
}
.qa-list{
}
.qa-list li,.news-list li,.hot-news-list li {
position: relative;
padding-left: 0px;
height: 31px;
line-height: 31px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*.qa-list li::before,.news-list li::before,.hot-news-list li::before {
position: absolute;
top: 12px;
left: 0;
content: '';
background: url(../img/d.jpg) no-repeat;
display: inline-block;
width: 4px;
height: 4px;
}
*/
.news-title {
font-size: 16px;
font-weight: bold;
color: #333;
margin-left: 10px;
margin-top: 6px;
margin-right: 20px;
}
.news-title::before {
margin-top: 8px;
width: 5px;
background: #bc2129;
height: 16px;
content: ' ';
display: inline-block;
position: absolute;
/* top: 0; */
left: -1px;
}
.breadcrumb-title::before {
margin-top: 10px;
width: 5px;
background: #bc2129;
height: 14px;
content: ' ';
display: inline-block;
position: inherit;
/* top: 0; */
}
.news-list li:first-child{
font-weight: 600;
font-size: 1.2em;
}
footer{
background: #bb2129;
}
#floatbtn{
display: none;
}
.sidebar-wrapper{
width: 170px;
height: auto;
position: fixed;
top: auto;
right: 60px;
bottom: 10px;
left: auto;
z-index: 80;
}
.sidebar-title {
background: #f6676f;
height: 60px;
color: #eee;
text-align: center;
line-height: 16px;
font-size: 15px;
padding: 10px 0;
}
.sidebar-title p{
margin: 0 0 6px 0;
}
.sidebar-wrapper {
background: #ffff;
border: 1px solid #fcfcfc;
}
.sidebar-wrapper > a{
background-color: #fff !important;
}
.sidebar-item {
margin: 10px auto;
width: 140px;
}
.sidebar-btn{
padding: 10px 34px 10px 10px;
background: #f5f5f5;
color: #666;
font-size: 12px;
text-align: right;
border-radius: 8px;
position:relative;
}
.qrcode {
margin: 10px auto;
width: 115px;
}
.btn-submit{
background: #6ac4d2;
border: 0;
min-width: 120px;
width: 100%;
color: #fff;
padding: 10px;
font-size: 16px;
}
.ta-concat{
width: 100%;
background: rgb(245, 245, 245) none repeat scroll 0% 0%;
border: 0px none;
text-align: center;
font-size: 12px;
padding: 10px 0 0;
}
.case-title {
background: rgba(0, 0, 0, 0.3);
padding: 10px;
bottom: 0;
text-shadow: none;
text-align: left;
font-size: 1.1em;
}
.case-wrapper{
position: relative;
}
#news-focus{
margin: 5px 0;
margin-right: -20px;
}
.item-v a{
display: block;
}
.article-list .media .media-left {
width: 33.3%;
}
.article-list .article-intro {
height: 96px;
line-height: 24px;
margin: 15px 0;
-webkit-line-clamp: 4;
}
.gallery-article .media {
margin-top:0;
}
/*.hot-article .panel-title::before {
width: 8px;
background: #e356c4;
height: 20px;
content: ' ';
display: inline-block;
position: absolute;
left: -10px;
}*/
.hot-article .panel-title {
line-height: 20px;
height: 1px;
font-weight: 600;
font-size: 1.4em;
margin-left: -2px;
}
.hot-tags .nav-tabs li.active a{
color: #e356c4;
}
.pl-0 .article-tag{
padding-right: 0 !important;
}
#content-container{
margin-top:-10px;
}
aside{
margin-top:5px;
}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
background-image: none !important;
}
.bdshare-button-style0-16::after {
display: inline-block !important;
}
#news-footer{
background-color: #eeeeee;
border-top: 4px solid #eeeeee;
}
.footer-nav .nav-item{
float: left;
}
.footer-nav .nav-item {
float: left;
width: 14%;
border-right: 1px solid #bebebe;
margin: 40px 0;
text-align: center;
}
.footer-nav .nav-item li{
line-height: 32px;
}
.footer-nav .nav-item li:first-child{
font-size: 1.3em;
font-weight: 500;
}
.footer-nav .nav-item li a{
color: #717879;
}
.footer-nav .qrcode{
width: 16%;
margin: 40px 0;
padding: 0 35px;
}
@media screen and (max-width:768px) {
body {
padding-top: 51px;
}
.navbar {
height: 51px;
margin-bottom: 0px;
}
.navbar-brand {
padding: 0px 15px;
}
.navbar-brand > img {
display: block;
width: 140px;
}
.navbar-nav > li > a {
line-height: 30px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
background-color: #f3f3f3;
border-color: #f3f3f3;
}
.navbar-toggle{
background-color: #ffffff !important;
border-color: #ffffff !important;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #0084ff;
}
#index-focus .item .carousel-img {
height: 200px !important;
}
.news-title {
font-size: 13px;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px;
font-size: 13px;
}
.phone{
display: none;
}
.navbar-hearder-first
{
margin: 0 !important;
padding: 0 !important;
}
.navbar-title
{
display: none !important;
}
.display_none
{
display: none !important;
}
#features-list li{
margin-left: 0;
float: none;
width: 100%;
}
.navbar-inverse .navbar-nav > li > a {
color: #333; !important;
font-size: 13px;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
max-height: 800px!important;
}
.swiper-container ,.index-focus {
height: 210px;
overflow: hidden;
}
.index-focus >img{
width: 100%;
height: 100%;
object-fit: cover;
}
.info{
margin-right:0px !important;
line-height: unset;
font-size: 12px;
}
.info >font >h2{
font-size: 20px;
text-align: center;
}
.img-wrapper >a > .img-responsive{
display:inline;
}
.more{
width: 100px;
}
#news-footer{
display: none;
}
}
@media screen and (min-width:768px) and (max-width:992px) {
body {
padding-top: 120px;
}
.navbar {
height: 120px;
}
.navbar-header {
width: 120px;
margin-top: 10px;
}
.navbar-brand > img {
display: block;
width: 120px;
}
.navbar-nav > li > a {
padding-top: 10px;
font-size: 16px;
line-height: 60px;
padding:10px 5px;
}
.phone{
display: none;
}
#index-focus .item .carousel-img {
height: 400px !important;
}
.image-box img,.tech-item{
margin:5px auto;
}
}