@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;}
body{min-width:1200px;}
.top img{width: 100%;}
/* 视频展示 */
.veDio{width: 1200px; margin:0 auto; overflow: hidden;}
.h2B{text-align: center; font-size: 26px; position: relative; height: 50px; padding:50px 0; width: 1200px; margin:0 auto;}
.h2B::after{position: absolute; width: 100%; height: 2px; background: #ff0000; content: ''; left: 0; top: 55%; z-index: 1;}
.h2B h2{width: 240px; height: 100%; background: #fff; z-index: 20; position: relative; margin:0 auto;}
.h2B h2 a{display: block;}
.h2B p{display: inline-block; color:#fff; background: #ff0000; padding:6px 13px; margin-right: 13px;}
.vecontent{width: 100%; overflow: hidden;}
.vecontent ul{width: 1240px;}
.vecontent ul li{float: left; width: 280px; height: 188px; margin-right:25px; margin-bottom:20px; position: relative; transition: all 0.3s ease-in-out;}
.vecontent ul li a::before{position: absolute; background: #000; content: ''; width: 100%; height: 100%; z-index: 1; top:0; left:0; opacity: 0.2;}
.vecontent ul li a::after{position: absolute; background: url(ceico.png); content: ''; width: 40px; height: 40px; left: 44%; top:40%; background-size: 100%; z-index: 10;}
.vecontent ul li:nth-child(1) a::after{position: absolute; background: url(ceico.png); content: ''; width: 54px; height: 54px; left: 44%; top:40%; background-size: 100%; z-index: 10;}
.vecontent ul li:nth-child(1){width: 590px; height: 395px;}
.vecontent ul li a{display: block; position: absolute; content: ''; width: 100%; height: 100%; top:0; left: 0; z-index: 30; overflow: hidden; transition: all 0.3s ease-in-out;}
.vecontent ul li a img{width: 100%; height: 100%;}
.vecontent ul li:hover a img{transform: scale(1.03); opacity: 0.85; transition: all 0.3s ease-in-out;}
.vecontent ul li a p{width: 100%; height: 50px; position: absolute; content: ''; bottom:0; left:0; z-index: 50; line-height: 50px; color:#fff; font-size: 16px; width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:15px;}
.vecontent ul li:nth-child(1) a p{width: 100%; height: 50px; position: absolute; content: ''; bottom:0; left:0; z-index: 50; line-height: 50px; color:#fff; font-size: 16px; width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:15px;}
.vecontent ul li a p::after{z-index: -1; content: ''; clear: both; left: 0; bottom: 0; width: 100%; height: 50px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); display: block; position: absolute;}
/* 文字展示 */
.textContent{width: 1240px; margin:0 auto; overflow: hidden;}
.textCon{width: 100%; overflow: hidden;}
.textCon ul{width: 1240px; padding:20px 0; overflow: hidden;}
.textCon ul li{width: 584px; height: 180px; float: left; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); margin:0 18px; overflow: hidden; margin-bottom:35px;}
.textCon ul li a{display: block; width: 90%; height: 80%; padding: 25px;}
.textCon ul li a h2{font-size: 20px; color:#333; transition: all 0.3s ease-in-out;}
.textCon ul li a:hover h2{color:#ff0000;}
.textCon ul li a p{display: block; font-size:16px; color:#333; line-height: 32px; margin:12px 0; height: 64px; overflow: hidden;}
.textCon ul li a:hover p{color:#ff0000; font-weight: bold; transition: all 0.3s ease-in-out;}
.textCon ul li a span{font-size:16px; color:#333;}
/* footer底部 */
.footer{width: 100%; height: 120px; background: #ff0000;}
.foot{width: 1200px; margin:0 auto; text-align: center; padding-top:30px;}
.foot span{font-size:16px; color: #fff; width: 100%; display: block; margin:10px 0;}