body {
    font-size: 14px;
    font-family: "Microsoft YaHei" ! important;
    color: #000;
    
}


.board {
    padding: 0 0 27px 0;
}

.keywordList {
    outline: 1px solid #e3e3e3;
    padding: 10px 10px 10px 10px;
}

.keywordboard {
    margin: 20px 0 20px 0;
}

.foreignerInfo {
    margin: 20px 0 20px 0;
    outline: 1px solid #e3e3e3;
    padding-top: 10px;
    padding-bottom: 10px;
}

.foreignerInfoImg {
    width: 200px;
    height: 140px;
}

.foreignerGeneral {
    margin-top: 20px;
}

.foreignerInfoText {
    margin-left: 40px;
}


.topicItem {
    height:300px;
    margin-top:20px;
    margin-bottom:20px;
}


.agentBlog {
    margin-top:10px;
    margin-bottom:10px;
}

.contentIndentation {
    margin-left:10px;
}


/*J's css from here*/


.container-space {
    margin-top: 80px;
}


.topic-breadcrumb {
    padding: 2px 0 0 10px;
    border-bottom: 1px #030 dashed;
    background-color: #FFF;
}

    .topic-breadcrumb > .active {
        color: #030;
    }

.topic-space {
    margin: 30px 0 0 0;
}

.topic-box-title {
    padding: 1px 0 10px 10px;
    line-height: 1.8em;
    background: url(/assets/img/rightbg.gif) repeat-x;
    font-size: 16px;
    border-radius: 0;
}

.topic-box-sp {
    margin: 15px 0 0 0;
    border-radius:0px;
}

.topic-left-box {
    margin: 10px;
    padding: 5px 0 10px 0;
    border-bottom: dashed 1px #267217;
    border-radius: 0; 
    line-height:1.9em;
}

    .topic-left-box a {
        color: #000;
    }

.topic-searchinput {
    width: 100%;
    height: 41px;
    padding: 6px 6px;
    font-size: 16px;
    font-family: "Microsoft YaHei" ! important;
    line-height: 1.428571429;
    color: #000;
    vertical-align: middle;
    border: 1px solid #afaeae;
}

.topic-search-sp {
    margin: 0 0 15px 0;
}

.list-group-item:first-child {
    border: 0px;
}

.list-group li {
    list-style-type: none;
}

.topic-left-bottom {
    padding: 6px 5px 0px 5px;
    border: 0px;
    line-height:2em
}

.text-left a {
    display: block;
    margin: 0 0 0 15px;
    color: #000;
}

.topic-title{
    font-size: 18px;
}

.topic-agent-box, .topic-com-box img {
    margin: 2px 0px 15px 0px;
}

.topic-agent-box img, .topic-com-box img {
    padding: 2px;
    border: 1px solid #CCC;

}

.topic-agent-name p {
    line-height: 1.5em;
    font-size: 12px;

}


.topic-com-name a p {
    margin: 0px 0px 0px 0px;
    font-size: 13px;
    color: #000;
    text-indent:12px;
    height:25px;
    overflow:hidden;
    background:url(/assets/img/dot.gif) 2px 12px no-repeat;
    text-decoration:none;
}

.topic-agent-event {
    margin: 5px 0 0 0;
    text-indent: 0px;
}

.topic-agent-event ul  {
    text-indent: -40px;
    line-height: 1.3em;
    font-size: 12px;
    list-style: none;
}

ul li{
}

.img-center {
    margin: 0 auto 0 auto; 
    text-align: center;
}

.topic-service {
    padding: 10px 0;
    background-image: url(/assets/img/topic/service-bg.png);
    background-position: right;
    background-repeat: no-repeat;
}

.style-79 {
    background: url(/assets/img/topic/icon/icon.png) 0px -103px;
}

.style-110 {
    background: url(/assets/img/topic/icon/icon.png) 0px -51px;
}

.style-78 {
    background: url(/assets/img/topic/icon/icon.png) 0px 0px;
}

.style-135 {
    background: url(/assets/img/topic/icon/icon.png) 0px -156px;
}

.style-133 {
    background: url(/assets/img/topic/icon/icon.png) 0px -209px;
}

.style-136 {
    background: url(/assets/img/topic/icon/icon.png) 0px -261px;
}

.style-77 {
    background: url(/assets/img/topic/icon/icon.png) 0px -315px;
}

.style-137 {
    background: url(/assets/img/topic/icon/icon.png) 0px -369px;
}

.style-138 {
    background: url(/assets/img/topic/icon/icon.png) 0px -423px;
}


.categoryItem {
    margin: 0 0 50px 0;
}

.topic-category-79 {
    margin: 40px 0 10px 0;
    border-bottom: 2px inset #73b4fb;
    position: relative;
}

.title-79, .topic-category-79 a:first-child:hover {
    display: inline-block;
    padding: 0 0 3px 5px;
    width:20%;
    color: #014da3;
    border-bottom: 2px inset #003c7a; 
    position: absolute;
    bottom: -2px;
    text-decoration:none
}

