﻿@charset "UTF-8";
/*videos-list*/
.index-videos-box {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.videos-list {
	display: block;
	width: 192px;
	height: 136px;
	position: relative;
	float: left;
	overflow: hidden;
	margin-bottom: 14px;
	margin-left: 5.5px;
}
.first-videos-list{
	width: 410px;
	height: 286px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.videos-list .subscript {
	height: 30px;
	width: 200px;
	position: absolute;
	top: 15px;
	right: 65px;
	z-index: 2;
	text-align: center;
	color: #000000;
	font-size: 16px;
	line-height: 30px;
	background-color: #f7f7f7;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.videos-list .videos-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.videos-list .content {
	position: absolute;
	z-index: 2;
	background: rgba(106, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	left: -100%;
	top: -100%;
	display: table;
}

.videos-list .content p {
	display: table-cell;
	padding: 0 20px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 16px;
}

.videos-list .content.trans {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	backface-visibility: hidden;
}
/*videos-list*/

.index-activity{
	width: 580px;
	overflow: hidden;
}
.index-activity li{
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	border-bottom: 1px dotted #cccccc;
	padding-top: 8px;
	
}
.index-activity li:first-child{
	padding-top: 0px;
}
.index-activity li .img{
	height: 179px;
	margin-bottom: 1px;
}
.index-activity li .img a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.index-activity li .img img{
	display: block;
	width: 580px;
	height: 179px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.index-activity .img .imgtitle{
	width: 505px;
	height: 60px;
	line-height: 60px;
	background: rgba(0,0,0,0.6);
	color: #ffffff;
	padding-left: 15px;
	font-size: 16px;
	text-align: left;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.index-activity .img .imglink{
	width: 40px;
    height: 34px;
    float: left;
    word-spacing: -2px;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    padding: 13px 10px;
    background-color: #a27d51;
    color: #ffffff;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 2;
}
.index-activity .img a:hover .imglink{
	background-color: #950100;
}
.index-activity li .left{
	width: 515px;
	margin-right: 10px;
	display: block;
	float: left;
}
.index-activity li .right{
	display: block;
	width: 35px;
	height: 35px;
	float: left;
	word-spacing: -2px;
	font-size: 15px;
	line-height: 16px;
	text-align: center;
	padding: 10px 10px;
	background-color: #a27d51;
	color: #ffffff;
}
.index-activity li .right:hover{
	background-color: #950100;
}
.index-activity .activity-title{
	font-size: 16px;
    color: #333333;
    text-align: left;
    line-height: 25px;
    height: 25px;
    width: 100%;
    overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.index-activity .activity-point{
	width: 100%;
	height: 20px;
    font-weight: normal;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.index-activity .activity-point span{
	color: #800000;
}


.IndexProject{
	width: 100%;height: 60px;background: #c2a27b;padding-top: 5px;box-sizing: border-box;
}
.IndexProject .mainBox{
	width: 1197px;margin: 0 auto;height: 53px;
}
.IndexProject .mainBox li{
	width: 57px;margin: 0 3px;float: left;height: 53px;
}
.IndexProject .mainBox li a{
	display: block;width: 57px;height:53px;cursor: pointer;
}
.IndexProject .mainBox li img{
	width: 57px;height: 35px;display: block;
}
.IndexProject .mainBox li p{
	font-size: 12px;color: #ffffff;text-align: left;line-height: 16px;padding-left: 4px;box-sizing: border-box;
}
.IndexProject .mainBox li a:hover p{
	color: #a27d51;
}
.indexYMGJ{
	width: 100%;height: auto;overflow: hidden;background-image: url(../images/common/ymgjbgbg.jpg);background-repeat: no-repeat;background-position: center top;padding-top: 60px;
}
.indexYMGJ .lo{
	width: 100%;height: 187px;background-image: url(../images/common/logo02.png);background-repeat: no-repeat;background-position: center top;
}
.indexYMGJ .ymgjYS{
	width: 1200px;height: 400px;position: relative;margin-bottom: 30px;
}
.indexYMGJ .ymgjYS li{
	display: inline;float: left;background-image: url(../images/common/bg02.png);background-repeat: no-repeat;background-position: left top;position: absolute;
}
.indexYMGJ .ymgjYS .one{
	left: 0px;top:0px;
}
.indexYMGJ .ymgjYS .two{
	left: 400px;top:0px;background-image: url(../images/common/bg.png);background-repeat: no-repeat;background-position: center bottom;width: 400px;height: 73px;
}
.indexYMGJ .ymgjYS .three{
	left: 828px;top: 0px;
}
.indexYMGJ .ymgjYS .four{
	left: 0px;top: 140px;
}
.indexYMGJ .ymgjYS .five{
	left: 50%;top: 98px;margin-left: -150px;
}
.indexYMGJ .ymgjYS .six{
	left: 828px;top:140px;
}
.indexYMGJ .ymgjYS .seven{
	left: 50%;top: 200px;margin-left: -150px;
}
.indexYMGJ .ymgjYS .eight{
	left: 00px;top:280px;
}
.indexYMGJ .ymgjYS .nine{
	left: 50%;top: 280px;margin-left: -150px;
}
.indexYMGJ .ymgjYS .ten{
	left: 828px;top:280px;
}
.indexYMGJ .ymgjYS li p{
	font-size: 16px;line-height: 24px;color: #a27d51;
}
.indexYMGJ .ymgjYS li h2,.indexYMGJ .ymgjYS li p{
	padding-left: 52px;text-align: left;
}
.indexYMGJ .welcome{
	width: 1200px;height: 74px;background-image: url(../images/common/zjymbg.png);background-repeat: no-repeat;background-position: center center;margin-bottom: 10px;
}
.indexYMGJ .wel{
	width: 100%;text-align: center;line-height: 30px;font-size: 24px;color: #a27d51;margin-bottom: 25px;
}
.indexYMGJ .YMvideo{
	width: 1200px;height: auto;overflow: hidden;
}
.indexYMGJ .YMvideo .left,.indexYMGJ .YMvideo .right{
	width: 600px;height: auto;float: left;
}
.source{
	width: 100%;height: auto;overflow: hidden;padding-bottom: 80px;
}
.source .hwzy{
	width: 1200px;margin: 0 auto;overflow: hidden;
}
.hwzy div{
	width: 200px;height: 200px;display: table;overflow: hidden;float: left;text-align: center;background: #a27d51;min-width: 120px;
}
.hwzy div p{
	display: block;font-size: 16px;line-height: 24px;color: #ffffff;display: table-cell;padding: 0 30px;vertical-align: middle;
}
.hwzy div img{
	width: 100%;height: 100%;display: block;
}
.IndexActivity{
	width: 580px;height: 600px;padding-right:20px;float: left;position: relative;
}
.IndexActivity .smallBox a.actit,.IndexymdtLeft a.ymdttit{
	font-size: 18px;color: #333333;text-align: left;line-height: 26px;padding: 18px 1%;display: block;width: 100%;cursor: pointer;box-sizing: border-box;
}
.IndexActivity a.actit:hover,.IndexNews .NewsRightNav a.newTit:hover,.IndexymdtLeft a.ymdttit:hover{
    color: #a27d51;
}
.IndexActivity .smallBox div.acdesc,.IndexymdtLeft div.ymdtdesc{
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-weight: normal;font-size: 14px;color: #333333;width: 100%;height: 60px;line-height: 20px;padding: 0 1%;box-sizing: border-box;
}
.IndexActivity a.Toview,.groupNews a.Toview,.IndexymdtRight a.Toview{
	position: absolute;bottom: 0px;left: 50%;margin-left: -50px;
}
.IndexymdtRight a.Toview{
	bottom: 40px;
}
.groupNews{
	width: 600px;height: 600px;float: left;position: relative;
}
.groupNews .IndexNews li{
	width: 100%;height: 119px;float: left;overflow: hidden;margin-bottom: 40px;
}
.groupNews .IndexNews li:last-child{
	margin-bottom: 0px;
}
.IndexNews .newsImg{
	width: 170px;height: 119px;float: left;
}
.IndexNews .NewsRightNav{
	width: 410px;height: 119px;float: left;margin-left: 20px;
}
.IndexNews .NewsRightNav a.newTit{
	font-size: 18px;color: #333333;text-align: left;line-height: 28px;display: block;width: 100%;cursor: pointer;
}
.IndexNews .NewsRightNav div.newsdesc{
	overflow: hidden;font-weight: normal;width: 100%;height: 53px;padding-top: 10px;
}
.IndexNews .NewsRightNav div.newsdesc p{
	font-size: 14px;line-height: normal;color: #999999;line-height: 24px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
}
.IndexNews .NewsRightNav div.Wtime{
	overflow: hidden;font-weight: normal;font-size: 14px;line-height: normal;color: #999999;width: 100%;height: 23px;line-height: 22px;
}
.Indexymdt{
	width: 1200px;height: 435px;overflow: hidden;
}
.Indexymdt .IndexymdtLeft{
	width: 735px;height: 435px;float: left;
}
.IndexymdtRight{
	width: 430px;height: 435px;float: left;margin-left: 35px;position: relative;
}
.IndexymdtRight li{
	width: 430px;height: 43px;border-bottom: dotted 1px #a9a9a9;overflow: hidden;padding: 6.5px 0;box-sizing: border-box;box-sizing: border-box;
}
.IndexymdtRight li a{
	line-height: 30px;color: #333333;font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;width: 435px;height: 30px;
}
.IndexymdtRight li a:hover{
	color: #a27d51;
}