/*主体*/
.modle{width:1200px; margin:20px auto 0 auto; overflow:hidden}

/*容器内的内容绝对居中*/
div.center,li.center{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center}
img.center{-ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute; left:50%; top:50%}

/*焦点图*/
div.jiaodian{width:650px; height:399px; background:#f2f6f8; border-radius:5px; overflow:hidden; float:left}
div.jiaodian div.swiper-slide{width:650px; height:399px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; position:relative}
div.jiaodian div.swiper-slide img{width:100%; height:auto}
div.jiaodian div.swiper-slide p{width:100%; height:40px; line-height:40px; font-size:18px; text-align:center; position:absolute; bottom:0; left:0}
div.jiaodian div.swiper-slide p.title{color:#fff; z-index:2; overflow:hidden; z-index:2}
div.jiaodian div.swiper-slide p.bg{width:100%; height:100%; background:linear-gradient(transparent 50%, #000); opacity:0.4; position:absolute; left:0; bottom:0; z-index:1}
div.jiaodian div.swiper-slide a{display:block; width:100%; line-height:0}
div.jiaodian div.swiper-pagination-jiaodian{width:50px; height:25px; line-height:25px; color:#fff; background:rgba(0,0,0,0.5); text-align:center; font-size:14px; padding:0 5px; position:absolute; left:10px; top:10px}

/*热点*/
div.redian{width:530px; height:399px; background:#fff; border-radius:5px; float:right}
div.redian ul{}
div.redian li{width:calc(100% - 30px); height:calc(100px - 1px - 5px); line-height:calc(100px - 1px); border-bottom:#eee solid 1px; border-radius:5px; padding:5px 10px 0 10px; margin:0 auto; overflow:hidden; position:relative}
div.redian li:last-child{border:none}
div.redian li p.title{width:100%; height:30px; line-height:30px; background:#fff; text-align:left; font-size:18px; font-weight:bold; letter-spacing:1px; overflow:hidden}
div.redian li p.des{width:100%; min-height:19px; line-height:19px; background:#fff; color:#656565; font-size:14px; text-indent:2em; letter-spacing:1px; margin-top:3px}

div.article{width:calc(50% - 10px); height:417px; overflow:hidden; float:left; position:relative}
div.article + div.article + div.article{margin-top:20px}
div.article:nth-child(2n){margin-left:20px}
div.article:last-child{margin-bottom:0}
div.article h2{width:40px; height:160px; line-height:160px; text-indent:999em; border-radius:5px 0 0 5px; overflow:hidden; position:absolute; left:0; top:0}
div.article h2.type1{background:url(../images/tab_bg.png) no-repeat -150px center #fff}
div.article h2.type2{background:url(../images/tab_bg.png) no-repeat -300px center #fff}
div.article h2.type3{background:url(../images/tab_bg.png) no-repeat -200px center #fff}
div.article h2.type4{background:url(../images/tab_bg.png) no-repeat -250px center #fff}
div.article h2 a{display:block; width:40px; height:160px}
div.article ul{width:calc(100% - 40px); height:417px; background:#fff; border-radius:0 5px 5px 5px; margin-left:40px; overflow:hidden}
div.article li.pic{width:200px; min-height:397px; background:#fff; border-radius:0 5px 5px 5px; padding:10px 0; float:left; position:relative}
div.article li.pic > div{width:180px; height:120px; background:#f2f6f8; border-radius:5px; margin-left:10px; overflow:hidden; position:relative}
div.article li.pic img{width:auto; height:100%; max-width:auto; max-height:100%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute; left:50%; top:50%; transition:0.5s}
div.article li.pic p.title{width:calc(100% - 20px); max-height:50px; line-height:25px; background:#fff; font-weight:bold; font-size:18px; margin:5px auto; overflow:hidden}
div.article li.pic p.des{width:calc(100% - 20px); min-height:110px; line-height:24px; color:#656565; background:#fff; font-size:14px; text-indent:2em; margin:0 auto; overflow:hidden}
div.article li.pic p.fa-video-camera{color:#fff; background:rgba(0,0,0,0.5); font-size:14px; text-align:center; border-radius:0 0 5px 0; padding:5px 5px 5px 7px; position:absolute; left:10px; top:10px}
div.article li.nopic{width:calc(100% - 210px); height:calc(34px - 1px); line-height:calc(34px - 1px); background:#fff; border-bottom:#eee solid 1px; border-radius:0 0 5px 5px; float:left; overflow:hidden}
div.article li.nopic a{display:block; line-height:35px; padding:0 10px 0 10px}
div.article li.nopic:hover span.time{color:#CE3D3A}
div.article li.nopic span.time{color:#F3F3F3; font-size:12px; margin-right:10px; padding-left:10px; float:right}

/*产品中心*/
div.goods{width:1200px; margin-top:20px; overflow:hidden; position:relative}
div.goods div.swiper-container{width:100%; background:#f4f4f4; border-radius:5px; overflow:hidden}
div.goods div.swiper-slide{height:232px; background:#fff; border-radius:5px; overflow:hidden}
div.goods div.swiper-slide img{width:100%; height:auto; max-width:100%; max-height:auto; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute; left:50%; top:50%}
div.goods div.swiper-slide p.title{width:calc(100% - 10px); min-height:20px; line-height:20px; color:#fff; text-align:left; letter-spacing:1px; position:absolute; left:5px; bottom:5px; z-index:2}
div.goods div.swiper-slide p.bg{width:100%; height:300px; background:linear-gradient(transparent 50%, #000); opacity: 0.4; position:absolute; left:0; bottom:0; z-index:1}
div.goods div.swiper-pagination-goods,div.goods div.swiper-pagination-video{width:70px; height:30px; line-height:30px; color:#fff; background:rgba(0,0,0,0.5); text-align:center; border-radius:0 0 0 7px; position:absolute; left:calc(100% - 70px); top:0px}

/*视频中心*/
div.video{width:1200px; margin-top:20px; overflow:hidden; position:relative}
div.video div.swiper-container{width:100%; background:#f4f4f4; border-radius:7px; overflow:hidden}
div.video div.swiper-slide{height:314px; background:#fff; border-radius:5px; overflow:hidden}
div.video div.swiper-slide > div.yandeclass{width:390px; height:314px; background:#fff; overflow:hidden}
div.video div.swiper-slide > div.yandeclass h2.title{width:calc(100% - 20px); height:40px; line-height:40px; background:#fff; font-size:16px; font-weight:bold; margin-left:10px; overflow:hidden;}
div.video div.swiper-slide > div.yandeclass > div{width:390px; height:234px; background:#f2f6f8; overflow:hidden; position:relative}
div.video div.swiper-slide > div.yandeclass img{width:auto; height:100%; max-width:auto; max-height:100%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute; left:50%; top:50%; transition:0.5s}
div.video div.swiper-slide > div.yandeclass p{height:40px; line-height:40px; color:#343434; font-size:14px; float:left}
div.video div.swiper-slide > div.yandeclass p.from,div.video div.swiper-slide > div.yandeclass p.views{margin-left:10px}
div.video div.swiper-slide > div.yandeclass p.time{margin-right:10px; float:right}

div.video div.swiper-pagination-goods,div.video div.swiper-pagination-video{width:70px; height:30px; line-height:30px; color:#fff; background:rgba(0,0,0,0.5); text-align:center; border-radius:0 0 0 7px; position:absolute; left:calc(100% - 70px); top:0px}