﻿.company-dynamics-title {width: 100%;height: 200px;display: flex;align-items: center;
		justify-content: center;text-align: center;position: relative;}
.company-dynamics-title .wenzi p.zh {font-size: 28px;margin-bottom: 15px;}
.company-dynamics-title .wenzi p.en {font-size: 20px;}
.company-dynamics-title .square-box {width: 22px;height: 22px;background-color: #FFFFFF;display: flex;
		align-items: center;justify-content: center;transform: rotate(45deg);position: absolute;bottom: -10px;}
.company-dynamics-title .square-box .square {width: 16px;height: 16px;background-color: #ce9f4d;}
 
.news{padding: 50px;}
.news div.img{width: 259px;height: 140px;overflow: hidden;}
.news li{padding:40px 0;height: 220px;width: 100%;border-bottom: 1px solid #999999;}
.news li div{display: inline-block;vertical-align: middle;}
    .news li a {
    
        display: flex;justify-content: space-between;align-items: center;
        color:#333;
    
    }
.news div.date{width: 100px;height: 60px;}
.news div.new{width: 605px;}
.news div.date p.day{font-size: 34px;}
.news div.date p.year{color: #999999;font-size: 20px;}
.news div.new p.new-txt{ display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;
	overflow: hidden;color: #999999;font-size: 14px;line-height: 24px;}
.news div.new p.new-title{font-size: 16px;margin-bottom: 36px;}
.news div.arrow-right{transition: all .5s; margin-right: 10px;width: 38px;height: 38px;
	border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #adadad;}
.news li:hover{cursor: pointer;}
.news li:hover p.new-title{color: #CA2029;}
.news li:hover div.arrow-right{color: white;background-color: #CA2029;margin-right: 0;}

.topic{padding: 70px 0;}

.topic div.topic-item{font-size: 16px;display: inline-block;width: 350px;padding-bottom: 60px;letter-spacing: 0;
	border-top:1px solid #e6e6e6 ; padding-top: 40px; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid;
  break-inside: avoid;}
    .topic div.topic-item a {
        color:#333;
    }
.topic div.topic-img{width: 350px;height: 126px;overflow: hidden;margin-bottom:20px ;}
    .topic div.topic-img img {
        transition:all 1s;    
    }
    .topic div.topic-item:hover .topic-img img {
        transform: scale(1.1);
    }


.topic  p.topic-title{margin-bottom: 26px;font-size: 16px;}
.topic  p.topic-txt{ display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;font-size: 14px;
	overflow: hidden;color: #999999;font-size: 14px;line-height: 24px;margin-bottom: 44px;}
.topic  p.label{display: flex;align-items: center;justify-content: space-between;font-size: 20px;}
.topic span.arrow-right{width: 38px;height: 38px;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.topic div.topic-item:hover{cursor: pointer;}
.topic div.topic-item:hover p.topic-title{color: #CA2029;}
.topic div.topic-item:hover span.arrow-right{background-color: #CA2029;color: white;}
 .page{text-align: right;font-size: 16px;margin-top: 30px;}
 .page a{color: #999999;font-size: 14px;}
 .page a.cur{color: #CA2029;}
 .page a{font-size: 16px;margin:0 10px;display:inline-block;}
.topic .monsory{width:1200px;-moz-column-count:3; -webkit-column-count:3; column-count:3;
  -moz-column-gap: 75px;-webkit-column-gap: 75px;column-gap: 75px;}
.page a#jilv {
    margin-right:20px;
}

.topic-detail{padding: 78px 0 55px 0;font-size: 0;}
.topic-detail  .silder-bar{display: inline-block;width: 386px;margin-right: 64px;font-size: 16px;vertical-align: top;}
.topic-detail   div.current-topic{border-bottom: 1px solid #999999;    padding-bottom: 10px;}
.topic-detail   div.current-topic p.topic-title{font-size: 18px;color: #CA2029;margin-bottom: 10px;}
.topic-detail   div.current-topic p.date,
.topic-detail  div.current-topic  p.text{color: #999999;font-size: 14px;}
.topic-detail   div.current-topic p.date{margin-bottom: 25px;}
.topic-detail div.topic-list{padding-top: 70px;font-size: 14px;}
.topic-detail div.topic-list p.more{font-weight: bold;margin-bottom: 15px;}
.topic-detail div.topic-list li{padding: 25px 0;border-bottom: 1px solid #999999;}
    .topic-detail div.topic-list li a {
        color:#333;
    }
.topic-detail div.topic-list p.title{margin-bottom: 16px;}
.topic-detail div.topic-list p.date{margin-bottom: 25px;}
.topic-detail div.topic-list p.date,
	.topic-detail div.topic-list p.text{color: #999999;}

.topic-detail .figure{display: inline-block;width: 750px;font-size: 16px;}
.topic-detail .figure img{
    display:block;
    width:100%;
    margin:20px 0;
}
.topic-detail .figure p{font-size: 14px;color: #666666;margin:20px 0;}