.topic-category-110 {
    margin: 40px 0 10px 0;
    border-bottom: 2px inset #fcbabb;
    position: relative;
}

.title-110, .topic-category-110 a:first-child:hover {
    display: inline-block;
    padding: 0 0 3px 5px;
    width: 20%;
    color: #d10600;
    border-bottom: 2px inset #d10600; 
    position: absolute;
    bottom: -2px;
    text-decoration:none
}

.topic-category-78,.topic-category-138 {
    margin: 40px 0 10px 0;
    border-bottom: 2px inset #cccccc;
    position: relative;
}

.title-78,.title-138,.topic-category-138 a:first-child:hover,.topic-category-78 a:first-child:hover {
    display: inline-block;
    padding: 0 0 3px 5px;
    width: 20%;
    color: #000000;
    border-bottom: 2px inset #000000; 
    position: absolute;
    bottom: -2px;
    text-decoration:none
}

.topic-category-135 {
    margin: 40px 0 10px 0;
    border-bottom: 2px inset #ffd6be;
    position: relative;
}

.title-135, .topic-category-135 a:first-child:hover {
    display: inline-block;
    padding: 0 0 3px 5px;
    width: 20%;
    color: #e25402;
    border-bottom: 2px inset #e25402; 
    position: absolute;
    bottom: -2px;
    text-decoration:none
}

.topic-category-133 {
    margin: 40px 0 10px 0;
    border-bottom: 2px inset #9dc8f5;
    position: relative;
}

.title-133, .topic-category-133 a:first-child:hover {
    display: inline-block;
    padding: 0 0 3px 5px;
    width: 20%;
    color: #0282db;
    border-bottom: 2px inset #0282db; 
    position: absolute;
    bottom: -2px;
    text-decoration:none
}

.topic-category-136 {
    margin: 40px 0 10px 0;
    border-bottom: 2px inset #ffb3dd;
    position: relative;
}

.title-136, .topic-category-136 a:first-child:hover {
    display: inline-block;
    padding: 0 0 3px 5px;
    width: 20%;
    color: #d73f72;
    border-bottom: 2px inset #d73f72; 
    position: absolute;
    bottom: -2px;
    text-decoration:none
}

.topic-category-77 {
    margin: 40px 0 10px 0;
    border-bottom: 2px inset #e7c0ed;
    position: relative;
}

.title-77, .topic-category-77 a:first-child:hover {
    display: inline-block;
    padding: 0 0 3px 5px;
    width: 20%;
    color: #8a0197;
    border-bottom: 2px inset #8a0197; 
    position: absolute;
    bottom: -2px;
    text-decoration:none
}

.topic-category-137 {
    margin: 60px 0 10px 0;
    border-bottom: 2px inset #a0cd94;
    position: relative;
}

.title-137, .topic-category-137 a:first-child:hover {
    display: inline-block;
    padding: 0 0 3px 5px;
    width: 20%;
    color: #1a8001;
    border-bottom: 2px inset #1a8001; 
    position: absolute;
    bottom: -2px;
    text-decoration:none
}



.category-more, .category-more:hover {
    font-size: 12px;
    color: #000;
    position: absolute;
    top: -28px;
    right: 0px;
}

.category-img-79 {
    padding: 3px;
    border: 1px solid #b2d6fa;
}

.category-img-110 {
    padding: 3px;
    border: 1px solid #fee1e3;
}

.category-img-78 {
    padding: 3px;
    border: 1px solid #e5e5e5;
}

.category-img-135 {
    padding: 3px;
    border: 1px solid #f8dac2;
}

.category-img-133 {
    padding: 3px;
    border: 1px solid #e5e5e5;
}

.category-img-138 {
    padding: 3px;
    border: 1px solid #d0e7f9;
}

.category-img-136 {
    padding: 3px;
    border: 1px solid #fdcce1;
}

.category-img-77 {
    padding: 3px;
    border: 1px solid #fee1ff;
}

.category-img-137 {
    padding: 3px;
    border: 1px solid #a8c29f;
}

.company-img-center {
    margin: 20px auto 0 auto; 
    text-align: center;
    background-color: #030;
}

/*Topic blog start from here*/

.topic-agent-name{
    margin: 0 0 15px 0;
    padding: 5px 0 0 0;
    height:25px;
    overflow:hidden
   
}

.topic-myarticlelist {
    float: left;
    padding: 0 0 0 15px;
    font-size: 16px;
    font-family: "Microsoft YaHei" ! important;
    color: #060;
}

.topic-articletitleline {
    width: 100%;
    border-bottom: #060 2px inset;
}

.topic-page {
    padding-right: 0px;
}

.pagination {
    margin:5px 0px 0px 0px;
}

.topic-articletitle > a {
    display: inline-block;
    margin: 15px 0 0 0;
    font-size: 16px;
    color: #060;
}

.topic-articledetail {
    padding: 10px 0 15px 0;
    font-size: 14px;
    color: #646464;
    border-bottom: #060 1px dashed;

}

