html{
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Heiti SC', SimSun, Arial, sans-serif;
    font-size:100px;
    color: #666;
}
body{
    font-size:0.16rem;
}
* {
    box-sizing: border-box;
}


.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:0px;margin-left:0px;}
    .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{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}

    .col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
    .col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
    .order-first{-ms-flex-order:-1;order:-1}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}
    .order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}
    .order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}
    .order-12{-ms-flex-order:12;order:12}
    .offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}
    .offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}
    .offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}

/*当页面大于1200px时，大屏幕，主要显示PC端*/
@media (min-width: 1200px){
     .col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
     .col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
     .col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
     .col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
     .col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
     .col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
     .col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
     .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
     .col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
     .col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
     .col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
     .col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
     .col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
     .col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
     .order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}
     .order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}
     .order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}
     .order-xl-12{-ms-flex-order:12;order:12}
     .offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}
     .offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}
     .offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}

}
/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width: 992px) and (max-width: 1199px){
     .col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
     .col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
     .col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
     .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
     .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
     .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
     .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
     .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
     .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
     .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
     .col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
     .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
     .col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
     .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
     .order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}
     .order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}
     .order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}
     .order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}
     .offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}
     .offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}
     .offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}

}
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width: 768px) and (max-width: 991px){
     .col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
     .col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
     .col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
     .col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
     .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
     .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
     .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
     .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
     .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
     .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
     .col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
     .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
     .col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
     .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
     .order-md-first{-ms-flex-order:-1;order:-1}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}
     .order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}
     .order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}
     .order-md-12{-ms-flex-order:12;order:12}
     .offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}
     .offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}
     .offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}
}
/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width: 480px) and (max-width: 767px){
    .col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
    .col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
    .order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}
    .order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}
    .order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}
    .order-sm-12{-ms-flex-order:12;order:12}
    .offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}
    .offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}
    .offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}
}
/*在小于480px的屏幕里，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px){

}
.blog-wrapper{padding-top: 100px;}
	/*side menu - blog entries*/
	.side-menu-image-item{margin-bottom: 25px;}
	.side-menu-image-item:last-child{margin-bottom: 15px;}
	.side-menu-image-item .image{margin: 0 30px 10px 30px; display: block; position: relative;}
	.side-menu-image-item .image:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(35, 44, 59, 0.8); z-index: 1; opacity: 0;}
	.side-menu-image-item .image:hover:before{opacity: 1;}
	.side-menu-image-item .image:after{content: "Read More..."; font-family: "bold", sans-serif, Arial; font-size: 14px; line-height: 14px; color: #ff6c3a; position: absolute; width: 100%; left: 0; text-align: center; top: 50%; margin-top: -7px; z-index: 1; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0);}
	.side-menu-image-item .image:hover:after{transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);}
	.side-menu-image-item .image img{display: block; width: 100%; height: auto; position: relative;}
	.side-menu-image-item .title{font-size: 14px; line-height: 18px; display: block; margin-bottom: 7px;}
	.side-menu-image-item .title:hover{color: #ff6c3a;}
	.author{margin: 0 30px 0 30px; font-size: 12px; color: #6a7483; line-height: 14px;}
	.author a{font-family: "bold", sans-serif, Arial; color: #ff6c3a;}
	.author a:hover{color: #6a7483;}
	/*tags*/
	.tag{font-size: 11px; line-height: 14px; color: #6a7483; text-transform: uppercase; display: inline-block; padding: 8px 10px 6px 10px; background: #fff; margin: 2px 4px 2px 0;}
	.tag:hover, .tag.active{color: #fff; background: #ff6c3a;}
	.tags-wrapper{margin: 0 30px; font-size: 0;}
	/*simple search form*/
	.search-form{-webkit-border-radius: 5px; border-radius: 5px; background-color: #232c3b; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2); box-shadow: 1px 1px 2px rgba(0,0,0,.2); height: 50px; margin-bottom: 30px; position: relative;}
	.search-form input[type="text"]{border: none; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: #c6cad2; background: none; padding: 0 70px 0 20px;}
	.search-form input[type="submit"]{position: absolute; width: 50px; height: 50px; top: 0; right: 0; background: url(../img/icon-124.png) center center no-repeat; border: none;}
	/*main blog entry*/
	.blog-entry{margin-bottom: 100px;}
	.blog-entry .data-column{float: left; width: 70px; text-align: center;}
	.blog-entry .data-column .date{-webkit-border-radius: 5px; border-radius: 5px; background-color: #232c3b; height: 70px; font-size: 12px; color: #c6cad2; line-height: 14px; margin-bottom: 35px;}
	.blog-entry .data-column .date span{display: block; font-family: "bold", sans-serif, Arial; font-size: 28px; line-height: 30px; padding-top: 10px; color: #fff; margin-bottom: 3px;}
	.blog-entry .data-column .data-entry{margin-bottom: 35px; font-size: 14px; line-height: 14px; color: #6a7483;}
	.blog-entry .data-column .data-entry .icon-entry{margin-bottom: 5px; display: inline-block; height: 28px; width: 28px; background-position: center center; background-repeat: no-repeat;}
	.blog-entry .data-column .data-entry .icon-entry.like{background-image: url(icon-125.png);}
	.blog-entry .data-column .data-entry .icon-entry.views{background-image: url(icon-126.png);}
	.blog-entry .data-column .data-entry .icon-entry.comments{background-image: url(icon-127.png);}
	.blog-entry .content{margin-left: 100px;}
	.thumbnail-entry{margin-bottom: 25px; display: block;}
	.thumbnail-entry .thumbnail-img{display: block; max-width: 100%; height: auto;}
	.blog-entry .content .title{font-size: 24px; line-height: 30px; color: #232c3b; font-family: "bold", sans-serif, Arial; margin-bottom: 15px; display: block;}
	.blog-entry .content a.title:hover{color: #ff6c3a;}
	.blog-entry .content .author{font-size: 14px; margin: 0 0 15px 0;}
	.blog-entry .content .description{font-size: 14px; line-height: 20px; color: #6a7483; margin-bottom: 25px;text-align:justify;}
	/*blockquote*/
	.blog-entry .content .thumbnail-entry blockquote{background: url(../img/icon-132.png) 55px 40px no-repeat #232c3b; padding: 100px 70px 60px 70px;}
	.blog-entry .content .thumbnail-entry blockquote p{font-size: 30px; line-height: 37px; color: #fff; font-style: italic;}
	.blog-entry .content .thumbnail-entry blockquote footer{color: #c6cad2;}
	.blog-entry .content .thumbnail-entry blockquote.light{background-color: #f9f9f9;}
	.blog-entry .content .thumbnail-entry blockquote.light p{color: #232c3b;}
	.blog-entry .content .thumbnail-entry blockquote.light footer{color: #6a7483;}
	/*blog swiper*/
	.blog-swiper{height: 400px;}
	.blog-swiper .swiper-container{height: inherit!important;}
	.blog-swiper .pagination{position: absolute; margin: 0; left: 0; bottom: 35px;}
	.blog-swiper .swiper-slide{background-size: cover; background-position: center center;}
	/*paginator*/
	.paginator{padding: 30px 0; border-top: 1px #f2f2f2 solid; border-bottom: 1px #f2f2f2 solid; margin-bottom: 100px;}
	.paginator .button{font-size: 9px; line-height: 9px; padding: 9px 14px; float: right;}
	.paginator .button:first-child{float: left;}
	.paginator ul{list-style: none; margin: 0 100px -27px 100px; font-size: 0; text-align: center;}
	.paginator ul li{display: inline-block; font-size: 13px; line-height: 27px; color: #232c3b; font-family: "bold", sans-serif, Arial; padding: 0 10px;}
	.paginator ul li a{color: #232c3b;}
	.paginator ul li a:hover, .paginator ul li a.active{color: #ff6c3a;}
	/*sound iframe*/
	.soundcloud-wrapper{padding: 70px; background: #f9f9f9;}
	/*related posts*/
	.blog-detail-content{margin-left: 100px; margin-top: -20px;}
	.related-posts{margin-bottom: 70px;}
	.related-posts .swiper-container{margin: 0 -15px 0 -15px;}
	.blog-subtitle{font-size: 40px; line-height: 40px; margin-bottom: 70px; color: #232c3b; font-family: "bold", sans-serif, Arial; text-align: center;}
	.related-post-entry{padding: 0 15px;}
	.related-post-entry .image{display: block; margin-bottom: 20px;}
	.related-post-entry .image img{max-width: 100%; height: auto;}
	.related-post-entry .title{font-size: 18px; line-height: 24px; color: #232c3b; font-family: "bold", sans-serif, Arial; margin-bottom: 12px; display: inline-block;}
	.related-post-entry .title:hover{color: #ff6c3a;}
	.related-post-entry .author{font-size: 14px; margin: 0 0 12px 0;}
	.related-post-entry .description{font-size: 14px; line-height: 22px; color: #6a7483;}
	/*comments*/
	.comment-wrapper{margin-left: 70px;}
	.comment-entry{-webkit-border-radius: 5px; border-radius: 5px; background-color: #f9f9f9; -webkit-box-shadow: 1px 1px rgba(0,0,0,.05); box-shadow: 1px 1px rgba(0,0,0,.05); margin-bottom: 30px; min-height: 70px; position: relative; margin-left: -35px; padding: 27px 20px 27px 65px;}
	.comment-entry .comment-icon{width: 70px; height: 70px; position: absolute; left: -35px; top: 50%; margin-top: -35px;}
	.comment-entry .title{font-size: 14px; line-height: 18px; margin-bottom: 15px; color: #6a7483; text-transform: uppercase;}
	.comment-entry .title .name{font-family: "bold", sans-serif, Arial; color: #232c3b;}
	.comment-entry .description{font-size: 16px; line-height: 25px; color: #6a7483; margin-bottom: 20px;}
	.comment-entry .comment-link{font-size: 11px; line-height: 16px; color: #ff6c3a; font-family: "bold", sans-serif, Arial; display: inline-block;text-transform: uppercase;}
	.comment-entry .comment-link span{display: inline-block; margin-right: 5px;}
	.comment-entry .comment-link:hover{color: #232c3b;}
	.blog-detail-content .form-block{margin-top: 0; padding-top: 20px;}
	@media (max-width: 991px) {
		.blog-wrapper{padding-top: 50px;}
		.blog-entry{margin-bottom: 50px;}
		.paginator{margin-bottom: 50px;}
		.related-posts{margin-bottom: 35px;}
	}
	@media (max-width: 767px) {
		.blog-entry .data-column{float: none; width: auto; text-align: left;}
		.blog-entry .data-column .date{display: inline-block; width: 70px; margin: 0 10px 15px 0; text-align: center;}
		.blog-entry .data-column .data-entry{display: inline-block; margin: 0 10px 15px 10px; text-align: center;}
		.blog-entry .content{margin-left: 0;}
		.blog-detail-content{margin-left: 0;}
		.blog-entry .content .thumbnail-entry blockquote{padding: 50px 20px 20px 20px; background-position: 7px 0;}
		.blog-entry .content .thumbnail-entry blockquote p{font-size: 24px; line-height: 32px;}
		.blog-swiper{height: 200px;}
		.blog-swiper .pagination{bottom: 15px;}
		.paginator ul{margin: 0 0 5px 0;}
		.soundcloud-wrapper{padding: 15px;}
	}
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

/*云弘导航条CSS*/
.yh-navbar{
    width:100%;
    min-height:50px;
    position:fixed;
    top:0;
    background:rgb(255, 255, 255);
    box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1);
    z-index:9999;
}
.yh-navbar .nav-container{
    width:90%;
    margin-left:5%;
}
.yh-navbar .navbar-logo{
    width:100%;
    min-height:50px;
    max-width:200px;
    display: flex;
    justify-content:center;
    margin:auto;
    align-items: center;
}

.yh-navbar .navbar-logo img{
    max-width:100%;
    height:auto;
    vertical-align:middle;
    margin:auto;
}
.yh-navbar .pc-nav{
    width:100%;
    min-height:50px;
    height:100%;
}
.yh-navbar ul.nav-box{
    display:flex;
    justify-content:flex-end;
    flex-wrap: nowrap;
    height:100%;
    flex-direction: row;
}
ul, li, ol {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.yh-navbar .nav-item{
    display:flex;
    min-height:50px;
    height:100%;
    min-width:100px;
    max-width:200px;
    background:white;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.nav-item>a{
    color:#555;
    font-size:0.16rem;
    line-height:50px;
    text-decoration:none;
    font-weight: 550;
}
.nav-item:hover {
    background: #0c0f38 !important;
    border-color: #353b46 !important;
}
.nav-item:hover>a{
    background: #0c0f38 !important;
    color: #fdd430 !important;
    text-decoration: none !important;
    font-weight: 600;
}
.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.nopadding {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
.nav-item .dropdown-menu{
    display:none;
    position: absolute;
    top:100%;
    border-radius: 0;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-menu .dropdown-item{
    border-bottom: 1px solid #eee;
}
.dropdown-menu .dropdown-item:hover{
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
    background:rgba(0, 0, 0, 0.05);
}
.dropdown-menu .dropdown-item a{
    display:block;
    padding: 10px 25px !important;
    line-height:100%;
    text-decoration:none;
    font-weight: 500;
    font-size: 0.14rem;
    color: #777;
}
.dropdown-menu .dropdown-item:hover a {
    color: #0c0f38 !important;
    font-weight: 800;
}
.nav-item:hover .dropdown-menu {
     display:block;
}
.nav-item .mega-menu {
    padding: 20px;
    width: 100%;
    max-width: 1140px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -1px;
}
.nav-item .mega-menu .nav-img {
    display: flex;
    justify-content:center;
    margin:auto;
    vertical-align:middle;
}
.nav-item .mega-menu img{
    max-width:100%;
    height:auto;
    margin:auto;
}
.nav-item .mega-menu h5 {
    font-size:0.16rem;
    line-height: 0.24rem;
    padding: 0px 0 5px 20px !important;
    border-bottom: 1px dotted #ccc;
    margin-top: 0.07rem;
    margin-bottom: 0.05rem;
    font-weight: 600;
}

/*云弘移动端导航条CSS*/
.yh-navbar .mobile-btn{
    display:none;
    height:50px;
    justify-content:center;
    margin:auto;
    vertical-align:middle;
    cursor:pointer;
}
.yh-navbar .mobile-btn img{
    height:80%;
    width:auto;
    margin:auto;
}
.nav-container .mobile-nav{
    display:none;
    margin-top:20px;
}
.yh-navbar ul.mb-nav-box{
    width:100%;
    display:block;
    margin-bottom:20px;
}
.mb-nav-box .mb-nav-item{
    padding-top:10px;
    display:block;
    width:100%;
    cursor:pointer;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
}
.mb-nav-item>a{
    font-size:0.16rem;
    line-height:0.3rem;
    text-decoration:none;
    font-weight: 550;
    text-decoration: none !important;
    color: #333;
    background: transparent;
    overflow: hidden;
}
.mb-nav-item .mb-dropdown-menu{
    display:none;
}
.mb-nav-item ul {
    margin: 0 0 0 20px;
}
.mb-dropdown-menu .mb-dropdown-item{
    border-bottom: 1px solid #ebebeb;
}
.mb-dropdown-menu li:last-child {
    border-bottom: none;
}
.mb-dropdown-menu .mb-dropdown-item a{
    display:block;
    padding: 10px 0px 10px 0px !important;
    line-height:100%;
    text-decoration:none;
    font-weight: 500;
    font-size: 0.14rem;
    color: #777;
}
.mb-dropdown-menu .mb-dropdown-item:hover a {
    color: #0c0f38 !important;
    font-weight: 800;
}
.mb-dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: 0;
    content: "";
    border-top:  .3em solid transparent;
    border-right: 0;
    border-bottom:.3em solid transparent;
    border-left: .6em solid ;
}
ul.mb-mega-menu{
    width:100%;
}
li.mb-mega-6{
    width:40%;
    float:left;
    display:block;
}
.mb-mega-6>a{
    font-size:0.16rem;
    line-height:0.3rem;
    text-decoration:none;
    font-weight: 500;
    text-decoration: none !important;
    color: #333;
    background: transparent;
    overflow: hidden;
}
.clear-all {
    overflow: hidden;
    clear: both;
    height: 0px;
}
@media (max-width: 767px) {
    .yh-navbar .navbar-logo{
        width:80%;
        margin:0;
    }
    .yh-navbar .mobile-btn{
        display:flex;
    }
    .nav-container .pc-nav{
        display:none;
    }
}
@media (max-width: 991px) {
    .nav-item .mega-menu .nav-img{
        display:none;
    }
}


/*footer样式一*/

footer.yh-footer {
    background: #232c3b;
    color: #c6cad2;
    font-size: 14px;
    line-height: 22px;
    font-family: 'regular', sans-serif, Arial;
    padding-top: 40px;
}
.yh-footer .footer-entry {
    margin-bottom: 40px;
}
.yh-footer .footer-entry .title {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 16px;
    color: #fff;
    font-family: 'black', sans-serif, Arial;
}
.yh-footer .footer-entry .text {
    text-align:justify;
}
.yh-footer .footer-entry .footer-logo{
    width:100%;
    max-width:300px;
    display: flex;
    justify-content:center;
    /*
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    */
}
.yh-footer .footer-entry .img {
    max-width:100%;
    height:auto;
}
.yh-footer .footer-entry .qrcode{
    margin-top:10px;
    width:100px;
    height:100px;
}
footer ul {
    list-style: none;
}
footer ul li {
    padding-bottom: 3px;
}
footer ul li a {
    color: #c6cad2;
}
a, a:link, a:visited, a:active, a:hover {
    cursor: pointer;
    text-decoration: none;
    outline: none;
}
footer ul li a:hover, footer ul li a.active {
    color: #ff6c3a;
}
.yh-footer .subscription-form {
    height: 30px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    margin-top: 20px;
}
.yh-footer .subscription-form input {
    background: none;
    border: none;
    height: 30px;
    line-height: 30px;
    padding: 0 70px 0 20px;
    font-size: 14px;
    font-weight:400;
    color: #232c3b;
    font-family: 'regular', sans-serif, Arial;
    width: 100%;
    box-sizing: border-box;
}
.yh-footer .subscription-form input[type="submit"] {
    border: none;
    background: url("/static/images/base/icon-21.png") center center no-repeat #ff6c3a;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    height: 30px;
    width: 40px;
    cursor: pointer;
    padding: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}
.yh-footer .footer-line {
    background: #161d28;
    padding-top: 15px;
    padding-bottom: 15px;
}
.yh-footer .footer-line .footer-line-entry {
    display:flex;
    align-items:center;
    justify-content:center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.footer-line-entry img {
    float: left;
    width: 45px;
    height: 45px;
    margin-left: 12px;
}
.footer-line-entry .content, .footer-line-entry .content a {
    color: #fff;
    font-family: 'bold', sans-serif, Arial;
    letter-spacing: 0.5px;
}
.yh-footer .footer-line .footer-line-entry .content {
    margin-left: 70px;
    height: 45px;
}
.yh-footer .footer-line .cell-view {
    display: table-cell;
    vertical-align: middle;
    height: inherit;
}
.copyright{
    padding-top:20px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.copyright-item{
    display:inline-block;
    float:left;
    padding:0 20px;
}

.copyright a, .copyright a:link, .copyright a:visited, .copyright a:active, .copyright a:hover{
    cursor: pointer;
    text-decoration: none;
    outline: none;
}
.copyright a:active, .copyright a:hover{
    color: #fff;
}
footer span a{
    color:#c6cad2;
}
@media (max-width: 768px){
    .copyright-item{
        display:block;
        text-align:center;
        float:none;
    }
    .copyright{
    display:block;
    }
}
.copyright img{
    vertical-align:middle;
    margin:0 10px;
}


 /*页面内容宽度设置*/
 .part-container-b {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px){
.part-container-b {width: 540px}
}
@media (min-width:768px){
 .part-container-b{width:720px}
 }
@media (min-width: 992px){
 .part-container-b{width:970px}
 }
@media (min-width:1200px){
 .part-container-b{width:1170px}
 }
  .no-padding{
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}