body .v1,
.v1 h1, .v1 h2, .v1 h3, .v1 h4, .v1 h5, .v1 h6 {
    font-family: 'Helvetica','Microsoft YaHei','Lucida Grande','sans-serif';
}
ul.list-styled {
  list-style-type: square;
}

/* Semantic
---------------------------------*/
.center {
    text-align: center;
}

.block {
    display:block;
}

.block a {
    color: #555;
}

.block a:hover {
  text-decoration: none;
}

.date {
    color:#aaa;
    font-size: 95%;
    display: block;
    padding: 2px 10px;
    margin-bottom: 2px;
}

ul.single-line-list li {
    position: relative;
    float:left;
    display: block;
    padding:10px;
    border-bottom: 1px dotted #e4e9f0;
    width: 100%;
    min-height: 155px;
}

ul.single-line-list-2 li {
    position: relative;
    float:left;
    display: block;
    padding:10px;
    border-bottom: 1px dotted #e4e9f0;
    width: 100%;
}

ul.single-line-list img.pull-left {
    margin-left: -10px;
}

ul.single-line-list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

ul.single-line-list li:hover {
  background:#f2f2f2;
}
ul.single-line-list-2 li:hover {
    background:#f2f2f2;
}
ul.single-line-list li p a:hover {
  color: #555;
}
.single-line-list li h2 a,
.single-line-list li h3 a,
.single-line-list li h4 a,
.single-line-list-2 li h4 a,
.single-line-list li h5 a {
    display: block;
    width: 99%;
}
ul.single-line-list li .date {
    position: absolute;
    color: #f2f2f2;
    top: 111px;
    right: 10px;
}
.single-line-list-2 li .date {
    background: #cc2215;
}
ul.single-line-list-2 .date{
    position: absolute;
    color: #f2f2f2;
    top: 11px;
    right: 10px;
}

ul.title-list h3 {
    font-size:120%;
}

ul.title-list h4 {
    font-size:110%;
    margin: 5px 0;
}

ul.title-list h5 {
    font-size:105%;
}

/* img */
.img-height-129 {
    max-height: 129px;
    overflow: hidden;
}

.img-width-80 {
    width: 80px;
}
.img-width-100 {
    width: 100px;
}
.img-width-150 {
    width: 150px;
}
.img-width-300 {
    width: 300px;
}
.img-width-400 {
    width: 400px;
}

/* Headline
-----------------------------------*/
.headline, .lishidanwei a {
    color: #555;
}
.lishidanwei a:hover{
    color: #cc2215;
}
.headline h2 i.fa,
.headline h3 i.fa
.headline h4 i.fa {
    margin-right:15px;
    font-size: 24px;
}

.headline a:hover {
    text-decoration: none;
}
.headline span a:hover{
    color: #cc2215;
}

.category-filter .headline, .category-filter .headline {
    margin-bottom: 10px;
}

/* Aboutus menu
-----------------------------------*/
.v1 .dropdown .aboutus .container {
  width:600px;
}

.v1 .dropdown .aboutus .contact li {padding-left:10px;}

/*Parallax Slider (Main)
------------------------------------*/
.v1 .da-slider {
    background: url(../../img/v1/bg.png) repeat-y 50% 0;
}

.v1 .da-slide.slide-v1 .da-text {
    display:block;
    position: absolute;
    left: 6%;
    padding-right: 7%;
}

.v1 .da-slide h2 {
    color: #000 !important;
}
.v1 .da-slide p {
    font-family: 'Helvetica','Microsoft YaHei','Lucida Grande','sans-serif';
    color: #3c4959 !important;
}
.v1 .da-slide a {
    display:block;
}
.v1 .da-slide .btn-u {
    display: inline;
    color: #fff;
}
.v1 .da-slide a:hover {
    text-decoration: none;
}
.v1 .da-slide h2 a, .v1 .da-slide p a {
    color: #000 !important;
}

.v1 .da-slide i {
    color: #fff !important;
}

.v1 .da-slide.slide-v1 .da-text {
    display: block;
    width:46%;
}

@media (min-width: 1381px) {
    .v1 .da-slide.slide-v1 .da-text .content {
        width: 88%;
        float: right;
    }
}

@media (max-width: 900px) {
    .v1 .da-slide.slide-v1 .da-text, .v1 .da-slide.slide-v1 .content {
        width: 100%;
    }
}

.v1 .da-slide.slide-v1 .content h2, .da-slide .content h3, .da-slide .content p {
    font-family: 'Helvetica','Microsoft YaHei','Lucida Grande','sans-serif';
    position: relative;
    top: 0;
}

.v1 .da-slide.slide-v1 .content h2, .da-slide .content h3, .da-slide .content p {
    z-index: 10;
    word-wrap:break-word;
    max-width: 90%;
}

