@CHaRSET "UTF-8";


body.body-white {
    background: #fff;
}

a {color: #666;text-decoration: none;}
a,a:hover,a:focus{text-decoration: none;}
ul,li{margin:0;padding:0;list-style-type:none;}
p{margin-bottom: 0;line-height: 24px;}
h2{font-size:20px;}
h3{font-size:20px;}
h4{font-size:16px;}


h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}


.height10{height: 10px;}
.height20{height: 20px;}
.height30{height: 30px;}
.height40{height: 40px;}
.height50{height: 50px;}
.height100{height: 100px;}
.height150{height: 150px;}


section{padding:10px 0;}


/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}*/
    #backtotop {
        position: fixed;
        bottom: 50px;
        right: 20px;
        display: none;
        cursor: pointer;
        font-size: 50px;
        z-index: 9999;
    }

    #backtotop:hover {
        color: #333
    }

    #main-menu-user li.user {
        display: none
    }


/*tel*/
.header_center{padding-top: 8px;padding-bottom: 8px;background: url(../images/top-gb.jpg) repeat top left;}

.proNav{display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;}
/*搜索框*/
@media only screen and (min-width:991px){
    .header_center .navbar-form{margin:0;}
    .header_center .form-control{height: 32px;padding: 5px 12px;}
    .header_center .btn{padding: 5px 12px;}
}
.tel{padding:10px 15px;text-align:right;}
#tel{ 
    float:right;
    line-height:25px;
    color:#333;
    text-align:left;
    font-size:14px;
    padding-left:60px;
    height:50px;
    /*margin-top:25px;*/
    background-image: url(../images/tel.png);
    background-repeat: no-repeat;
    background-position: left center;
}
#tel .name{  font-size:14px; color:#5a5a5a; line-height:24px;}
#tel .f22{ 
    font-family:arial, Helvetica, sans-serif;
    font-size:20px;
    color:#0b89dd;font-weight:bold; line-height:26px;
}


.navbar{margin-bottom: 0;min-height: 50px}
.navbar-default {background: url(../images/top-gb.jpg) repeat top left;}

.navbar-nav > li > a {font-size:16px;padding-top: 15px;padding-bottom: 15px;}

.navbar-default .navbar-nav > li > a {
    color:  #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color:rgba(102, 179, 222);
}


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color:rgba(102, 179, 222);
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color:rgba(102, 179, 222);
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    text-decoration: none;
    color: #fff;
    background-color:rgba(102, 179, 222);
}

.nav > li > a {

    position: relative;
    display: block;
    padding: 15px 48px;
}




/*logo*/
.navbar-brand {
    float: left;
    padding: 2px 15px;
    font-size: 18px;
    line-height: 20px;
    width: 80%;
}
/*nav*/
/*导航*/
.navbar-fixed-top{ -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px;}

.navbar-default .navbar-nav > li > a {
    color: #000;
    font-size: 18px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #008bea;
    background:none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #008bea;
    background:none;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background:none;color:#008bea;
}



/*轮播图*/

.caption-wraper {
    position: absolute;
    left: 50%;
    bottom: 2em;
}

.caption-wraper .caption {
    position: relative;
    left: -50%;
    background-color: rgba(0, 0, 0, 0.54);
    padding: 0.4em 1em;
    color: #fff;
    -webkit-border-radius: 1.2em;
    -moz-border-radius: 1.2em;
    -ms-border-radius: 1.2em;
    -o-border-radius: 1.2em;
    border-radius: 1.2em;
}

.tc-gridbox {
    margin: 0;
}

@media (max-width: 767px) {
    .caption-wraper {
        left: 0;
        bottom: 0.4em;
    }

    .caption-wraper .caption {
        left: 0;
        padding: 0.2em 0.4em;
        font-size: 0.92em;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }
}


