@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(213,0,4,.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 20px; 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:30px; float:left; color:rgba(0,0,0,.1);  text-align:center;  font-size:14px;}
.menu ul li.cug a { color:#ffec98;}


.header { width:100%; margin:0 auto; height:650px; overflow:hidden;  background:url(../images/2021zuimei_banner.jpg) center center no-repeat; background-size: cover;  position: relative;  }

.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;  }

.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/2021zuimei_yuan.png) left center no-repeat;}
.news ul li a { color:rgba(0,0,0,.8); }
.news ul li a:hover{ color:#d50004;}
.news ul li:nth-child(1) { background: none; padding: 0; height: auto; line-height: 32px; padding-bottom: 15px; font-weight: 700; font-size: 20px;}

.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; line-height:40px; 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; } 
.players { padding-bottom: 25px;}

.history { width:100%; height:500px; overflow:hidden; position:relative;  }
.history font { width:1200px; height:40px; position:absolute;left:50%; margin-left:-500px; top:30px; font-size:22px; color:#1a3b89; line-height:40px; }
.history .timeline { width:100%; height:100px; background:url(../images/timeline.png) left center repeat-x;position:absolute; bottom:30px; overflow:hidden; z-index:999999;}
.history .timeline ul { width:auto; height:100px; cursor: pointer;}
.history .timeline li { float:left; overflow:hidden; width:110px; height:100px; position:relative; cursor: pointer;  }
.history .timeline li b { width:100%; height:40px; position:absolute; left:0px; top:20px; background:url(../images/history.png) center top no-repeat;
line-height:20px; padding:62px 0 0 0; font-size:16px; color:#666; transform-origin:center center;-webkit-transform-origin:center center; text-align:center;  }
.history .timeline li span{ width:100%; height:40px; position:absolute; background:url(../images/history_over.png) center top no-repeat; text-align:center; left:0px; top:20px; -webkit-transform:scale(0);transform:scale(0); transform-origin:center 60%; -webkit-transform-origin:center 60%; filter:alpha(opacity=0);opacity:0;}
.history .timeline li.s span{display:block\9;-webkit-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);opacity:1; line-height:20px; font-size:16px; color:#000; padding:60px 0 0 0; }
.history .timeline li.s b{-webkit-transform:scale(0);transform:scale(0);filter:alpha(opacity=0);opacity:0;}

.history .confxs { width:1200px; height:400px; position:absolute;left:50%; margin-left:-600px; top:0px; overflow:hidden; } 
.history .con { width:1200px; height:400px; position:absolute; left:0; top:0; overflow:hidden; }
.history .con ul { left:0; width:100%; overflow:hidden; top:0; position:absolute}
.history .con ul li { width:100%; float:left; height:400px; }
.history .con ul li h4 { width:100%; float:left; line-height:28px; font-size:18px; font-weight:bold; color:#404040;  }
.history .con ul li h5 { width:100%; float:left; line-height:26px; font-size:16px; color:#888; margin-top:10px; }
.history .con ul li h6 { width:100%; float:left;  margin-top:30px; }
.history .con ul li h6 img { max-width:47.5%;  height:210px; margin-right:2.5%;  }



.map ul { padding: 35px 0 0; overflow: hidden;}
.map li { width: 10%; float: left; text-align: center; cursor: pointer; color: #333; position: relative;}
.map li i { display: block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; text-align: center; line-height: 30px; background: #e72122; color: #fff; position: absolute; top: 105px; left: 45px; z-index: 99; }
.map li span { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; display: block; border: #f0dcc8 5px solid; margin-bottom: 25px;}
.map li span img { -webkit-transition:-webkit-transform .3s linear;-moz-transition:-moz-transform .3s linear;-o-transition:-o-transform .3s linear;transition:transform .3s linear;}
.map li.jt { width: 2.7%; font-weight: 700; color: #f0dcc8; font-size: 20px; line-height: 120px;}
.map li:hover { color: #e72122;}
.map li:hover span { border: #e72122 5px solid;}
.map li:hover span 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);}




.coop { width:100%; margin:10px 0 0px 0; }
.coop ul { width:100%; overflow: hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-right:1px solid #ffe4c9; border-bottom:1px solid #ffe4c9;}
.coop ul li { width:25%; float:left;  border-left:1px solid #ffe4c9; border-top:1px solid #ffe4c9; display:table; text-align:center;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px 0 0 0; background: #fff;}
.coop ul li span { vertical-align:middle; display:table-cell; }
.coop ul li img { max-width:100%;  }
.coop ul li:hover img { }
.coop ul li span p { font-size:15px; line-height:28px; color:#555; margin-bottom:15px; height:28px; overflow:hidden;}
.coop ul li:hover span p { color:#d2ab61; }



.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;}



#livelist { width:100%; float:left; }
#livelist ul li { width:380px; float:left; margin-right:30px}
#livelist ul li h3 { width:100%; float:left; }
#livelist ul li h3 .p { width:100%; height:210px; position:relative; overflow:hidden; display:block;  border-radius:0; }
#livelist ul li h3 .p img { width:100%; height:100%; 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;}
#livelist 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); }
#livelist ul li h3 .p 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; }
#livelist ul li:hover h3 .p em { transform:rotate(-180deg);-webkit-transform:rotate(-180deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1 }
#livelist ul li h4 { width:100%; float:left; font-size:16px;  color:rgba(0,0,0,.8);  line-height:24px; height:36px; overflow:hidden; padding:12px 0 0 0; text-align:center;  }
#livelist ul li:hover h4 { color:#d50004; }




.yxbn { width:100%; float:left; overflow:hidden; }
.yxbn .slider { width:100%; min-width:1200px; height:600px; position: relative; overflow: hidden; background: #fff; }
.yxbn .slider .bd { width:1200px; position:absolute; left:50%; margin-left:-600px; }
.yxbn .slider .bd li { width:1200px; overflow: hidden; }
.yxbn .slider .tempWrap { overflow:visible !important }
.yxbn .slider .tempWrap ul { margin-left: -1200px !important; /*强制位置*/ }
.yxbn .slider .tempWrap ul li img { width:1200px; height:600px;}
.yxbn .slider .hd { position:absolute; left:50%; z-index:20; height:10px; bottom:30px; text-align:center; width:1200px; margin-left:-600px; }
.yxbn .slider .hd li { display:inline-block;  zoom:1; width:30px; height:5px; line-height:99px; overflow:hidden; background:#cccacd; margin:0 3px; cursor:pointer; }
.yxbn .slider .hd li.on { background:#d31e25; }
.yxbn .slider .pnBtn { position:absolute; z-index:3000; top:0; width:100%; height:100%; cursor:pointer; }
.yxbn .slider .prev { left:-50%; margin-left:-600px; border-right:1px solid rgb(255,255,255,0.5); }
.yxbn .slider .next { left:50%; margin-left:600px; border-left:1px solid rgb(255,255,255,0.5);  }
.yxbn .slider .pnBtn .blackBg { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=60); opacity:0.6; }
.yxbn .slider .pnBtn .arrow { display:none; position:absolute; top:50%; margin-top:-25px; height:51px;  z-index:40; width:60px; }
.yxbn .slider .pnBtn .arrow:hover { filter:alpha(opacity=60); opacity:0.6; }
.yxbn .slider .prev .arrow { right:5px; background: url(../images/2021zuimei_arrow.png) 0 0 no-repeat; }
.yxbn .slider .next .arrow { left:10px; background: url(../images/2021zuimei_arrow.png) -70px 0 no-repeat; }

.yxbn .slider .bd li { position: relative; }
.yxbn .slider .bd li img { width:100%; height:100%; display:block;  }
.yxbn .slider .bd h4 { width:100%;position: absolute; bottom:80px;  z-index:99; }
.yxbn .slider .bd h4 font { float:left; font-size:18px; line-height:24px; background:rgba(211,30,37,1); color:#fff; font-weight:bold; padding:2% 3%; text-align:left; }
.yxbn .slider .bd h4 p { width:80%; float:left; font-size:15px; color:#fff; background:rgba(0,0,0,0.6); padding:2% 3%; text-align:left; }




.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; overflow: hidden;  }
.sjbk ul li h3 { width:100%; float:left; }
.sjbk ul li h3 img { width:100%; height:355px; }
.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:#f8f8f8; 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:#fff; }
.mtbd ul li:hover p { color:#fff; }
.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,.lm { width:1200px; }

.bj02 { padding:50px 0 0 0; } 

.vr { height:600px; }
.header { height: 700px;
    background-size: 150%; }
}
