/*公共的css*/
/*初始化的css*/
*{margin:0; padding:0; font-family:Arial, Helvetica, 微软雅黑, sans-serif; }
a{ color:#333; text-decoration:none;}
a:hover{text-decoration: none}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;}
.container{ margin:0 auto; position:relative;}
.w1220{width:1220px; margin:0 auto; }
.clear{clear:both;}
body{ overflow-x:hidden; }
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select{outline:medium;}
p{ text-align:justify;}
.fl{ float:left;}
/*.fr{ float:right;}*/
@media (min-width: 1200px){
    .container {
        width: 1200px;
    }
}



/*pc端页头中的导航*/

.headerNav{
    padding: 0 ;
    background: #fff;
}
.headerNav .container{
    padding: 0;
}
.headerNav .container .core{
    height: 70px;
    padding: 12px 0 0 0;
}
.headerNav .container .logoPC{
    overflow: hidden;
    text-align: center;
    display: inline-block;
}
.headerNav .container .logoPC img{
    width: auto;
    height: 50px;
}



.headerNav .navbar{
    text-align: center;
    border: none;
    display: inline-block;
    margin: 0;
    float: right;
    /* line-height: 57px; */
    padding: 18px 0 0 0;
}
.headerNav .navbar>li{
    float: left;
    position: relative;
    display: inline-block;
    /*height: 120px;*/
    text-align: center;
}

.headerNav .navbar>li>a{
    overflow: hidden;
    padding: 0 24px;
    display: inline-block;
    color: #333;
    line-height: 22px;
    font-size: 16px;
    transition: all 0.6s;
    margin: 0 7px;
    border-right: 2px #d9d9d9 solid;
}
.headerNav .navbar>li:last-child a{
    border: none;
}




.headerNav .navbar>li.on>a,
.headerNav .navbar>li:hover>a{
    color: rgb(85, 124, 225);
    text-decoration: none;
}

.headerNav .navbar>li>ul{
    width: 100%;
    position: absolute;
    top: 120px;
    left: 0;
    z-index: 1000;
    perspective: 500px;
    -webkit-perspective: 500px;
    height: 0;
}







    /*手机端顶部导航*/
#mobile{
    padding: 2px 2px;
}
#mobile .logoH1{
    display: block;
    margin: 0 auto;
    font-size: 0;
    padding: 4px 0;
}



#mobile.navFix {
    background: #1b1c2b;
    opacity: 0.9;
    box-shadow: #383a58 0px 4px 10px;
    padding: 2px 2px;
    position: fixed;
    box-sizing: border-box;
}


#mobile #mobile-menu {
    position:fixed;
    top:0;
    left:0;
    width:220px;
    height:100%;
    background-color:#fff;
    z-index:9999;
}
#mobile a:hover ,a:focus{text-decoration:none}
#mobile .mobile-nav>ul{
    padding: 18px 30px;
}
#mobile .mobile-nav>ul>li a{
    display: block;
    transition: all 0.2s ease-out;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
    line-height: 25px;
    padding: 10px 4%;
    border-bottom: 1px solid #d0d0d0;
}
#mobile .mobile-nav>ul>li a i{
    font-style: normal;
    position: relative;
    left: -120px;
}
#mobile .mobile-nav>ul>li  img.mobileNavICON{
    float: right;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 7px 0 0 0;

}





#mobile .mobile-nav>ul>li>ul{
    display: none;
}
#mobile .mobile-nav>ul>li>ul>li>a{
    color:gray;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding:1em 20%;
}
#mobile .mobile-nav>ul>li a img.icon{
    float: right;
}

#mobile #mobile-menu {
    overflow: auto;
    position: fixed;
    top: -100%;
    /*top: 54px;*/
    left: 0;
    height: 100%;
    background-color:rgb(4, 12, 41);
    z-index: 1200;
    width: 100%;
}
#mobile .mobile-nav ul li a:hover {
    background-color: #097cc5;
    color: #ffffff;
}

#mobile .mobile-nav-taggle {
    height: 35px;
    line-height: 35px;
    width: 35px;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 5px;
}
#mobile .mobile-nav-taggle  img{
    width: 60%;
}

#mobile  .mobileLogo{
    /*float: left;*/
    height: 26px;
}

