@charset "UTF-8";
/*.trans-05*/
.trans-05{-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.hoverimg .img{position:relative;overflow:hidden;cursor:pointer}
.hoverimg .img::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.hoverimg .img:hover::before{-webkit-animation:shine .75s;animation:shine .75s}
@-webkit-keyframes shine {100%{left:125%}}
@keyframes shine {100%{left:125%}}
/*aboutus01*/
.aboutus01 li{position:relative;overflow:hidden;margin-bottom:20px}
.aboutus01   img{width: 100%; }
.aboutus01   .textwrap{position:relative; width: 100%;height: 100%;  }
.aboutus01   .text{ position:absolute;width:100%;height:100%;top:calc(100% - 60px);left:0;padding-left:25px;padding-right:25px; background:#233785; opacity:0.9 } 
.aboutus01   .title{ display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;height:60px;width:100%}
.aboutus01   .title i{font-size:30px;color:#fff}
.aboutus01   .title h4{ font-size:18px;line-height:1.3;color:#fff;text-transform:uppercase;margin-left:15px}
.aboutus01 .desp{width:100%;padding:20px 20px 0 50px;  }
.aboutus01 .desp,.aboutus01 .desp p{  font-size: 15px;    line-height: 1.7;    color: #fff;}
.aboutus01 .more{width:100%;height:28%;padding:20px 20px 0 50px;}
.aboutus01 .more a{display:block;align-items:center;height:25px;position:relative;font-size:15px;color:#fff; }
.aboutus01 .more a i{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;position:absolute;height:100%;left:0}
.aboutus01 .more a span{ position:absolute;height:100%;width:80px;left:14px}
.aboutus01 .more a:hover i{left:82px}
.aboutus01 .more a:hover span{left:0}
.aboutus01 .more a:hover{flex-direction:row-reverse;justify-content:flex-end}
.aboutus01 li:hover .text{top:0;} 
/*nodeslick01*/
.nodeslick01 .slick-list{ padding-bottom:50px}
.nodeslick01 h4{height: 30px;line-height:30px;overflow:hidden;   }
.nodeslick01 .img{display:block;text-align:center; }
.nodeslick01 .date{color:#666;display:block;padding:8px 0; }
.nodeslick01 .desp{line-height:22px; font-size:12px;}
/*isotope filter*/ 
.diviso_filter{padding:0;margin:5px 0 35px 0;list-style:none;text-align:center}
.diviso_filter a{cursor:pointer;margin:15px 15px 15px 0;display:inline-block;padding:10px 20px;font-size:12px;line-height:20px;color:#666666;border-radius:4px;text-transform:uppercase;background:#fff;margin-bottom:5px;transition:all 0.3s ease-in-out}
.diviso_filter a:hover,.diviso_filter a.active{background:#1690df;color:#fff}
.diviso_filter a:last-child{margin-right:0}
/*news01*/
.news01 h4 a{font-size:16px;color:#232323} 
.news01 h4 a:hover{color:#000}
.news01 p{line-height:20px;color:#6f6f6f }
.news01 .img{text-align:center; }
.news01  img{width:100% !important }
.news01inc{ background:#fff;  }
.news01 .date{ padding:10px 0;color:#939393; font-style:italic;  }

/*tabheader_catlist*/
.tabheader_catlist {clear:both; overflow:hidden; margin:10px 0;text-align:center; }
.tabheader_catlist a{  padding:0px 20px;color:#666;display:inline-block;height: 35px;line-height:35px;  border:1px solid #094792;margin-right:10px ;margin-bottom:8px;}
.tabheader_catlist a.active,.tabheader_catlist a:hover{ background:#094792; color:#fff}

/*newstablist02*/
 .newstablist02 ul{ margin-top:10px;padding:10px;border-top:1px solid #ccc; }
 .newstablist02 li {  float:left; display:inline; height: 30px;line-height:30px;  overflow:hidden; padding:0 20px 10px 10px;width: 50%; background: url("../images/arr6.gif") 0 10px no-repeat; }
  .newstablist02 li a{color:#333; }
 .newstablist02 li span{ float:right; color:#999}
 .newstablist02 .newsfirstline {padding:10px 0; } 
 .newstablist02 .newsfirstline h4{font-size:18px;}
 .newstablist02 .newsfirstline .date{display:block;font-size:12px;color:#999 }
 .newstablist02 .newsfirstline .desp{ padding:10px 0 ;line-height:22px; margin:0; color:#999 }
 .newstablist02 .newsfirstline .img{float:left; display:inline; width: 30%;text-align:center;  }
 .newstablist02 .newsfirstline .img img{ width: 80%; }
 .newstablist02 .newsfirstline .text{float:left; display:inline;word-wrap:break-word; width: 64%; padding-left:5%} 
 .newstablist02li100  .newstablist02 li{width: 100%; height:auto;clear:both; overflow:hidden;  }




.newstablist02 .newsfirstline_yc {padding:0; } 
.newstablist02 .newsfirstline_yc .img_yc{float:left; display:inline; width: 50%;text-align:center; }
.newstablist02 .newsfirstline_yc .text_yc{float:left; display:inline;word-wrap:break-word; width: 44%; padding-left:5%; padding-top:40px;} 
.newstablist02 .newsfirstline_yc .text_yc h2{color:#3CC7FF; font-size: 24px;}
.newstablist02 .newsfirstline_yc .text_yc h3{color:#3CC7FF; font-size: 20px; line-height: 40px;}
.newstablist02 .newsfirstline_yc .text_yc p{color:#fff; font-size: 14px; border-top: 1px dashed #949494; display:block; margin-top:20px; padding-top:20px; font-weight: normal; line-height: 26px;}




.tabheader_catlist_yc {background:url(../images/yc.png) no-repeat center center; lear:both; overflow:hidden; margin:50px 0;text-align:center; display: block; }
.tabheader_catlist_yc  a{background:url(../images/buttom_yc1.png) no-repeat; color:#fff;display:inline-block; margin:0 30px; font-size:16px; line-height: 105px; height: 105px; width:105px;}
.tabheader_catlist_yc  a.active,.tabheader_catlist_yc a:hover{ background:url(../images/buttom_yc2.png) no-repeat; color:#fff}


/*cjwt_block*/
 .cjwt_block li{ margin-bottom:10px }  
.cjwt_block   h4 { height: 26px;line-height:18px; margin-bottom:5px ;font-size:14px; overflow:hidden;  }
.cjwt_block   h4 span{ color:#CC0919 }
.cjwt_block  .desp{ padding-bottom:10px;overflow:hidden; color:#666;margin:0;line-height:20px;   }
.cjwt_block  .desp span{font-weight:bold;font-size:14px;color:#CC0919}
.cjwt_block ul { position:relative;  }
/*newsheader*/
  .newsheader {  border-bottom:1px solid #ccc;position:relative;margin-bottom:15px;padding:0; clear:both; overflow:hidden;    }
 .newsheader h3{ float:left;font-size:16px;font-weight:bold; }
  .newsheader h3 span{font-size:12px;font-weight:normal;color:#666; }
  .newsheader .more{float:right; margin-top:10px}
 

/*here responsive------------------------------------------------------*/
@media (max-width:800px){
 
 .news01 .col_1f4{width: 100%; }
.news01  .orderpart{flex-wrap:wrap;display:flex}
.news01 .sepaline{display:none; }
.news01 .text{margin-bottom:30px}
.news01inc{ background:none;  }
.news01inc .text{background:#fff; }
.news01 img{height: 100% !important; }
}
 
/* max-width: 600px  -------------*/
@media    (max-width: 600px){
.aboutus01 .desp{ padding:2px}
 .aboutus01 .desp,.aboutus01 .desp p{ font-size:12px; }
 .jstabhover{margin-bottom:10px}
  .newstablist02 .newsfirstline .img{width: 100%;text-align:center;  }
  .newstablist02 .newsfirstline .text{width: 100%;padding:10px ;  }

.tabheader_catlist a{font-size:12px; height: 25px; line-height:25px; width: 45%; margin:5px 2% }

}