﻿@charset "utf-8";

*{margin:0;padding:0;list-style-type:none;font-family:'Microsoft Yahei', 宋体, 'Arial Narrow', HELVETICA;}
a,img{border:0;text-decoration:none;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}


/* 当前页html body样式 */
*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
html, body{overflow:hidden;min-width:1920px;min-height:1080px;}
body{position:relative;z-index:1;}

/* flash_control */
#flash_control .icon-up i,#flash_control .icon-up i:hover,
#flash_control .icon-play i,#flash_control .icon-play i:hover,
#flash_control .icon-pause i,#flash_control .icon-pause i:hover,
#flash_control .icon-down i, #flash_control .icon-down i:hover{background:url(../images/icon-s.png) no-repeat;}
#flash_control{position:fixed;z-index:900;width:51px;top:-9999em;right:3em;}
*html #flash_control{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#flash_control a{cursor:pointer;display:block;margin-bottom:1px;*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#99000000', endColorstr='#99000000');background:transparent;background:rgba(0,0,0,.6);}
#flash_control a i{display:block;height:100%;width:100%;}
#flash_control .icon-up, #flash_control .icon-down{visibility:hidden;}
#flash_control .icon-up i{background-position:-415px 16px;height:51px;width:51px;}
#flash_control .icon-up i:hover{background-position:-232px 16px;height:51px;width:51px;}
#flash_control .icon-play i{background-position:-354px 16px;height:51px;width:51px;display:none;}
#flash_control .icon-play i:hover{background-position:-171px 16px;height:51px;width:51px;}
#flash_control .icon-pause i{background-position:-293px 16px;height:51px;width:51px;}
#flash_control .icon-pause i:hover{background-position:-110px 16px;height:51px;width:51px;}
#flash_control .icon-down i{background-position:12px 16px;height:51px;width:51px;}
#flash_control .icon-down i:hover{background-position:-49px 16px;height:51px;width:51px;}
#flash_control .on .icon-up, #flash_control .on .icon-down{visibility:visible;}
#flash_control .on .icon-play i{display:block;}
#flash_control .on .icon-pause i{display:none;}

.flash li{position:absolute;overflow:hidden;z-index:601;left:0;width: 100%;height: 100%;}
.flash .default{/* z-index:605; */}
.flash img{width:100%;}
.container{width:100%;height: 100%;overflow: hidden;}
.Description{width: 100%;height: 100%;margin: 0px auto;position: absolute;}
.head{width:100%;height: 110px;margin:0 auto;display:block;margin-top: 685px;}
.head a{/* width:250px; */height:65px;/* position:absolute; *//* margin-left:50px; */}
#logo{width: 260px;height: 75px;/* position:absolute; */margin: auto;position: relative;padding-top: 20px;}
#logo a{width: 260px;height: 75px;position:absolute;}
#banner{width: 260px;height: 110px;float:right;display:block;margin-right: 23%;}
#banner ul{width: 250px;height: 110px;float:left;}
#banner ul li{width: 32px;height: 110px;float:left;position:relative;/* line-height:100px; */text-align: center;margin: 0 auto;margin-left: 32px;line-height: 25px;}
#banner ul li:first-child{margin:0px;}
#banner ul li a{color: #000;font-size: 22px;}
#banner ul li a:hover{color:#87686C;}