#mobile .nav.avbar-inverse{position:relative;}
#mobile .nav-btn {
    text-align: center;
    line-height: 30px;
    padding: 4px 10px;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    font-weight: bolder;
    height: auto;
    overflow: hidden;
    display: inline-block;
    z-index: 10000;
    position: relative;
}

#mobile #mobileFooter{
    background: rgb(191, 15, 15);
    text-align: center;
    height: 50px;
    margin: 0;
    padding: 0;
}
#mobile #mobileFooter a{
    color:#fff;
    text-align: center;
}
#mobile #mobileFooter a img{
    width: 24px;
    height: 24px;
}
#mobile #mobileFooter a span{
    display: block;
    font-size: 12px;
    padding: 0;
    margin: 0;
    line-height: 18px;
}
















/*手机页脚区域*/
.mobileFooter .container {
    /*background:#005cea;*/
    padding: 20px 16px;
    background: #1d1d1d;
}
.mobileFooter .container .footerInfo p{
    font-size: 12px;
    color: #ffffff;
    margin-bottom: 4px;
}


.mobileFooter .container .footerInfo p:nth-child(2):before{
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../image/footericon2.png) no-repeat 0 0;
    background-size: 14px;
    content: " ";
    vertical-align: middle;
    padding: 0 0 0 15px;
}
.mobileFooter .container .footerInfo .info p:nth-child(3):before{
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../image/footericon3.png) no-repeat  0 0;
    background-size: 14px;
    content: " ";
    vertical-align: middle;
    padding: 0 0 0 15px;
}
.mobileFooter .container .footerInfo .top>p:nth-child(3):before{
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../image/footericon1.png) no-repeat 0 0;
    background-size: 14px;
    content: " ";
    vertical-align: middle;
    padding: 0 0 0 15px;
}












.mobileFooter .container .footerInfo h1{
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}
.mobileFooter .container .footerInfo .bottom{
    margin: 20px 0 0 0;
    text-align: center;
}
.mobileFooter .container .footerInfo  .wx{
    width: 90px;
    float: right;
}
.mobileFooter .container .footerInfo .bottom a{
    color: #fff;
}

.mobileFooter .container .footerInfo .bottom p{
    text-align: center;
}





