﻿.container{width:1920px;height:821px; background: url(../images/yx/bg.jpg) no-repeat; margin-left:-960px;}

 /**
  * 精彩影像
  * @type {[type]}
  */
.yx1{height:1280px;}
.yx1 .title{margin:60px 0 0 50px;}
.yx1 .con{width:950px; height:920px; overflow: hidden; margin-top:50px; position: relative;}
.yx1 .con ul{position: absolute;}
.yx1 .con li{position: absolute; width:950px; height:920px;}

.yx1 .parLoading{background: url(../images/public/preloader.gif) center center no-repeat;  width: 100px; height:100px; position: absolute;  background-color: #000; left: 50%; top: 50%; margin-left:-50px; margin-top: -100px; z-index: 111;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;}

.yx1 .leftBtn,.yx1 .rightBtn{
	position: fixed; width:31px; height:62px;top:50%;margin-top: -30px;margin-top: -30px;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	cursor: pointer;
	z-index:1000;
}
.yx1 .leftBtn{  margin-left:-30px;  }
.yx1 .rightBtn{  margin-left:1000px;}
.yx1 .leftBtn:hover,.yx1 .rightBtn:hover{opacity: 0.5;}





/**
 * 创意作品
 */
.yx2{height:1600px;  background: url(../images/yx/2/bg2.jpg) no-repeat;}
.yx2 .title{margin:60px 0 0 50px;}
.yx2 .mask{position: absolute; top: 100px;}
.yx2 .con{width:1000px; height:920px; margin-top:150px; overflow: hidden; position: relative; }
.yx2 .con ul{position: absolute;/* overflow: auto; */width:1020px; height:920px; margin-top:0px;}
.yx2 .con li{position: absolute;}
.yx2 .tAr{position: absolute; width: 110px; height:67px; left:328px; margin-top:87px;z-index: 11;	}
.yx2 .bAr{position: absolute; width: 110px; height:67px; top: 1080px; left:328px; margin-top:-15px;z-index: 11;}
.yx2 .astrict{position: relative;}
.cLine{width: 8px; height:920px; position: absolute; left: 378px; top:150px; background:#e5152e; z-index: 11111}
.yx2 .parLoading{background: url(../images/public/preloader.gif) center center no-repeat;  width: 100px; height:100px; position: absolute;  background-color: #000; left: 50%; margin-left:-100px; margin-top: 150px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;}

#parallax{position:relative; overflow:hidden; width:1000px; height:920px; margin:0 auto; display: none;}


/**
 * btn
 * @type {[type]}
 */
.news .astrict .bBtn{margin-bottom:80px;}
.news .astrict .bBtn li,.yx1 .astrict .bBtn li{margin-top:15px;}
.news .astrict .bBtn .lrBtnActive,.yx1 .astrict .bBtn .lrBtnActive{color:#e5152e;}

.yx1 .astrict .bBtn{margin-bottom:40px;}


/**
 * 创意作品more
 */
.proMore{/* height:2242px; */ height: auto; padding-bottom: 80px;  background: url(../images/yx/3/bg.jpg) repeat-y;}
.proMore .title{margin:60px 0 0 50px;}
.proMore .con{width:915px;   margin-top:50px; position: relative;}


.proMore .videoCon{width: 867px; height:410px; background: url(../images/yx/3/rep.png);  position: relative;  margin-bottom: 15px;  margin:0 0; margin-bottom: 10px;}
.proMore .videoCon .videoC{margin:4px 0 0 5px; position: absolute;}

/**
 * 瀑布流
 */
.proMore .con .pubuliu{width: 915px; margin-top: 20px; color:#fff;}
.proMore .con .pubuliu li{margin-bottom: 10px; padding-bottom: 85px;  margin-bottom: 10px; position: absolute; background: rgba(0,0,0,0.8)}
.proMore .con .pubuliu li .itemTxt{position: absolute; bottom: 30px; padding:10px; color: #ccc;}
.proMore .con .pubuliu li .time{position: absolute; bottom:10px; left:10px; color: #999;}
/*like*/
.proMore .con .pubuliu li .like{position: absolute; bottom:10px; right:10px; width: 14px; height:13px; cursor: pointer;
	background: url(../images/yx/4/like.png) no-repeat;}
.proMore .con .pubuliu li .like:hover{ background-position: 0px -13px}




 /**
  * 精彩影像 -内页-带视频
  * @type {[type]}
  */
.yxMore{/* height:1800px; */ height:auto;  background: url(../images/yx/3/bg.jpg) no-repeat;}
.yxMore .title{margin:60px 0 0 50px;}
.yxMore .con{width:867px; margin:0 auto;   margin-top:50px; position: relative;}
.yxMore .con ul{position: absolute;}
.yxMore .con h1.ved_title1{width:867px; margin:0 auto; font-size:36px; font-weight:bold; color:#FFF; line-height:50px;letter-spacing:2px; text-align:right; padding-bottom:5px;}
.yxMore .con .btCon{width: 915px; height:215px; position: relative; overflow: hidden;}
.yxMore .con .btCon li{position: absolute; width: 304px; height:213px; overflow: hidden;}

.yxMore .bTitle{margin-bottom: 10px;}

.yxMore .cTxt{ width:920px;  /* height:1175px; */ height: auto; padding-bottom:100px;/*  margin-bottom: 50px; */}

.yxMore .cTxt_con{display:none;}
.yxMore .cTxt p{font-family:"微软雅黑"; color:#FFF; font-size:14px; line-height:24px;}
.yxMore .cTxt_con1{ height:335px; overflow:hidden; color:#FFF; margin-bottom:40px;}
.yxMore .cTxt_con1 img{float:left;}
.yxMore .cTxt_con1 .cTxt_perintro{float:left; width:310px;height:275px; font-family:"微软雅黑"; letter-spacing:1px; padding-top:50px;padding-left:77px;}
.yxMore .cTxt_con1 .cTxt_perintro span{ display:block;font-family:"微软雅黑";  font-size:60px; line-height:60px; font-weight:bold;}
.yxMore .cTxt_con1 .cTxt_perintro h1{ font-size:42px; font-weight:bold;}
.yxMore .cTxt_con1 .cTxt_perintro p{  font-size:14px; margin-top:10px;}
.yxMore .cTxt_con2{width:920px; height:265px;overflow:hidden; margin-bottom:45px;}
.yxMore .cTxt_con2 h1{ font-size:36px; font-weight:bold; color:#FFF; line-height:50px;letter-spacing:2px;padding-bottom:10px;}
.yxMore .cTxt_con3 h1{ font-size:36px; font-weight:bold; color:#FFF; line-height:50px;letter-spacing:2px; text-align:right; padding-bottom:10px;}
.yxMore .cTxt_con2 ul li{ float:left; width:300px; padding-right:7px; }
.yxMore .cTxt_con3{width:920px; height:465px;overflow:hidden;}
.yxMore .cTxt_con3 ul li{ float:left; padding-right:7px;}
.yxMore .bTitle2 h1{ font-size:36px; font-weight:bold; color:#FFF; line-height:50px;letter-spacing:2px;padding-bottom:10px;}
.yxMore .bTitle2 p{font-size:14px; color:#FFF; text-align:center; margin-top:25px;}
.yxMore .xz_share{ float:right; margin-top:25px;}

.pList{width: 920px; text-align: center; height:30px;}
.pList li{width: 920px;text-align: center; color: #fff; display:none;}



.yxMore .leftBtn,.yxMore .rightBtn{
	position: absolute; width:45px; height:213px;top:0px;margin-top: -30px;margin-top: 0px; z-index: 111;
	transition: opacity 0.3s; text-align: center;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	background:url(../images/yx/3/rep.png);
	cursor: pointer;
}

.yxMore .videoCon{width: 867px; height:410px; background: url(../images/yx/3/rep.png);  position: relative;  margin-bottom: 15px;  margin:0 auto; margin-bottom: 10px;}
.yxMore .videoCon .videoC{margin:4px 0 0 5px; position: absolute;}




.yxMore .leftBtn img,.yxMore .rightBtn img{margin-top: 75px;}
.yxMore .leftBtn{  margin-left:0px;}
.yxMore .rightBtn{  margin-left:871px;}
.yxMore .leftBtn:hover,.yxMore .rightBtn:hover{opacity: 0.5;}

.yx_imgcon{ width:950px; height:919px; overflow:hidden;}
.imgcon1{ height:455px;overflow:hidden;width:950px;}
.imgcon1_left{ float:left; padding-right:8px;}
.imgcon1_right .con1_right2{ margin-top:7px;}
.new_pb{overflow:hidden; width:950px; height:460px;}
.new_pb .imgcon2{ margin-top:10px;width:622px;height:450px;float:left; margin-right:10px;}
.new_pb .imgcon3{float:left; margin-top:10px;}
.yx2_con_top{width:950px;height:656px;overflow:hidden;}
.yx2_con_top .con_top1{ width:312px; height:656px;overflow:hidden; background:#03C;}
.yx2_con_top .con_top1 img{width:312px; }
.yx2_con_top .con_top1 { width:626px; height:656px;float:left;overflow:hidden;}




.con .tTxt{width:868px;}
.con .tTxt h1.ysz{width:868px;font-size:36px; font-weight:bold; color:#FFF; line-height:50px;letter-spacing:2px; text-align:right; display:block;padding-bottom:5px;}
.con .tTxt .tTxt_kjzcon{ margin-top:17px;width:868px;}
.con .tTxt .tTxt_kjzcon img{ float:left; padding-right:15px;}
.con .tTxt .tTxt_kjzcon .kjzcon_intro{ width:440px; color:#fff; font-size:14px; float:left;padding-top:60px; }
.con .tTxt .tTxt_kjzcon .kjzcon_intro h1{width:455px;  color:#fff;font-size:30px; font-weight:bold; color:#FFF;letter-spacing:2px; display:block;}
.con .tTxt .tTxt_kjzcon .kjzcon_intro p{margin:15px 0; line-height:22px;}

.pubuliu h1{color:#fff;font-size:36px; font-weight:bold; color:#FFF; padding-bottom:10px;}




.photo_slide_box,.photo_carousel_box { width:806px; height:209px; margin:0 auto;}
.photo_slide_box { position:relative;}
.photo_carousel_box { margin:150px 0 0 100px;}
	.photo_carousel { width:600px;}
.photo_carousel li { width:601px; height:338px; /* border:1px solid #8a0305; */}
	.photo_carousel li img { width:100%; height:100%; border:0px solid #fff;}
.slide_prev,.slide_next { width:60px; height:90px; float:left; text-indent:-1000em; background-image:url(../images/yx/slide_move.png); background-repeat:no-repeat; position:absolute; top:-45px; z-index:999; cursor:pointer;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-ms-transition: all 0.4s;
-moz-transition: all 0.4s;
}
.slide_prev { background-position:0 0; left:-30px; }
.slide_prev:hover{ opacity: 0.8; margin-left: -10px;}
.slide_next:hover{ opacity: 0.8; margin-right: -10px;}

.slide_next { background-position:-60px 0; right:-30px;}





.videoCon{position: fixed; width:100%; height:100%;top:0; left:0;  z-index: 111111; 
background:url(../images/home/repBg.png);
}
.videoCon .videoC{width:640px; position: absolute; margin-left:-320px; margin-top:-200px; height:400px;}
.videoCon .videoC #media{width:640px;}
.videoCon .closeBtn{width:96px; height:96px; background:url(../images/home/close.png) no-repeat; cursor: pointer; position: absolute; left:50%; top:50%; margin-left:300px;margin-top:-265px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.videoCon .closeBtn:hover{transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg); }
.jb_btn{ position:relative; top:-30px; left:1336px;}



/**
 * 返回按钮
 */
.backBtn{position: absolute; width: 60px; height:30px; right:30px; top:-95px; z-index: 1 ;}


.showBig{position: fixed; top:0px; left:0; width: 100%; height:100%; background:url(../images/public/rep_bg_80.png); z-index: 99999; display: none;}

.showBig .bigCon{position: absolute; background:url(../images/public/z.gif) center center no-repeat; width: 100%; height:100%;}
.showBig img{position: absolute; left:50%; top:50%; }

.showBig .closeBtn{width:96px; height:96px; background:url(../images/home/close.png) no-repeat; cursor: pointer; position: absolute; right:20px; top:10px; 
transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.showBig .closeBtn:hover{transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg); }