body {
    /* font-family: pingfontweb, helvetica neue, helvetica, roboto, arial, pingfang sc, hiragino sans gb, microsoft yahei, microsoft jhenghei, sans-serif; */
    font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.font-one {
    font-weight: 100;
}

.font-two {
    font-weight: 200;
}

.font-three {
    font-weight: 300;
    font-size: 21px;
}

#myModal .modal-header .close {
    position: absolute;
    top: 14px;
    right: 20px;
}

.bctpoverlay {
    display: none;
    background-color: rgba(3, 3, 3, 0.70);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    text-align: center;
    margin: 15%;
    margin-top: 45%;
    text-align: center;
    width: 70%;
}

.bctpoverlay div {
    background-size: 100%;
}

.modal-content {
    border: 1px solid #0d87e9;
    border-radius: 0;
}

.modal-header {
    border: none;
}

.emailandtel {
    height: 45px;
    width: 45px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 8px;
}

.emailandtelfont {
    color: #000;
    opacity: 0.5;
    cursor: pointer;
}

.emailandtelfont:hover {
    text-decoration: none;
    color: #000;
}

.header-content {
    height: 100vh;
}

.marginTop2 {
    margin-top: 2px;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop40 {
    margin-top: 40px;
}

.marginTop50 {
    margin-top: 50px;
}

.marginTop80 {
    margin-top: 80px;
}

.marginTop100 {
    margin-top: 100px;
}

.fontSize9 {
    font-size: 9px;
}

.fontSize12 {
    font-size: 12px;
}

.fontSize14 {
    font-size: 14px;
}

.fontSize16 {
    font-size: 16px;
}

.fontSize18 {
    font-size: 18px;
}

.fontSize20 {
    font-size: 20px;
}

.fontSize24 {
    font-size: 24px;
}

.fontSize32 {
    font-size: 32px;
}

/*body{ 
    font-family: 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bglogo.gif',sizingMethod='scale'); 
background-repeat: no-repeat; 
background-positon: 100%, 100%; 
}*/
.a_style_border {
    border-radius: 10rem;
    color: #ffffff;
    font-weight: 600;
    font-size: 17px;
    background-color: #0078c9;
}

/*********************导航*************************/
#title {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    z-index: 990;
}

#title a {
    background: 0 0;
    color: #fff;
    opacity: 0.5;
    cursor: pointer;
    transition: 1s;
    outline: none;
}

#title a:hover {
    opacity: 1;
}

#title .action {
    opacity: 1;
}

#title .container {
    padding: 10px;
}

#title #bitlogo {
    padding: 0;
    text-align: left;
    opacity: 1;
    width: 100px;
}

/**********************页首(背景图)**************************/
.tab {
    display: table;
    width: 100%;
    height: 100%;
}

.tab .tab-table-row {
    display: table-row;
}

.tab .tab-table-row .tab-table-cell {
    display: table-cell;
    vertical-align: middle;
}

#index_Banner h1 {
    font-size: 56px;
}

#index_Banner .Index-bg-img {
    height: 600px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    background-size: cover;
}

#index_Banner .Index-bg-img1 {
    background: url(/img/On-site-serviceFSM.jpg) no-repeat center top;
    background-size: contain;
    background-position: center
}

#index_Banner .Index-bg-img2 {
    background: url(/img/Banner-IoT.jpg) no-repeat center top;
    background-size: contain;
    background-position: center
}

#index_Banner .Index-bg-img3 {
    background: url(/img/Banner-bigdata.jpg) no-repeat center top;
    background-size: contain;
    background-position: center
}

#index_Banner .Product-bg-img {
    height: 600px;
    background: url(/img/product-M.jpg) no-repeat center top;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    background-size: cover;
}

#index_Banner .Service-bg-img {
    height: 600px;
    background: url(/img/Group-4.jpg) no-repeat center top;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    background-size: cover;
}

#index_Banner .NewService-bg-img {
    height: 600px;
    background: url(/img/NewServer/bg.jpg) no-repeat center top;
    color: #fff;
    background-size: cover;
    background-color: #009cde;
}

#index_Banner .About-bg-img {
    height: 600px;
    background: url(/img/About-M.jpg) no-repeat center top;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    background-size: cover;
}