#zx .head{width:100%;height: 90px;margin:0 auto;display:block;/* padding-top: 50px; */margin-top: 5%;}
#zx .head .more{width:100px;height:90px;margin-left:76%;position:relative;}
#zx .head .more a{width:100px;height:90px;position:absolute;}
#zx .body{width:1200px;height: 413px;margin:0 auto;margin-top: 62px;}
#zx .top{width:1200px;height:30px;margin:0 auto;}
#zx .top a{width:60px;height:30px;float:right;position:relative;}
#zx .foot{width: 976px;height:413px;margin-top: 40px;margin: auto;}
#zx .banner{width: 260px;height: 110px;float:right;display:block;margin-right: 23%;margin-top: 6%;}
#zx .banner ul{width: 250px;height: 110px;float:left;}
#zx .banner ul li{width: 32px;height: 110px;float:left;position:relative;/* line-height:100px; */text-align: center;margin: 0 auto;margin-left: 32px;line-height: 25px;}
#zx .banner ul li:first-child{margin:0px;}
#zx .banner ul li a{color: #000;font-size: 22px;}
#zx .banner ul li a:hover{color:#87686C;}
#zx .left{width: 580px;height: 360px;float:left;margin-top: 30px;}
/*轮播*/
	.slideBox{width: 580px;height: 360px;overflow:hidden;position:relative;}
	.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
	.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
	.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
	.slideBox .hd ul li.on{ background:#f00; color:#fff; }
	.slideBox .bd{ position:relative; height:100%; z-index:0;   }
	.slideBox .bd li{ zoom:1; vertical-align:middle; }
	.slideBox .bd img{width: 580px;height: 360px;display:block;}

	/* ä¸‹é¢æ˜¯å‰/åŽæŒ‰é’®ä»£ç ï¼Œå¦‚æžœä¸éœ€è¦åˆ é™¤å³å¯ */
	.slideBox .prev,
	.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url('/zt/static/img/tpy/v2/slider-arrow.png') -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
	.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
	.slideBox .prev:hover,
	.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

#first{display: none;position: absolute;margin: 0 auto;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

#zx .right{width: 340px;height: 360px;float:right;margin-top: 30px;}
#zx .right ul{width: 340px;height: 158px;position:relative;overflow:hidden;float:left;margin-top:50px;}
#zx .right ul:first-child{margin:0px;}
#zx .right .tt{width: 340px;height:25px;font-size: 20px;overflow:hidden;line-height: 24px;margin:0px;}
#zx .right .tt a{color:#3DF8FA;}
#zx .right li{width: 340px;height:20px;position:relative;float:left;margin-top: 11px;font-size: 17px;}
#zx .right li a{color:#fff;}
#zx .right li a:hover{color:#FF9724;}


#hd .head{width:100%;height: 90px;margin:0 auto;display:block;/* padding-top: 50px; */margin-top: 5%;}
#hd .head .more{width:100px;height:90px;margin-left:76%;position:relative;}
#hd .head .more a{width:100px;height:90px;position:absolute;}
#hd .body{width:1200px;height: 460px;margin:0 auto;margin-top: 35px;}
#hd .body .content{width:1000px;height:380px;margin:0 auto;overflow: hidden;padding-top: 40px;}
#hd .left{width:480px;height:380px;float:left;}
#hd .right{width:480px;height:380px;float:right;}
#hd .tt{height:265px;width:480px;overflow:hidden;}
#hd .tt li{height:115px;width:480px;overflow:hidden;float:left;position:relative;margin-top: 35px;}
#hd .tt li:first-child{margin:0px;}
#hd .tt span{width:170px;height:115px;float:left;background:#fff;}
#hd .tt img{width:162px;height:105px;margin: 5px 4px;}
#hd .tt h2{width: 195px;height:40px;line-height: 35px;margin: 0px 40px 0px 75px;float: left;overflow: hidden;}
#hd .tt h2 a{color:#fff;font-size: 16px;}
#hd .tt h2 a:hover{color:#FF9724;}
#hd .tt p{width: 295px;height:75px;float:left;margin-left: 15px;line-height: 27px;font-size:15px;color:#fff;text-indent: 2em;}
#hd .pt {width:300px;height:75px;float:left;overflow:hidden;margin-top:30px;}
#hd .pt li{width: 300px;height:15px;background: url(../images/dot01.jpg) no-repeat 0px 6px;overflow:hidden;line-height:15px;position:relative;margin-top: 10px;}
#hd .pt li a{font-size:15px;color:#fff;margin-left: 12px;}
#hd .pt li a:hover{color:#FF9724;}
#hd .banner{width: 260px;height: 110px;float:right;display:block;margin-right: 23%;margin-top: 5%;}
#hd .banner ul{width: 250px;height: 110px;float:left;}
#hd .banner ul li{width: 32px;height: 110px;float:left;position:relative;/* line-height:100px; */text-align: center;margin: 0 auto;margin-left: 32px;line-height: 25px;}
#hd .banner ul li:first-child{margin:0px;}
#hd .banner ul li a{color: #000;font-size: 22px;}
#hd .banner ul li a:hover{color:#87686C;}


#dmtc .head{width:100%;height: 90px;margin:0 auto;display:block;/* padding-top: 50px; */margin-top: 5%;}
#dmtc .head .more{width:100px;height:90px;margin-left:76%;position:relative;}
#dmtc .head .more a{width:100px;height:90px;position:absolute;}
#dmtc .body{width:1200px;height: 460px;margin:0 auto;margin-top: 50px;}
#dmtc .body .content{width:1000px;height:380px;margin:0 auto;overflow: hidden;padding-top: 65px;}
.df_num8_row1{height: 320px;overflow: hidden;}
.df_num8_row1 .df_num8_big{width: 354px;height: 320px;float: left;position: relative;}
.df_num8_row1 .df_num8_big img{width: 354px;height: 320px;vertical-align: middle;}
.df_num8_row1 .df_num8_big span{display: inline-block;width:354px;height: 30px;margin-top: -30px;background-color: #000000;opacity: .5;}
.df_num8_row1 .df_num8_big p{width:354px;height: 30px;position: relative;margin-top: -30px;text-align:center;}
.df_num8_row1 .df_num8_big p a{width:354px;height: 30px;line-height:30px;font-size:15px;font-weight:bold;color:#fff;}
.df_num8_row1 .df_num8_big p a:hover{color:#FF9724;}

.df_num8_small{ height:320px;width: 256px;float: left;overflow: hidden;position: relative; margin-left:16px; margin-right:16px;}
.df_num8_small span{display: inline-block;width:256px;height: 30px;margin-top: -30px;background-color: #000000;opacity: .5;}
.df_num8_small p{width:256px;height: 30px;position: relative;margin-top: -30px;text-align:center;}
.df_num8_small p a{width:256px;height: 30px;line-height:30px;font-size:15px;font-weight:bold;color:#fff;}
.df_num8_small p a:hover{color:#FF9724;}
.df_num8_small .a-top{display:block;position:relative;overflow:hidden;}
.df_num8_small .a-foot{display:block;position:relative;overflow:hidden;margin-top:6px;}

.df_num8_small img{width: 256px;height: 157px;vertical-align: middle;}
.df_num8_small.df_mr{margin-right: 2px;}
#dmtc .banner{width: 260px;height: 110px;float:right;display:block;margin-right: 23%;margin-top: 4.5%;}
#dmtc .banner ul{width: 250px;height: 110px;float:left;}
#dmtc .banner ul li{width: 32px;height: 110px;float:left;position:relative;/* line-height:100px; */text-align: center;margin: 0 auto;margin-left: 32px;line-height: 25px;}
#dmtc .banner ul li:first-child{margin:0px;}
#dmtc .banner ul li a{color: #000;font-size: 22px;}
#dmtc .banner ul li a:hover{color:#87686C;}

.poster-main{
	width: 1000px;
	height: 500px;
	position: relative;
	margin: 30px auto;
}
.poster-main a,.poster-main img{
	display:block;
	width:687px;
	height:467px;
}
.poster-main .poster-list{
	width: 1000px;
	height: 500px;
}
.poster-main .poster-list .poster-item{
	width: 687px;
	height: 467px;
	position:absolute;
	left:0;
	top:0;
}
.poster-main .poster-btn{
	position:absolute;
	top:0;
	z-index:10;
	cursor:pointer;
}
.poster-main .poster-prev-btn{
	left:0;
	background: url(../images/left.png) no-repeat center center;
}
.poster-main .poster-next-btn{
	right:0;
	background: url(../images/right.png) no-repeat center center;
}

.Vidage__image, .Vidage__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.Vidage--allow .Vidage__video {
  display: block;
}

.Vidage--allow .Vidage__image {
  display: none;
}

.Vidage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.Vidage__video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: none;
  object-fit:fill;
}

.Vidage__image {
  background-image: url("../images/bg_index.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


.Vidage__backdrop {
  background-color: #1b1c1d;
  opacity: 0.2;
}
