body,
html {
	margin: 0;
	height: 100%;
	min-width: 1000px;
}



.sideimg {
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
}

.item:nth-child(even) .sideimg{
	float: right;
}

.imgPlayer {
	width: 100%;
	height: 100%;}

.imgPlayer img {
	display: none;
}

.sideText {
	height: 100%;
	width: 500px;
	background: blue;
	color: #FFF;
	position: fixed;
	top: 0;
	padding: 120px 50px;
	margin-bottom: 16px;
	box-sizing: border-box;
	word-wrap: break-word;
	z-index: 99;
}

.sideText:hover {
	overflow-y: scroll;
}

#imgScroll {
	height: 100%;
	width: 100%;
	background: #ccc;
	color: #FFF;
	position: fixed;
	top: 0;
	padding: 100px 0px 0 500px;
	box-sizing: border-box;
	white-space: nowrap;
}

#imgScroll:hover {
	overflow-x: scroll;
}

.produceItem {
	height: 100%;
	display: inline-block;
	position: relative;
}

#imgScroll img {
	height: 100%;
}

.produceDtl {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(128, 128, 128, 0.5);
	color: #FFF;
}

.produceTxt {
	position: relative;
	top: 50%;
	text-align: center;
	font-size: 2em;
}

.content {
	height: 100%;
	padding: 105px 0 0;
	box-sizing: border-box;
}

.textContent {
	width: 50%;
	height: 100%;
	/*margin: 0 2%;*/
	padding: 20px;
	box-sizing: border-box;
	float: left;
	font-family: "Microsoft Yahei";
}



#carousel {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sections,
.section {
	height: 100%;
}

#carousel,
.sections {
	position: relative;
}

.section {
	background-color: #000;
	background-size: cover;
	background-position: 50% 50%;
	text-align: center;
	color: white;
}

#section0 {
	background-image: url('{$config_siteurl}/statics/yidao/css/img/carousel/1.jpgg');
}

#section1 {
	background-image: url('{$config_siteurl}/statics/yidao/css/img/carousel/2.jpgg');
}

#section2 {
	background-image: url('{$config_siteurl}/statics/yidao/css/img/carousel/3.jpgg');
}

#section3 {
	background-image: url('{$config_siteurl}/statics/yidao/css/img/carousel/4.jpgg');
}


/** Project List **/
.project section { width: 25%; height: 100%; overflow: hidden; }
.project section a { display: block; width: 100%; height: 100%; color: #fff; }
.project section p { position: relative; top: 50%; width: 100%; text-align: center; color: #fff; z-index: 10;}
.project section p.project-en { font-size: 22px; }
.project section p.project-cn { margin-top: 10px; font-size: 22px; }
.project-bg { position: absolute; top: 0; left: 0; background: #000; opacity: .6; filter: alpha(opacity=60);  width: 100%; height: 100%; z-index: 1; }
.project-bg-text {position:relative;list-style:none;text-align:center;top: 52%;display:none;transition: top 1s;}
.project-bg-text li{width:50%;height: 50px;line-height: 50px; margin: 10px auto;font-size: 22px;}
.project-bg-text li:hover{border: 1px solid #9C9C9C; background:rgba(0,0,0,0.6) }
.project section a:hover .project-bg { /*opacity: .6;*/z-index: 999; }
.ui-abs { height:100%;
	position: absolute;
}

.newscenter-fadein {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.78);
	box-sizing: border-box;

}

.width-2-3 {
	width: 66.66%;
	height: 100%;
	position: relative;
	float: left;
	box-sizing: border-box;
}

.downloadList {
	padding: 40px;
}

.downloadList li {
	list-style-type: none;
	display: inline-block;
}

.dlHeader{
	background-color: rgb(49, 49, 49);
	height: 50px;
	font-size: 18px;
	padding: 13px;
	box-sizing: border-box;
	vertical-align: middle;
	color: #FFF;
}

.dlContent {
	background-color: rgb(228, 228, 228);
	height: 50px;
	font-size: 16px;
	padding: 15px;
	box-sizing: border-box;
	vertical-align: middle;
	color: #f48222;
}

.dlTitle {
	width: 55%;
}

.dlTime {
	width: 25%;
}

.dlIcon {
	width: 10%;
}

.downloadico{
	height: 20px;
	width: 20px;
	background: url({$config_siteurl}/statics/yidao/css/img/download.svg) no-repeat;
	display: inline-block;
}


footer{
  position: fixed;
  width: 100%;
  height: 30px;
  bottom: -30px;
  background: #3A3A3A;
  color: white;
  text-align: left;
  padding: 0 40px;
  z-index: 2222;
  display: block;
}

.imgshow{
	width: 100%;
	height: 100%;
	
}



.is-img {
	width: 100%;
	height: 100%;
	background: #383838;
}

.is-img img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	font-size: 0;
	display: none;
}

.is-img img.is-img-show {
	z-index: 99;
	display: inline-block;
}

/*.is-thumb {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80px;
	background-color: rgba(0,0,0,0.5);
	z-index: 100;
}

.is-thumb li {
	width: 80px;
	height: 60px;
	float: left;
	margin: 10px;
	position: relative;
}

.is-thumb li img {
	height: 100%;
	width: 100%;
}

.is-thumb-fade {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5)
}*/

.is-thumb{
	position: absolute;
	background: rgba(0,0,0,0);
	left: 50%;
	bottom: 20px;
	transform: translateX(-50);
	-webkit-transform: translateX(-50);
	-moz-transform: translateX(-50);
	-o-transform: translateX(-50);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 999;
}
.is-thumb a{
    width: 25px;
    height: 25px;
    text-align: center;
    float: left;
}
.is-thumb a:after{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    background: rgba(0,0,0,.5);
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -ms-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
}
.is-thumb a.active:after{
    background: rgba(255,0,0,1);
}

#showImgPlayer img {
	width: 100%;
	height: 100%;
}



#nav-pagination > li {
	height: 78px;
	box-sizing: border-box;
	margin: 0 20px;
}

#nav-pagination > li.active {
	border-bottom: 5px solid #ED1B24;
}

#nav-pagination  .second .inner ul.right li a, #nav-pagination  .second .inner ul.right li h5 {
    text-align: left;
}

.table-detail-btn {
	position: absolute;
    right: 30px;
    top: 43.5%;
	width: 25px;
	height: 25px;
	line-height: 22px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size: 25px;
	cursor: pointer;
}

.table-wrapper{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	width: 80%;
	height: 80%;
	overflow-y: auto;
}

.table{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	border:solid #fff; 
	border-width:1px 0px 0px 1px;
	color: #fff;
}
.table td{border:solid #fff; border-width:0px 1px 1px 0px; padding-left:10px;}
.table p{color: #fff;}