﻿.clear{clear:both;height:0px;font-size:1px;line-height:0px}

/*==========================================切换=============================================*/

.focusSwitch{width: 1200px;}

.focusSwitch ul{overflow:hidden;zoom:1;}

.focusSwitch .left{ float:left; width:600px;}

.focusSwitch li{width: 195px;height: 140px;float:left;margin: 0px 5px 5px 0;overflow:hidden;background: #fff;position:relative;}

.focusSwitch li img{/* float:left; */display:block;width:195px;height: 140px;}

.focusSwitch .m img{float:left;display:block;width:600px;height: 430px;}

.focusSwitch .m{width: 600px;height: 430px;background:#666567;color:#fff;float: right;margin: 0;}

.focusSwitch dl,.focusSwitch dl dd{ float:left;}

.focusSwitch dl dd{ position:relative;}

.focusSwitch .m .icon {display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url(../images/icon_play.png) center no-repeat;}

.focusSwitch .m video{float:left;width: 716px;height: 405px;border:none;}

.focusSwitch li.t{ background:#780414; text-align:center; color:#fff; }

.focusSwitch li.t p{ padding:10px; line-height:18px; }

.focusSwitch li.t h3{ font:18px; color: #FFF8A7; }

.focusSwitch li .txt{width:100%;height:0;background: #013b22;/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;text-align:center;}

.focusSwitch li .txt img{ width:20px; height:20px; margin:50px auto 4px auto;}

.focusSwitch li .txt h3{font-weight:normal;height:0;text-align:center;line-height:34px; font-size:14px;}

.focusSwitch li .txt p{font-size:14px;text-align:center;}

.focusSwitch .on .txt{width:100%;height:100%;/* background:rgba(1,59,3,1); *//*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;text-align:center;}


/*==========================================资讯 开始=============================================*/

.main-scroll{height:auto;padding: 100px 0;background:url(../images/bg.png)}

.main-scroll ul{position: relative;z-index: 3;width: 1200px;margin: 0 auto; margin: 0 auto;padding-bottom: 5px;border-bottom: solid 1px #eee;}

.main-scroll ul li{ float:left; width:370px; height:385px; margin:0 45px 30px 0; text-align:left; cursor:pointer; overflow:hidden;}


/*.main-scroll ul li:nth-child(3n){ margin-right: 0;}*/
/*↓是企业文化的设置右边距，↑是鹏鸿故事设置的*/
.ttxw_con1 .divBox .main-scroll ul li:nth-child(3n){margin-right: 0;}


.main-scroll ul li img{ float:left; width:370px; height:235px; position:relative; z-index:0 }

.main-scroll ul li .con{ float:left; width:340px; height:150px; padding:0 15px; background-color:#fafafa; position:relative; z-index:1}

.main-scroll ul li .con h2{font-size: 15px; line-height:36px; height:36px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; margin-top:20px;}

.main-scroll ul li .con h2 a{ color:#4b4b4d; font-weight:normal;}

.main-scroll ul li .con p{font-size:12px; color:#939395; line-height:18px; height:36px; overflow:hidden; margin-bottom:15px;}

.main-scroll ul li .con span{ float:left; display:block; width:200px; line-height:18px; height:18px; color:#767779; font-size:12px;}

.main-scroll ul li .con> a{float:right;text-align: right;display:block;width:60px;line-height:18px;height:18px;color:#767779; font-size:12px;}

.main-scroll ul li:hover .con{ background-color:#bc1717;}

.main-scroll ul li:hover h2,.main-scroll ul li:hover .con a,.main-scroll ul li:hover p,.main-scroll ul li:hover span{ color:#fff;}



/*==========================================资讯 结束=============================================*/



/*==========================================媒体 开始=============================================*/

.main-scroll .focusSwitch{width: 1200px; position: relative;}

.main-scroll .focusSwitch ul{overflow:hidden;zoom:1;}

.main-scroll .focusSwitch .left{float: none; margin: 0 auto; width: 930px;}

.main-scroll .focusSwitch li{width: 175px!important; height: 128px; float:left; margin: 0px 15px 5px 0; overflow:hidden; background: #fff; position:relative;}

.main-scroll .focusSwitch li img{/* float:left; */display:block;width:195px;height: 140px;}

.main-scroll .focusSwitch .m img{float:left;display:block;width: 930px;height: 680px;}

.main-scroll .focusSwitch .m{width: 930px; height: 524px; background:#666567;color:#fff; float: none; margin: 55px auto 15px auto;}

.main-scroll .focusSwitch dl,.main-scroll .focusSwitch dl dd{ float:left;}

.main-scroll .focusSwitch dl dd{ position:relative;}

.main-scroll .focusSwitch .m .icon {display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url(../images/icon_play.png) center no-repeat;}

.main-scroll .focusSwitch .m video{float:left;width: 930px;height: 524px; border:none;}

.main-scroll .focusSwitch li.t{ background:#780414; text-align:center; color:#fff; }

.main-scroll .focusSwitch li.t p{ padding:10px; line-height:18px; }

.main-scroll .focusSwitch li.t h3{ font:18px; color: #FFF8A7; }

.focusSwitch li .txt{width:100%;height:0;background: #b10613; position:absolute; left:0; bottom:0; color:#fff; text-align:center;}
.focusSwitch li:hover .txt{height: 100%;}
.main-scroll .focusSwitch li .txt img{width:20px; float:left; height:20px; margin: 40px 0 0px 73px;}

.focusSwitch li .txt h3{float: left;width: 100%;box-sizing: border-box;font-weight:normal;height: 36px;text-align:center;line-height:34px;font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 15px;}

.main-scroll .focusSwitch li .txt p{font-size:14px;text-align:center;}

.main-scroll .focusSwitch .on .txt{width:100%;height:100%;position:absolute;left:0;bottom:0;color:#fff;text-align:center;}

.main-scroll .focusSwitch .sPrev{position: absolute;left: 0;bottom: 54px;display: block;width: 38px;height: 38px;text-indent: -9999px;background:url(../images/mt-l.png) no-repeat;}

.main-scroll .focusSwitch .sNext{position: absolute;right: 0;bottom: 54px;  display: block; width: 38px; height: 38px; text-indent: -9999px; background: url(../images/mt-r.png) no-repeat;}

.main-scroll .focusSwitch .tempWrap{ width:930px!important;}

.jxsp{ background-color:#fafafa;}

.jxsp .nav{ text-align:center; padding:56px 0; }
.main-scroll .nav{ text-align:center; padding:26px 0 46px 0; }

.jxsp ul{position:relative; left:50%; margin-left:-600px; z-index: 0;width: 1245px; overflow:hidden;}

.jxsp ul li{float:left; width:280px;   margin: 0 26px 15px 0; text-align:left; cursor:pointer; overflow:hidden; background-color:#000; padding:0; position:relative;}

.jxsp ul li img{float:left; width:280px; height:200px; border:none; position:relative; z-index:0 }
.jxsp ul li>img{height: 165px;}
.jxsp ul li .img{ position:absolute; top:-10px; left:0;}

.jxsp ul li:hover .img { transform:scale(1);-webkit-transform:scale(1); filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

.jxsp ul li .con{float:left ; width: 250px; height: 56px; padding:0 15px; background-color:#fafafa; position:relative; z-index:1;}

.jxsp ul li .con h2{font-size: 15px; line-height:36px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top: 9px; /* background:url(../images/jxsp-bg.png) right center no-repeat; */}

.jxsp ul li .con h2 a{ color:#4b4b4d; font-weight:normal;}

.jxsp ul li .con p{font-size:12px; color:#939395; line-height:18px; height:36px; overflow:hidden; margin-bottom:15px;}

.jxsp ul li .con span{ float:left; display:block; width:200px; line-height:18px; height:18px; color:#767779; font-size:12px;}

.jxsp ul li .con> a{float:right; text-align:right; display:block; width:60px; line-height:18px; height:18px; color:#767779; font-size:12px;}

.jxsp ul li:hover .con{ background-color:#b10613;}

.jxsp ul li:hover h2 a,.jxsp ul li:hover .con a{ color:#fff;}

.jxsp ul li:hover h2 a,.jxsp ul li:hover .con h2{ color:#fff; /*background:url(../images/jxsp-bg-on.png) right center no-repeat;*/}



/*==========================================媒体 结束=============================================*/