html {
    margin: 0px;
}
body {
    font-size: 12px;
    color: #333;
    background-color: #eeeeee;
}
a{ color:#000;}
ul,li,p{margin:0;padding:0;list-style-type:none;}
.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    content: '.';
    line-height: 0;
  } 
.container{
    width: 840px;
    padding:0;
    background-color: #ffffff;
    border: 1px #ccc solid;
    margin-top: 10px;
}
.container .row{margin: 0 auto;}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    padding: 0;
}

h1{font-size: 1.6em; color: #B84401; font-weight: bold; margin-bottom: 10px;}
.pd-10{padding: 0 10px;}
/* header */
header{margin: 0 10px; padding: 10px 0;}
.box-ad-header{padding-top: 10px;}

h1{padding: 0 15px;}
h2{font-size:1.6em; margin-bottom:15px;}
h3{font-size: 1.4em;}
h3.smHeader{font-size: 1.3em; font-weight: bold; margin: 10px auto; padding: 0 5px;}

.navbar{background-color: #555; padding: 0; margin: 0 auto;}
.navbar-expand-lg .navbar-collapse{justify-content: flex-end;}
.navbar-nav .nav-item{border-right: 1px #fff solid;}
.navbar-nav .nav-item:last-child{border-right: 0;}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus{
    padding: 10px 20px;
    color: #fff;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link{
    background-color: #fff;
    color: #000;
}
.navbar-light .navbar-toggler{
    color: #fff;
}

/* 框架盒子 */
.mod-box{padding:20px 0;display: flex; justify-content: space-between;}
.mod-item{margin-right:15px;}
.mod-item:last-child{margin-right:0;}

/*box盒子*/
.box{padding: 0; margin: 0 auto;}

 
.box-ad{text-align: center;margin-right:15px; margin-bottom:30px; }
.box-index .box-ad{ margin-right:0; margin-bottom:0;}
.box-index .pos-title h2{font-size: 1em;}

.box-flex{padding: 0 10px; }
.box-flex .box-ad{width:250px; float:left; }
.box-flex .box-item:nth-child(1){flex-grow: 1;}
.box-flex .box-item:nth-child(2){flex-grow: 2;}
.box-flex h3{font-size: 1.2em;}  
.info-tish{
    padding:15px 10px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background: url(../images/bgProduct.jpg) no-repeat top left;
}
.links{margin-top: 20px;}




/* 网站首页 */
.block-inner{padding: 2em 1em;} 



/* 内容页 */
.content{padding:0 15px 20px;}
.content p strong{font-weight: normal;}
.content p{line-height: 180%; margin-bottom:15px;}
.content img{width:100% !important;height:auto !important; margin:10px aotu 20px;}
.down{margin-top:20px;}


.blank10{width:100px; height:10px; clear:both;}
.blank20{width:100px; height:20px; clear:both;}
.canshu{ margin: 0 15px;}
.canshu ul{padding:0 15px;}
.canshu ul li{list-style-type: disc; font-size:12px; color:#666;}

.system{ margin-bottom:10px; padding-top:10px; font-size:12px; color:#666; }
.system .windows-info .cat-til i{margin-right:10px;}
.system .windows-info .cat-til span{font-size:1.5em;}
.system .windows-info .sys-text{margin:15px auto;}
.system .windows-info .win-down{font-size:1.2em;}
.system .windows-info .win-down li{line-height:25px;}
.system .windows-info .win-down b{font-weight:normal;}
.system .windows-info .win-down span{ margin-left:30px;}
.system .windows-info .win-down a{ margin-left:30px;}

.mt-10{margin-top:10px;}
.mt-30{margin-top:30px;}

/* container 主体内容 */
.font20{font-size:1.6em;}
.pos-title{border-left: 7px solid #B84401; background-color: #666; padding: 5px 15px;}
.pos-title h2{font-size: 16px; color: #fff; margin: 0;}

.cat-title{color: #000;margin-top: 20px; padding: 0 15px; border-bottom: 1px #f2f2f2 solid; position: relative;}
.cat-title h1{font-size: 2em;font-weight: 1000;}
.cat-title h2{font-size: 2em;font-weight: 1000;}
.cat-title a.more{position: absolute;top: 10px;right: 20px; color: #000;font-size: 12px;}
.cat-title a.more:hover{text-decoration: none;color: blue;}
/* 文章列表 */
.box-default .cat-title{margin-bottom: 20px; padding: 0 15px 10px; border-bottom: 1px #ccc solid; font-size: 1.5em;}
.list-article{margin: 0 15px;}
.list-article{}
.list-article li{margin-bottom: 10px; padding-left: 20px; position: relative;}
.list-article li:before{content: " "; position: absolute; left: 0; top: 6px; display: block; width: 12px; height: 12px; background: url("../images/right.png") no-repeat; background-size: cover;}
.list-article li a{color: #333; font-size: 1em; display:block; padding-right:90px;}
.list-article li a:hover{text-decoration: underline; color: blue;}
.list-article li span.date{position: absolute; right: 10px; top: 0px;}

/* 文章列表2 */
.article-list{color: #828a92;} 
.article-list ul{}
.article-list li{margin-bottom: 30px; padding:20px 15px;border-bottom: 1px #f2f2f2 solid;}
.article-list li .item{}
.article-list li .item .item-limit{margin-bottom: 5px;}
.article-list li .item .item-limit h3{font-size: 1.3em;margin-bottom: 20px;font-weight: 600;}
.article-list li .item .item-limit h3 a{color: #000;}
.article-list li .item .item-limit h3 a:hover{color: #06c;}
.article-list li .item .item-limit .desc{color: #828a92;}
.article-list li .item .meta{display: flex;flex-wrap: nowrap; }
.article-list li .item .meta .tags{}
.article-list li .item .meta .tags a{color: #06c; padding: 2px 10px; background-color: #e6f1fb; margin-right: 10px;}
.article-list li .item .meta .time{line-height: 25px;}

/* 文章列表_hot 热文 */
.hot-article .card-body{padding: 10px 15px;}
.hot-list{}
.hot-list li{}   
.hot-list li i{color: #000; margin-right:10px;font-size: 14px;} 
.hot-list li i.c1,
.hot-list li i.c2,
.hot-list li i.c3{color: rgb(236, 12, 12); font-size: 16px;  }
.hot-list li a{}
.hot-list li a:hover{}

/*图文环绕*/
.tuwad{width:250px; height:250px; float:left; margin-right:10px;}

/*友情链接*/
.box-links{padding:20px 15px;}
.box-links a{margin:0 0 15px; padding:5px 10px;}
.box-links a:hover{color:blue;}


/* footer 页脚 */
footer{ border-top: 1px #ccc solid; padding: 15px; }

@media (min-width: 1200px) {

}

.google-auto-placed{   }
@media(max-width: 796.98px){
    h1{ margin:20px auto;}
    .cat-title{margin-top:30px;}
    .box-flex{margin-bottom:30px;}
    .box-flex .box-item{width: 100%;  }
    .container{width: auto; padding: 0 5px}
    .box-index .box-ad{ display:none;}
    
    .list-article li a{padding-right:10px; display:initial; }
    .list-article li span.date{position:initial;}
    .content{padding:20px 0; font-size:16px;}
    .navbar{background-color: #fff; margin: 0 auto;}
    .navbar-nav .nav-item{border-bottom: 1px #333 solid; border-right: 0;}
    .navbar-nav .nav-item.active .nav-link{color: #B84401; font-weight: bold;}
    .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus{color: #333;}
}