body{
    background-color: #f3f3f3;
}
.probase{
    width: 70%;
    margin: 20px auto;
    background-color: #fff;
    padding-bottom: 20px;
}
.productd{
    height: auto;
    width: 100%;
    margin: 10px auto;
    /*background-color: aquamarine;*/

}
.productd div{
    width: 100%;
}
.productd1{
    min-height: 610px;
    padding-top: 10px;
}
.productd2{
    min-height: 180px;
    text-align: center;
}
.productd3{
    min-height: 300px;
    text-align: center;
}

.headspan{
    font-weight: bold;
    font-size: 20px;
}

/*第一部分*/
.productd1 .pro1div{
    width: 70%;
    text-align: left;
    margin: 10px auto;
}

/*第二部分*/
.aboutbottomb{
    width: 100%;
    min-height:240px;
    margin: 20px auto;
    text-align: center;
    /*background-color: #FF7F50;*/
}
.aboutbottomb div{
    width: 33%;
    min-height: 200px;
    margin: 0 auto;
    
}
#product-pic{
    width:70%;
    margin:0 auto;
}
.aboutbottomb1{
    text-align: right;
}
.aboutbottomb1 div{
    width: 100%;
}
.aboutbottomb2{
    text-align: center;
}

.aboutbottomb3{
    text-align: left;
}
.aboutbottomb3 div{
    width: 100%;
    margin-left: 20px;
}
.aboutbottomb3 div:nth-last-child(1){
    margin-bottom: 0;
}

/*功能模块*/
.gongnengul{
    list-style: none;
    padding: 0;
    width: 70%;
    margin: 0 auto;
}
.gongnengul li{
    width: 20%;
    float: left;
}

/*应用平台*/
.dibuul{
    list-style: none;
    padding: 0;
    width: 70%;
    margin: 0 auto;
}
.dibuul li{
    float: left;
    text-align: center;
    width: 33%;
}
.dibusp1{
    background-color: lightseagreen;
    line-height: 30px;
    height: 30px;
    width: 80%;
    color: #fff;
}
.dibusp2{
    background-color: gold;
    line-height: 30px;
    height: 30px;
    width: 80%;
    color: #fff;
}
.dibusp3{
    background-color: lightcoral;
    width: 80%;
    line-height: 30px;
    height: 30px;
    color: #fff;
}
#foot .pic{
    width: 100%;
    height: 100%;
}

/*通用样式*/
/* 浮动 */
.fl,.fr{display:inline;}
.fl{float:left;}
.fr{float:right;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}

/**/
.tc{text-align: center;}
.tr{text-align: right;}


.mh{min-height:600px;}

.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}/*溢出隐藏*/
.break-word{word-break:break-all; word-wrap:break-word;}/*强制换行*/

/* 字体 */
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f30{font-size: 30px;}
.f32{font-size: 32px;}
.fn{font-weight: normal;}
.fb{font-weight: bold;}
.ovh{overflow:hidden;}

/*lineHeight*/
.lh18{line-height: 18px;}
.lh20{line-height: 20px;}
.lh24{line-height: 24px;}
.lh26{line-height: 26px;}
.lh36{line-height: 36px;}

/*字体颜色*/
.c1{color: #ccc;}
.c2{color: #aaa;}
.c3{color: #999;}
.c4{color: #666;}
.c5{color: #333;}
.c6{color: #f60;}
.c7{color: #f00;}
.c8{color: #2089ff;}
.c9{color: #57a6f8;}
.c10{color: #47c978;}

/*线框色*/
.lc1{border-color: #eee;}
.lc2{border-color: #e7e7e7;}
.lc3{border-color: #e5e5e5;}
.lc4{border-color: #ddd;}

/*背景色*/
.bgc1{background-color: #fff;}
.bgc2{background-color: #f7f7f7;}
.bgc3{background-color: #f4f4f4;}
.bgc4{background-color: #efefef;}
.bgc5{background-color: #7e818f;}
.bgc6{background-color: #515567;}
.bgc7{background-color: #fffeee;}

/*圆角*/
.r0{border-radius: 0;}
.r4{border-radius: 4px;}

/* 外边距 */
.mt0{margin-top: 0px;}
.mb0{margin-bottom: 0px;}
.mr0{margin-right: 0px;}
.ml0{margin-left: 0px;}
.mt4{margin-top: 4px;}
.mb4{margin-bottom: 4px;}
.mr4{margin-right: 4px;}
.ml4{margin-left: 4px;}
.mt6{margin-top: 6px;}
.mb6{margin-bottom: 6px;}
.mr6{margin-right: 6px;}
.ml6{margin-left: 6px;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.mr10{margin-right: 10px;}
.ml10{margin-left: 10px;}
.mt16{margin-top: 16px;}
.mb16{margin-bottom: 16px;}
.mr16{margin-right: 16px;}
.ml16{margin-left: 16px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.mr20{margin-right: 20px;}
.ml20{margin-left: 20px;}
.mt24{margin-top: 24px;}
.mb24{margin-bottom: 24px;}
.mr24{margin-right: 24px;}
.ml24{margin-left: 24px;}
.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}
.mr30{margin-right: 30px;}
.ml30{margin-left: 30px;}
.mt50{margin-top: 50px;}
.mb50{margin-bottom: 50px;}
.mr50{margin-right: 50px;}
.ml50{margin-left: 50px;}


/* 清除浮动 */

/* 清除浮动 */
.clearfix:after,.wrap:after,.form-group:after,.m-tips:after{content:''; display:block; clear:both; visibility: hidden; overflow: hidden; font-size:0; height:0}
.clearfix,.wrap,.form-group,.m-tips{zoom:1; display: block;}