@charset "utf-8";
/* CSS Document */
/*列表页*/
.position{ height: 50px; line-height: 50px;  color: #999; font-size: 12px;}
.position a{color: #ff9000; padding: 0 5px;}
.position a:hover{color: #ff9000; text-decoration: underline;}
.list{width: 1230px; margin: auto; }
.list .box {
    width: 380px;
    height: 420px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0px 15px 30px 15px;
    _margin: 0 15px 30px 15px;
    background: #fff;}
.list .box a{display: block;}
.list .box:hover{ box-shadow: 0 5px 20px #ccc; }
.list .box .img{ width:100%; height: 255px; display: block;position: relative; overflow: hidden;}
.list .box .img img{ width:100%; height: auto; min-height: 255px;}
.list .box .img img:hover{opacity: 0.9;}
.list .box .text{ height: 110px; padding: 20px 30px 0 30px; display: block; overflow: hidden;}
.list .box h2{font-size: 22px;  line-height:36px; padding-bottom: 15px; height: auto;}
.list .box a:hover h2{color:#ff9000; }
.list .box .text p{font-size: 16px; color: #999;line-height: 30px; }
.paging{text-align:center; margin:10px 10% 40px 20%;_margin:10px 10% 0px 20%;height: 32px; display: block;}
.paging span{  height:30px;margin-right:5px;  border:none; display:inline-block; float:left;  line-height:30px;}
.paging span a{ color:#333; display:block; padding:0px 12px; border:1px solid #ddd;}
.paging span a:hover{ color:#fff; background:#FC1853;  border:1px solid #FC1853;}
.paging2 { background:#FC1853; color:#FFF; display:block; padding:0px 12px; line-height:32px;  border:1px solid #FC1853;}
.paging span{ display:inline-block; float:left; }
.paging em{ font-family:Georgia, "Times New Roman", Times, serif; color:#FC1853; font-size:16px; padding:0 5px;}

.pagination{text-align:center; margin:40px -250px 20px 140px;height: 32px; display: inline;}
.pagination li{  height:30px;margin-right:5px;  border:none; display:inline-block; float:left;  line-height:30px;}
.pagination li a{ color:#333; display:block; padding:0px 12px; border:1px solid #ddd;}
.pagination li a:hover{ color:#fff; background:#FC1853;  border:1px solid #FC1853;}
.pagination li{ display:inline-block; float:left; }
.pagination em{ font-family:Georgia, "Times New Roman", Times, serif; color:#FC1853; font-size:16px; padding:0 5px;}

.pagination2 a{ color:#fff !important; background:#FC1853 !important;  border:1px solid #FC1853 !important; }
/*-------------内容页-------------*/
.con_left{ width: 850px;display: block; float: left; overflow: hidden; margin-right: 40px;}
.main{padding-top: 10px; display: block; position: relative;}
.main h1{ font-size: 28px; line-height:40px;}
.main .top{ padding: 40px 0 0 70px; display: block; position: relative;}
.main .top span{width: 24px; height: 22px; display: block; position: absolute;z-index: 1111; background: url("/images/jingyan.custom.png") -110px -50px; top: 30px;left: 25px;}
.main .top h3{display: block; float: left; font-size: 18px; font-weight: bold; padding-right: 15px; padding-top: 5px;}
.main .top ul{ display: block; float: left;padding-left: 15px; line-height: 36px; border-left: 1px solid #D7D7D7; margin-bottom: 25px; }
.main .top ul li{color: #666; font-size: 16px; }
.main .top ul li a{color: #FC1853; text-decoration: underline;}
.main .top p{color: #888; padding-bottom: 40px; width: auto; font-size: 14px;}
.main .title{font-size: 24px; text-align: center; border-bottom: 1px solid #D7D7D7; margin: 10px 0; height: 20px; display: block;}
.main .title span{background: #f8f8f8;   width: auto; padding: 0 15px;}
.main .title span em{font-size:16px;color:#ff9000;  }
.main .title span em strong{font-size: 24px;padding: 0 5px;}
.main .number{ font-size: 40px; font-family: "Arial Black"; color: #E2E2E2;}
.main .border{border-bottom: 1px solid  #E6E6E6;}
.banner{padding-bottom: 40px;}
.banner img{width: 100%; height:auto;}
.main p{ line-height: 20px; font-size: 16px;}
.main p img{ padding-bottom:20px}
.main p a{color: #ff9000; text-decoration: underline;}
.main p a:hover{color: #fff; text-decoration: none; background: #ff9000;}
.main .img{ text-align: center;}
.main .img img{width: 540px; height: auto; }
.main .page { text-align: center; padding-bottom: 40px;}
.main .page a,.main .page em{width: 32px; text-align: center; line-height: 32px; border: 1px solid #ddd; display:inline-block; margin: 0 1px; }
.main .page a:hover,.main .page em{color:#fff; background:#FC1853; border: 1px solid #FC1853; }
/*小提示*/
.main .title2{ padding: 40px 0 0 0; margin-bottom: 35px; display: block; position: relative;; border-bottom: 1px solid #D7D7D7;}
.main .title2 span{width: 150px; display: block;position: absolute; left: 50%; margin-left: -75px; background: #f8f8f8; top: 20px; font-size: 24px;}
.main .title2 em{ width: 28px; height: 28px; display: block; float: left; margin: 2px 10px 0 20px; background: url("/images/jingyan.custom.png") -70px -50px;}
/*左侧浮动*/
.catalog{ width:140px; height: auto;display: block;  position: fixed; right:19.8%; top: 240px; z-index: 999999; background: #f8f8f8; border-left: 1px solid #e5e5e5; }
.catalog li { padding: 10px; display: block; border-bottom: 1px solid #f8f8f8;border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.catalog .title{ display: block; background: #FC1853; color: #fff; font-size: 16px;}
.catalog em{color: #bbb; padding-right: 5px;}
.catalog .btm a{background:#F7F7F7;color:#f9a606; }
.catalog .btm span{width: 24px; height: 24px; display: block; float: left; background: url("/images/jingyan.custom.png") -30px -50px; margin: -3px 8px 0 0;  }
/*右侧*/
.con_right{ width: 300px;display: block; float: left; overflow:hidden;}
.con_right h2{padding-bottom: 25px; height: auto; line-height: 30px;}
.con_right .topList ul{margin-top: -10px; padding-bottom: 20px;}
.con_right .topList ul li{ height: 36px; line-height: 36px;  white-space: nowrap; *white-space: inherit; text-overflow: ellipsis;overflow:hidden;}
.con_right .topList ul li em{ width: 20px; height: 20px; display: block; float: left;line-height: 20px;text-align: center; background: #cccccc; font-size: 12px;color: #fff; border-radius: 20px; margin: 8px 10px 8px 0;}
.con_right .topList ul li .em1{background: #ff9000;}

@media(max-width: 1199px) {
    .con{ width:990px;}
    .list{width: 1030px; margin: auto; }
    .list .box { width: 480px; height:490px;display: block; overflow: hidden; float:left; margin: 0 15px 30px 15px; background: #fff; }
    .list .box .img{ width:100%; height: 325px; display: block;position: relative; overflow: hidden;}
    .list .box .img img{  min-height: 325px;}
    .con_left{ width: 650px;display: block; float: left; overflow: hidden; margin-right: 40px;}
}