.v1 .da-slide.slide-v1 .content h2, .da-slide .content h3 {
    font-size: 36px;
    font-style:normal;
    margin-bottom: 30px;
    margin-top:50px;
}

.v1 .da-slide.slide-v1 .da-img {
    top: 40px;
}

.v1 .da-slide.slide-v1 .da-img img, .da-slide.slide-v1 .da-img embed {
    max-height: 328px;
    min-height: 260px;
    max-width: 90%;
    margin: 0 auto;
    -webkit-box-align:center;
}

/* message tip
--------------------------*/
.v1 .message-tip {
    display: inline-block;
    position: relative;
}
.v1 .message-tip .badge {
    top: -6px;
    right: -10px;
    font-size:40%;
    position: absolute;
    font-style: normal;
}

/* Notice
--------------------------*/
.v1 .notice {
  position: relative;
  display: block;
}
.v1 .notice .title, .v1 .notice .content {display:block;}
.v1 .notice .title {
    margin-top:40px;
    font-size: 36px;
    float:left;
}
.v1 .notice .content {
    padding: 0;
}

.v1 .notice .content h3 {
    font-size: 26px;
    line-height: 32px;
    padding-bottom: 10px;
}

.v1 .notice li {
    height:112px;
    overflow: hidden;
}

.v1 .tag-box {
    margin-bottom: 0;
}

.v1 .carousel-arrow .switch-prev {
    top:40px;
}
.v1 .carousel-arrow .switch-next {
    top:65px;
}

@media (max-width: 991px) {
    .v1 .notice .tip, .v1 .notice li p {
        display: none;
	}

    .v1 .notice .content {
        margin-left: 60px;
    }
}

/* Guild service
----------------------*/
@media (min-width: 992px) {
    .guild-service {
        height:210px;
    }
}
.guild-service .service {
  height: 190px;
}
.guild-service i {
  font-size: 46px;
}
.guild-service .desc {padding:0;}
.guild-service a:hover {
  text-decoration: none;
}

.guild-service .service .desc h4 {
    font-size:22px;
}