.topic-articlemore {
    color: #646464;
    font-size: 13px;
}

.topic-page-bottom {
    margin: 40px 0 10px 0;
}

.detail-article-title {
    margin: 35px 0 5px 0;
}

/*List*/

.list-title > a {
    display: inline-block;
    font-size: 15px;
    color: #000;
    text-indent:15px;
    background:url(/assets/img/dot.gif) 5px 12px no-repeat;
}

.list-articledetail {
    margin: 0 0 15px 0;
    padding: 0 15px 15px 14px;
    font-size: 14px;
    color: #646464;
    border-bottom: #b9b9b9 1px dashed;
}

/*Detail*/

.topic-keyword {
    padding: 10px 25px;
}

.agent, .agent-myarticle {
    margin: 10px 0 0 0;
    font-size: 20px;
}

ul .myarticle {
}

.myarticle {
    margin: 0 0 0 0;
    text-indent: 0px;
    font-size: 14px;
}

    .myarticle a {
        padding: 20px 0 0 0;
        color: #000;
        line-height: 1.6em;
        text-indent: 0px;
    }

@media (min-width: 100px) and (max-width: 991px){
   .title-79,.title-78,.title-138,.title-110,.title-135,.title-133,.title-136,.title-77,.title-137 {
    width:50%;
    }
    .topic-left-box {
    margin: 10px;
    padding: 0 5px 0 5px;
    border-bottom: dashed 0px #267217;
    background:#f5feed;
    border-radius: 6px;
    min-height:50px;
    line-height: 1.9em;
    }
    
 }

@media (min-width: 100px) and (max-width: 500px){
.list-articledetail {
    margin: 0 0 0px 0;
    padding: 0 0px 0px 0px;
    font-size: 13px;
    color: #646464;
    height:4px;
    overflow:hidden;
    border-bottom: #b9b9b9 1px dashed;
}

.list-title > a {
    display: inline-block;
    font-size: 13px;
    color: #000;
    text-indent:15px;
    background:url(/assets/img/dot.gif) 5px 12px no-repeat;
}
body {
    font-size: 13px;
    font-family: "Microsoft YaHei" ! important;
    color: #000;
    line-height: 2em;
}
.topic-left-bottom {
    padding: 0px 5px 0px 25px;
    border: 0px;
    line-height:1.2em;
    background:url(/assets/img/dot.gif) 10px 21px no-repeat;
}  
.topic-articlemore {
    color: #646464;
    font-size: 13px;
}
.topic-com-name a p {
    margin: 0px 0px 0px 0px;
    font-size: 13px;
    color: #000;
    text-indent:12px;
    height:25px;
    overflow:hidden;
    background:url(/assets/img/dot.gif) 2px 12px no-repeat;
    text-decoration:none;
}
.topic-com-name a p {
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #000;
    text-indent:13px;
    height:25px;
    overflow:hidden;
    background:url(/assets/img/dot.gif) 2px 12px no-repeat;
    text-decoration:none;
}
 }

.topic-category-90 {
margin: 10px 0 10px 0;
border-bottom: 2px inset #cccccc;
position: relative;
}


.carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;
height: 290px;
width: 424px;
overflow: hidden;
}

.carousel-indicators {
left: 345px;
width:80px
}

.gardendot a {
background: url(/assets/img/dot.gif) 2px 18px no-repeat;
border-bottom: #b9b9b9 1px dashed;
padding:2px 0 1px 15px;
width:100%;
float:left
}

@media (min-width: 100px) and (max-width: 500px) {
.topic-category-137 {
  margin: 10px 0 10px 0;
}
}

.style-76 {
    background: url(../../assets/img/icon-2.png);
}
.title-76 {
    padding: 0 0 3px 5px;
    width: 20%;
    color: #565200;
    border-bottom: 2px inset #565200;
    position: absolute;
    bottom: -2px;
    text-decoration: none;
}
 
.topic-category-76 {
    margin: 60px 0 10px 0;
    border-bottom: 2px inset #9d9600;
    position: relative;
}
.title-140658 {
    padding: 0 0 3px 5px;
    width: 20%;
    color: #d10600;
    border-bottom: 2px inset #d10600;
    position: absolute;
    bottom: -2px;
    text-decoration: none;
}

.topic-category-140658 {
    margin: 60px 0 10px 0;
    border-bottom: 2px inset #fcbabb;
    position: relative;
}
.adv-item a.title {
    font-size: 16px;
    color: #ff5e5e;
    font-weight: bold;
}
.well.adv-item {
    border-radius: 10px;
    border: none;
    webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    height: 260px;
}

.adv-item img.image-border {
    height: 100%;
}

.adv-item .title.small {
    font-size: 12px;
}

.well.adv-item a.adv-more {
    color: #2196f3;
}

.well.adv-item address {
    margin-top: 5px;
}
.banner-panel {
    height: 200px;
    overflow: hidden;
}