#index_Banner .Case-bg-img {
    height: 600px;
    background: url(/img/case3.jpg) no-repeat center top;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    background-size: cover;
}

#index_Banner .bitPortal-bg-img {
    height: 600px;
    background: url(/img/AD_bitPortal_New1.jpg) no-repeat center top;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    background-size: cover;
}

#index_Banner .IOT-bg-img {
    height: 600px;
    background: url(/img/head-banner.jpg) no-repeat center top;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    background-size: cover;
}

#index_Banner .bitSSO-bg-img {
    height: 600px;
    background: url(/img/bitsso-bg.jpg) no-repeat center top;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    background-size: cover;
}

#index_Banner .BigData-bg-img {
    height: 600px;
    background: url(/img/Bigdata-banner.jpg) no-repeat center top;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    background-size: cover;
}

#index_Banner .Finance-bg-img {
    height: 600px;
    background: url(/img/Finance-bgimg1.png) no-repeat center top;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    background-size: cover;
}

#index_Banner .Design-bg-img {
    height: 600px;
    background: url(/img/Design/design-img.jpg) no-repeat center top;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    background-size: cover;
}

#index_Banner .jumbotron {
    margin: 0;
    padding: 0;
}

#index_Banner h3 {
    padding-top: 10px;
    font-size: 21px;
}

#index_Banner .tab-table-cell {
    letter-spacing: 3px;
}


/******************主页******************/

#product .container {
    padding-top: 150px;
    padding-bottom: 150px;
}

#product .container .col-md-3 .index-p {
    font-size: 16px;
    font-weight: 400;
}

#product .col-md-3 .img-thumbnail .margins {
    margin-top: 2px;
    margin-bottom: 0;
}

#product .col-md-3 .img-thumbnail {
    background: #fff;
    padding: 5px 5px;
    text-align: center;
    /*height:309px;*/
}

#product .col-md-3 .img-thumbnail .index-p3 {
    font-size: 12px;
    color: #666666;
    letter-spacing: 1px;
}

#customiz {
    background: #fafafa;
}

#customiz .container {
    padding: 150px 40px;
}

#customiz .container .col-md-6 h4 {
    font-weight: 100;
    letter-spacing: 3px;
    /*margin:0;padding:0;*/
}

#customiz .container .col-md-6 h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 3px;
    font-size: 40px;
}

#customiz .container .col-md-6 h3 {
    letter-spacing: 3px
}

#customiz .container .col-md-6 p {
    text-align: justify;
    font-size: 17px;
    line-height: 33px;
    color: #666666;
    padding-right: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#customiz .container .col-md-6 a {
    padding: 12px 20px;
    margin-top: 20px;
    background-color: transparent;
    border-radius: 10rem;
    background: #007cde;
    font-size: 17px;
}

/*#customiz .container .col-md-7 {padding-right: 0px;*/
/*padding-left: 30px;} */
#promise .container {
    /*padding:100px 0px;*/
    padding-top: 150px;
    padding-bottom: 150px;
}

/*#promise .container h4{font-weight:300;}*/
#promise .container .marginDown {
    margin-bottom: 30px;
}

/*#promise .container h2{font-weight:300;}*/
#customiz a {
    color: #ffffff;
    border: 1px solid #009cde;
}

#customiz a:hover {
    background: #009cde !important;
    color: #ffffff;
}

#partner {
    background-color: #fafafa;
}

#partner .container {
    text-align: center;
    padding: 150px 40px;
}

#partner .container h4 {
    margin-bottom: 20px;
    font-size: 21px;
}

#partner .container a {
    font-size: 17px;
    padding: 12px 20px;
    margin: 30px;
    color: #ffffff;
    border-radius: 10rem;
    background-color: #007cde;
}

#partner .container a:hover {
    background: #009cde;
    color: #ffffff;
}

#partner .container h3 {
    margin: 20px 0px;
    font-weight: 200;
    font-size: 20px;
}


/***************产品页面*****************/
.portal .container {
    padding-top: 150px;
    padding-bottom: 150px;
}

.portal .container .col-md-6 {
    padding: 0 40px;
    /*height: 477px;*/
}

.portal .container .col-md-6 h3 {
    /*color: #666666;*/
    margin-bottom: 20px;
    letter-spacing: 3px;
}