.title-color{text-align: center;color:#0080c8;}

.section2{margin-top: 39px;background: #f6f6f6;padding-bottom: 26px;}
/*产品中心*/
.product{min-height:500px;background: url(../images/product-gb.jpg) no-repeat top center;}
.product-grid{
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease 0s;
    margin-bottom:30px;
    border:1px solid #c2c2c2;
}
.product-grid:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.product-grid .product-image{ overflow: hidden; }
.product-grid .product-image a{ display: block; }
.product-grid .product-image img{
    width: 100%;
    height: auto;
    transition: all 0.5s ease 0s;
}
.product-grid:hover .product-image img{ transform: scale(1.1); }
.product-grid .product-content{
    padding: 12px 12px 15px 12px;
    transition: all 0.5s ease 0s;
}
/*.product-grid:hover .product-content{ opacity: 0; }*/
.product-grid .title{
    font-size: 14px;
   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    text-transform: capitalize;
    margin: 0;
    transition: all 0.3s ease 0s;
}
.product-grid .title a{ color: #595757; }
.product-grid .title a:hover{ color: #2e86de; }
.product-grid .price {
    font-size: 14px;
    font-weight: 500;
    color:#2e86de;
}
.product-grid .price span {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 7px;
    display: inline-block;
}
.product-grid .social{
    background-color: #595757;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    bottom: -50%;
    left: 50%;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.product-grid:hover .social{
    opacity: 1;
    bottom: 20px;
}
.product-grid .social li{ display: inline-block; }
.product-grid .social li a{
    color: #909090;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    height: 45px;
    width: 45px;
    margin: 0 7px;
    border: 1px solid #909090;
    border-radius: 50px;
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.product-grid .social li a:hover {
    color: #fff;
    background-color: #2e86de;
    width: 80px;
}
.product-grid .social li a:before,
.product-grid .social li a:after{
    content: attr(data-tip);
    color: #fff;
    background-color: #2e86de;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 1px 5px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    transform:translateX(-50%);
    position: absolute;
    left: 50%;
    top: -30px;
}
.product-grid .social li a:after{
    content: '';
    height: 15px;
    width: 15px;
    border-radius: 0;
    transform:translateX(-50%) rotate(45deg);
    top: -20px;
    z-index: -1;
}
.product-grid .social li a:hover:before,
.product-grid .social li a:hover:after{
    opacity: 1;
}
@media only screen and (max-width:990px){
    .product-grid{ margin-bottom: 30px; }
}


.more{padding: 5px 15px;border: 1px #999 solid;color:#999;}


/*新闻动态*/
/*手机*/
/*newsbox*/

.newsbox {overflow: hidden;margin-bottom: 10px;}
.newsbox section {width: 49.5%;float: left;margin-bottom: 10px;}
.newsbox section:nth-child(odd){ float:right}
.newsbox .news {background: #fff;border: 1px solid #E1E1E1;}
.newstitle { line-height: 40px; font-size: 15px; border-bottom: 1px solid #E1E1E1; background: #F8F8F8 url(../images/newslist.png) no-repeat left 14px center; padding: 0 20px 0 46px; font-weight: normal }
.newstitle span { float: right; font-size: 14px }
.newstitle span a { color: #666 }
.newstitle b { display: block; border-left: 1px solid #E1E1E1; padding-left: 10px }
.newsbox .news ul { padding: 10px }
.newsbox .news ul li { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 28px; width: 96%; line-height: 28px; font-size: 14px; background: url(../images/li.png) no-repeat left center; padding-left: 15px; }
.newsbox .news ul li span { float: right; color: #999; font-size: 12px; margin-left: 20px }
.newsbox .news ul li a:hover { color: #09B1B9; }

 @media only screen and (max-width: 480px) {
.newsbox section { width: 100% }
 }



.tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li {
    float: none;
}

.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    /*margin-bottom: 3px;*/
    margin-bottom: 0;
}

.tabs-left>.nav-tabs {
    float: left;
    /*margin-right: 19px;*/
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding:0;
}


.nav-tabs {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:hover, .tabs-left>.nav-tabs .active>a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}


/*footer*/
.section4{padding-bottom:0;}
.section5{background:#0080c8;padding:10px 0;}
.section6{background:#0080c8 url(../images/foot-gb.jpg) no-repeat center;color: #fff;padding-top:0;}

.proNav{display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;}

.foot-nav a{color:#fff;font-size: 16px;}
.foot-nav a:hover,.foot-nav a:focus{color:#fff;}
.foot-nav li a{padding:5px 20px;}
.section5 a,.section6 a{color:#fff;}


/*关于我们*/
.navigationBox {
    overflow: hidden;
    width: 100%;
    line-height: 40px;
    margin-bottom: 20px;
}

.titleBar {
    height: auto;
    overflow: hidden;
    margin: 20px 0px 20px 0px;
    background: 
    #fff url(../images/titlebg1.jpg) repeat-x left bottom;
}

.titleBar h5 {
    float: left;
    display: inline-block;
    width: auto;
    padding: 0px;
    color: #333;
    margin: 0px 0px 0px 0px;
    font-size: 18px;
    line-height: 18px;
    height: 30px;
    overflow: hidden;
}

.titleBar span {
    float: left;
    background: #fff;display: inline-block;
    width: auto;
    color:#666;
    font-size: 14px;
    padding-right: 5px;
    line-height: 23px;
    text-indent: 10px;
    overflow: hidden;
    font-family: Arial;
}


#firstpane .selected {
    color: #2780E3;
    font-weight: bold
}
#firstpane .selected2 {
    color: #2780E3;
    font-weight: bold
}
#firstpane li span {
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    background: #333;
    display: block;
    position: absolute;
    right: 0px;
    top: 2px;
    color: #fff;
    width: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: bold
}
#firstpane li span:hover {
    background: #2780E3;
}
#firstpane {
    margin: 0px;
    padding: 0px;
    width: 100%;
    overflow: hidden;
    margin-top: -10px;
}
#firstpane > li {
    float: left;
    width: 100%;
    position: relative;
}
#firstpane > li > ul >li:hover {
    color: #2780E3;
    font-weight: bold
}
#firstpane > li > a {
    display: block;
    /* text-indent: 15px; */
    width: 100%;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    /* background: url(../images/li.png) no-repeat left 16px; */
    font-weight: bold
}

#firstpane > li > ul>li > a {
    display: block;
    text-indent: 15px;
    width: 100%;
    border-bottom: 1px dashed #ccc;
    overflow: hidden;
    background: url(../images/li.png) no-repeat left 16px;
}
#firstpane > li > a:hover {
}
/*СÀà*/
#firstpane > li > ul {
    float: left;
    padding: 0px;
    margin: 0px;
    display: none;
    width: 100%;
}
#firstpane > li > ul > li {
    float: left;
    width: 100%;
    position: relative;
}
#firstpane > li > ul > li:hover {
}
#firstpane > li > ul > li > a {
    display: block;
    text-indent: 30px;
    border-bottom: 1px dashed #ccc;
    background: url(../images/li.png) no-repeat 18px 16px;
}
#firstpane > li > ul > li > a:hover {
}
/*СÀà*/
#firstpane > li > ul > li > ul {
    width: 100%
}
#firstpane > li > ul > li > ul > li {
    float: left;
    width: 100%;
    position: relative;
}
#firstpane > li > ul > li > ul > li:hover {
}
#firstpane > li > ul > li > ul > li > a {
    display: block;
    text-indent: 50px;
    border-bottom: 1px dashed #ccc;
    background: url(../images/li.png) no-repeat 38px 16px;
}
#firstpane > li > ul > li > ul > li > a:hover {
}

