﻿@charset "utf-8";
/* CSS Document */
body{ background:#f5f5f5;}
.top{ width:100%; height:500px; background:url(../images/anli_tui.jpg) no-repeat center; overflow:hidden;}
.top h3{ font-size:38px; color:#fff; text-align:center; font-weight:normal; margin-top:212px;}
.top p{ font-size:20px; color:#fff; line-height:66px; text-align:center;}

.fenlei{ width:100%; height:107px; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.fenlei .dh{ width:1060px; height:50px; margin:39px auto 0;}
/*.fenlei .dh a{ font-size:18px; color:#666; padding:10px 25px;}*/
.fenlei .dh a{ font-size:18px; padding:10px 25px;}
.fenlei .dh a:hover{ color:#ff0000; border-bottom:1px solid #ff0000;}
.wzdq{ color:#ff0000; border-bottom:1px solid #ff0000;}
.lei{ width:672px; height:134px; background:url(../images/lei.jpg) no-repeat; margin-top:41px; margin-bottom:55px; margin-left:15%;}
.con{ width:95%; height:auto; margin:0 auto; overflow:hidden;}
.con li{ width:33.3%; height:auto; padding:0 26px; float:left; box-sizing:border-box;}
.con li div{ width:100%; height:auto; overflow:hidden; position:relative;}
.con li img{ width:100%; height:auto; transition:all 1s;}
.con li p{ width:100%; height:68px; font-size:18px; line-height:68px; text-align:center; color:#333; position:relative;}
.con li p i{ font-style:normal; position:absolute; width:100%; height:0px; top:0; left:0; background:#6ea6e0; transition:all 0.5s;}
.con li:hover img{transform: scale(1.1);}
.con li:hover p i{ height:68px; color:#fff; display:block;}
.con li div dl{ width:100%; height:0; position:absolute; bottom:0; left:0; background:#000; opacity:0; z-index:9; overflow:hidden; transition:all 0.5s;}
.con li:hover div dl{ opacity:0.2; height:100%;}

/*.fenye{ width:550px; height:36px; margin:55px auto 80px; text-align:center;}*/
.fenye{ margin:55px auto 80px; text-align:center;}
/*.fenye a{ padding:7px 15px; background:#e7e7e7; color:#333; font-size:15px; margin:0 3px;}*/
/*.fenye a:hover{ background:#6ea6e0; color:#fff;}*/

.anli{ width:100%; height:auto;}
.anli_con{ width:1200px; height:auto; margin:0 auto;}
.anli h3{ font-weight:normal; font-size:30px; color:#333;}
.anli_con .c{ width:1200px; background:#fff; overflow:hidden; margin-top:20px; margin-bottom:65px; padding:0px 22px 20px;}
.anli_con .c img{ max-width:1200px; height:auto; margin:0 auto;}

.li_fen{ width:1200px; height:104px; border-top:1px solid #dfdfdf; padding:35px 26px; box-sizing:border-box; margin-top:30px;}
.li_fen .z{ width:100%; height:38px; background:#f9f9f9; color:#666;}
.li_fen .zuo{ width:400px; height:38px; float:left; padding-left:23px; box-sizing:border-box; overflow:hidden; line-height:38px;}
.li_fen .zuo a{ color:#666;}
.li_fen .you{ width:400px; height:38px; float:right; padding-right:23px; box-sizing:border-box; overflow:hidden; line-height:38px; text-align:right;}
.li_fen .you a{ color:#666; text-align:right;}
.li_fen .mid{ width:120px; height:38px; margin:0 auto; line-height:38px;}
.li_fen .mid a{ color:#666;}
.li_fen .zuo a:hover{ color:#f95353;}
.li_fen .you a:hover{ color:#f95353;}
.li_fen .mid a:hover{ color:#f95353;}


