body{background:#f5f5f5;word-wrap:break-word;-webkit-overflow-scrolling:touch}
*html{background-image:url(about:blank);background-attachment:fixed;word-wrap:break-word}
html, body, div, ul, ol, li, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dl, dt, dd{margin:0;padding:0}
ul,ol,li{list-style:none}
a[disabled]{color:#ccc;cursor:not-allowed;pointer-events:none}
input,button,select,textarea{vertical-align:middle;font-size:100%;border:none;resize:none}
input[type="submit"], input[type="reset"], input[type="button"], select, button{outline:0;appearance:none;-moz-appearance:none;-webkit-appearance:none}
select:-ms-expand{display:none}
/* html5*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
/* size*/
.text-fon48{font-size:4.8rem!important}
.text-fon28{font-size:2.8rem!important}
.text-fon24{font-size:2.4rem!important}
.text-fon22{font-size:2.2rem!important}
.text-fon20{font-size:2rem!important}
.text-fon18{font-size:1.8rem!important}
.text-fon16{font-size:1.6rem!important}
.text-fon14{font-size:1.4rem!important}
.text-fon12{font-size:1.2rem!important}
/* color */
.text-color-red{color:#f00!important}
.text-color-blue{color:#00F!important}
.text-color-green{color:#008000!important}
.text-color-yellow{color:#ff0!important}
.text-color-orange{color:#f60!important}
.text-color-white{color:white!important}
.text-color-black{color:#000!important}
.text-color-gray{color:#777!important}
/* result-tip */
.result-tip{vertical-align:middle;text-align:center}
.result-tip .ui-center{position:absolute;top:50%;left:50%;margin:auto;font-size:14px;color:#777;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.result-tip .ui-nodata{line-height:100px;font-size:12px;color:#777}
/* sequence */
.sequence{clear:both;margin-top:15px;line-height:2.6rem}
.sequence li{display:list-item;list-style-type:decimal;margin-left:2rem}
/* ui-center */
.ui-center{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;text-align:center}
/* vertical */
.ui-vertical{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-box-pack:center;box-pack:center}
/* ui-tab */
.ui-tab-nav{background-color:#fff;height:4rem;width:100%;display:-moz-box;display:-webkit-box;display:box}
.ui-tab-nav li{line-height:4rem;border-bottom:#e6e6e6 1px solid;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;text-align:center;color:#777;width:100%}
.ui-tab-nav li a{color:#777;display:block}
.ui-tab-nav li a:hover{text-decoration:none}
.ui-tab-nav li.active{color:#000;border-bottom:2px #72a6ff solid}
.ui-tab-nav li.active a{color:#000}
.ui-tab-nav li:active{opacity:.8}
.ui-flex{width:100%;display:-moz-box;display:-webkit-box;display:box}
.navbar-default{background-color:rgba(0, 0, 0, 0.6);padding:10px 0;border-radius:0;border-color:transparent}
/* talk-write */
.talk-write{position:fixed;right:30px;bottom:20px;width:4.4rem;height:4.4rem;background:#72a6ff;border-radius:100%;text-align:center;z-index:100}
.talk-write a{display:block;color:#FFF;line-height:18px;padding-top:4px;width:100%;height:100%}
.talk-write a span{display:block}
@media \0screen\,screen\9 {/* ֻ֧IE6/7/8 */
  .navbar-default{background-color:#000000;filter:Alpha(opacity=36);position:static;*zoom:1}
  .navbar-default .container{position:relative}  
}
.navbar-default .navbar-nav>li>a{color:#fff!important}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#2fb6f0}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color: rgb(231 231 231 / 50%)!important;}
.navbar-brand{padding:0px 15px;max-width:220px;}

.zrb-banner{height:500px;background:url(../image/topxiu.jpg) center center #222733;overflow:hidden;background-size:cover;padding:0 20px;transition:height .4s;-webkit-transition:height .4s;-moz-transition:height .4s}
.zrb-banner .solution-banner-inner{max-width:1170px;width:100%;margin:0 auto;padding:155px 0 0 5px;box-sizing:border-box;-webkit-box-sizing:border-box}
.zrb-banner .solution-banner-ct{width:50%;color:#fff}
.zrb-banner .solution-banner-tit{font-size:48px;font-weight:400;line-height:1.5}
.zrb-banner .solution-banner-des{font-size:16px;line-height:1.7;margin:10px 0 40px}
.zrb-banner .solution-banner-des p{line-height:1.7}
.zrb-banner .solution-banner-btn{font-size:0;position:relative}
.zrb-banner .solution-banner-btn .c-btn{height:50px;line-height:45px;min-width:180px;max-width:200px;padding:0 15px;color:#fff;border:1px solid #fff;border-radius:2px;font-size:16px;text-align:center;display:block;margin-bottom:15px;cursor:pointer;outline:0;box-sizing:border-box;vertical-align:middle}
.zrb-banner .solution-banner-btn .c-btn:hover{background-color:rgba(255, 255, 255, 0.3);text-decoration:none;color:#2fb6f0}
.zrb-banner .solution-banner-btn .android_code{position:absolute;left:220px;top:0px;width:115px;background:#fff;padding:5px}

.single-service{margin-bottom:50px}
.single-service .iconfont{font-size:60px;color:#2fb6f0;line-height:1}
.single-service .service-content{margin-top:30px}
.single-service .service-content h5{font-size:1.8rem;color:#2d3033;margin:10px 0;text-transform:uppercase;font-weight:700}
.single-service .service-content p{color:#666;line-height:1.7rem;}

.container .section-title{font-size:3rem;color:#272727;text-transform:uppercase;position:relative;padding-bottom:20px;margin:0 0 30px}
.container .section-title:before{content:"";position:absolute;width:200px;bottom:0;left:50%;margin-left:-100px;height:1px;background:#ebebeb}
.container .section-title:after{content: "";position:absolute;width:24px;height:24px;bottom:-11px;left:50%;margin-left:-12px;border:5px solid #fff;border-radius:20px;background:#2fb6f0}

#service h3{font-size:2.6rem;color:#1a1a1a;font-weight:600;margin-bottom:25px;margin-top:0}
#service p {font-size:16px;color:#464646}
#guide .blog-post{border:1px solid #eee;padding:15px}
#guide .blog-post.blog-media{margin-bottom:30px}
#guide .blog-post.blog-large .entry-thumbnail{margin:-15px -16px 15px}
#guide .blog-post.blog-media .entry-thumbnail{margin:-15px 15px -15px -15px}
#guide .blog-post .entry-title{margin-top:0;font-size:18px;margin-bottom:15px}
#guide .blog-post .entry-content{color:#464646}
#news .bottom-news-info h3{font-size:1.8rem;border-bottom:1px solid #d9d9d9;margin:15px 0 25px;padding:0 0 10px 0}
@media screen and (max-width:1366px){
	.zrb-banner{height:360px}
	.zrb-banner .solution-banner-inner{padding:105px 0 0 10px}
	.zrb-banner .solution-banner-tit{font-size:30px}
	.zrb-banner .solution-banner-btn .c-btn{height:40px;line-height:36px;font-size:14px}
	.zrb-banner .solution-banner-des{font-size:14px;margin:10px 0 15px}
	.zrb-banner-nobtn .solution-banner-inner{padding:125px 0 0 10px}
    .zrb-banner .solution-banner-btn .android_code{width:95px}
}
@media screen and (max-width:768px){
	.zrb-banner .solution-banner-ct{width:70%}
	.zrb-banner .solution-banner-inner{padding:95px 0 0 10px}
	.zrb-banner-nobtn .solution-banner-inner{padding:115px 0 0 10px}
    #guide .blog-post.blog-media .entry-thumbnail{margin:-15px -15px 15px}
    #guide .blog-post.blog-media .pull-left{float:none!important}
    #guide .blog-post.blog-media .entry-thumbnail img{width:100%}
}
@media screen and (max-width:600px){
	.zrb-banner .solution-banner-inner{width:100%;padding:85px 0 0}
	.zrb-banner .solution-banner-ct{width:100%;padding-left:0}
	.zrb-banner .solution-banner-tit{text-align:center}
	.zrb-banner .solution-banner-btn .c-btn{max-width:260px;height:50px;line-height:45px;font-size:14px;margin:0 auto 15px}
    .zrb-banner .solution-banner-btn .android_code{display:none}
    #guide .blog-post.blog-large{margin-bottom:30px}
}
/* Article */
.article-list{clear:both;border:1px solid #EAEAEA;padding:20px;overflow:hidden;background-color:#fff;margin-bottom:-1px}
.article-list:hover{background-color:#FBFDFF;border-color:#42B5EF;position:relative;z-index:20}
.article-list header{margin-bottom:10px}
.article-list h3{font-size:20px;line-height:24px;margin-bottom:6px;font-weight:bold}
.article-list h3 a{color:#555}
.article-list h3 a:hover{color:#3399CC}
.article-list .meta{color:#999;font-size:12px}
.article-list .time,.article-list .comment,.article-list .views{cursor:pointer;margin-right:20px}
.article-list .time:hover,.article-list .comment:hover,.article-list .views:hover{color:#3399CC}
/* atlas */
.atlas-list{padding:12px 0;border-top:1px solid #e6e6e6}
.atlas-list a{text-decoration:none;}
.atlas-list .atlas-item{height:110px;overflow:hidden}
.atlas-list .atlas-item .module-pic{position:relative;float:right;width:158px;height:100%;overflow:hidden;display:inline-block;background:#e8e8e8;margin-left:10px}
.atlas-list .atlas-item .module-pic img{height:100%;width:100%}
.atlas-list .atlas-item dd{display:table;overflow:hidden;height:100%}
.atlas-list .atlas-item dd .cell{display:table-cell;vertical-align:middle}
.atlas-list .atlas-item h4{font-size:20px;line-height:1.4;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.atlas-list .atlas-item dd .cell p{margin-bottom:0;padding-top:15px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.atlas-list .atlas-item dd .cell p span{margin-left:15px}

.content-wrap{width:100%;float:left;min-height:1000px}
.article-style .content{position:relative;min-height:450px;margin-right:380px;background-color:#fafafa;overflow:hidden;padding:0px 20px;margin-bottom:15px}
.article-style .article-header{margin-bottom:20px;padding:25px 0;border-bottom:1px solid #EEE;text-align:center;}
.article-style .article-title{margin-top:0;font-size:26px;line-height:36px;}
.article-style .article-title a,.article-style .article-title a:hover{color:#555;}
.article-style .article-meta{margin-top:10px;font-size:12px;color:#999;}
.article-style .article-meta .item{margin-right:15px;cursor:pointer;}
.article-style .article-meta .item a{color:#666;}
.article-style .article-meta .item a:hover{color:#3399CC;}

.article-content{font-size:15px;line-height:25px;word-wrap:break-word;cursor:default}
.article-content img{margin:5px auto;display:block;max-width:100%;height:auto}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{text-indent:32px;margin-bottom:18px;font-weight:700}
.article-content p{text-indent:32px;margin-bottom:18px;word-wrap:break-word}

.sidebar{float:left;margin-left:-360px;width:360px;position:relative}
.widget{clear:both;position:relative;margin-bottom:15px;background-color:#fff;overflow:hidden}

.widget_hot h3{font-size:18px;color:#666;border-bottom:1px solid #eaeaea;background-color:#fbfbfb;margin:0;padding:11px 15px 10px;cursor:default}
.widget_hot h3:hover{cursor:pointer;color:#F73B3B}
.widget_hot li{padding:10px 15px 10px 10px;border-bottom:solid 1px #eee;overflow:hidden;display:block;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis}
.widget_hot li:hover{background-color:#FBFDFF}
.widget_hot li a{color:#888;font-size:14px}
/*图文*/
.video-list-hot{border-top:2px solid #2fb6f0;padding:15px 20px}
.video-list-hot h3{margin-bottom:15px;font-size:18px;font-weight:700}
.video-list-hot li{margin-top:8px;border-top:1px solid #e6e6e6;padding-top:8px}
.video-list-hot li a{text-decoration:none}
.video-list-hot li .video-item{height:68px;overflow:hidden}
.video-list-hot li .video-item .module-pic{position:relative;float:right;width:118px;height:100%;overflow:hidden;display:inline-block;background:#e8e8e8;margin-left:10px}
.video-list-hot li .video-item .module-pic img{height:100%;width:100%}
.video-list-hot li .video-item dd{display:table;overflow:hidden;height:100%}
.video-list-hot li .video-item dd .cell{display:table-cell;vertical-align:middle}
.video-list-hot li .video-item h4{font-size:14px;height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.video-list-hot li .video-item dd .cell p{margin-bottom:0;padding-top:10px;font-size:12px;color:#999}

.relates .title{border-bottom:1px solid #EAEAEA;padding-bottom:10px}
.relates .title h3{font-size:20px}
.relates ul{margin-left:18px;color:#BBB;margin-bottom:30px}
.relates li{margin-top:12px;list-style:disc}
.relates a{color:#777}
.relates a:hover{color:#3399CC;text-decoration:underline}
/*comment*/
.column-title h3{font-size:16px;margin-top:16px}
.column-title h3 span{display:inline-block;border-bottom:2px solid #2fb6f0;padding-bottom:12px;z-index:2}

#comment{background:#fafafa;margin-bottom:15px;overflow:hidden}
#comment .c-item{padding:14px 0;border-top:1px solid #f2f2f2}
#comment .avatar-wrap{float:left;display:block;width:30px;height:30px;border:1px solid #e8e8e8;margin:6px;border-radius:50%;overflow:hidden}
#comment .avatar-wrap img{width:100%;height:100%}
#comment .c-content{margin-left:42px;overflow:hidden}
#comment .c-content .c-user-info{margin-bottom:4px;color:#999}
/*zhuanfa_situation*/
.zhuanfa_situation{background:#fff;overflow:hidden}
.zhuanfa_situation div{margin:10px 0;border-right:1px solid #ccc}
.zhuanfa_situation div:last-child{border-right:none}
.zhuanfa_situation p{margin-bottom:5px}

/*loading*/
.pagination-loading{text-align:center;padding:15px 0;width:150px;margin:0 auto}
.pagination-loading > div {width:18px;height:18px;background-color:#ccc;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation: bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.pagination-loading .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}
.pagination-loading .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.ias_trigger{margin:15px 0}
.ias_trigger a{display:block;background-color:#E6E6E6;line-height:32px;text-align:center;color:#999}
.ias_trigger a:hover{display:block;background-color:#DDD;color:#666}
@media (max-width:768px){
    .container{margin: 0 15px;width:auto;padding:0;}
    .article-style .sidebar{display:none}
    .article-style .content{margin-right:0}
    .article-content{font-size:16px;line-height:24px}
    }
@media (max-width:640px){
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin:0}
    .container{padding:0;margin:0}
    .row{margin-right:0;margin-left:0}
    .article-list{padding:15px;border-left-width:0;border-right-width:0}
    .article-list .note{display:none}

    .atlas-list .atlas-item{height:72px}
    .atlas-list .atlas-item h4{font-size:16px}
    .atlas-list .atlas-item .module-pic{width:105px}
    .atlas-list .atlas-item dd .cell p{font-size:11px}

    .article-style .content{margin-right:0;min-height:200px;padding:0 15px}
    .article-style .article-header{text-align:left;padding-bottom:15px}
    .article-style .article-title{font-size:24px;margin-bottom:5px;line-height:22px}
    .article-style .sidebar{display:none}
    .article-style .article-meta .article-meta-source{display:none}
    
    .article-content{font-size:16px;line-height:24px}
    .article-content p,.article-content h2,.article-content h3,.article-content h4{margin-bottom:15px;text-indent:initial}
    .article-content h2{font-size:16px;font-weight:bold;margin:15px -10px 15px -10px;line-height:18px;padding-left:10px;border-left:none}
    .article-content ul,.article-content ol{margin-left:20px}

   }
/* ui-footer */
.ui-footer-white{height:5rem;background:#FFF;overflow:hidden;box-orient:vertical;-webkit-box-pack:center;box-pack:center}
.ui-footer-white div{height:100%;display:flex;align-items:center;resize:both}
.ui-footer-white .iconfont{font-size:3rem;margin-right:15px;color:#666}

.modal-footer{padding:0px}
/* Site Footer */
#site_footer{clear:both;color:#fff;background:#2e2e2e;border-top:1px solid #EBEBEB;font-size:12px;font-weight:normal;text-align:center;padding:2em 0;margin-top:1.25em}