@charset "utf-8";
.main-banner {
    height: 314px;
    position: relative;
    background: url(../img_1/xcx-banner.png) top center no-repeat #18191d;
}

.main-xcx .main-banner-descrip {
    line-height: 28px;
    margin-bottom: 15px;
}
.main-xcx .main-banner-title {
    margin-bottom: 10px;
}
.main-xcx .main-banner-cont {
    padding: 50px 0 0;
}
/** 产品单独样式 start **/
.items {
    padding:25px 0;
}
.gray-bg {
    background: #f9f9f9;
}
.items-title {
    margin: 0 0 11px;
    font-size:18px;
    text-align: center;
}
.items-subtitle {
    margin: 0 0 15px;
    text-align: center;
    line-height: 24px;
    color: #666;
}
.xcx-list .item {

    margin:3% auto;
    text-align: center;
}
.xcx-list .img-block  img{ width:60%; margin:0 auto;}
.xcx-list1 .img-block {
    height: 92px;
    margin: 0 0 22px;
}
.xcx-list2 .img-block {
    height: auto;
    margin: 0 40px;
}
.xcx-list2 {
    margin-top: 40px;
}
.xcx-list2:last-child {
    margin-top: 0;
}
.xcx-list2 .item {
    text-align: left;
    flex: 1;
    margin: -1px 0 0 -1px;
    box-sizing: border-box;
    border: 1px solid #E5E5E5;
    position: relative;
    justify-content: flex-start;
    height: 100px;
}
.xcx-list2 .item:hover {
    z-index: 1;
    border-color: #20B09F;
}
.xcx-list2 .item:hover .item-name {
    color: #20B09F;
}
.xcx-list .item-name {
    line-height: 38px;
    font-size: 18px;
}
.xcx-list p {
    font-size: 14px;
    line-height: 24px;
    color: #999;
}
.xcx-list .pic {
    display: inline-block;
    height: 78px;
    margin-bottom: 14px;
    line-height: 78px;
}
.xcx-list .pic img {
    vertical-align: middle;
}
.xcx-list1 .pic {
    display: inline-block;
    height: 92px;
    margin-bottom: 20px;
    line-height: 92px;
}
.xcx-list1 .pic img {
    vertical-align: bottom;
}
.items-telemetry {
    padding: 0;
}
.items-telemetry .main-wrap {
    padding:3%;
    background: url(../img_1/xcx-bg.png) bottom right no-repeat #f9f9f9;
}
.telemetry-title {
    font-size: 18px;
    line-height: 40px;
}
.telemetry-descrip {
    font-size: 14px;
    color: #666;
    line-height: 36px;
}
.telemetry-intro-title {
    margin: 13px 0 0;
    line-height: 38px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}
.items-telemetry p {
    font-size: 14px;
    line-height: 24px;
    color: #999;
}
.items-yx .items-title {
    margin-bottom:10px;
}
.items-yx .item .img {
    text-align: center;
}
.items-yx .flex-row {
    justify-content: space-between;
}
.items-yx .item {
    height: 240px;
    width: 280px;
    box-sizing: border-box;
    border: 1px solid #E5E5E5;
    background-color: #fff;
}
.items-yx .item .img .bg {
    height: 120px;
    margin: 0 auto;
    background: no-repeat center;
}
.items-yx .item .img .bg1 {
    background-image: url(../img_1/yx-icon1.png);
}
.items-yx .item .img .bg2 {
    background-image: url(../img_1/yx-icon2.png);
}
.items-yx .item .img .bg3 {
    background-image: url(../img_1/yx-icon3.png);
}
.items-yx .item .img .bg4 {
    background-image: url(../img_1/yx-icon4.png);
}
.items-yx .item .title {
    text-align: center;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}
.items-yx .item .con {
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    line-height: 26px;
    color: #999;
}
/** 产品单独样式 end **/


.youshi{ display:flex; padding:1.5%;}
.youshi li{ flex:1; padding:1.5%; text-align:center;}
.youshi li img{ display:block; width:52%; margin:0 auto 10px auto;}
.youshi li h2{ font-size:16px;}
.youshi li p{ font-size:12px; color:#888;}


.yingxiao{ padding:3%;}
.yingxiao li{ width:92%;  border:1px solid #ddd; background:#fff; padding:3%; margin:0; text-align:center;margin-bottom:3%;}
.yingxiao li span{ display:block; height:56px; width:56px; background:url(../../img_1/yx-icon1.png) no-repeat center; background-size:auto 56px; margin:12px auto;}
.yingxiao li h2{ font-size:18px;}
.yingxiao li p{ font-size:15px; color:#888;}


.keliu{ display:block; padding:0;}
.keliu ul{ display:flex;}
.keliu ul li{ flex:1; padding:5% 3%; text-align:center; border-bottom:1px solid #eee;}
.keliu ul li img{ display:block; width:36px; margin:0 auto 10px auto;}
.keliu ul li h2{ font-size:16px;}
.keliu ul li p{ font-size:12px; color:#888;}

.case{ margin:0; background:url(../../img_1/items-case-bg.png) no-repeat center; padding:5% 0 50px 0;}
.case h2{ font-size:18px; color:#fff; text-align:center; padding:10px;}
.case li img{ display:block; width:213px; margin:0 auto; }

.fuwu{ margin:0;}
.fuwu li{ width:172px; float:left; margin-left:10px; position:relative;display:table;}
.fuwu li div{display:table-cell;vertical-align:middle;position:absolute; width:100%; height:100%;text-align:center; top:0; left:0; z-index:10000; background:rgba(0,0,0,.5);}
.fuwu li p{ color:#fff; padding-top:30px;  }

.fuwu_list{}
.fuwu_list ul{ display:flex;}
.fuwu_list ul li{ flex:1; border-bottom:1px solid #eee; text-align:center; padding:3%;}
.fuwu_list ul li img{ display:block; margin:12px auto;}