.portal .container .col-md-6 h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 3px;
    font-size: 40px;
}

.portal .container .col-md-6 p {
    padding-right: 150px;
    color: #666666;
    text-align: justify;
    font-size: 17px;
    line-height: 33px;
}

.portal .container .col-md-6 a {
    margin-top: 7px;
    padding: 12px 20px;
    background-color: #007cde;
    border-radius: 10rem;
}

.portal a {
    border: 1px solid #009cde;
    background-color: transparent;
    color: #ffffff;
    font-size: 17px;
}

.portal a:hover {
    background-color: #009cde !important;
    color: #fff;
}

#bitsso {
    /*border-bottom:1px solid #ccc;*/
    background: #fafafa;
}

#bitsso .container .pading {
    padding-left: 50pt;
}

#bitsso .portal .container .col-md-6 p {
    padding-right: 0 !important;
}

#bitsso .portal .container .col-md-6 {
    /*padding: 0 76px !important;height: 407px;*/
}

#bigdata {
    /*border-bottom:1px solid #ccc;*/
    background: #fafafa;
}

#bigdata .container .pading {
    padding-left: 50px;
}

#bigdata .portal .container .col-md-6 p {
    padding-right: 0 !important;
}

#bigdata .portal .container .col-md-6 {
    /*padding: 0 76px !important;height: 407px;*/
}

#finance {
    /*border-bottom:1px solid #ccc;*/
    background: #fafafa;
}

#finance .container .pading {
    padding-left: 50px;
}

#finance .portal .container .col-md-6 p {
    padding-right: 0 !important;
}

#finance .portal .container .col-md-6 {
    /*padding: 0 76px !important;height: 407px;*/
}


#custom {
    background: #ffffff;
    /*border-bottom: 1px solid #ccc;*/
}

#custom .container {
    padding: 150px 0px;
}

#custom .container h2 {
    margin-top: 0;
}

#custom .container p {
    margin-bottom: 0;
    color: #666666;
    font-size: 1pc;
}

#custom .container a {
    padding: 15px 23px;
    background-color: transparent;
    color: #007cde;
    font-size: 17px;
}

#custom .container a span:hover {
    border-bottom: 1px solid #009cde;
}



/****************服务页面******************/
#product-User .container {
    padding: 150px 60px 40px 60px;
    color: #007cde;
}

#product-User .container h1 {
    margin-bottom: 0px;
    padding: 10px;
}

#product-User .container h4 {
    margin: 0px;
    padding: 0px;
    font-weight: 300;
}

#product-User .container h5 {
    padding: 14px 0px;
    margin: 0px;
    line-height: 24px;
}

#product-User .container .row {
    padding-top: 30px;
}

#product-User .container .img-thumbnail {
    border: 0;
}

#product-User .container .img-thumbnail p {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 30px;
}

#process {
    /*border-bottom:1px solid #ccc;background:#fafafa;*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#fefefe, endColorStr=#eeeeee);
    /*IE 6 7 8*/

    background: -ms-linear-gradient(top, #fefefe, #eeeeee);
    /* IE 10 */

    background: -moz-linear-gradient(top, #fefefe, #fafafa);
    /*火狐*/

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eeeeee));
    /*谷歌*/

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eeeeee));
    /* Safari 4-5, Chrome 1-9*/

    background: -webkit-linear-gradient(top, #fefefe, #eeeeee);
    /*Safari5.1 Chrome 10+*/

    background: -o-linear-gradient(top, #fefefe, #eeeeee);
    /*Opera 11.10+*/
}

#process .container {
    padding: 40px 60px 150px 69px;
    color: #007cde;
}

/*#process h4 {margin:0px;padding:0px;}*/
#process p {
    font-size: 12px;
    padding: 10px 10px;
}

#process .container h1 {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#process .container .img-thumbnail {
    border: 0;
    background: 0 0 !important;
}

#process .container .img-thumbnail img {
    width: 100px;
}

#process .container .margins .img-thumbnail img {
    width: 40px;
}

#process .container a {
    margin: 30px;
    padding: 12px 20px;
    border: 0px solid #007cde;
    background-color: #007cde;
    color: #ffffff;
    font-size: 17px;
    border-radius: 10rem;
}

