.top-banner {
height: 156px;
background-color: #000;
overflow: hidden;
}
.top-banner .mains {
width: 1350px;
margin: 0 auto;
}
.top-banner .logo-a {
margin-top: 47px;
}
.top-banner .logo-a p {
font-size: 15px;
color: #fff;
font-weight: 700;
letter-spacing: 3px;
line-height: 28px;
}
.top-banner .top-right {
margin-top: 47px;
}
.top-banner .top-right ul li {
float: left;
padding: 0 24px;
}
.top-banner .top-right ul li a {
color: #fff;
font-size: 22px;
display: block;
text-align: center;
letter-spacing: 3px;
}
.top-banner .top-right ul li a p {
font-size: 12px;
line-height: 24px;
letter-spacing: 0;
color: #fff;
}
.top-banner .top-right .yellow-line {
width: 100%;
height: 1px;
background-color: #f1b509;
}
.index-more{
width: 377px;
height: 74px;
line-height: 74px;
text-align: center;
font-size: 22px;
background: url("../images/more-bg.jpg") no-repeat center;
display: block;
margin:70px auto;
color: #fff!important;
letter-spacing: 1px;
}
.index-title{
text-align: center;
margin-top: 83px;
}
.index-title div{
width: 599px;
height: 120px;
margin:0 auto;
text-align: center;
line-height: 97px;
font-size: 80px;
letter-spacing: 12px;
position: relative;
color: #000;
}
.index-title .index-title-p2{
text-align: center;
font-size: 22px;
line-height: 70px;
color: #fed139;
letter-spacing: 2px;
}
.index-title .index-title-p3{
width: 734px;
height: 84px;
background: url("../images/index-bg2.png") no-repeat center;
line-height: 84px;
color: #333;
font-size: 26px;
margin:0 auto;
letter-spacing: 7px;
white-space: nowrap;
}
.index-product-list{
margin-top: 88px;
}
.index-product-list ul{
margin-right: -20px;
}
.index-product-list ul li{
float: left;
width: 325px;
margin-right: 16px;
margin-bottom: 90px;
}
.index-product-list ul li a{
display: block;
}
.index-product-list ul li a:hover div{
border: 1px solid #fed139;
}
.index-product-list ul li a p{
display: block;
height: 54px;
line-height: 54px;
text-align: center;
background-color: #fed139;
padding:0 10px;
color: #333;
margin-top: 28px;
font-size: 20px;
letter-spacing: 6px;
font-weight: 700;
}
.index-product-list ul li a div{
width: 325px;
height: 215px;
}
.index-product-list ul li a div img{
width: 100%;
display: block;
height: 100%;
}
.slide-box{
position: relative;
}
.index-search{
height: 80px;
line-height: 80px;
position: absolute;
background-color: #fff;
left:0;
right: 0;
bottom: 0;
padding:0 20px;
}
.index-search .search-left{
width: 940px;
font-size: 23px;
color: #000;
}
.index-search .search-left a{
color: #f3b40a;
width: 26%;
float: left;
}
input::-webkit-input-placeholder{
color: #fff;
letter-spacing: 3px;
}
.search-right{
width: 340px;
height: 50px;
position: relative;
margin-top: 15px;
}
.search-right input{
display: block;
width: 100%;
height: 100%;
background-color: #000;
border-radius: 8px;
overflow: hidden;
line-height: 50px;
padding:0 52px 0 10px;
color: #fff;
font-size: 20px;
}
.search-right a{
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
font-size: 23px;
color: #fff;
text-align: center;
line-height: 50px;
}
.index-company {
height: 753px;
background: url("../images/mdb.jpg") no-repeat;
overflow: hidden;
}
.index-company .mains {
width: 1720px;
margin: 0 auto;
margin-top: 104px;
}
.index-company .mains .index-company-left {
width: 1090px;
height: 537px;
background-color: #fff;
}
.index-company .mains .index-company-left .ps {
width: 490px;
float: right;
padding-left: 40px;
padding-right: 40px;
}
.index-company .mains .index-company-left .ps p {
text-align: justify;
}
.index-company .mains .index-company-left .ps p:nth-child(1) {
font-size: 28px;
font-weight: 700;
line-height: 48px;
margin-top: 38px;
}
.index-company .mains .index-company-left .ps p:nth-child(2) {
color: #f3b40a;
line-height: 30px;
padding-bottom: 20px;
border-bottom: 2px dashed #b5b5b5;
}
.index-company .mains .index-company-left .ps p:nth-child(3) {
margin-top: 22px;
line-height: 30px;
font-size: 16px;
letter-spacing: 2px;
font-weight: 700;
}
.index-company .mains .index-company-left .ps p:nth-child(4) {
line-height: 30px;
font-size: 16px;
text-indent: 2em;
letter-spacing: 2px;
font-weight: 700;
}
.index-company .mains .index-company-left .ps a {
display: block;
width: 90px;
height: 30px;
border: 1px solid #f4b91a;
text-align: center;
line-height: 30px;
font-size: 14px;
text-decoration: none;
margin-top: 20px;
}
.index-client-box{
height: 596px;
background-color: #f9c619;
padding-left: 69px;
margin-top: 56px;
}
.index-client-box-left{
width: 608px;
}
.index-client-box-left ul{
margin-top: 30px;
}
.index-client-box-left ul li{
margin-bottom: 20px;
}
.index-client-box-left ul li .index-client-date{
width: 85px;
height: 56px;
background: url("../images/index-news-bg.png") no-repeat center;
position: relative;
}
.index-client-box-left ul li .index-client-date span{
position: absolute;
font-size: 14px;
color: #fff;
}
.index-client-box-left ul li .index-client-date span:nth-child(1){
left:10px;
top: 10px;
}
.index-client-box-left ul li .index-client-date span:nth-child(2){
bottom: 6px;
right: 10px;
}
.index-client-box-left ul li .index-client-txt{
font-size: 21px;
color: #000;
letter-spacing: 6px;
margin-left: 20px;
width: 80%;
line-height: 56px;
}
.index-client-box-left ul li .index-client-txt a{
color: #000;
}
.index-server {
height: 690px;
background: url('../images/index-bg3.jpg') no-repeat;
margin-top: 67px;
}
.index-server .index-server-box {
height: 100%;
overflow: hidden;
}
.index-server .index-server-box p {
text-align: center;
}
.index-server .index-server-box .p1 {
font-size: 40px;
color: #fff;
line-height: 78px;
letter-spacing: 6px;
margin-top: 17px;
}
.index-server .index-server-box .p2 {
font-size: 19px;
color: #fff;
line-height: 44px;
font-weight: 700;
letter-spacing: 3px;
}
.index-server .index-server-box ul li {
float: left;
width: 230px;
margin-right: 140px;
text-align: center;
}
.index-server .index-server-box ul li:nth-last-child(1) {
margin-right: 0;
}
.index-server .index-server-box ul li p {
color: #fff;
}
.index-server .index-server-box ul li .p3 {
font-size: 28px;
margin: 40px 0;
}
.index-server .index-server-box ul li .p4 {
line-height: 32px;
padding: 0 20px;
text-align: justify;
letter-spacing: 3px;
}
.index-news-top{
height: 623px;
border: 3px solid #000;
position: relative;
margin-top: 50px;
}
.index-news-top img{
position: absolute;
left:-3px;
top: -3px;
}
.index-news-top-ps{
margin-left: 780px;
padding-right: 50px;
}
.index-news-top-ps p:nth-child(1){
font-size: 32px;
color: #000;
margin-top: 55px;
}
.index-news-top-ps p:nth-child(2){
font-size: 22px;
line-height: 43px;
margin-top: 25px;
text-align: justify;
text-indent: 2em;
letter-spacing: 1px;
color: #000;
}
.index-news-top-ps p:nth-child(3){
margin-top:32px;
}
.index-news-top-ps p:nth-child(3) a{
width: 185px;
height: 47px;
border: 1px solid #000;
text-align: center;
line-height: 47px;
font-size: 21px;
letter-spacing: 1px;
display: block;
}
.index-news-list{
margin-top: 45px;
}
.index-news-list ul li{
margin-bottom: 40px;
}
.index-news-list ul li .index-news-date{
width: 162px;
height: 182px;
float: left;
text-align: center;
}
.index-news-list ul li .index-news-date p:nth-child(1){
height: 105px;
line-height: 105px;
background-color: #f9c619;
font-size: 38px;
}
.index-news-list ul li .index-news-date p:nth-child(2){
height: 77px;
line-height: 77px;
font-size: 25px;
color: #fff;
background-color: #000;
}
.index-news-ps{
margin-left: 200px;
}
.index-news-ps p:nth-child(1){
font-size: 34px;
line-height: 60px;
}
.index-news-ps p:nth-child(2){
font-size: 20px;
line-height: 37px;
height: 74px;
}
.index-news-ps p:nth-child(3){
margin-top: 4px;
}
.index-news-ps p:nth-child(3) a{
display: block;
width: 146px;
height: 43px;
background-color: #000;
text-align: center;
line-height: 43px;
color: #fff;
font-size: 23px;
}
.index-banner2{
height: 467px;
background: url("../images/index-bg4.jpg") no-repeat center;
overflow: hidden;
}
.index-banner2 ul{
margin-top: 110px;
}
.index-banner2 ul li{
text-align: center;
float: left;
color: #fff;
width: 25%;
}
.index-banner2 ul li a{
color: #fff;
display: block;
}
.index-banner2 ul li p:nth-child(1){
font-size: 120px;
border-bottom: 1px solid #fff;
width: 162px;
margin:0 auto;
}
.index-banner2 ul li p:nth-child(2){
font-size: 26px;
line-height: 66px;
}
.modal-dialog {
width: 883px;
height: 600px!important;
margin: 140px auto 0;
}
.modal-header {
padding: 13px;
}
.modal-content {
border-radius: 0;
}
.modal-body {
height: 546px;
padding: 0;
}
.video-js {
width: 100%!important;
height: 100%!important;
}
.modal-body video {
display: block;
margin: 0 auto;
width: 100%;
}
.footer {
margin-top: 50px;
}
.footer-top{
height: 308px;
background-color: #000;
}
.footer .footer-left{
margin-top: 78px;
}
.footer .footer-left ul{
width: 1000px;
}
.footer .footer-left ul li {
float: left;
width: 430px;
font-size: 24px;
margin-bottom: 52px;
color: #fff;
letter-spacing: 1px;
}
.footer .footer-left ul li span {
font-size: 24px;
}
.footer .footer-right {
width:350px;
text-align: center;
margin-top: 20px;
}
.footer .footer-right p {
font-size: 21px;
line-height: 56px;
color: #fff;
}
.footer .footer-line {
line-height: 90px;
background-color: #000;
text-align: left;
font-size: 16px;
letter-spacing: 2px;
color:#fff;
}
.bread {
line-height: 35px;
background-color: #aaabad;
}