﻿/*�ֲ�ͼ*/
.slideBox{width: 100%; min-width:1000px; overflow:hidden; position:relative; text-align: center; }
.slideBox .bd{ position:relative; z-index:0;width:100%;height: 100%;}
.slideBox .bd ul{width:100% !important}
.slideBox .bd li{width:100% !important; zoom:1; vertical-align:middle;  z-index: 1;}
.slideBox .bd li img{width:100%;height: 100%;}
.slideBox .bd li a{ display:block; width:100%; height:100%;}
.slideBox .hd{position: absolute; z-index: 20; left: 50%;transform: translateX(-50%);bottom: 10px;}
.slideBox .hd  li{display: inline-block;width: 12px;height: 12px;line-height: 12px;border-radius: 50%;background: #999; margin-right: 5px;
    opacity: 0.8; border: 1px solid #fff; cursor: pointer;font-size: 4px;color: #999;}
.slideBox .hd  li.on{background-color: #fff; color: #fff;}
/* 关于星灵 */
.indexPart1{ background: #fafafa url(../images/nimg970Bg.png) left bottom no-repeat; background-size: 970px; padding-top: 86px; height: 700px;}
.indexPart1 .wal { max-width: 1200px;  margin: 0 auto; display: flex;}
.indexPart1 .title1{font-weight: bold; font-size: 48px;  line-height: 48px; text-transform: uppercase;color: #0075cf;}
.indexPart1 .title2{ font-size: 30px; line-height: 30px; color: #1e1e1e;  padding-top: 12px;}
.indexPart1 .leftDiv{ width: 36%; padding-top: 128px; }
/* .indexPart1 .leftDiv{ width: 615px; padding-top: 128px; } */
.indexPart1 .content{ font-size: 13px; color: #6e6e6e; padding-top: 65px; line-height: 36px; }
.indexPart1 .btnDiv{ padding-top: 90px; }
.indexPart1 .btnDiv a{ font-weight: bold; position: relative; font-size: 12px; color: #fff; text-indent: 24px; display: block; width: 162px; height: 44px; line-height: 44px; background: #0075cf; }
.indexPart1 .btnDiv a:after{ content: ''; position: absolute; right: 25px; top: 14px; width: 40px; height: 9px; background: url(../images/nimg40_1.png) no-repeat; background-size: 40px;}

.indexPart1 .midDiv{ width:14.4%; padding-left: 13%;}
/* .indexPart1 .midDiv{ width: 245px; padding-left: 220px;} */
.indexPart1 .numList{ padding-top: 128px; }
.indexPart1 .numList li{ padding-bottom: 56px; }
.indexPart1 .numList li .ico img{ width: 39px; }
.indexPart1 .numList li .num{ color: #3a3a3a; padding-top: 10px; }
.indexPart1 .numList li .num b{ display: inline-block; color: #1c1c1c; font-size: 26px; padding-right: 5px; }
.indexPart1 .numList li .num em{ font-size: 12px; padding-top: 8px; display: inline-block; background: url(../images/nimg7_1.png) left top no-repeat; }
.indexPart1 .numList li .msg{ font-size: 12px; color: #949494;}

/* .indexPart1 .rightDiv{ width: 620px; height: 700px; background: #0086d6; display: flex;} */
.indexPart1 .rightDiv{ width: 36%; height: 700px; background: #0075cf; display: flex;}
.indexPart1 .imgDiv{ width:78.7%;height: 100%;}
.indexPart1 .imgDiv img{ width:100%;height: 100%;}
.indexPart1 .mxfDiv{ width:21.3%;height: 700px; position: relative; }
/* .indexPart1 .imgDiv img{ width: 488px; }
.indexPart1 .mxfDiv{ width: 132px; height: 700px; position: relative; } */
.indexPart1 .mxfDiv .lg{ text-align: right; padding: 45px 32px 0 0; }
.indexPart1 .mxfDiv .more{ z-index: 1; position: absolute; right: 0px; bottom: 0px; width: 100%; height: 130px; background: #0075cf; text-align: center; line-height: 130px; }
.indexPart1 .mxfDiv .more img{ width: 39px; }

/* 产品中心 */
.toptitle{margin: auto 0;width: 100%;}
.title{margin-top: 10px; font-size:32px;width: 100%;text-align: center;}
.eng{margin-top: 10px;  width: 100%;text-align: center;color: rgb(170, 170, 170);}
.toptitle a{margin: 10px auto;display: inline-block; width: 100px; height: 30px; line-height: 30px;  outline: none;text-align: center;background-color:#0075cf;color: #fff;float: right;}
.product{padding-top: 40px;}
.product .box{overflow: visible;}
.product .productContentBox{padding-bottom: 60px;}
.product .productContent{margin: 0 auto; display: flex;justify-content:space-between; align-items: center;}
.product .productContent .contentBox{margin-top: 40px;margin-right: 83px;width: 370px;height:370px;padding: 10PX;box-shadow: 0px 0px 8px #ccc; box-sizing: border-box; position: relative;}
.product .productContent .contentBox:nth-of-type(3n) {margin-right: 0;}
.product .productContent .contentBox .hide{position: absolute;left: 0;top: 0;background-color: rgba(0, 0, 0, .3); width: 100%;height: 100%; display: none;}
.product .productContent .contentBox:hover .hide{display: block;}
.product .productContent .contentBox .productPic{width: 80%; margin:20px auto;}
.product .productContent .contentBox .productPic img{width: 100%}
.product .productContent .contentBox .productIntroduce{ margin-top: 40px;font-size: 18px; text-align: center;}
.product .productContent .contentBox:hover .productIntroduce{transform: translateY(-20px);transition: .3s ;}

/* 客户案例 */
.cases {background-color: rgb(250, 250, 250);padding-top: 40px;}
.cases  .casesContentBox{padding-bottom: 60px; }
/* .cases .casesContent{ width: 70%;margin: 0 auto; display: flex;justify-content:space-between; align-items: center;} */
.cases .casesContent{margin: 0 auto; display: flex;justify-content:space-between; align-items: center;}
.cases .contentBox{display: flex; width: 50%; height: 120px;margin-top: 40px; }
.cases .leftPic {width: 35%;height: 100%;}
.cases .leftPic img{width: 100%; height: 100%;}
.cases .introduce{margin-left:20px; width: 61%; height: 100%;}
.cases .casesTime{font-size: 14px;color:rgb(153, 153, 153);margin-bottom: 10px;}
.cases .casesLine{width: 100%;padding: 15px 0;height: 3px;} 
.cases .casesIntroduce{height: 45%; font-size: 14px;color:rgb(153, 153, 153);overflow: hidden; text-overflow:ellipsis;white-space:wrap;}
/* .cases .contentBox:hover .casesLine{padding: 10px 0; transition: .3s ;}
.cases .contentBox:hover .casesTime{margin-top: -10px; transition: .3s ;} */
.cases .contentBox:hover .casesName{color: #2657A3;}

/* 新闻资讯 */
.news {padding:40px 0 60px 0;}
/* .news .newsContentBox{ width: 70%;margin: 40px auto; display: flex;justify-content:space-between; align-items: center;} */
.news .newsContentBox{margin: 40px auto; }
.news .newsContentBox .content{width: 49%;height: 435px;}
.news .newsContentBox .content .contentTop {display: flex; justify-content:space-between; align-items: center;}
.news .newsContentBox .content .contentTop  a{color: #fff; background-color: #0075cf;font-size: 14px;padding: 5px;}
.news .newsContentBox .content .contentTop .contentTitle{width: 100px; height: 35px; text-align: center; line-height: 35px; color: #fff; background-color:#0075cf;}
.news .newsContentBox .content .contentBox{display: flex; justify-content:space-between; align-items: center; margin-top: 20px;height: 80px;}
.news .newsContentBox .content .contentBox .leftPic{width: 130px; height: 80px;margin-right: 20px;}
.news .newsContentBox .content .contentBox .leftPic img{width: 100%; height:100%;}
.news .newsContentBox .content .contentBox .introduce{color: rgb(136, 136, 136);line-height: 25px;  height:100%; width:100%;}
.news .newsContentBox .content .contentBox .introduce .introduceTitle{ align-items: center;font-size: 13px;width: 100%;height:25px; }
.news .newsContentBox .content .contentBox .introduce .introduceTitle .introduceLeft{font-size: 16px;color: #000;width: 70%; white-space: nowrap;
    text-overflow: ellipsis; overflow: hidden;word-break: break-all;}
.news .newsContentBox .content .contentBox .introduce .introduceContent{width: 100%;height: 50px; font-size: 14px; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;
    -webkit-line-clamp: 2;  /*要显示的行数*/-webkit-box-orient: vertical;}
.news .newsContentBox .content .contentBox:hover .introduce {margin-top: -15px;transition: .3s ;}
.news .newsContentBox .content .contentBox:hover  .introduce .introduceLeft{color: #2657A3;}
/* 底部 */