#process .container .margins {
    margin-top: 30px;
}

#process .container a:hover {
    background: #009cde;
    color: #fff;
}

#customized .container {
    padding-top: 150px;
    padding-bottom: 150px;
}

#customized .container h4 {
    line-height: 36px;
}

#customized .container h3 {
    margin: 0px;
    padding: 0px;
}

/*#customized .container .row{margin-top:2pc;}*/
#customized .container .icon {
    float: left;
    margin-right: 10px;
    clear: both;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background-color: #0d87e9;
}

#customized .container .icon img {
    width: 23px;
    height: 24px;
    margin: 6px;
}

#customized .container .textarea {
    font-size: 12px;
    line-height: 25px;
    padding: 0px 8px;
}

#customized .container .col-md-6 {
    padding: 0 40px;
}

#customized .container .col-md-6 h4 {
    margin: 0;
    padding: 0;
    font-weight: 100;
}

#customized .container .col-md-6 h2 {
    margin-top: 10px;
    margin-bottom: 20px;
    letter-spacing: 3px;
}

#customized .container .col-md-6 p {
    padding-right: 150px;
    color: #666666;
    text-align: justify;
    font-size: 17px;
    line-height: 33px;
}

#customized .container .col-md-6 a {
    margin-top: 7px;
    padding: 12px 20px;
}

#customized a {
    border: 0px solid #007cde;
    background-color: #007cde;
    color: #ffffff;
    font-size: 17px;
    border-radius: 10rem;
}

#customized a:hover {
    background: #009cde;
    color: #fff;
}

#towards {
    /*border-bottom:1px solid #ccc;background:#0773e0;*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#007cde, endColorStr=#007cde);
    /*IE 6 7 8*/
    background: -ms-linear-gradient(top, #007cde, #007cde);
    /* IE 10 */
    background: -moz-linear-gradient(top, #007cde, #007cde);
    /*火狐*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007cde), to(#007cde));
    /*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007cde), to(#007cde));
    /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #007cde, #007cde);
    /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #007cde, #007cde);
    /*Opera 11.10+*/
}

#towards .container {
    padding: 150px 40px 150px 40px;
}

#towards .container h1 {
    margin: 0px 0px 20px 0px;
}

#towards .container .img-thumbnail {
    padding: 12px 25px;
    border: 0px solid #009cde;
    border-radius: 10rem;
    /*background: 0 0 !important;*/
    background: rgba(255, 255, 255, 0.2);
}

#towards .container .img-thumbnail:hover {
    background: rgba(255, 255, 255, 0.5);
}

#towards .container .img-thumbnail span {
    /*padding-left: 10px;*/
    vertical-align: middle;
    font-size: 18px;
    /*font-weight: 600;*/
    color: #ffffff;
}

#index_Banner .btn,
#towards .btn,
#myhd .btn {
    width: 242px;
    height: 42px;
    border-radius: 4px;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    padding: 11px 60px;
    margin: 30px auto;
}

#towards .container {
    color: white;
}

.fsm-banner {
    max-width: 50%
}

h1

/*,h2,h3,h4,p,div*/
    {
    font-weight: 300;
}

/****************案例页面*****************/
.ndiv {
    width: 100%;
    height: auto;
    /*border: 1px solid white;*/
    background: #f2f2f2;
    z-index: 999;
}

#mydiv {
    top: 60px;
}

#mydiv img {
    width: 40px;
    padding-top: 2px;
}

/*PC样式*/
#mydiv1 {
    top: 60px;
}

#mydiv1 img {
    width: 40px;
    padding-top: 2px;
}

#custom-case {
    padding: 50px 60px;
}

#custom-case h1 {
    margin-bottom: 20px;
    font-size: 40px;
}

#custom-case .row a {
    font-size: 17px;
    padding: 12px 20px;
    margin: 30px;
    border-radius: 10rem;
    color: #ffffff;
    border: 0px solid #007cde;
    background-color: #007cde;
}

#custom-case .row a:hover {
    background: #009cde;
    color: #fff;
}

#custom-case .col-xs-6 {
    padding: 20px 12px;
}

#custom-case h3 {
    font-size: 20px;
}


/**************关于必行页面***************/
#dna .container {
    padding: 120pt 40px;
}

