/******大屏幕******/
/****重置 color rgb(40,167,69)****/
body {padding-top:56px;}
h1{font-size:1.8rem;}
a,a:hover,a:link,a:visited{color:#28a745;}
a.btn-success,a.btn-info{color:#fff;}

time{font-size:0.85rem;color:#bbb;display:block;margin-top:0.5rem;}

.container{max-width:1440px;}


/*index*/
.index-service .iconfont{font-size:1.6rem!important;}
.index-service a:hover{background:rgba(40,167,69,.1)!important;transition:All 0.3s linear;}

.index-announce h6{height:2.4rem;overflow:hidden;}
.index-announce .col{min-width:265px!important;}
.index-announce .col a:hover{background:rgba(40,167,69,.1)!important;transition:All 0.3s linear;}

.index-news .d-flex:hover h6{background:rgba(0,0,0,.7);font-size:1.2rem!important;transition:All 0.3s linear;}
.index-news .d-flex h6 small{display:none;}
.index-news .d-flex:hover h6 small{display:block;}

.index-expo img.rounded-circle{width:90px!important;height:90px!important;}

.index-com img.rounded-circle{width:90px!important;height:90px!important;}
.index-com .badge{position:absolute!important;right:30px;}

.nav-tabs .nav-link.active{background-color:transparent!important;border-color: #dee2e6 #dee2e6 #f8f9fa!important;font-weight:600;}
.bg-white .nav-tabs .nav-link.active{background-color:transparent!important;border-color: #dee2e6 #dee2e6 #fff!important;}
/*分页*/
.pages{overflow-x:hidden;margin:2rem 0;}
.pages cite{margin-right:1.2rem;}
.pages .page-item.active .page-link {background-color: #28a745;border-color: #28a745;}
.pages .page-link {color: #28a745;}


/*列表*/
.list{overflow:hidden;}
.list p{margin:0;color:#888;font-size:0.85rem;overflow:hidden;display:inline;}
.list .thumb{height:auto;width:40%;max-width:10rem;max-height:6rem;overflow:hidden;}


/*页脚*/
footer a{color:#aaa!important;}
footer a:hover{color:#ddd!important;}
footer ul li{line-height:1.7rem;}
footer hr{border-top:1px solid #444;}
footer .sns .icon{width:2.4rem;height:2.4rem;text-align:center;line-height:2.4rem;}
footer .sns .iconfont{font-size:1.4rem;}
footer .cop img{width:110px;}
.copyright{font-size:0.9rem;color:#666;line-height:2rem;}
.copyright a{color:#666;}
.copyright a:hover{color:#777;}


/*头像*/
.avatar .icon{width:8rem;height:8rem;clear:both;float:none;}

/*其他*/
.overflow{display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.highlight{background:#dff0d8;}
.icon{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;overflow:hidden;}


/****频道样式****/

/*资讯*/
.article-com{position:relative;}
.article-com section{margin-top:60px;padding-top:80px;}
.more-read{margin-left:20px;padding:0;}
.more-read li{margin-bottom:10px;}
#content img{float:none;clear:both;margin:auto;display:block;}
.announce{font-size:0.85rem;}

/*展会*/
.pinpai-expo h5{height:3rem;overflow:hidden;}
.expo-sign{font-size:1.1rem;cursor:pointer;}
.expo-sign:hover{background:red;}
.hot-city i{font-size:3rem;font-weight:600;color:#666;}

/*公司*/
.com-cat a{width:23.5%;font-size:0.95rem;padding:0.2rem 0.4rem;background:rgba(250,250,250,0.8);}
.com-cat a.active{color:#28a745;background:#dff0d8;}
.area .btn-group-sm>.btn, .btn-sm {padding:.25rem .3rem;}

/****加载动画****/


/*ajax请求加载*/
.ajax-load {width:14px;height:14px;background-color:#67CF22;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out;margin:0;}
 /*旋转-2*/
@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


/******小屏幕******/
@media (max-width: 1199.98px) { 
.com-cat a{width:31.3%;}
}
@media (max-width: 991.98px) {
.com-cat a{width:48%;}
}
@media (max-width: 767.98px) {
.com-cat a{width:98%;}
}
@media (max-width: 575.98px) {
.com-cat a{width:48%;}
}