/*内页 left 分类栏*/
.contactBox .left_tel{padding: 15px 10px;background:#b5b5b5;color:#fff;}



/*设计知识*/
.newsBox {
    margin: 0px 0px 40px 0px;
    overflow: hidden;
}
.newsBox .indexNewsList {
    margin-left: -15px;
    margin-left: -15px;
}
.newsBox .imgNewsBox {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
}
.newsBox .imgNewsBox img {
    width: 100%;
}
.newsBox .newsList {
    clear: both;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    margin-top: -10px;
}
.newsBox .newsList li {
    width: 100%;
    border-bottom: 1px dashed #ccc;
    overflow: hidden;
    line-height: 40px;
    height: 40px;
    padding: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsBox .newsList li:hover {
    background-color: #fff
}
.newsBox .newsList li a {
    font-size: 14px;
}
.newsBox .newsList li a:hover {
    text-decoration: none;
    background: none;
}
.newsBox .newsList li span {
    color: #2780E3;
    /*float: right;*/
}
.indexNews {
    margin-top: -10px;
    margin-bottom: 20px;
}
.indexNews li {
    overflow: hidden;
    padding: 0px;
    line-height: 35px;
    border-bottom: 1px dashed #ccc
}
.leftNewsBox {
    margin: 0px 0px 40px 0px;
}




#footer{color:#a6a6a6;}

/*标签*/
.biaoqian span{padding: 3px 0px;border-radius: 2px;display: block;float: left;}
.biaoqian {overflow: hidden; margin-bottom: 20px;}
.biaoqian a,.biaoqian a:link{color: #fff;}
.biaoqian a {background: #00c1de; color: #fff; padding: 3px 10px; border-radius: 2px;display: block;float: left;margin-right: 10px;}
.biaoqian a:nth-child(2){ background:#0099cb}
.biaoqian a:nth-child(3){ background:#1e8fe3}
.biaoqian a:nth-child(4){ background:#0099cb}
.biaoqian a:nth-child(5){ background:#e2523a}

.tuijian li{margin-bottom: 10px;}

/*新闻分类*/
/*btn*/
a.btn-center{text-align:center;font-size:14px;padding:4px 30px 2px 30px;margin:10px 15px 0 15px;color:#e60021;border:1px solid #e60021;display:inline-block}
a.btn-center:hover{background-color:#df3741;border:1px solid #df3741;color:#fff;text-decoration:none}
@media (max-width:767px){a.btn-center{margin:15px 10px 0 10px;padding:4px 20px 2px 20px}}
/*btn-title*/
a.btn-title{text-align:center;font-size:14px;padding:5px 30px 5px 30px;margin:25px 4px 0 4px;color:#777;border:1px solid #ccc;display:inline-block}
a.btn-title:hover,li.hover a.btn-title{background-color:#df3741;border:1px solid #df3741;color:#fff;text-decoration:none}


/*新闻列表*/
@media only screen and (min-width:992px){div.articles-index-recommend .carousel-inner .item{display:block!important;position:absolute;left:0!important;top:0;width:100%;height:320px;z-index:1;
opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity .3s ease-in-out 0s;
-moz-transition:opacity .3s ease-in-out 0s;-o-transition:opacity .3s ease-in-out 0s;transition:opacity .3s ease-in-out 0s}
div.articles-index-recommend .carousel-inner .item:after,div.articles-index-recommend .carousel-inner .item:before{content:" ";display:table}
div.articles-index-recommend .carousel-inner .item:after{clear:both}
div.articles-index-recommend .carousel-inner .item.active{z-index:2;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}

div.articles-index-recommend .carousel-inner .item .recommend-item-img{float:left;display:block;width:74.38596491%}
@media only screen and (max-width:991px){div.articles-index-recommend .carousel-inner .item .recommend-item-img{float:none;width:100%;height:228px;}
div.articles-index-recommend .carousel-inner .item .recommend-item-text{display:none}}
div.articles-index-recommend .carousel-inner .item .recommend-item-img>img{width:100%;height:auto;}
div.articles-index-recommend .carousel-inner .item .recommend-item-text{margin-left:74.38596491%;padding:30px;width:25.61403509%;height:320px;background-color:#333}
@media only screen and (min-width:992px) and (max-width:1199px){div.articles-index-recommend .carousel-inner .item .recommend-item-text{padding:15px;height:264px}}

div.articles-index-recommend .carousel-inner .item .recommend-item-text>a{color:#fff}
div.articles-index-recommend .carousel-inner .item .recommend-item-text>a:active,
div.articles-index-recommend .carousel-inner .item .recommend-item-text>a:focus,
div.articles-index-recommend .carousel-inner .item .recommend-item-text>a:hover{color:#ff8000;text-decoration:none}
div.articles-index-recommend .carousel-inner .item .recommend-item-text>a>h2:hover{color:#ff8000;text-decoration:none}
div.articles-index-recommend .carousel-inner .item .recommend-item-text>a>h2{margin:0 0 30px;height:50px;line-height:25px;font-size:20px;overflow:hidden;color:#fff;}
@media only screen and (min-width:992px) and (max-width:1199px){div.articles-index-recommend .carousel-inner .item .recommend-item-text>a>h2{margin-bottom:15px}}

div.articles-index-recommend .carousel-inner .item .recommend-item-text>p{margin-bottom:0;height:125px;line-height:25px;color:#fff;overflow:hidden}
div.articles-index-recommend .carousel-indicators{left:auto;right:0;bottom:30px;margin:0;width:25.61403509%}
div.articles-index-recommend .carousel-indicators>li{margin:1px 5px;width:10px;height:10px;border:none;background-color:#ccc}
div.articles-index-recommend .carousel-indicators>li.active{background-color:#2780E3}
div.articles-index-recommend .carousel-control{top:50%;margin-top:-30px;width:32px;height:60px;line-height:60px;text-shadow:none;z-index:10;opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background:#fff;background:rgba(255,255,255,.5);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF FF, endColorstr=#80FFFFFF FF)"}
div.articles-index-recommend .carousel-control:hover{background:#fff;background:rgba(255,255,255,.6);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF FF, endColorstr=#99FFFFFF FF)"}
div.articles-index-recommend .carousel-control:hover>i{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
div.articles-index-recommend .carousel-control.left{left:0}
div.articles-index-recommend .carousel-control.right{left:74.38596491%;margin-left:-32px}
@media only screen and (max-width:991px){div.articles-index-recommend .carousel-indicators{display:none}
div.articles-index-recommend .carousel-control.right{left:100%}}
div.articles-index-recommend .carousel-control>i{/* margin-top:3px;font-size:50px; */opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"}
div.articles-index-main .articles-index-list{margin-bottom:0}
div.articles-index-main .articles-index-list .index-article-item{padding:25px;border-bottom:1px dashed #ddd}
div.articles-index-main .articles-index-list .index-article-item:after,div.articles-index-main .articles-index-list .index-article-item:before{content:" ";display:table}
div.articles-index-main .articles-index-list .index-article-item:hover{background-color:#fafafa}
div.articles-index-main .articles-index-list .index-article-item.last{border-bottom:none}
div.articles-index-main .articles-index-list .index-article-item .article-item-image{float:left;display:block;width:180px;height:102px;line-height:102px;overflow:hidden}
@media only screen and (max-width:767px){div.articles-index-main .articles-index-list .index-article-item{padding:15px}
div.articles-index-main .articles-index-list .index-article-item .article-item-image{float:none;margin:10px auto}}

div.articles-index-main .articles-index-list .index-article-item .article-item-image>img{width:100%}
div.articles-index-main .articles-index-list .index-article-item .article-item-text{margin-left:205px}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-category{float:left;display:block;margin-right:10px;padding:0 5px;line-height:18px;
font-size:12px;color:red;border-radius:3px;border-color:red}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-category:active,
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-category:focus,
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-category:hover{color:#fff;background-color:red}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-title:hover{text-decoration:none}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-title:hover>h1{color:#2780E3}
@media only screen and (max-width:767px){div.articles-index-main .articles-index-list .index-article-item .article-item-text{margin-left:0}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-title{text-align:center}}

div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-title>h1{margin:0;line-height:20px;font-size:16px;color:#333;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-tags{margin-top:10px;margin-left:-3px}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-desc{height:40px;line-height:20px;font-size:12px;color:#999;overflow:hidden}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-options{margin-bottom:0;font-size:12px;color:#999}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-options>span{display:inline-block}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-options .article-item-more,
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-options>span>span{color:#333}



/*page*/
/*工厂*/
.grid{margin-bottom: 30px;}