#dna .container .col-md-6 h4 {
    margin: 0;
    padding: 0;
    font-weight: 100;
}

#dna .container .col-md-6 h2 {
    margin-top: 10px;
    margin-bottom: 20px;
    letter-spacing: 3px;
}

#dna .container .col-md-6 p {
    /*padding-right:135px;*/
    padding-right: 137px;
    color: #666666;
    text-align: justify;
    font-size: 17px;
    line-height: 33px;
}

#dna .container .col-md-6 a {
    margin-top: 20px;
    padding: 10px 50px;
}

#course {
    /*border-bottom:1px solid #ccc;*/
    background-color: #fafafa;
}

#course .container {
    padding-top: 150px;
    padding-bottom: 150px;
}

#course .container h2 {
    letter-spacing: 3px;
}

#course .container .position-YLB {
    position: absolute;
    top: 58px;
    left: 135px;
}

#course .container .position-Pfizer {
    position: absolute;
    top: 46px;
    left: 135px;
}

#course .container .position-AMA {
    position: absolute;
    top: 45px;
    right: 135px;
}

#course .container .position-Fanski {
    position: absolute;
    top: 80px;
    left: 135px;
}

#course .container .position-SPDB {
    position: absolute;
    top: 80px;
    right: 135px;
}

#course .container .position-HQ {
    position: absolute;
    top: 46px;
    left: 135px;
}

#course .container .position-team {
    position: absolute;
    top: 80px;
    right: 135px;
}

#course .container .position-bitshine {
    position: absolute;
    top: 77px;
    left: 135px;
}

#course .container p {
    margin-top: 10px;
    text-align: left;
    line-height: 30px;
}

#address {
    background-color: #fafafa;
    /*border-bottom:1px solid #ccc;*/
}

#address .container {
    padding: 150px 50px;
}

#address .container h2 {
    margin-top: 0px;
    margin-bottom: 40px;
    font-size: 40px;
}

#address .container h4 {
    font-size: 16px;
}

#address .container p {
    color: #666666;
}

/*英文版*/
#promise .row {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

#promise .col-md-6 {
    margin: 10px 0px;
}

#promise .col-md-8 {
    background: #fff;
    padding: 100px 0;
    border-radius: 20px;
    margin: 0 auto;
}

#promise .col-md-8 .mark_md4 {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 0px;
    width: 0px;
    border-style: solid;
    border-width: 44px;
    border-color: #ffffff #007cde #007cde #ffffff;
    border-radius: 0 0 20px;
}

/******************Finance********************/
#Responsive {
    padding: 100px 0;
}

#Responsive h2,
#Responsive h3 {
    font-weight: 300;
}

#user {
    padding: 100px 0;
    background: #fafafa;
}

#user h2,
#Responsive h3 {
    font-weight: 300;
}

#characteristic {
    background: #fafafa;
    padding: 100px 0;
}

#characteristic h1,
#characteristic h3,
#Responsive h3 {
    font-weight: 300;
}

#characteristic .title {
    /*border: 1px solid #000;*/
    padding-top: 50px;
    padding-bottom: 50px;
}

/******************设计********************/
#Gray-image {
    height: 355px;
    color: #fff;
}

/*#Gray-image:hover{color:#fff;transition:1s;opacity:1;}*/

/******************大数据页面********************/
.data-frame {
    width: 100%;
    height: 220px;
    /*border:1px solid orange;*/
}

.data-frame .data-left {
    width: 50%;
    height: 220px;
    /*border: 1px solid red;*/
    float: left;
}

.data-frame .data-right {
    width: 50%;
    height: 220px;
    /*border: 1px solid blue;*/
    float: left;
    text-align: center;
}

.data-frame .data-right-sso {
    width: 50%;
    height: 220px;
    /*border: 1px solid blue;*/
    float: left;
    text-align: center;
}

.data-frame .data-left p.data-title {
    font-size: 25px;
    font-weight: bold;
    padding: 1em 0 0 0;
}

.data-frame .data-left p.data-txt {
    font-size: 15px;
    color: #92959A;
}

.data-frame .data-right img {
    width: 40%;
    margin: 30% 0 0 0;
    /*border:1px solid red;*/
}

