@charset "utf-8"; /* 快速链接开始 */ .rapid-links { background-color: #f3f3f3; } .rapid-links ul li{ width: 138px; height: 113px; border-radius: 15px; display: inline-block; *display: inline; zoom: 1; font-size: 16px; line-height: 1.2; text-align: center; margin: 4px 6px; background-color: #00a0e9; vertical-align: top; } .rapid-links ul li .icon{ display: block; padding-top: 24px; padding-bottom: 15px; font-size: 35px; color:#fff; line-height: 1; } .rapid-links ul li p{ display: block; padding: 0 5px; font-size: 16px; color: #fff; } .rapid-links ul li.pos1{ background-color: #00a0e9; } .rapid-links ul li.pos2{ background-color: #e24954; } .rapid-links ul li.pos3{ background-color: #31cacc; } .rapid-links ul li.pos4{ background-color: #acd93f; } .rapid-links ul li.pos5{ background-color: #ff9d34; } .rapid-links ul li.pos6{ background-color: #a548a8; } .rapid-links ul li.pos7{ background-color: #c84363; } .rapid-links ul li.pos8{ background-color: #ad563b; } .rapid-links ul li.pos16{ background-color: #00a0e9; } .rapid-links ul li.pos15{ background-color: #e24954; } .rapid-links ul li.pos14{ background-color: #31cacc; } .rapid-links ul li.pos13{ background-color: #acd93f; } .rapid-links ul li.pos12{ background-color: #ff9d34; } .rapid-links ul li.pos11{ background-color: #a548a8; } .rapid-links ul li.pos10{ background-color: #c84363; } .rapid-links ul li.pos9{ background-color: #ad563b; } .rapid-links ul li:hover{ -webkit-box-shadow: 0 0 14px #999; } /* 快速链接结束 */ /* 第二栏新闻列表开始 */ .news-wrap{ padding: 40px 0; } /*left*/ .pic-list { width: 800px; } .mod-name .icon{ font-size: 30px; color:#a548a8; vertical-align: middle; } .mod-name em{ font-size: 24px; color:#333; vertical-align: sub; } .pic-slide { width: 407px; height: 257px; } .pic-slide .bd .title{ /* position: absolute; */ bottom: -20px; left: 0; right: 0; width: 100%; text-align: left; } .pic-slide .bd .title .time{ display: block; padding: 20px 0 15px 0; font-size: 14px; color: #989898; line-height: 1; } .pic-slide .hd{ } .pic-slide .prev, .pic-slide .next{ position: absolute; bottom: -70px; right: 10px; background: url(/uploads/image/zimages/index-icons.png) no-repeat -30px 0; width: 29px; height: 27px; z-index: 3; } .pic-slide .prev{ background-position: 0 0; right: 50px; } .pic-slide .bd ul li .title a:hover{ color: #ff9d34; } /*t-list*/ .t-list{ width: 370px; } .t-list li p{ display: block; color: #9b9b9b; padding-bottom: 10px; font-size: 14px; } .t-list li { margin-top: 15px; padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; } .t-list li a{ font-size: 14px; color: #333; line-height: 1; } .t-list li:hover a{ color: #ff9d34; } /* right */ .notice{ width: 357px; background-color: #f2f2f2; } .notice .mod-name{ width: 300px; border-bottom: 2px solid #a548a8; } .notice ul{ width: 300px; margin: 0 auto; } .notice ul li{ border-bottom: 1px solid #e5b3be; padding: 20px 0 10px 0; } .notice ul li .time{ width: 57px; height: 47px; background: url(/uploads/image/zimages/index-icons.png) no-repeat 0 -28px; } .notice ul li .time p{ display: block; padding-top: 8px; font-size: 12px; color: #858585; line-height: 1; } .notice ul li .time span{ padding-top: 4px; font-size: 20px; color: #ee3945; line-height: 1; } .notice ul li .title{ width: 233px; font-size: 14px; line-height: 24px; color: #333; padding-left: 10px; } .notice ul li:hover a{ color: #ff9d34; } /* 第二栏新闻列表结束 */ .pic-left-slide{ width: 100%; height: 338px; background: url(/uploads/image/zimages/slide-bg.jpg) no-repeat; background-size: cover; } .pic-left-slide .name .icon, .pic-left-slide .name em, .pic-left-slide .more{ color: #fff; } .left-slide ul li{ width: 290px; float: left; margin-right: 16px; text-align: center; } .left-slide ul li img{ border: 8px solid #fff; } .left-slide ul li h5{ padding-top: 20px; padding-bottom: 15px; font-size: 24px; color: #b31b25; line-height: 1; } .left-slide ul li p{ display: block; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; font-size: 14px; color: #a1a1a1; line-height: 24px; text-align: left; } .left-slide ul li:hover img, .left-slide ul li:hover{ border-color: #f3f3f3; background-color: #f3f3f3; } .left-slide .prev, .left-slide .next{ position: absolute; top: 280px; width: 60px; height: 60px; margin-top: -30px; left: -90px; background: url(/uploads/image/zimages/index-icons.png) -130px 0; } .left-slide .next{ left: auto; right: -90px; background-position: -191px 0; z-index: 3; } /*video start*/ .video-wrap{ padding-top: 230px; padding-bottom: 30px; } .video-l{ padding-left: 205px; background: no-repeat left top; height: 433px; } .v-box{ width: 327px; height: 209px; } .v-box a{ display: block; padding: 10px 20px; border: 3px solid #fff; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -59px; font-size: 18px; font-weight: bold; color: #fff; } .v-box .box{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .v-box .box:hover{background: url(/uploads/image/zimages/bg_black_40.png);} .more:hover{ color: #ff9d34; } /*video end*/ /*右边悬浮开始*/ .outside-more-articles--right { /*right: -384px;*/ } .outside-more-articles__close { color: #888; position: absolute; top: 10px; right: 10px; font-size: 20px; } .outside-more-articles { background: #fff; position: fixed; width: 293px; bottom: 70px; /*right: -400px;*/ box-shadow: 0 0 6px 0 rgba(0,0,0,.13); z-index: 9991; /*visibility: hidden;*/ } .title-v4 { font-size: 18px; margin: 0 0 20px; font-weight: bold; position: relative; text-transform: uppercase; border-bottom: 3px solid #e74c3c; color: #e74c3c; } /*.outside-more-articles--right.outside-more-articles--show{ right: 0; } .outside-more-articles--show { visibility: visible; }*/ .outside-more-articles { width: 326px; } /*右边悬浮介绍*/