@charset "utf-8";
/*基本样式*/
html{font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:14px;font-size:1.4rem ; /* 14÷10=1.4 */color: #333;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px; -webkit-font-smoothing: antialiased;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img,object{max-width:100%;width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color:#333}
a:hover{text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
ul,ol,li{list-style:none outside none;}
.top{width: 100%; height: 500px; background: url(dl50-banner.png) no-repeat top center;}
.dl50-content{width: 1200px; margin:40px auto; overflow: hidden;}
.dl50-cont{width: 100%; overflow: hidden;}

/* 图片轮播 */
.dl50-contLeft{width: 560px; height: 420px; float: left;}
.slideBox{ width:560px; height:420px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:19px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:7px; border-radius: 50%; width:10px; height:10px; line-height:14px; text-align:center; background:#727978; cursor:pointer; }
.slideBox .hd ul li.on{ background:#fff; color:#727978; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a{display: block; width: 100%; height: 100%;}
.slideBox .bd li a p{position: absolute; content: ''; bottom:20px; left:24px; z-index: 20; font-size: 18px; color: #FFFFFF; letter-spacing: 0; font-weight: 500; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.slideBox .bd li::before{position: absolute; width: 100%; height: 60px; content: ''; bottom:0; left:0; background: #000; opacity: 0.3; z-index: 3;}
.slideBox .bd img{ width:560px; height:420px; display:block;}
.dl50-contRight{width: 600px; height: 420px; float: right; overflow: hidden;}
.dl50-contRight h2{width: 100%; height: 50px; background: url(dl50-btbj.png) no-repeat top center;}
.dl50-contRight h2 span{float: left; line-height: 50px; color:#fff; font-size:24px; margin-left:30px; letter-spacing: 2px;}
.dl50-contRight h2 a{float: right; line-height: 50px; color: #999; font-size: 16px; font-weight: 400;}
.dl50-contRight ul li{width: 100%; height: auto; line-height: 55px; overflow: hidden;}
.dl50-contRight ul li a{display: block; width: 100%; height: 100%; overflow: hidden;}
.dl50-contRight ul li a p{float: left; font-size:18px; color:#333; width: 76%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: relative; padding-left:20px;}
.dl50-contRight ul li a:hover p{color:#E4372A}
.dl50-contRight ul li a p::after{position: absolute; content: ''; width: 4px; height: 4px; background: #E4372A; top:25px; left:0;}
.dl50-contRight ul li a span{float: right; font-size:18px; color:#999;}
/* 活动风采 */
.dl50-hdcont{width: 100%; height: auto; overflow: hidden; margin:40px 0;}
.dl50-hdcont h2{width: 100%; height: 50px; background: url(dl50-btbjc.png) no-repeat top center;}
.dl50-hdcont h2 span{float: left; line-height: 50px; color:#fff; font-size:24px; margin-left:30px; letter-spacing: 2px;}
.dl50-hdcont h2 a{float: right; line-height: 50px; color: #999; font-size: 16px; font-weight: 400;}
.dl50-hdcont ul{width: 1300px;}
.dl50-hdcont ul li{width: 575px; height: auto; line-height: 55px; overflow: hidden; float: left; margin-right: 50px;}
.dl50-hdcont ul li a{display: block; width: 100%; height: 100%; overflow: hidden;}
.dl50-hdcont ul li a:hover p{color: #E4372A;}
.dl50-hdcont ul li a p{float: left; font-size:18px; color:#333; width: 76%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: relative; padding-left:20px;}
.dl50-hdcont ul li a p::after{position: absolute; content: ''; width: 4px; height: 4px; background: #E4372A; top:25px; left:0;}
.dl50-hdcont ul li a span{float: right; font-size:18px; color:#999;}
/* 视频展示 */
.dl50-sp{width: 100%; height: auto; overflow: hidden;}
.dl50-sp h2{width: 100%; height: 50px; background: url(dl50-btbjc.png) no-repeat top center;}
.dl50-sp h2 span{float: left; line-height: 50px; color:#fff; font-size:24px; margin-left:30px; letter-spacing: 2px;}
.dl50-sp h2 a{float: right; line-height: 50px; color: #999; font-size: 16px; font-weight: 400;}
.dl50-sp ul{width: 1250px; margin-top:20px;}
.dl50-sp ul li{width: 285px; height: 215px; float: left; margin-right: 20px;  position: relative; overflow: hidden; z-index: 10;}
.dl50-sp ul li a:hover::after{position: absolute; content: ''; top:0; left:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; cursor: pointer;}
.dl50-sp ul li a:hover::before{position: absolute; content: ''; top:34%; left:42%; width: 50px; height: 50px; background: url(dl50-sp.png) no-repeat center; background-size: 100%; z-index: 10; cursor: pointer;}
.dl50-sp ul li a{width: 100%; height: 100%; display: block;}
.dl50-sp ul li a img{width: 100%; height: 100%; z-index: 1; transition: all 0.3s ease-in-out;}
.dl50-sp ul li:hover a img{transform: scale(1.03);}
.dl50-sp ul li a p{width: 100%; height: 60px; line-height: 60px; text-align: center; position: absolute; bottom:0; left:0; z-index: 10; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.dl50-sp ul li::after{position: absolute; content: ''; width: 100%; height: 60px; bottom:0; left:0; z-index: 2; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));}
/* 底部 */
.footer{background: #A52723; margin-top: 20px; padding: 20px;}
.inner{width: 1200px; margin: 0 auto;}
.footer p{text-align: center; color: #fff; height: 45px; line-height: 45px;}