.data-frame .data-right-sso img {
    width: 40%;
    margin: 30% 0 0 0;
    /*border:1px solid red;*/
}

.data-frame img.Bitmap {
    width: 100%;
    margin-top: -20px;
}

@media only screen and (max-width: 1024px) {
    .data-frame img.Bitmap {
        width: 100%;
        margin-top: 0px;
    }
}

@media only screen and (max-width: 768px) {
    .data-frame .data-right img {
        width: 40%;
        margin: 20% 0 0 0;
        /*border:1px solid red;*/
    }

    .data-frame .data-right-sso img {
        width: 40%;
        margin: 20% 0 0 0;
        /*border:1px solid red;*/
    }

    .data-frame img.Bitmap {
        width: 100%;
        margin-top: 1px;
    }
}

@media only screen and (max-width: 640px) {
    .data-frame img.Bitmap {
        width: 100%;
        margin-top: 1px;
    }

    .data-frame .data-right img {
        width: 50%;
        margin: 50% 0 0 0;
        /*border:1px solid red;*/
    }

    .data-frame .data-right-sso img {
        width: 50%;
        margin: 50% 0 0 0;
        /*border:1px solid red;*/
    }

    .data-frame .data-left p.data-title {
        font-size: 16px;
        font-weight: bold;
        /*padding:1em 0 0 0;*/
        color: black;
    }

    .data-frame .data-left p.data-txt {
        font-size: 12px;
        color: #92959A;
        line-height: 17px;
    }
}

/******************footer********************/
#footer {
    /* border-top: 1px solid #ccc; */
    /* margin: 0 80px; */
    margin: 0 0px;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    #footer {
        border-top: 1px solid #ccc;
        margin: 0 20px;
    }
}

#footer  {
    /*padding: 50px 14px;*/
    padding-top: 0px;
    padding-bottom: 15px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

#footer  .menu {
    margin-left: 0px;
    margin-right: 0px;
    border-bottom: 1px solid rgba(38, 38, 38, 0.7);
    padding: 25px 0px 15px 0px;
}

#footer  .menu .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

#footer  .nav-justified {
    padding-left: 0px;
}

#footer  .col-md-9 {
    padding-left: 0px;
    padding-right: 0px;
}

#footer  a {
    color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}

#footer  .title {
    font-weight: bold;
}

#footer  .list-unstyled li {
    /* padding-bottom: 6px; */
    padding-bottom: 19px;
    font-size: 12px;
}

#footer  .text-center {
    border-left: 1px solid rgba(38, 38, 38, 0.7);
}

#footer  .text-center div {
    /* width: 75px;
    height: 75px; */
}
/******************footer********************/
#images {
    background: #fafafa;
}

@media screen and (min-width:768px) {
    .APP {
        display: none;
    }

    /*服务*/
    /*#process .container img[src="Content/Image/Group-7.png"]{position:relative;top:-40px;}*/
}

