body{
  font-size: 16px;
}
.slider-cap ul li>a:hover{
  color:#F88904;
}
.slider-cap ul li:hover :before{
  background: #03A1EA;
}
#top_head{
  width: 100%;
  height: 56px;
  box-shadow: 0 0 8px #ccc;
}
.headt{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ct_bn{
  background:url(https://tkww-static.tkww.hk/agreementImg/images/projectImg/special/xgdjt/bg.jpg);
  background-size: cover;
}
.banner img{
  width: 100%;
}
.djt_search{
  max-width:1100px;
  margin: 0 auto;
  padding: 0 40px;
}
.search img:hover{
  cursor: pointer;
}
.search{
  display: flex;
  align-items: center;
  height: 56px;
  justify-content: center;
}
.search input{
  display: inline-block;
  width: 150px;
  padding: 5px 10px;
  border-bottom: 1px solid #999;
  margin-right: 10px;
  font-size: 12px;
  color: #999;
}
.search img{
  display: inline-block;
  width: 15px;
}
.headt ul{
  display: inline-block;
  width: 100%;
  height: 56px;
}
.headt ul li a{
  display: inline-block;
  width: 100%;
  height: 100%;
}
.headt ul li{
  width: 120px;
  height: 100%;
  float: left;
  line-height: 56px;
  text-align: center;
}
.headt ul li.active a{
  color:#fff;
  background: #03A1EA;
}
.headt ul li img{
  width: auto;
  height: 100%;
  margin: 0 auto;
  display: inline-block;
}
.slider-cap{
  background-color: unset;
}
.slider-cap ul li>a{
  color: #333;
  font-size: 16px;
}
.slider-cap ul li{
  position: relative;
}
.slider-cap ul li:before {
  width: 8px;
  height: 8px;
  content: "";
  background: #CB1722;
  margin-right: 5px;
  position: absolute;
  top: 8px;
  left: -13px;
}
.slider-cap img{
  display: inline-block;
  float: right;
}
.slider-cap ul li{
  overflow: unset;
}
.subLine {
  width: 100%;
  height: 1px;
  border-bottom: 2px solid #ededed;
}
.djg_center{
  display: flex;
  margin: 20px 0;
  align-items: center;
  justify-content: space-between;
}
.storyList{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.storyList>div {
  width: calc((100% - 40px) / 3);
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.speaker{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 10px;
  background: #F68903;
  border-top-right-radius: 5px;
  color: #fff;
}
.right-box .dijiqi{
  background:url(https://tkww-static.tkww.hk/agreementImg/images/projectImg/special/xgdjt/group_rt.png);
  background-size: cover;
  padding-left: 10px;
  color: #fff;
  width: 150px;
  font-size: 14px;
}
.lf{
  float: left;
}
.rt{
  float: right;
}
.right-box{
  padding: 10px 0;
  float: left;
  width: 100%;
}
.right-box .date{
  display: flex;
	font-size: 14px;
}
.right-box .date span:nth-child(2){
  display: inline-block;
  width: 85px;
  height: 24px;
  overflow: hidden;
}
.theme{
  clear: both;
}
.theme .title{
  font-size: 16px;
  font-weight: 900;
  width: 80px;
  margin: 0 auto;
}
.theme .title img{
  display: inline-block;
}
.primary .section-title a{
  background: #F68903 !important;
  display: block;
  padding: 3px 10px;
  width: auto;
  color: #fff;
  font-size: 14px;
}
#storyList_vedio{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 15px;
}
#storyList_vedio .item{
  width: 100%;
}
#storyList_vedio .hasbg{
  position: relative;
}
.storyTitleFontFamily{
  margin: 5px auto 10px;
}
.featured-news .storyTitleFontFamily{
  margin-bottom: 0;
}
.sction-bg{
  padding-top: 20px;
  background: #F2F2F2;
}
.bg_top{
  margin: 20px;
}
.sction-bg ul li{
  padding-top: 20px;
  border-bottom: 1px solid #999;
}
.video-control{
  width: 30px;
  height: 30px;
  left: 43%;
  bottom: 26%;
}
.djt_secon{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.djt_secon .lf_img{
  width: 40%;
}
.section-title span{
  display: inline-block;
  padding: 5px 10px;
  background: #03A1EA;
  color: #fff;
  font-size: 18px;
}
.djt_secon .rt_txt{
  width: calc(100% - 40% - 20px);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
}
.djt_secon .rt_txt .title{
  margin: 10px 0 15px;
  font-weight: 900;
}
.xgdjt_last .djt_secon .rt_txt .txt h3{
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
/* 輪播圖 */
/*roll*/
.roll-view {
  margin-top: 10px;
  width: 100%;
  overflow: hidden;
}
.roll-list {
  margin: 0;
  padding: 0;
  font-size: 0;
  white-space: nowrap;
  position: relative;
}
.roll-list li {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
  width: 20%;
  height: 300px;
  margin-right: 10px;
}
.roll-list a {
  display: block;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
  color: #555;
  overflow: hidden;
  position: relative;
  width: auto;
  height: auto;
	z-index: 999;
}
.roll-list a:after {
  content: '';
  width: 100%;
  height: 0;
  padding-top: 157.3%;
  display: block;
}
.roll-list img {
  width: 100%;
  display: block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}
.roll-list span {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.storySummary{
  font-size: 14px;
}
.hdyg_top {
  background: url(https://tkww-static.tkww.hk/agreementImg/images/projectImg/special/xgdjt/connect_bn.jpg);
  background-size: cover;
  padding: 20px 0;
  z-index: 5;
  padding-bottom: 90px;
  box-sizing: border-box;
}
.hdyg_center{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 210px;
  margin: 0 auto;
}
.hdyg_txt span{
  display: block;
  font-size: 20px;
}
/*roll*/
.album-view-arrow{
  display: inline-block;
}
.album-thumb-view-arrow{
  display: inline-block;
}
#album{
  margin-top: 20px;
}
.storyList .img_box{
  position: relative;
}
.more{
  position: relative;
}
.roll-list li embed{
  width: 100%;
  height: 293px;
}
.more a{
  position: absolute;
  right: 0;
  bottom: 26px;
  width: 60px;
  height: 30px;
  cursor: pointer;
}
.djg_center>img,.djg_center>div{
  width: 33%;
  height: auto;
}
.slider-cap .slider-cap-title span{
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  background: #03A1EA;
  font-size: 18px;
}
.featured-news .flex-control-nav{
  bottom: 24px;
}
.featured-news .flexslider .slides .slider-caption{
    bottom: -9px;
}
.storyTime{
  float: right;
}
.twoLine {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.threeLine{
	overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.xgdjt_last .right-box .date p{
  display: flex;
  text-align: center;
}
.xgdjt_last .djt_secon .right-box .date{
  display: block;
}
.xgdjt_last .right-box .date p span.one_speaker{
  width: auto;
}
.xgdjt_last .right-box .date p span:nth-child(2){
  margin-left: 10px;
}
.swiper-slide .text{
  /* width: 203px; */
  margin-left: 9px;
  margin-top: 6px;
  padding: 10px;
  padding-bottom: 30px;
}
.hdyg_color{
  text-align-last: justify;
  text-align: justify;
  text-justify: distribute-all-lines;
  color:#F68903;
}
.hdyg_center img{
  width: 46px;
}
.oneLine {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.sction-bg ul li:nth-child(1){
  padding-top: 0;
}
.sction-bg .swiper-content{
  height: auto;
  clear: both;
  background-color: #b6e5f3;
  margin-top: 60px;
}
.single-content{
  padding-bottom: 0;
}
.texd_img{
  width: 183px;
  height: 121px;
  margin-bottom: 5px;
  overflow: hidden;
}
.texd_img img{
  max-width: 100%;
}
.slider-cap{
padding-right: 0;
}
.djg_center .more .center_rt{
transform:rotateY(180deg);
}
.djg_center .more a{
z-index: 999;
}
.djg_center .more a img{
display: inline-block;
float: right;
max-width: 100%;
}
.single-content aside{
margin-left: 0px;
}
.headt ul li img{
height: calc(100% - 1px);
}
.phone_banner{
display: none;
}
.pc_banner{
display: block;
}
@media(max-width: 1555px) and (min-width: 1367px){
	.video-control{
		bottom: 39%;
	}
}
@media(max-width: 650px){
  .featured-news .flex-control-nav{
    bottom: 13px;
  }
.video-control{
	bottom: 40%;
}
  .featured-news .flexslider .slides .slider-caption{
        bottom: 0px;
  }
.sction-bg .swiper-content{
    margin-top: 20px;
}
.single-content{
padding-top: 0;
}
.single-content .primary .post-content{
padding: 0;
}
.djg_center{
margin-top: 0;
}
.djt_secon .rt_txt{
	margin-top: 6px;
}
.slider-cap{
    padding: 0;
}
  .djt_secon .rt_txt{
    margin-bottom: 20px;
  }
  .djt_secon,.storyList{
    display: block;
  }
  .djt_secon .lf_img ,.djt_secon .rt_txt{
    width: 100%;
}
  .phone_banner{
    display: block;
  }
  .pc_banner{
    display: none;
  }
  .texd_img {
    width: 100%;
    height: 210px;
  }
  .more a{
    bottom: 8px;
  }
  .xgdjt_last .djt_secon .txt .summery,.xgdjt_last .djt_secon .date{
    display: none;
  }
  .headt ul li{
    width: 90px;
    display: inline-block;
    float: none;
  }
  .headt ul{
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    text-align: justify;
    box-sizing: border-box;
  }
  .djt_search {
    padding: 0;
    width: 100%;
  }
  .search{
    margin-right: 20px;
  }
  .search input{
    width: 90px;
  }
  .storyList>div{
    width: 100%;
  }
  .swiper-slide .text{
    margin-left: 0px;
    width: 100%;
  }
.roll-list li{
	width: 61%;
}
}