@charset "gb2312";
*{ margin:0px; padding:0px; border:0; }
html, body {width:100%; height:100%;  margin:0px; padding:0;  font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;background:#fff;  }


div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#404040; text-decoration:none; }
a:hover{ color:#c00; text-decoration:none;}

div,ul,li,h4,h5,dl,dd,dt { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.amn { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}

.amn2 { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn2 img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn2:hover img { -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15);}

.menu { width:100%; background:rgba(157,2,0,.9); position:fixed; top:0; z-index:999999999;  }
.menu ul { width:1120px; margin:0 auto; height:56px;  }
.menu ul li { float:left; font-size:20px; line-height:56px; font-family:"\5B8B\4F53"; }
.menu ul li b { font-weight:bold; font-size:28px; color:#ffec98; vertical-align: bottom; } 
.menu ul li a { color:#fff; padding:0 30px; display:block; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
.menu ul li a:hover { color:#ffec98; }
.menu ul li.shu { width:20px; float:left; color:rgba(0,0,0,.1);  text-align:center;  font-size:14px;}
.menu ul li.cug a { color:#ffec98; margin-left: 100px;}


 .header { width:100%; margin:0 auto; height:100%; overflow:hidden;  background:url(../images/banner.jpg) top center #8f0100 no-repeat; background-size: cover; position: relative;  }
#flagCanvas { position:absolute; width:100%; height:334px; left:0; bottom:-80px; z-index:8; }
#flagCanvas img { width:100%; height:334px; }

.titinfo { position:absolute; width:1200px; height:600px; left:50%; margin-left:-600px; top:50%; margin-top:-300px;z-index:10; }

.tit01 { position:absolute; width:514px; height:75px; left:0px;  top:12%; }
.tit02 { position:absolute; width:801px; height:102px; left:10px;  top:27%;   }
.tit03 { position:absolute; width:517px; height:42px; left:12px;  top:47%; }


.tit03 {-webkit-animation:tit03 1.2s ease-out 0.3s backwards; animation:tit03 1.2s ease-out 0.3s backwards;}
@keyframes tit03
{
0%   { -webkit-transform:scale(0.5);  opacity:0;}
40% { -webkit-transform:scale(1.1);  opacity:1;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes tit03
{
0%   { -webkit-transform:scale(0.5);  opacity:0;}
40% { -webkit-transform:scale(1.1);  opacity:1;}
100% { -webkit-transform:scale(1);  opacity:1;}
}


.up {
	-webkit-animation: up 1s ease forwards;
	animation: up 1s ease forwards
}

@-webkit-keyframes up {
	0% {
		-webkit-transform: translateY(-200px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@keyframes up {
	0% {
		transform: translateY(-200px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

.down {
	-webkit-animation: down .5s ease forwards;
	animation: down .5s ease forwards
}

@-webkit-keyframes down {
	0% {
		-webkit-transform: translateY(200px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@keyframes down {
	0% {
		transform: translateY(200px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}



.warp { width:1200px; margin:0 auto; overflow:hidden;  }

.marTD50 { padding:45px 0;}


/*头条*/
.tt { width:100%; float:left; padding:0 0 45px 0; }
.tt span { width:100%; float:left; font-size:40px; line-height:44px; font-weight:bold; margin-bottom:18px; color:#d50004; text-align:center; height:44px; overflow:hidden;}
.tt p { width:100%; float:left; font-size:16px; color:rgba(0,0,0,.6); font-weight:normal; line-height:22px; text-align:center;}

.w68 { width:56%; margin-bottom:5px;  }
.foucs { width:100%; height:340px; position:relative; overflow:hidden;  }
.foucs .piclist { width:100%; position:absolute; }
.foucs .piclist li { width:100%; float:left; height:100%; overflow:hidden; }
.foucs .piclist li img { width:100%; height:340px; display:block; }
.foucs .piclist li span { width:670px; height:82px;  position:absolute;  text-align:center; bottom:0px; }
.foucs .piclist li span p { height:24px; overflow:hidden; width:90%; float: left; margin-left:5%; font-size:18px; line-height:24px; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,.8);}
.foucs .pager { width:100%; height:8px; position:absolute; left:0; bottom:34px; z-index:1; text-align:center;}
.foucs .pager ul li { display:inline-block; zoom:1; width:10px; height:10px; margin:0 3px; line-height:99px; overflow:hidden; background:#fff; cursor:pointer;  border-radius:6px;}
.foucs .pager ul li.on { background:#c70000; height:10px; width:40px;}
.foucs .prev,.foucs .next { width:32px; height:40px; background:rgba(0,0,0,.5); top:50%; margin-top:-20px; cursor:pointer; position:absolute; z-index:9999; text-align:center; line-height:40px; font-size:24px; color:#bbb; font-family: Georgia; font-weight:bold; }
.foucs .prev { left:-32px; }
.foucs .next { right:-32px; }
.foucs:hover .prev { background:#d50004; left:0; color:#fff;}
.foucs:hover .next { background:#d50004; right:0; color:#fff;}


.w48 { width:40%; float:right;  }
.news { width:100%; float:left; margin-top:-10px;  }
.news ul li { font-size:16px; line-height:49px; overflow:hidden; height:49px; border-bottom:1px dotted rgba(0,0,0,.1); width:100%; padding: 0 0 0 25px; background: url(../images/yuan.png) left center no-repeat;}
.news ul li a { color:rgba(0,0,0,.8); }
.news ul li a:hover{ color:#d50004;}

.lm { width:100%; margin:0 auto; overflow:hidden; text-align:center; }
.lm span { font-size:40px; line-height:42px; font-weight:bold; color:#d92a2d;}
.lm p { color:#d0b359; font-size:18px; padding-bottom: 25px; font-family:"\5B8B\4F53"; }
.slm { width:100%; margin:5px 0 25px 0; overflow: hidden;}
.slm b { width:8px; height:26px; float:left; display:inline-block; border-radius:5px; background:#d40f19; margin-right:12px; margin-top:1px; }
.slm span { float:left; height:26px; line-height:26px; color:#d40f19; font-size:24px;  font-weight: 700;}



.bj01 { width:100%; float:left; background:url(../images/bj01.jpg) center bottom no-repeat #fffcf9; padding:50px 0; margin-bottom: 50px; } 

.yssj { width:100%; }
.yssj ul { overflow: hidden;}
.yssj ul li { width:49%; float:left; margin-right:2%; margin-bottom:20px; }
.yssj ul li h3 { width:100%; float:left; }
.yssj ul li h3 .p { width:100%; height:320px; position:relative; overflow:hidden; display:block;  border-radius:0px; }
.yssj ul li h3 .p img { width:100%; height:320px; position:absolute; left:0; top:0; -webkit-transition:-webkit-transform .3s linear;-moz-transition:-moz-transform .3s linear;-o-transition:-o-transform .3s linear;transition:transform .3s linear;}
.yssj ul li:hover h3 .p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
.yssj ul li h3 .p em { width:50px; height:50px; display:block; background: url(../images/player2.png);background-size:cover; overflow:hidden; position:absolute; top:50%; left:50%; cursor:pointer; transform:rotate(0deg); -webkit-transform:rotate(0deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin-left:-25px; margin-top:-25px; }
.yssj ul li:hover h3 .p em { transform:rotate(-180deg);-webkit-transform:rotate(-180deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1 }
.yssj ul li h4 { width:100%; float:left; font-size:16px; line-height:24px; color:#ffec98; background:#e82324; padding:12px 6%; height:72px; }
.yssj ul li h4 b {font-weight: 700;}
.yssj ul li h4 font { display:block; color:#fff;}
.yssj ul li:hover h4 { color:#fff7c9; }
.yssj ul li:nth-child(2n){  margin-right:0;}


/*04传唱·红色歌曲*/
.hsgq1 { width:950px; float:left;}
.hsgq1 ul li { width:100%; height:590px; overflow:hidden; float:left;  position:relative;  }
.hsgq1 ul li img { width:100%; height:100%; display:block; }
.hsgq1 ul li em { width:80px; height:80px; display:block; background: url(../images/player2.png);background-size:cover; overflow:hidden; position:absolute; left:4%; bottom:80px; cursor:pointer; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;  z-index:1; }
.hsgq1 ul li span { width:100%; height:100px; overflow:hidden; position:absolute; bottom:0; left:0; 
background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8))); }
.hsgq1 ul li p { position:absolute; bottom:0; width:92%; font-size:26px; line-height:90px; color:#fff; overflow:hidden;  padding:0 4%; text-shadow: 1px 1px 0px rgba(0,0,0,1); }
.hsgq1 ul li p a { color:#fff; text-decoration:none;}

.hsgq2 { width:240px; float:right; }
.hsgq2 ul li { width:100%; height:140px; overflow:hidden; float:left; margin-bottom:10px; position:relative;  }
.hsgq2 ul li img { width:100%; height:100%; display:block; }
.hsgq2 ul li em { width:36px; height:36px; display:block; background: url(../images/player.png);background-size:cover; overflow:hidden; position:absolute; top:50%; left:50%; cursor:pointer; filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin-left:-18px; margin-top:-22px; z-index:1; }
.hsgq2 ul li span { width:100%; height:50px; overflow:hidden; position:absolute; bottom:0; left:0; 
background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8))); }
.hsgq2 ul li p { position:absolute; bottom:0; width:94%; font-size:16px; line-height:46px; color:#fff; overflow:hidden; height:46px; padding:0 3%; text-align:center; text-shadow: 1px 1px 0px rgba(0,0,0,1); }
.hsgq2 ul li p a { color:#fff; text-decoration:none;}
.hsgq2 ul li:last-child { margin-bottom:-10px;}

#boxscroll2 { height:590px; overflow:auto; }

.tabBar { text-align:center; padding: 0px 0 0px;overflow: hidden;}
.tabBar2 { display:none;}
.tabBar span { width: 18.2%; margin-right: 2%; margin-bottom: 2%; font-size: 16px; text-align: center; color: #222; display:block; float:left; text-align:center; background: #efefef; line-height:64px;  position:relative; cursor:pointer;    border: 1px solid #e8e8e8;}
.tabBar span:nth-child(4) {  line-height:24px; padding: 8px 0; }
.tabBar span:nth-child(5n) { margin-right:0; }
.tabBar span.current { background: #c00; border: 1px solid #c00; color: #fff;}
.tabBar span i { display:none; }
.tabBar span.current i { position:absolute; bottom:-14px; right:50%; margin-right:-10px; width:0; height:0; border-left:10px solid transparent; border-right: 10px solid transparent; border-top:14px solid #c00; display:block;}
.tabCon { margin-top:0px; padding-bottom: 35px;    overflow: hidden}
.tabCon p { line-height: 2em; margin-bottom: 15px; color: #333;}
.tabCon p strong { color: #c00; font-size: 18px;}


#ygcf { width:100%; float:left; }
#ygcf ul li { width:300px; float:left; margin-right:30px;  }
#ygcf ul li h3 { width:100%; float:left; position: relative; overflow:hidden;   height:200px; }
#ygcf ul li h3 img { width:100%; height:200px; overflow:hidden;  transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
#ygcf ul li:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
#ygcf ul li h3 em { width:40px; height:40px; display:block; background: url(../images/player.png);background-size:cover; overflow:hidden; position:absolute; top:50%; left:50%; cursor:pointer; transform:rotate(0deg); -webkit-transform:rotate(0deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin-left:-20px; margin-top:-20px; }
#ygcf ul li:hover h3 em { transform:rotate(-180deg);-webkit-transform:rotate(-180deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1 }
#ygcf ul li p { width:100%; float:left; font-size:17px; line-height:26px; color:#333; padding:14px 0 0 0; }
#ygcf ul li:hover p { color:#e82324;  }

.ygcfmob { display:none; }

.amn4 { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.amn4 img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }



/*高清图集*/
.icon-arrow-a-left, .icon-arrow-a-right { background: url(../images/icon-sd26986d847.png) no-repeat; }
.icon-arrow-a-left { background-position: 0 0; height: 50px; width: 50px; }
.icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover { background-position: -60px 0; }
.icon-arrow-a-right { background-position: -120px 0; height: 50px; width: 50px; }
.icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover { background-position: -180px 0; }

#arrow { overflow: hidden; zoom: 1; position: relative; margin-bottom: 35px; }
#arrow_b_hero { width: 1000px; height: 565px; margin: auto; position: relative; }
#arrow_b_hero img { width: 1000px; height: 565px; }
#arrow_b_hero .heros { width: 1000px; height: 565px; }
#arrow_b_hero .hero-wrap { overflow: visible; position: absolute; }
#arrow_b_hero .next, #arrow_b_hero .prev { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; margin-left: 0px; background-color: #303030; z-index: 3; }
#arrow_b_hero .next:hover, #arrow_b_hero .prev:hover { background-color: orangered; }
#arrow_b_hero .next { margin: -25px 0px 0 0; right: 0; }
#arrow_b_hero .disabled { background-color: #eee; }
#arrow_b_hero .mask-left, #arrow_b_hero .mask-right, #arrow_b_hero .hero { background: #000; z-index: 1; position: absolute; top: 0; left: 0; width: 1000px; height: 565px; overflow: hidden; left: 2000px; }
#arrow_b_hero .mask-right, #arrow_b_hero .mask-left { z-index: 4; left: -1000px; filter: alpha(Opacity=50); opacity: .5; background: #000; overflow: hidden; }
#arrow_b_hero .mask-right { left: 1000px; }
#arrow_b_hero .active { z-index: 2; left: 0; }
#arrow_b_hero .mask-left { border-right:#FFF 1px solid;}
#arrow_b_hero .mask-right { border-left:#FFF 1px solid;}
#arrow_b_hero span { width:100%; overflow:hidden; position:absolute; bottom:0; left:0; padding:30px 5%;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,1))); }
#arrow_b_hero span .z1 { width:100%; float:left; font-size:28px; line-height:46px; color:#fff; height:46px; overflow:hidden; }
#arrow_b_hero span .z2 { width:100%; float:left; font-size:15px; line-height:20px; color:#fff; padding:5px 0 0 0;  filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}



.marT45 { padding:45px 0 0 0;}

.talk { width:100%; float:left; margin-bottom:25px; } 
.talk ul li { width:31.33333%; float:left; margin-right:3%; margin-bottom:30px; }
.talk ul li h3 { width:100%; float:left; overflow:hidden; }
.talk ul li h3 img { width:100%; height:210px; display:block; }
.talk ul li h4 { width:100%; float:right; height:124px; overflow:hidden; padding:18px 0 0 0; }
.talk ul li h4 span { width:100%; float:left; color:rgba(0,0,0,.8);  line-height:26px; font-size:18px;  font-weight:bold; overflow:hidden; max-height:52px;}
.talk ul li h4 p { width:100%; float:left; color:rgba(0,0,0,.5); line-height:22px; font-size:14px; padding:14px 0 0 0;  }
.talk ul li:hover h4 span { color:#d50004; }
.talk ul li:nth-child(3n) { margin-right:0; }




.marD45 { padding:0 0 40px 0;}

.sjbk { width:100%; }
.sjbk ul { overflow: hidden; margin-bottom: 55px;}
.sjbk ul li { width:23.5%; float:left; margin:0px 2% 10px 0;  }
.sjbk ul li h3 { width:100%; float:left; }
.sjbk ul li h3 img { width:100%; height:165px; }
.sjbk ul li h4 { width:100%; float:left; height:160px; overflow:hidden; background:#efefef; color:rgba(0,0,0,.8); padding:18px 25px; }
.sjbk ul li h4 font { width:100%; float:left; font-weight:bold; color:rgba(0,0,0,.8); font-size:18px; line-height:24px; max-height:48px; overflow:hidden; }
.sjbk ul li h4 p { width:100%; float:left; line-height:22px; font-size:14px; color:rgba(0,0,0,.6); padding:10px 0 0 0; max-height:88px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.sjbk ul li:nth-child(4n) { margin-right:0; }
.sjbk ul li:hover h4 { background:#fff9eb; }
.sjbk ul li:hover h4 font { color:#cf4d3f;  }
.sjbk ul li:hover h4 p { color:#cf4d3f;   }
.sjbk ul li:hover { -webkit-transform: translateY(-15px);transform:translateY(-15px); }
.amn { transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s;}





/*5融·媒体报道*/
.mtbd { width:100%; float:left; margin-bottom:30px; }
.mtbd ul li { width:32%; float:left; margin-right:2%; margin-bottom:20px; background:#efefef; cursor:pointer; padding:20px 30px; transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; -moz-transition:all ease-out .3s 0s; -o-transition:all ease-out .3s 0s; }
.mtbd ul li span { width:100%; float:left; font-size:18px; line-height:24px; height:48px; font-weight:bold; overflow:hidden; color:#333; }
.mtbd ul li p { width:100%; float:left;  height:46px; overflow:hidden; color:#999; font-size:14px; line-height:23px; font-weight:normal; padding:11px 0 0 0; }
.mtbd ul li:hover { background:#d50004; }
.mtbd ul li:hover span { color:#ffec98; }
.mtbd ul li:hover p { color:#ffec98; }
.mtbd ul li:nth-child(3n) { margin-right:0; }




.footer { width:100%; float:left; background:#d50004; font-size:16px; line-height:52px; color:#f9d392; text-align:center; } 





@media screen and (max-width:999px) and (min-width: 160px){
.menu,.header,.hdzg,.cloud1,.cloud2,.warp,.bj01,.bj02,.footer,.history,.yxbn { width:1200px; }

.bj02 { padding:50px 0 0 0; } 

.vr { height:600px; }
.header { height:900px; }
}