@media screen and (max-width:768px) {

    /*公用*/
    .PC {
        display: none;
    }

    .APP .panel-group {
        background-color: #f2f2f2;
        margin-bottom: 0;
        padding: 0 10px;
    }

    .APP .panel a {
        text-decoration: none;
    }

    .APP .panel .panel-title {
        color: #666;
        font-size: 15px;
    }

    .APP .panel .panel-title:hover {
        color: #000;
    }

    .APP .panel ul a {
        color: #666;
    }

    .APP .panel ul li {
        padding-bottom: 6px;
    }

    .APP .panel-default {
        border: none;
        background-color: #f2f2f2;
        /*webkit-box-shadow: none;*/
        border-bottom: 1px solid #e3e3e3;
        box-shadow: none;
    }

    .APP table .img-responsive {
        max-width: 85%;
    }

    .APP table tr td {
        vertical-align: middle;
    }

    .APP table>tbody>tr>td {
        border-top: none;
        padding: 10px;
    }

    .APP table>tbody>tr>td a {
        color: #009cde;
        border: 1px solid #009cde;
        background-color: transparent;
        width: 92%;
        margin: 0;
        font-size: 12px;
    }

    .APP table>tbody>tr>td a:hover {
        background: #009cde;
        color: #fff;
    }

    .APP .panel-group .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .APP .panel-group .row .col-xs-7 {
        padding-top: 15px;
        padding-bottom: 15px;
        color: #666;
        font-size: 10px;
    }

    .APP .panel-group .row .col-xs-5 {
        padding-bottom: 15px;
        padding-top: 15px;
        color: #666;
        font-size: 10px;
    }

    #index_Banner h1 {
        font-size: 28px;
    }

    #index_Banner h3 {
        font-weight: 400;
    }

    /*#index_Banner .Index-bg-img {
    height: 400px;
    background: url(/img/Index-banner.jpg) no-repeat center top;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    background-size: cover;
}*/

    /*首页*/
    #product .col-md-4 .img-thumbnail {
        width: 100%;
    }

    #product .col-md-4 {
        padding: 10px;
    }

    #index_Banner .Banner {
        height: 400px;
    }

    #product .container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #product .col-md-4 .img-thumbnail {
        padding: 0 0;
    }

    #product img {
        max-width: 100% !important;
        padding-top: 0px;
    }

    #product .col-md-4 .img-thumbnail .margins {
        margin: 6px 0;
    }

    #product .container .col-md-4 .index-p {
        font-size: 16px !important;
    }

    #product .col-md-4 .img-thumbnail .index-p3 {
        font-size: 13px;
    }

    #product .container .col-md-12 {
        text-align: left;
    }

    #customiz .container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #customiz .container .row .col-md-6 a {
        width: 100%;
    }

    #customiz .container .col-md-6 h2 {
        font-size: 24px;
    }

    #customiz .container .col-md-6 p {
        padding-right: 0px;
        font-weight: 300;
    }

    #customiz .container .app {
        margin-top: 30px;
    }

    #partner .APP .col-xs-6 {
        margin: 10px 0;
    }

    #promise .container {
        padding: 50px 0px;
    }

    #partner .container {
        padding: 50px 60px;
    }

    #partner .container a {
        width: 80%;
        margin: 0;
        font-size: 11px;
    }

    /*#partner .container .middles{padding-top:10px;padding-bottom:10px;}*/
    #promise .container h2 {
        padding-bottom: 10px;
        font-size: 24px;
    }

    #promise .container .marginDown {
        margin-bottom: auto;
    }

    #promise .container .row {
        margin-left: 0;
        margin-right: 0;
    }

    #promise .container .row .col-md-4 {
        margin-top: 30px;
    }

    /*产品*/
    .portal .container .col-md-6 p {
        padding-right: 0px;
        font-weight: 300;
    }

    .portal .container .col-md-6 h3 {
        font-size: 22px;
    }

    .portal .container .col-md-6 h2 {
        font-size: 24px;
    }

    .portal .container .col-md-6 a {
        width: 100%
    }

    .portal .container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .portal .container .app {
        margin-top: 20px;
    }

    #bitsso .container .tab-table-cell {
        padding-left: 0px;
    }

    #custom {
        border-bottom: none;
    }

    #custom .container {
        padding: 50px 0px;
    }

    #custom .container h2 {
        font-size: 24px;
    }

    #custom .container a {
        font-size: 15px;
        padding: 7px 22px;
    }

    /*服务*/
    #product-User img {
        width: 100%
    }

    #product-User .container {
        padding: 80px 20px 40px 20px;
    }

    #product-User .container h1 {
        font-weight: 400;
        font-size: 28px;
    }

    #product-User .container h4 {
        font-weight: 400;
        font-size: 16px;
    }

    #product-User .container h5 {
        font-weight: 300;
        font-size: 14px;
    }

    #process .container {
        padding-top: 40px;
        padding-bottom: 80px;
    }

    #process .container .col-md-2 h2 {
        font-weight: 200;
    }

    #process .container h4 {
        font-weight: 300;
        margin: 0px;
    }

    #process .container {
        padding: 0 30px 80px 30px;
    }

    #process .container .row>div {
        margin-top: 40px;
    }

    #process .container .margins {
        /*margin-top:30px;*/
        margin-bottom: 30px;
    }

    #process .container img[src="Content/Image/Group-7.png"] {
        transform: rotate(90deg);
    }

    #customized .container {
        padding: 80px 30px 80px 30px;
    }

    #customized .container .row>div {
        margin-top: 30px;
    }

    #customized .container .row:last-child {
        margin-top: 15px;
    }

    #customized .container .col-md-6 p {
        padding-right: 0px;
        font-weight: 300;
    }

    #customized .container .col-md-6 a {
        width: 100%;
    }

    #customized .container .app {
        margin-top: 30px;
    }

    #customized .container h3 {
        font-size: 24px;
    }

    #towards {
        border-bottom: none;
    }

    #towards .container .img-thumbnail span {
        padding-left: 0px;
    }

    #towards .container .img-thumbnail {
        padding: 0 5px;
        width: 100%;
    }

    #towards .container .app {
        margin-top: 30px;
    }

    #towards .container {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    #towards .container h2 {
        font-size: 24px;
    }

    #towards .container h4 {
        font-size: 17px;
    }

    /*关于必行*/
    .course-app .container .img-thumbnail {
        margin: 5px 0;
        width: 100%;
    }

    .course-app .container .img-thumbnail img {
        margin-top: 25px;
    }

    .course-app .container .img-thumbnail p {
        /*margin-top: 10px;*/
        line-height: 25px;
        text-align: center;
        color: #666666;
        margin: 10px 20px;
    }

    #dna .container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #dna .container .col-md-6 h2 {
        font-size: 24px;
    }

    #dna .container .col-md-6 p {
        padding-right: 0;
        font-weight: 300;
    }

    #dna .container .col-md-6 h4 {
        font-weight: 300;
    }

    #dna .container .col-md-6 img {
        width: initial !important;
    }

    #dna .container .app {
        margin-top: 30px;
    }

    .course-app .container {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .course-app {
        background-color: #fafafa;
        border-bottom: 1px solid #ccc;
    }

    #address {
        border-bottom: none
    }

    #address .container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #address .container h2 {
        font-size: 23px;
    }

    #address .container .col-md-4 {
        margin-bottom: 20px;
    }

    /**********案例 产品**********/
    #bitsso .container .pading {
        padding-left: 0;
    }

    .pull-right,
    .pull-left {
        float: none !important;
    }

    .row-height img {
        margin: 0 auto;
        width: 100% !important;
    }

    #mydiv .nav-justified>li {
        float: left;
        width: 25%;
    }

    #mydiv .nav-justified>li>a {
        margin-bottom: 0;
    }

    #mydiv .container {
        padding-left: 0;
        padding-right: 0;
    }

    #mydiv .lei {
        font-size: 12px;
    }

    /*PC样式-*/
    #mydiv1 .nav-justified>li {
        float: left;
        width: 25%;
    }

    #mydiv1 .nav-justified>li>a {
        margin-bottom: 0;
    }

    #mydiv1 .container {
        padding-left: 0;
        padding-right: 0;
    }

    #mydiv1 .lei {
        font-size: 12px;
    }

    #myTab img {
        width: 30px;
    }

    #mydiv {
        top: 48px;
    }

    /*PC样式-*/
    #mydiv1 {
        top: 48px;
    }

    #custom-case .row a {
        width: initial;
        margin: 0;
        /*font-size: 70%;width: 100%;padding:6px 0;*/
    }

    #custom-case h4 {
        font-size: 16px;
        font-weight: 300;
    }

    #myTabContent .portal img {
        width: 100% !important;
    }

    .footer .container ul {
        margin-bottom: 0;
    }

    .footer .container ul a {
        color: #fff;
    }

    .portal .container .col-md-6 p {
        padding-right: 0 !important;
    }

    /**********设计***********/
    #Gray-image {
        background: url(/img/Design/huidutu.png) no-repeat center top;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        background-size: 100% 100%;
        height: 180px;
    }
}

@media only screen and (min-width : 568px) and (max-width : 1024px) {
    #product img {
        max-width: 70% !important;
    }
}

@media all and (max-width:568px) {
    .header-content {
        height: 90vh;
    }
}

/* .font-general-size-one {
    font-size: 10px;
} */

#footer{
    background-color: #F2F2F2;
}
#footer .container{
    max-width: 1280px;
}

#footer .row{
    margin: 40px 0px;
}

#footer .menu{
    margin: 25px 0px;
    padding: 80px 0px 30px 0px;
}
#footer .menu .center-block{
    display: inline-block;
}