h2#guild-service {
    height:1px;
    margin:0;
    padding:0;
    text-indent: -9999px;
}
.guild-service .service:hover {
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

/* Footer menu */
.footer-v1 .social-icons img {
  max-width: 166px;
}

@media (max-width: 991px) {
  .footer-v1 .placeholder {
    display:none;
  }
}

/* Sidebar
---------------------------*/
.sidebar ul.list-styled {
    padding-left:18px;
}
.sidebar a {
    text-decoration: none;
}

.sidebar li a {
    width:100%;
    /*display: inline-block;*/
}

.sidebar i {
    margin-right:5px;
}
.sidebar i.icon-custom {
    width:30px;
    height:26px;
    line-height:26px;
    font-size:14px;
}

.sidebar .member i.icon-custom {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 22px;
}
.sidebar .member {
    font-size: 110%;
}

.sidebar .shortcut {
    font-size: 110%;
}

.sidebar .experts a span {
    float:right;
    color:#999;
}

.sidebar .experts p {
    font-size:85%;
    width:150px;
    float:right;
}

.sidebar .experts .lft-img-margin {
    margin: 5px 10px 5px 0;
}
.sidebar .experts .btn-u {
    margin-left:15px;
}
.sidebar .ad embed {
    width: 263px;
}

/*
badge
-----------------------*/
.badge-lg {
    font-size: 24px;
}
.badge-md {
    font-size: 16px;
}
.badge-sm {
    font-size:12px;
}

/*
Onepage
-----------------------*/
.v1 .one-page h1 {
    color: #555;
    font-size: 28px;
    line-height: 35px;
    margin-top:40px;
    margin-bottom: 60px;
}
.one-page .one-red a, .one-page .one-orange a, .one-page .one-green a, .one-page .one-blue a {
    color: #fff;
}

.one-page .img-responsive {
    min-width: 250px;
    min-height: 120px;
}

@media (max-width: 1200px) and (min-width: 991px) {
	.one-page .img-responsive {
		min-width: 190px;
		min-height: 90px;
  }
}

.one-page .overflow-hidden {
    display: block;
    height: 165px;
    overflow: hidden;
}
.one-page-inner  .content{
    padding-bottom: 20px;
    padding-top: 30px;
}

/* Category filter
----------------------*/
table.category-filter {
    -webkit-border-horizontal-spacing: 0;
}
.category-filter tr {
    width: 100%;
    border-bottom: 1px solid #eee;
}
.category-filter>tbody>tr>td {
    padding:0;
    height:34px;
    min-width: 60px;
}
.category-filter th {
    text-align:center;
    height:34px;
    line-height: 34px;
    width:100px;
}
.category-filter td a {
    text-align: center;
    display: inline-block;
    line-height: 34px;
    font-size: 12px;
    height:34px;
    padding: 0 15px;
    margin:6px 0 5px 0;
    border:1px solid #eee;
}
.category-filter td a:hover {
    text-decoration: none;
    background: #f2f2f2;
}
.category-filter td a.curr:hover {
    color: #f2f2f2;
}
.category-filter a.curr {
    color: #fff;
    font-weight: bold;
}
.category-filter td a.curr, .category-filter td a.curr:hover {
    /*background: rgba(202, 37, 32, 0.8);*/ /*#cc2215;*/
    background-color: #d75452;
}

/* blog masonry
-----------------------*/
.v1 .blog_masonry_3col h1 {
    margin-top:40px;
    margin-bottom: 20px;
}
.v1 .blog_masonry_3col .pagination {
    margin-top: 50px;
}
.v1 .blog_masonry_3col .grid-boxes-in:hover {
	background: #fcfcfc;
	box-shadow: 0 0 10px #ddd;
    -webkit-transition: box-shadow 0.4s ease-in-out;
    -moz-transition: box-shadow 0.4s ease-in-out;
    -o-transition: box-shadow 0.4s ease-in-out;
    transition: box-shadow 0.4s ease-in-out;
}

.v1 .blog_masonry_3col .grid-boxes-in .img-responsive {
    min-width: 360px;
}

@media (max-width: 990px) {
    .v1 .blog_masonry_3col .grid-boxes-in .img-responsive {
        min-width: 300px;
    }
}

/* h1 with background
------------------------*/
h1.with-background {
    color: #fff;
}
.with-background::before {
    top: 0;
    left: 0;
    width: 100%;
    height:80px;
    line-height: 80px;
    content: " ";
    position: absolute;
    background: url(../../img/v1/gridtile.png) repeat;
}

.with-background::after {
    top: 0;
    left: 0;
    width: 100%;
    height:80px;
    content: " ";
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
}

/*.title-bannar::before {
    top: 0;
    left: 0;
    width: 100%;
    height:80px;
    content: " ";
    position: absolute;
    background: url(../../img/v1/gridtile.png) repeat;
}
.title-bannar::after {
    top: 0;
    left: 0;
    width: 100%;
    height:80px;
    content: " ";
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
}*/

/* Title bar
------------------------*/
.title-bannar {
    overflow: hidden;
    padding: 10px 0 6px;
    display: block;
    border-bottom: solid 1px #eee;
    /*background: #999 url(../../img/v1/gridtile.png) repeat;*/
    background: #999 url(../../img/patterns/10.png) repeat;
    /*height:100px;*/
}

.title-bannar h1 {
    /*
    margin-top:20px;*/
    color:#000;
}

/* Breadcrumb
--------------------*/
.breadcrumbs-v2-in {
    padding: 40px 0;
}

.breadcrumbs-v3 {
    padding: 50px 0;
}

.breadcrumbs-v3.img-v1 {
    background: url(../../img/top_img/img5.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 18%;
}

.breadcrumbs-v3.img-v2 {
    background: url(../../img/top_img/img2.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 40%;
}
.breadcrumbs-v3.img-v3 {
    background: url(../../img/top_img/img3.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 40%;
}
.breadcrumbs-v3.img-v4 {
    background: url(../../img/top_img/img4.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 40%;
}
.breadcrumbs-v3.img-v5 {
    background: url(../../img/top_img/img1.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 20%;
}
.breadcrumbs-v3.img-v6 {
    background: url(../../img/top_img/img6.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 40%;
}
.breadcrumbs-v3.img-v7 {
    background: url(../../img/top_img/img6.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 40%;
}
.breadcrumbs-v3.img-v1 h1{
    color: #fff;
    letter-spacing: 10px;
}
.breadcrumbs-v3.img-v2 h1{
    color: #3e4753;
    letter-spacing: 10px;
}
.breadcrumbs-v3.img-v3 h1{
    color: #3e4753;
    letter-spacing: 10px;
}
.breadcrumbs-v3.img-v4 h1{
    color: #3e4753;
    letter-spacing: 10px;
}
.breadcrumbs-v3.img-v5 h1{
    color: #fff;
    letter-spacing: 10px;
}
.breadcrumbs-v3.img-v6 h1{
    color: #3e4753;
    letter-spacing: 10px;
}
.breadcrumbs-v3.img-v7 h1{
    color: #3e4753;
    letter-spacing: 10px;
}
/* News
------------------*/
.news {
    margin-top:10px;
    border-bottom: 1px solid #eee;
}
.news:last-child {
    border-bottom: none;
}
.news .list-styled {
    padding-left:18px;
}

.news .key-words li {
    margin-right:10px;
    display: inline-block;
}
.news .key-words li:last-child {
    margin-right: 0;
}

.news a {
    color:#555;
}
.news a:hover {
    text-decoration: none;
}

/* Recent works badge
-------------------*/
.v1 .owl-work-v1 .item a {
    display: block;
    position: relative;
}

.v1 .owl-work-v1 .item span.magazine-badge {
    position: absolute;
    color:#fff;
    top:0;
    left:0;
    border-bottom: none;
    font-size: 14px;
    padding:2px 8px;
}

.wuxin{
    width: 263px;  float: left;  position: relative;
height: 254px;
}
.wuxin{
    margin: 0 5px;
}
.wuxin a{
    text-decoration: none;

}
 .wuxin span.magazine-badge {
    position: absolute;
    color:#fff;
    top:0;
    left:0;
    border-bottom: none;
    font-size: 14px;
    padding:2px 8px;
}
 .wuxin a img {
     -webkit-transition: all 0.8s ease-in-out;
     -moz-transition: all 0.8s ease-in-out;
     -o-transition: all 0.8s ease-in-out;
     -ms-transition: all 0.8s ease-in-out;
 }
.wuxin a:hover img {
    opacity: 0.8;
    -webkit-transform: scale(1.2) rotate(3deg);
    -moz-transform: scale(1.2) rotate(3deg);
    -o-transform: scale(1.0) rotate(3deg);
    -ms-transform: scale(1.2) rotate(3deg);
    transform: scale(1.2) rotate(3deg);

}
.wuxin em.overflow-hidden {
    display: block;
}
.wuxin a span {
    display: block;
    padding: 10px;
    border-bottom: solid 2px #eee;
    text-decoration: none;
}
.wuxin a strong {
    color: #555;
    display: block;
    text-decoration: none;
}

.wuxin a:hover span {
    border-bottom-color: #cc2215;
    text-decoration: none;
}

/* Wiki page
-------------------*/
.wiki .tag-box .btn-u {
    margin-right:20px;
}

.wiki .hot-words li {
    float: left;
    width:49%;
}

/* Column 5
-----------------*/
.col-5-1, .col-5-2, .col-5-3, .col-5-4, .col-5-5, .col-5-6 ,.col-5-7 {
    /*width: 16%;*/
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
}

@media (max-width:991px) {
    .col-5-1, .col-5-2, .col-5-3, .col-5-4, .col-5-5, .col-5-6 ,.col-5-7{
        float: none;
        width: 100%;
    }
}

.main.content {
    padding-top:5px;
}

/* Friend links
-----------------------*/
.friend-links ul.list-styled {
    padding-left: 15px;
}
.friend-links .hori li {
    display: inline-block;
    margin-right: 10px;
}

.friend-links .hori li:last-child {
    margin-right: 0;
}

.friend-links .verti li {
    width: 100%;
}
.sidebar .friend-links .verti li a {
    width: 100%;
}

.friend-links i.fa {
    color:#555;
    float: right;
    margin-top: 2px;
}
.friend-links ul.hori {
    margin-top:10px;
}

/* Button list
-----------------*/
.button-list li {
    display: inline-block;
    margin-right: 5px;
    padding: 11px;
    background-color: #eee;
}
.button-list li:last-child {
    margin-right: 0;
}

/* Fixed nav
-----------------*/
.fixed-nav {
    display: block;
    position: fixed; opacity: 1; cursor: pointer;
    z-index:999;
}

.fixed-nav li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.fixed-nav li:last-child {border-bottom:none;}
.fixed-nav li a {display: block;}
.fixed-nav li a:hover {
    text-decoration: none;
}

.fixed-nav i {font-size: 24px;}
.fixed-nav ul {margin-bottom: 0;}

.left-fixed-nav {
    background-color: #eee;
    top:139px;
    left: 0px;
    padding:10px 10px 0 10px;
}
.right-fixed-nav {
    opacity: 0;
    background-color: #f6f6f6;
    bottom: 112px;right: 14px;
    /*padding:5px 5px 0 5px;*/
}
.font-size-17{
    font-size: 17px;
}
.font-size-20{
    font-size: 20px;
}

@media (max-width: 990px) {
    .fixed-nav {
        display: none;
    }
}

#spread li {
    float: left;
    display: inline;
    margin: 0 14px 0 0;
    width: 214px;
    text-align: center;
}

/*底部二维码样式*/
#mobibarcodeui{
    height: 212px;
    padding: 15px 33px 0 15px;
    position: absolute;
    right: 120px;
    top: -130px;
    text-align: center;
    width: 152px;
    z-index: 100;
}