.mobileFooter.container-fluid {
    font-size: 12px;
    padding: 0;
}
.mobileFooter #mobileFooter{

    text-align: center;
    height: 56px;
    margin: 0;
    padding: 10px 0 0 0;


    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#21d4fd',endColorStr='#005cea',gradientType='1');
    background: -ms-linear-gradient(left, #21d4fd ,#005cea , #b721ff);
    background: -webkit-linear-gradient(left, #21d4fd ,#005cea , #b721ff);
    background: -o-linear-gradient(left, #21d4fd,#005cea , #b721ff);
    background: -moz-linear-gradient(left, #21d4fd,#005cea , #b721ff);
    background: linear-gradient(left, #21d4fd , #005cea ,#b721ff);
}
.mobileFooter #mobileFooter a{
    color:#fff;
    text-align: center;
}
.mobileFooter #mobileFooter a img{
    width: 24px;
    height: 24px;
}
.mobileFooter #mobileFooter a span{
    display: block;
    font-size: 12px;
    padding: 0;
    margin: 0;
    line-height: 18px;
}
.mobileFooter .footerLogo img{
    display: inline-block;
    height: 28px;
}









/*banner区域*/
.bannerIMG{
    padding: 0;
    width: 100%
}
.bannerIMG img{
    width: 100%;
}




/*标题区域*/
/*标题区域*/
.titleAll{
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 100%;

}
.titleAll .name{
    font-style:normal;
    text-align: center;
    font-size: 17px;
    margin: 0 0 2px 0;
    font-weight: bold;

}
.titleAll  .Ename{
    color: #1F2D54;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0px;
    margin: 0 0 3px 0;
    text-transform: uppercase
}

.titleAll .Ename i{
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: initial;
    background: #cfcfcf;
    margin: 0 0 0 5px;
}

.titleAll  .name i{
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: text-bottom;
    background: #373238;
    margin: 0 5px 0 0;
}
.titleAll  .borderB {
    width: 27px;
    height: 2px;
    border-radius: 2px;
    display: block;
    margin: 0 auto;
    background: #cfcfcf;
}
.titleAll.titleAllFFF {
    color: #fff;
}
.titleAll.titleAllFFF .Ename {
    color: #fff;
}
.titleAll.titleAllFFF .borderB {
    background: #fff;
}



/*字体图标库*/

@font-face {font-family: "iconfont";
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('http://m.blockoe.com/public/static/home/defaults/stylem/fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
    /*url('../fonts/b324f6830d2d4da3a46d84ad37bdf321.woff') format('woff'),*/
}

.iconfont {
    font-family:"iconfont" !important;
    font-size:12px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 5px 4px 0 0;
}

.icon-STEEM:before { content: "\e644"; }
.icon-jiantou:before { content: "\e612"; }
.icon-message:before { content: "\e78a"; }
.icon-codelibrary:before { content: "\e793"; }
.icon-team:before { content: "\e7ae"; }
.icon-mobile:before { content: "\e7b2"; }
.icon-solution:before { content: "\e7b5"; }
.icon-file-pdf:before { content: "\e7b8"; }
.icon-audit:before { content: "\e7bf"; }
.icon-deploymentunit:before { content: "\e7d2"; }
.icon-cluster:before { content: "\e7d7"; }
.icon-block:before { content: "\e7df"; }
.icon-api:before { content: "\e7e1"; }
.icon-code:before { content: "\e7fc"; }
.icon-chart-area:before { content: "\e632"; }
.icon-arrows-alt:before { content: "\e633"; }
.icon-object-group:before { content: "\e634"; }
.icon-percent:before { content: "\e635"; }
.icon-project-diagram:before { content: "\e636"; }
.icon-sitemap:before { content: "\e637"; }
.icon-seedling:before { content: "\e638"; }
.icon-users:before { content: "\e639"; }
.icon-database:before { content: "\e63a"; }
.icon-tasks:before { content: "\e63b"; }
.icon-shield-alt:before { content: "\e63c"; }
.icon-key:before { content: "\e63d"; }
.icon-globe:before { content: "\e63e"; }
.icon-space-shuttle:before { content: "\e63f"; }
.icon-windows:before { content: "\e640"; }
.icon-apple:before { content: "\e641"; }
.icon-android:before { content: "\e642"; }
.icon-macOS:before { content: "\e643"; }
.icon-medium:before { content: "\e645"; }
.icon-in:before { content: "\e646"; }
.icon-twitter:before { content: "\e647"; }
.icon-play:before { content: "\e648"; }
.icon-weibo:before { content: "\e649"; }
.icon-facebook:before { content: "\e64a"; }
.icon-github:before { content: "\e64b"; }
.icon-linux:before { content: "\e64c"; }
.icon-banquanguanli:before { content: "\e64d"; }
.icon-renshi:before { content: "\e64e"; }
.icon-huiyuanguanli:before { content: "\e64f"; }
.icon-gongyinglian:before { content: "\e650"; }
.icon-rongziguanli:before { content: "\e651"; }
.icon-shenfenyanzheng:before { content: "\e652"; }
.icon-hetongguanli:before { content: "\e653"; }
.icon-shujuguanli:before { content: "\e654"; }
.icon-zhihuishuiwu:before { content: "\e655"; }
.icon-zichantongzhenghua:before { content: "\e656"; }
.icon-hetongguanli1:before { content: "\e657"; }
.icon-gongyinglian1:before { content: "\e658"; }
.icon-cheliangguanli:before { content: "\e659"; }
.icon-shebaoguanli:before { content: "\e65a"; }
.icon-dianzitoupiaoguanli:before { content: "\e65b"; }
.icon-jiaoyuxitongguanli:before { content: "\e65c"; }
.icon-tudidengji:before { content: "\e65d"; }
.icon-shuzishenfenyanzheng:before { content: "\e65e"; }
.icon-zhizhaoqianfa:before { content: "\e65f"; }
.icon-zichanguanli:before { content: "\e660"; }











@media screen and (max-width: 1000px){
    body{
        margin: 0;
        padding: 0px 0 0px 0;
    }
    .container{
        padding: 0;
    }
}

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



}