/*
* main style
*/
.table{border-collapse: collapse;}
.table td, .table th{border: 1px solid #cdcdcd;padding:.2em .3em}
.table p{padding: 0px;margin: 0px;}
.table{width: 100%;overflow-y: auto; overflow-x:scroll;_overflow: auto;margin: 0.5em 0 1em;}
@media(max-width: 991px) {
	/*添加IOS下滚动条*/
	.bartable{overflow-x: scroll;}
	.bartable::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
	.bartable::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
	.bartable::-webkit-scrollbar-thumb{border-radius: 8px;border: 0px solid #fff;background-color: rgba(0, 0, 0, .3);}
	.toptel{ display: none; }
}



.toptel{position: absolute;top: 10px;right: 140px;color: #de0004;font-size: 16px;}
.toplan{position: absolute;top: 10px;right: 0;font-size: 14px;}
@media(max-width: 767px) {
	.toplan{top: 2px;font-size: 12px;}
}


.section-title span{display: block;}
.section-title span img{margin-bottom: 10px;}
.section-title .cn{ font-size: 24px;color: #000;font-weight: bold}
@media(max-width: 991px) {
	.section-title .cn{ font-size: 20px;}
}


.btn-more{display: block;margin: 0;border: 1px solid #e63a31;color: #e63a31;font-size: 14px; text-align: center;width: 200px;line-height: 36px;}
.btn-more:hover{background: #e63a31;color: #fff;}

.about-imglist{margin-top:30px;overflow:hidden;}
.about-imglist li{float:left;width: 25%;border: 1px solid #f1f2f3;box-sizing: border-box;height: 190px;padding: 25px 15px 0px 15px;}
.about-imglist li a{box-sizing: border-box;width: 100%;height: 100%; position: relative;overflow: hidden; display:block; }
.about-imglist li a .img{margin-bottom: 15px;}
.about-imglist li a .info{font-size: 16px;color: #333;}
.about-imglist li:hover{background: rgba(230, 58, 49, 0.2)}

@media(max-width: 991px) {
	.about-imglist li{width: 50%;height: 160px;padding: 25px 15px 0px 15px;}
	.about-imglist li a .img{margin-bottom: 10px;}
	.about-imglist li a .img img{height: 50px;}
	.about-imglist li a .info{font-size: 14px;line-height: 22px;}
}


.project-section{background: url(/images/index_08.jpg) no-repeat center center;background-size: cover;}
.project-section .pro-post-link{padding: 10px;border: 1px dashed #fff;border-radius: 50%;margin-bottom: 15px;}
.project-section .pro-post-link img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.project-section .pro-block-content h4{font-weight: 600;font-size: 16px;color: #ffffff;}
.project-section .pro-post-block:hover .pro-post-link{}
.project-section .pro-post-block:hover .pro-post-link img{transform: scale(1.1);-ms-transform: scale(1.1); -moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1);}
.project-section .pro-post-block:hover .pro-block-content h4{color: #de0004;}

.blog-section .section-title span{display: inline-block;margin-right: 15px;}
.service-gallery .item{position: relative}
.service-gallery .service-link{position: absolute;top: 0;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0.4); padding-top: 25%;}
.service-gallery .service-link h2{color: #fff;}
.service-gallery .service-link h2::after{
	content: "";
	background: #fff;
	width: 70px;
	height: 2px;
	display: block;
	margin: 10px auto 0;
}

.my-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e5e6e7;width: 100%; }
  .my-blog:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }
  .my-blog .date {
    max-width: 80px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 80px;
    flex: 1 0 80px; }
    .my-blog .date em {
      width: 80px;height: 80px;line-height: 80px;background: #eaeaea;color: #333;display: block;text-align: center;font-size: 16px;font-style: normal}
  .my-blog .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc(100% - 80px);
    flex: 1 0 calc(100% - 80px);
    max-width: calc(100% - 80px);
    padding-left: 15px; }
    .my-blog .content h5 a {
      font-size: 16px;
      line-height: 1.5;color: #333; width: 100%; overflow: hidden;word-break:break-all;white-space: nowrap; text-overflow:ellipsis; }
    .my-blog .content span {
		line-height: 22px;
		font-size: 13px;
     word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;}

	.my-blog:hover .content h5 a{
		color: #de0004
	}
	.my-blog:hover .date em{
		background: #de0004;color: #fff;
	}
.partner-slider .item{padding: 0px 15px;}
.abo-details {font-size: 16px;}
/*固定的悬浮窗 单显*/
.yb_conct{position:fixed;z-index:9999999;top: 30%;right:-157px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:200px;height:43px; line-height: 43px; font-size: 14px; color:#fff;text-indent:44px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden; background-color: #6a6a6a; background-repeat: no-repeat; background-position: 0 0;}
.yb_bar .yb_top{background-image:url(/images/backtop.png);}
.yb_bar .yb_phone{background-image:url(/images/ol_tel.png)}
.yb_bar .yb_QQ{background-image:url(/images/ol_qq.png) ;}
.yb_bar .yb_ercode{background-image:url(/images/ol_qr.png);}
.yb_bar .yb_mail{background-image:url(/images/ol_email.png);}
.hd_qr{padding:0 29px 25px 29px;max-width: 200px;width: 200px;}
.yb_bar a{display:block;text-indent:44px;width:100%;height:100%;color:#fff;}

@media(max-width: 1360px) {
 .main-menu > ul > li {
    margin-right: 10px;
	}	
}

@media(max-width: 1199px) {
 
}

@media(max-width: 991px) {

}

@media(max-width: 767px) {


}

@media(max-width: 575px) {

}

@media(max-width: 480px) {

}

@media(max-width: 375px) {
	.toplan{top: 0;font-size: 13px;}
}

.sidebar-list li.on h4{color: #de0004;}