@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form, table { margin:0; padding:0; border:0; list-style:none;}
div, span, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form { overflow:hidden;}
input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a { text-decoration:none; color: #000000;}
html, body { font-family:"微软雅黑", "宋体";font-size:14px;}
img{boder:none; vertical-align: top;}
a:hover {text-decoration:none; color: #ff0202;}
body{min-width: 1360px;}
.bk{width:1170px;height: auto;overflow: hidden;margin: 0 auto;}
.trans{  display:block;transition: all .5s ease;-webkit-transition: all .5s ease; -moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;-webkit-backface-visibility: hidden;}
.trans:hover { display:block; -webkit-backface-visibility: hidden;transform: scale(1.04,1.04);-ms-transform: scale(1.04,1.04);-webkit-transform: scale(1.04,1.04);}
.smy_ctrl { position:relative; min-height:50px; cursor:move; overflow:hidden;}
/***********************************************************************************/


/*banner*/
.yy-banner {
	width: 100%;
	height: 1136px;
	overflow: hidden;
	position: relative;
}
.banner-d img {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 1136px; 
}

.dh ul{width:1170px;height: 1136px;overflow: hidden;margin: 0 auto;top: 0px;z-index: 99; position: relative;}
.dh ul li img{width:100%; height: auto; overflow: hidden; display: block;}
.dh ul li.dhimg1{position:absolute;top: 520px;width: 809px;left: 180px; z-index: 999;} 


/*******************bk1*******************/
.bk1{position:relative;margin-top: -513px; z-index: 99999;}

/*头条*/
.firts-news{width: 1170px; height: 363px; overflow: hidden; position: relative;}
.more-img{width: 295px; height: 363px; position: absolute; top: 0px; left: 0px; z-index: 2;}
.more-img img{width: 295px; height: 363px; }
.nesw-nr{width:1170px; height: 319px; background: url(yy-sfimg1-2018023.jpg) no-repeat center top; overflow: hidden; position: absolute; bottom: 0px; left: 0px;}

.nesw-nr ul{width:850px; margin-left: 295px; height: auto;}
.nesw-nr ul li{width:850px;color: #fff;margin-top: 37px;height: auto;overflow: hidden;}
.nesw-nr ul li h2{width:850px; color: #fff; font-size: 38px; font-weight: bold; height: 45px; line-height: 45px; overflow: hidden; display: block;}
.nesw-nr ul li h2 a{color: #fff;}
.nesw-nr ul li p{display: block; width:850px; line-height: 25px; height: 50px; overflow: hidden; margin-top: 10px;}
.nesw-nr ul li p a{color: #fee475;}

/*图集*/
/****************图片轮播****************/
.part2{height: 380px;width:640px;float: left;}
.part2-L{ height: 380px;width:640px; overflow:hidden; position:relative;}
.part2-L .hd{height:15px;overflow:hidden;position:absolute;right: 23px;bottom: 7px;z-index:1;}
.part2-L .hd ul{ overflow:hidden; zoom:1; float:left;  }
.part2-L .hd ul li{ float:left; margin-right:8px;  width:8px; height:8px; background:#fff; cursor:pointer; border-radius: 50%;}
.part2-L .hd ul li.on{ background:#e60216;}

.part2-L .bd ul{height: 380px;width:640px;}
.part2-L .bd{ position:relative; height:100%; z-index:0;   }
.part2-L .bd li{ zoom:1; vertical-align:middle; position: relative; height: 380px;width:640px;}

.part2-L .bd img{ height: 380px;width:640px; display:block; object-fit: cover; transform: scale(1); animation: slowMotion 20s infinite ease-in-out; }
.part2-L .bd .txt{position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;padding-left: 20px;height: 40px;font-size: 14px;line-height: 40px;background: url(yanyan_yldsbtgj_2018-01-03.png) repeat;color: #fff;}

.pageState{font-size:16px;color: #fff;position: absolute;bottom: 11px;right: 15px;z-index: 99999;}

.part2-L .prev,
.part2-L .next{position:absolute;left: 10px;top:50%;margin-top:-25px;display:block;width:18px;height:32px;cursor: pointer;opacity: 0.5;}

.part2-L .prev{background: url(prev_hy20180601.png) no-repeat;}
.part2-L .next{ left:auto; right:10px; background: url(next_hy20180601.png) no-repeat; }

.part2-L .prevStop{ display:none;  }
.part2-L .nextStop{ display:none;  }

.part2-L .prev:hover{opacity: 1;}
.part2-L .next:hover{opacity: 1;}
.part2-L .bd  img {
  height: 380px;width:640px;
  transform: scale(1);
  animation: slowMotion 20s infinite ease-in-out;
}

@keyframes slowMotion {
  from, to {
    transform: scale(1) translate(0, 0);
  }
  50% {
    transform: scale(1.3);
  }
}

/*3图*/
.ti-ul{width:530px; height: 380px; overflow: hidden;}
.ti-ul li{width:257px; height: 190px; position: relative;  }
.ti-ul li img{width:257px; height: 190px; position: absolute; top: 0px; left: 0px;}
.tjul-1{width:257px; height: 380px; float: left; margin-left:5px;}
.tjul-2,.tjul-2 li{width:263px; height: 380px; float:right;}
.tjul-2 li.ti-img3 img{width:263px; height: 380px;}

.ti-ul li p{display:block; width: 100%; background: url(yanyan_yldsbtgj_2018-01-03.png) repeat; height: 40px; line-height: 40px; text-align: center; position: absolute; bottom: 0px; left: 0px; color: #fff;}


/*新闻*/
.yy-news{width: 1250px;height: auto;overflow: hidden; margin-top: 28px;}
.yy-news ul{width: 560px; float: left; margin-right: 50px; height: auto; overflow: hidden;}
.yy-news ul li.firts-nw3{border-bottom: 1px dashed #ededed;width: 560px;height: 110px;text-indent: 0px;margin-bottom: 10px;}
.yy-news ul li.firts-nw3 h2{ display: block; width: 560px; font-size: 26px; height: 35px; line-height: 35px;}
.yy-news ul li.firts-nw3 p{ display: block; width: 560px; font-size: 14px; height: 60px; line-height: 30px; color: #666666; }

.yy-news ul li{font-size:16px;line-height: 36px;height: 36px;overflow: hidden;position: relative;text-indent: 15px;}
.yy-news ul li i{display:block;width: 4px;height: 4px;border-radius: 100%;background: #999999;position: absolute;left: 0px;top: 17px;}



/*******************bk2*******************/
.bk2{width:100%; height: 874px; background: url(yy-sfbk1bg-2018-1023.jpg) no-repeat center top; background-size: auto; margin-top: 30px;}
.bt{width:1170px;height: 160px;overflow: hidden;margin: 0 auto;margin-top: 45px;}
.bt img{width:1170px; height:160px; }

.bk2-ulnr{width: 1320px; position: relative; margin: 0 auto;margin-top: 60px; height: 518px;}
.bk2-ul1{width: 372px;height: auto;float: left;margin-right: 10px;}
.bk2-ul1 li{width: 372px;height: 254px;float: left;position: relative;margin-bottom: 10px;}
.bk2-ul1 li img{width: 372px; height: 254px; position: absolute; top: 0px; left: 0px;}
.bk2-ul1 li p{display:block; width: 100%; background: url(yanyan_yldsbtgj_2018-01-03.png) repeat; height: 40px; line-height: 40px; text-align: left; position: absolute; bottom: 0px; left: 0px; color: #fff; text-indent: 10px; font-size: 16px;}

.bk2-ul2{width: 372px; height: auto; float: left;margin-right: 10px;}
.bk2-ul2 li{width: 372px; height: 164px; float: left; position: relative;  }
.bk2-ul2 li img{width: 372px; height: 164px; position: absolute; top: 0px; left: 0px;}
.bk2-ul2 li p{display:block; width: 100%; background: url(yanyan_yldsbtgj_2018-01-03.png) repeat; height: 40px; line-height: 40px; text-align: left; position: absolute; bottom: 0px; left: 0px; color: #fff; text-indent: 10px; font-size: 16px;}

.bk2-ul2 li.bk2-ul2img,.bk2-ul2 li.bk2-ul2img img{width: 372px; height: 190px;}
.cc{margin-left: 14px;}

.bk2-ulnr a.prev{display:block;width: 48px; height: 136px; background: url(yy-pre-grey-l.png); left: 0px;}
.bk2-ulnr a.next{display:block;width: 48px; height: 136px; background: url(yy-next-grey-l.png); right:0px;}
.bk2-ulnr a.prev,.bk2-ulnr a.next{position:absolute; top: 188px;}




/*******************bk3*******************/
.bk3{width:100%; height: 615px; background: url(yy-sfbk2bg-2018-1023.jpg) no-repeat center top; background-size: auto; }
/*图片切换*/
.slideGroup{width: 1320px;height: auto;overflow: hidden;margin: 0 auto;position:relative;margin-top: 33px;}
.slideBox{width:1170px; height: auto; overflow: hidden; margin: 0 auto; }
.slideBox ul{width:1170px; height: auto; overflow: hidden;}
.slideBox ul li{width: 199px;height: auto;float: left;margin-right: 44px;}

.slideBox ul li img{width:199px; height: 269px;}

.slideGroup .sPrev,.slideGroup .sNext{position:absolute;left:5px;top: 56px;display:block;width:48px;height:136px;background:url(yy-pre-grey-l.png);cursor: pointer;}

.slideGroup .sNext{ left:auto; right:5px; background: url(yy-next-grey-l.png);  }

.title{width: 199px;height: auto;}
.title h2{width: 199px; font-size: 16px; height: 25px; line-height: 25px; display: block; overflow: hidden; margin-top: 10px; margin-bottom: 3px;}
.title h2 a{color: #333333;}
.title p{width: 199px; display: block; font-size: 12px; line-height: 20px; color: #999999; height: 40px; overflow: hidden;}


/*******************bk4*******************/
.lbx{width: 1145px;height: 838px;margin: 0 auto;position:relative;margin-top: 45px;}
.lbx ul li{width:276px; height: 318px; float: left; margin-right: 10px;}
.lbx ul li img{width:276px; height: 318px; }
.lbx ul.lbx-1{position:absolute; top: 0px; }
.lbx ul.lbx-2{position:absolute;top: 248px;width: 872px;left: 142px;}
.lbx ul.lbx-3{position:absolute;top: 495px;}

/*******************bk5*******************/
.bk5{width:100%; height: auto; overflow: hidden;}
.bk5-nr{width:100%; height: auto; overflow: hidden; background: url(yy-sfbk4bg-2018-1023.jpg) no-repeat top; background-size: auto;}
.bk5-nr ul{width:1170px; height: auto; overflow: hidden;  margin: 0 auto; margin-top: 200px;}
.bk5-nr ul li{width:117px; height: 100px; overflow: hidden; float: left;}
.bk5-nr ul li img{width:117px; height: 100px; }

/*******************bk6*******************/

.p8_content{position:relative;margin:0 auto; margin-top: 50px;}
.p8_content img{width:339px; height: 523px;}

.roundabout-holder{width:1000px;height:523px;margin:0px auto 0 66px;}
.roundabout-moveable-item{width:339px; height: 523px;cursor:pointer;background:#000;}
.roundabout-moveable-item img{ filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;  
opacity: 0.5;  background:#000;}
.roundabout-in-focus img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;  
opacity: 1;  background:#000;}
.roundabout-moveable-item span{display:none;}
.roundabout-moveable-item img{height:100%;width:100%;}
.roundabout-in-focus span{font-size:14px;position:absolute;width:309px;height: 35px;line-height: 35px;bottom:0px;left:0;color:#fff;display:block;text-align:left;margin-left: 15px;}
.roundabout-in-focus span a{color:#fff;}
.roundabout-in-focus em{background:#000;filter:alpha(opacity=60);opacity:.6;position:absolute;width:360px;height: 35px;bottom:0px;left:0;}
.p8_content .next{background: url(yy-xzqhr-20181025.png) no-repeat;width:78px;height:89px;z-index:9999;position:absolute;top:220px;right:280px;cursor:pointer;}
.p8_content .prev{background:url(yy-xzqhl-20181025.png) no-repeat;width:78px;height:89px;z-index:9999;position:absolute;top:220px;left:280px;cursor:pointer;}

/*******************bk7*******************/
.bk7{width:100%; height: auto; overflow: hidden;}
.hang-pai{width:100%; height: auto; overflow: hidden;}

/*******************bk7*******************/
.bk8{width:100%; height: 859px; background: url(yy-sfbk6bg-2018-1023.jpg); background-size: auto;}
.bk8-nr{}

/* 本例子css */
.slideTxtBox{margin-top:45px; }
.slideTxtBox .hd{width:600px; height: auto; overflow: hidden; float: left;}
.slideTxtBox .hd ul{width:730px; }
.slideTxtBox .hd ul li{ float:left; cursor:pointer; font-size: 24px; text-align: center; margin-right: 35px; width: 121px; height: 121px; overflow: hidden; margin-bottom: 25px;  }
.slideTxtBox .hd ul li span{display: block;width: 105px; height: 105px;  background: #fff; border-radius: 100%; line-height: 105px; margin: 8px;}
.slideTxtBox .hd ul li.on span{ cursor:pointer; width: 115px; height: 115px; line-height: 115px; font-size: 28px; text-align: center; background: #f26060; border-radius: 100%; color: #fff; margin: 3px; }

.slideTxtBox .bd{width:505px; height:570px; float: right;}
.slideTxtBox .bd ul{zoom:1; width:440px; height: 570px; background: #fff;  }
.slideTxtBox .bd li{width: 416px; height:558px; margin: 12px; }
.slideTxtBox .bd li img{width: 416px; height:285px;}
.slideTxtBox .bd li h2{display:block; font-size: 24px; color: #0000ed; line-height: 30px; max-height: 60px; overflow: hidden;padding: 0 10px; margin-top: 30px; margin-bottom: 15px;}
.slideTxtBox .bd li p{display:block; font-size: 20px; color: #666666; line-height: 42px; max-height: 126px; overflow: hidden; text-align: justify; padding: 0 10px;}


@-webkit-keyframes hvr-ripple-in {
100% {
top:0;
right:0;
bottom:0;
left:0;
opacity:1
}
}
@keyframes hvr-ripple-in {
100% {
top:0;
right:0;
bottom:0;
left:0;
opacity:1
}
}
.slideTxtBox .hd ul li.on{
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative
}
.slideTxtBox .hd ul li.on:before {
	content: '';
	position: absolute;
	border: #f26060 solid 4px; border-radius: 100%;
	top: -0px;
	right: -0px;
	bottom: -0px;
	left: -0px;
	opacity: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}
.slideTxtBox .hd ul li.on:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
	-webkit-animation-name: hvr-ripple-in;
	animation-name: hvr-ripple-in}




/*******************bk9*******************/

/* demo */
.box10 {width:560px; height: 525px; float: left; overflow: hidden; margin-top: 40px;}
.voice_2 { width: 558px; position: relative;}
.voice_2 ul li { float: left; display: inline; height: 525px; color: #fff; cursor: pointer; position: relative;}

.voice_2 .fold { width: 70px; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px; z-index: 999; background: url(yanyan_yldsbtgj_2018-01-03.png) repeat;}
*+html .voice_2 .fold {width:75px; overflow: hidden;}

.sfqimg,.sfqimg img{width: 285px;height: 525px;position: absolute; top: 0px; left: 0px; z-index: 1;}
.voice_2 .fold .txt { font-size: 16px; display: block; width: 30px; font-weight: normal; margin-left:20px; line-height: 25px;}
.voice_2 .fold .txt a{color:#fff; display: inline-block; position: absolute; bottom: 10px; width:30px; text-align: center; left:20px;}

.voice_2 .unfold { width: 285px; height: 100%; display: none; position: absolute; bottom: 0px; left: 0px; z-index: 99;}
.voice_2 .unfold p { width: 100%;  overflow: hidden;  background: url(yanyan_yldsbtgj_2018-01-03.png) repeat;display: block; position:absolute;left: 0px; bottom: 0px;}
.voice_2 .unfold p span{font-size: 14px; line-height: 30px; height: auto;overflow: hidden; padding: 15px; display: block; text-align: justify;}

.voice_2 ul{width:590px;}




/********************right*******************/
.bk9-right{width:560px;height:525px; float:right; overflow: hidden; margin-bottom: 10px; margin-top: 40px;}
.bk9r-news{width:560px;height:auto;}
.bk9r-news h2{width:560px;height:55px; display: block; font-size: 22px; line-height: 30px; overflow: hidden; border-bottom: 2px dotted #c1c1c1; margin-bottom: 15px;}
.bk9r-news p{width:560px;height:150px; display: block; font-size:16px; line-height: 30px; overflow: hidden; color: #acaaad; text-align: justify;}
.bk9r-news p a{color:#4fa3ed;}
.bk9r-news p span{color:#000;}

.bk9r-ul{width:560px;height:auto; overflow: hidden;}
.bk9r-ul ul{width:600px;}
.bk9r-ul ul li{width:78px;height: 38px ;float: left;background: #56b4ff;font-size: 18px;line-height: 38px;text-align: center;margin-right: 2px;margin-bottom: 5px;}
.bk9r-ul ul li a{color:#fff;}
.b9g1{background: #58c7f6 !important;}
.b9g2{background:#1dd8c9 !important;}
.b9g3{background:#00d980 !important;}
.b9g4{background:#f8af0b !important;}
.b9g5{background:#ff954d !important;}
.b9g6{background:#fd6767!important;}
.bk9r-ul ul li:hover{font-size:21px;}


/**********************************************bk10**********************************************/
.bk10{width:100%; height: 566px; overflow: hidden; background: url(yy-sfbk5bg-2018-1023.jpg) no-repeat top; background-size: auto; margin-top: 20px;}
.bk10 .bt{margin-top:10px;}
.bk10-nr{background: #fff; margin-top: 10px;}
.bk10-nr ul{width: 1300px; margin-top: 20px; padding-bottom: 2px;}
.bk10-nr ul li{width:475px; float: left; margin-bottom: 30px; height: 142px; overflow: hidden; margin-right: 110px; margin-left: 35px;}
.bk10-nr ul li i{display:block; width: 141px; height: 141px; float: left; background: url(yy-yqq-20181026.png) no-repeat center;}
.bk10-nr ul li i img{display:block; width: 133px; height: 133px; border-radius: 100%; margin-left: 2px; margin-top: 2px;}
.bk10-nr ul li p{width:310px;float:right;margin-top: 24px;}
.bk10-nr ul li p b{width:310px; display: block; font-size: 18px; max-height: 46px; line-height: 23px; overflow: hidden;}
.bk10-nr ul li p span{width:310px; display: block; font-size: 14px; height: 36px; line-height: 18px; overflow: hidden; text-align: justify; margin-top: 15px;}
.bk10-nr ul li p span a{color:#c51c15;}


/*图集*/
.importantItem i{display: block; width: 102px; height: 38px; background: url(yy-un-20181026.png); background-size: auto; margin-left: 30px;}
.importantItem{margin-right:1px;}
.importantItem{background-size:100%;}
#app .box4 {
	width: 1170px;
	margin: 0 auto ;
}
#app .box4 .importantList {
	width: 1175px;
	height: 562px;
	margin-top: 30px
}
#app .box4 .importantList .importantItem {
	position: relative;
	float: left;
	width: 389px;
	height: 562px;
	background: #222
}
#app .box4 .importantList .importantItem .full, #app .box4 .importantList .importantItem .hoverImg, #app .box4 .importantList .importantItem .mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 564px
}
#app .box4 .importantList .importantItem .hoverImg {
	z-index: 4
}
#app .box4 .importantList .importantItem .hoverImg .hoverImgFull {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 564px;
	width: 0;
	-moz-transition-property: width;
	-o-transition-property: width;
	-webkit-transition-property: width;
	transition-property: width;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s
}
#app .box4 .importantList .importantItem .hoverImg #hoverImg1, #app .box4 .importantList .importantItem .hoverImg #hoverImg2, #app .box4 .importantList .importantItem .hoverImg #hoverImg4 {
	left: auto;
	right: 0
}
#app .box4 .importantList .importantItem .hoverImg #hoverImg3, #app .box4 .importantList .importantItem .hoverImg #hoverImg5, #app .box4 .importantList .importantItem .hoverImg #hoverImg6 {
	left: 0;
	right: auto
}
#app .box4 .importantList .importantItem .hoverImg .showActive {
	z-index: 5
}
#app .box4 .importantList .importantItem .hoverImg .showRight {
	width: 389px
}
#app .box4 .importantList .importantItem .hoverImg .showLeft {
	width: 389px
}
#app .box4 .importantList .importantItem .full {
	z-index: 3
}
#app .box4 .importantList .importantItem .mask {
	background: url(yy-mask-20181026.png)repeat;
}
#app .box4 .importantList .importantItem h1 {
	margin-top: 250px;
	margin-left: 30px;
	width: 270px;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	text-shadow: 0 2px 5px rgba(0,0,0,0.3)
}
#app .box4 .importantList .importantItem p {
	margin-top: 10px;
	margin-left: 30px;
	width: 270px;
	font-size: 14px;
	line-height: 21px;
	color: #fff;
	max-height: 1px;
	text-shadow: 0 2px 5px rgba(0,0,0,0.3);
	overflow: hidden;
	-moz-transition-property: max-height;
	-o-transition-property: max-height;
	-webkit-transition-property: max-height;
	transition-property: max-height;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-duration: 1s
}
#app .box4 .importantList .importantItem img {
	margin-top: 10px;
	margin-left: 30px
}
#app .box4 .importantList .importantItem:hover p {
	max-height: 100px; text-align: justify;
}


/**********************************************广告位置**********************************************/
.ggwz{margin-top:45px;}
.ggwz ul{width:1300px;}
.ggwz ul li{width: 284px; height: auto; float: left; margin-right: 10px;}
.ggwz ul li img{width: 284px; height:auto; }