﻿/* .main-container{margin-top: 30px;} */
.pro-p1{font-size: 18px;color: #333;font-weight: 600;line-height:36px;padding-top:18px;}
.pro-p2{margin-bottom: 2px;line-height:24px;font-size:15px;color:#666666}
.pro-dot{font-size: 8px;line-height: 21px;padding-right: 10px;color:#007fff;}
.pro-readmore{color: #007fff;text-align: center;}
.flow{background-image: url('../images/big_data/product-bg1.png');background-position: bottom center;background-repeat: no-repeat;background-color: #f6f7f8;}
.flow .tab{font-size: 20px;color: #666;text-decoration: none;padding:10px 0;margin: 0 35px;position: relative;display: inline-block;padding-bottom: 20px;}
.flow .tab.active{color: #007fff;}
.flow .tab:before{content: '';width: 100%;height: 4px;border-radius: 3px;background: #e7e7e7;position: absolute;bottom: 0;left: 0;}
.flow .tab:after{content: '';width: 5px;height: 4px;border-radius: 3px;background: #007fff;position: absolute;bottom: 0;left: 0;opacity: 0;}
.flow .tab.active:after{-webkit-transition: width 3s linear;-moz-transition: width 3s linear;-o-transition: width 3s linear;transition: width 3s linear;width: 100%;opacity: 1;}
.flow .tab-content img{margin: auto;}
.flow .flow-img{width: 650px;}
.flow .flow-p1{font-size: 14px;color: #333;padding-top: 30px;padding-bottom: 10px;}
.flow .flow-a-trail{font-size: 16px;color: #fff;padding: 8px 20px;border-radius:3px;display: inline-block;    background-color: #007fff;text-decoration:none}
@media screen and (max-width: 600px) {
	
.flow .flow-img{width: 100%;}
}
.col-md-6 a{color:#007fff;}
.section1{padding: 50px 0;}
.mod-list-5-p20{ overflow: hidden; }
.mod-list-5-p20 li{ float: left; width: 20%; }
/*banner和板块的字体样式*/
.banner .slogan-tit{color: #fff;font-size: 56px;line-height: 80px;margin-bottom: 30px;letter-spacing: 10px;margin-top: 70px;}
.banner .slogan-p1{color: #fff;font-size: 24px;line-height: 36px;margin-bottom: 70px;letter-spacing: 10px;margin-top: 0;}
.banner .slogan-p2{color: #fff;font-size: 18px;line-height: 18px;margin-bottom: 70px;letter-spacing: 1px;margin-top: -50px;}
hr.line-blue-short{width: 60px;border-top: 2px solid #017ed3;margin: 15px 0;}
hr.line-wht-short{width: 60px;border-top: 2px solid #fff;margin: 15px 0;}
h2.sec-tit{margin-top: 0;margin-bottom: 0px;color: #333;font-size:36px;}
p.sec-des{margin-bottom:30px;color: #555;margin-top: 20px;font-size:14px;}
.frtit2{font-size: 18px;color: #333;margin-bottom: 25px;line-height: 18px;}
.section-title {
    padding: 40px 0;    
}
.section-title span {
    font-size: 32px;
    color: #333;
    margin-bottom: 20px;
    display: inline-block;
    line-height: 54px;
}
.section-title p {
    font-size: 15px;
    line-height: 28px;
}
.page-newretail .section-11 {
    background: #fff;
	text-align:center;
}
.page-newretail .section-11 .section-title span {
    margin-bottom: 20px;
}
.page-newretail .section-11 .list li {
    text-align: center;
    margin-bottom: 0;
}
.page-newretail .section-11 .list li .img {
    width: 100px;
    height: 100px;
    margin: 10px auto 20px;
    background: url(../images/big_data/bdsyoushi.png) no-repeat;
}
.page-newretail .section-11 .list li .img1 {
    width: 100px;
    height: 100px;
    margin: 10px auto 20px;
    background: url(../images/big_data/bdsyoushi.png) no-repeat;
}
.page-newretail .section-11 .list li.item-1 .img,.page-newretail .section-11 .list li.item-1 .img1 {
    background-position: 0 0;
}
.page-newretail .section-11 .list li.item-2 .img,.page-newretail .section-11 .list li.item-2 .img1 {
    background-position: -110px 0;
}
.page-newretail .section-11 .list li.item-3 .img,.page-newretail .section-11 .list li.item-3 .img1 {
    background-position: -220px 0;
}
.page-newretail .section-11 .list li.item-4 .img,.page-newretail .section-11 .list li.item-4 .img1 {
    background-position: -330px 0;
}
.page-newretail .section-11 .list li.item-5 .img,.page-newretail .section-11 .list li.item-5 .img1 {
    background-position: -440px 0;
}
.page-newretail .section-11 .list li h3 {
    font-size: 20px;
    margin-bottom: 7px;
}
.page-newretail .section-11 .list li p {
    color: #888888;
    font-size: 14px;
    margin: 0 14px;
    line-height: 25px;
}
/* bds-banner */
.bds_banner_box .btn-div {
    
    text-align: center;
   text-align: left;
    margin-top: 35px;
}
.bds_banner_box .btn-div .btn,.latch_content_bj .btn-div .btn,.latch_function_ys .btn-div .btn{
    background-color: #fff;
    line-height: 46px;
    color: #007fff;
    font-size: 14px;
    width: 160px;
    height: 46px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: bottom;
    text-align: center;
    border-radius: 3px;
    padding: initial;
	margin-top:30px;
}
.bds_banner_box .btn-div #btn_btnnn {
margin-left: 20px;}
.bds_banner_box {
	width: 100%;
	height: 420px;
	background: url(../images/big_data/banner.png) no-repeat;
	background-size: cover;
	/* margin-top:68px; */
	}
.bds_banner_box .title-fix {
	display: block;
	padding-top:90px;
	}
.bds_banner_box .title {
	height:auto;
	color: #FFF;
	display: block;
	text-align: center;
	vertical-align: middle;
}
.bds_banner_box .title h4 {
	font-size: 32px;
	letter-spacing: 0px;
	text-align: left;
	padding-top:15px;
}
.bds_banner_box .title p {
	font-size: 16px;
	letter-spacing: 1px;
	margin: 35px 0 10px;
	text-align: left;
	line-height:26px;
}
.bds_banner_box .title p a{
	display:inline;
	color:#fff;
	font-size:18px;
}
.bds_banner_box .title span a {
	width: 130px;
	line-height: 35px;
	font-size: 14px;
	border-radius: 21px;
	border: solid 1px #ffffff;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
}
.bds_banner_box .title span a:hover {
	color: #FFF;
	background-color: #17938A;
}
.bds_banner_box .title-img {
	height: 420px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.bds_banner_box .title-img img {
	max-width: 100%;
}
.pdd20{
	padding:26px 0;
	margin:0 auto;
}
.page-newretail{
	padding:30px 0 50px 0;
}