.website{ box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.1); width:1300px; margin:0 auto; padding-top:235px; background: top/1440px no-repeat, bottom/1440px no-repeat; } .wrap{ width:1200px; margin:0 auto; box-sizing: border-box; } .ofhd{ overflow: hidden; } .ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } a{ display: inline-block; width:100%; height:100%; } .flex{ display: flex; justify-content: space-between; align-items: center; } img{ width:100%; } .img100 img{ width:100%; height:100%; } div{ box-sizing: border-box; } /*头部*/ .header-wrapper{ } .header-wrapper .block{ width:20px; height:50px; background-color: #e96526; } .header-wrapper .nav-wrapper{ width:100%; height:50px; display: flex; align-items: center; } .header-wrapper .nav-wrapper ul{ display: flex; /*justify-content: space-between;*/ background:#e96526; width:900px; align-items: center; /*padding:0 20px;*/ } .header-wrapper .nav-wrapper ul li{ width:100px; height:50px; line-height: 50px; text-align: center; background: #e96526; } .header-wrapper .nav-wrapper ul li a{ color:#ffffff; font-size: 16px; font-weight: 550; } .header-wrapper .nav-wrapper ul li:hover{ background-color: #ec7b46; } .header-wrapper .search-wrapper{ position: relative; width: 280px; height:50px; background-color: #e96526; display: flex; align-items: center; padding-left:16px; } .header-wrapper .search-wrapper .icon-search{ position:absolute; right:40px; top:17px; width:16px; height:16px; background: no-repeat center/16px; cursor: pointer; } .header-wrapper .search-wrapper input{ display: block; width:233px; height:30px; border:0; border-radius: 17px; padding:0 40px 0 20px; box-sizing:border-box; background-color: #ec8351; color:#ffffff; } .header-wrapper .search-wrapper input::-webkit-input-placeholder { /* webkit browsers */ color: rgba(255,255,255,0.60); } /*头部banner*/ .mini-banner{ height:450px; } .mini-banner .swiper-container{ width:100%; height:100%; position:relative; } .mini-banner .swiper-container .swiper-prev{ width:32px; height:32px; position:absolute; top:50%; left:20px; transform: translatey(-50%); background: no-repeat center/32px; z-index:999; } .mini-banner .swiper-container .swiper-prev:hover{ opacity:0.6; } .mini-banner .swiper-container .swiper-next{ width:32px; height:32px; position:absolute; top:50%; right:20px; transform: translatey(-50%); background: no-repeat center/32px; z-index:999; } .mini-banner .swiper-container .swiper-next:hover{ opacity:0.6; } .mini-banner .swiper-container .swiper-slide{ width:1200px; height:450px; } /*主标题*/ .h1-wrapper{ margin-top:23px; display: flex; justify-content: space-between; } .h1-wrapper .h1-left{ width:944px; } .h1-wrapper .h1-left ul{ width:944px; height:84px; display: flex; flex-wrap: wrap; margin-top: 24px; } .h1-wrapper .h1-left ul li{ width:472px; height:42px; line-height: 42px; padding:0 28px; background-image: ; background-repeat:no-repeat; background-position: 8px 15px; background-size:12px 12px; box-sizing: border-box; } .h1-wrapper .h1-left ul li a{ color:#111111; font-size: 16px; font-weight: 400; } .h1-wrapper .h1-left ul li a:hover{ color:#fd000e; } .h1-wrapper .h1-left h1{ padding-left:60px; box-sizing:border-box; line-height: 38px; height:38px; background: no-repeat left/50px; } .h1-wrapper .h1-left h1 a{ font-size: 34px; color:#fd000e; font-weight: 600; } .h1-wrapper .h1-left h1 a:hover{ color:#333; } .h1-wrapper .h1-right .leader{ flex:1; padding:10px; margin-top:20px; } .h1-wrapper .h1-right .leader .leaders{ width:120px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .h1-wrapper .h1-right .leader .leaders a{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .h1-wrapper .h1-right .leader .leaders img{ width:64px; height:80px; } .h1-wrapper .h1-right .leader .leaders .title { margin-left:4px; text-align: center; } .h1-wrapper .h1-right .leader .leaders .title .name{ font-size: 14px; color:#333; line-height: 20px; font-weight: 600; text-align: center; } .h1-wrapper .h1-right .leader .leaders .title .post{ font-size: 11px; color:#9e9e9e; line-height: 16px; } /*公告*/ .notice-wrapper{ margin-top:15px; height:50px; padding:0 20px 0 76px; background-image: ; background-repeat:no-repeat; background-size:50px auto; background-position: 12px 8px; background-color: #f7f7f7; } .notice-wrapper #notice{ overflow: hidden; } .notice-wrapper #notice .tempwrap{ width:1104px!important; height:50px; } /*.notice-wrapper #notice .notice-content{*/ /* overflow: hidden;*/ /* height:50px;*/ /*}*/ .notice-wrapper #notice .notice-content li{ float: left; width:auto!important; height:50px; line-height: 50px; } .notice-wrapper .notice-content .notice-item{ color:#77869d; font-size: 14px; height: 50px; line-height: 50px; margin:0 10px; } .notice-wrapper .notice-content .notice-item.text{ } .notice-wrapper .notice-content .notice-item.text a{ color: #1900ff; font-size: 16px; } /*banner模块*/ .banner-wrapper{ display: flex; justify-content: space-between; margin-top:30px; } .banner-wrapper .banner-left{ width:680px; height:430px; } .banner-wrapper .banner-left .swiper-container{ width:100%; height:100%; position: relative; } .banner-wrapper .banner-left .swiper-container .swiper-slide{ position: relative; } .banner-wrapper .banner-left .swiper-container .swiper-slide .banner-title{ position: absolute; bottom:0; left:0; width:100%; height:42px; line-height: 42px; padding:0 200px 0 16px; background-color: rgba(0, 0, 0, 0.6); z-index:999; } .banner-wrapper .banner-left .swiper-container .swiper-slide .banner-title a{ color:#fff; font-size: 16px; font-weight: 550; } .banner-wrapper .banner-left .swiper-container .paginations{ position: absolute; right:0!important; bottom:0; width:200px; height:42px; z-index:999; display: flex; justify-content: center; align-items:center; } .banner-wrapper .banner-left .swiper-container .paginations .swiper-pagination-bullet{ width:24px; height:24px; background-color: #666666; color:#ffffff; border-radius: 0; text-align:center; line-height: 24px; font-size: 16px; opacity:1; } .banner-wrapper .banner-left .swiper-container .paginations .swiper-pagination-bullet-active{ background-color: #ff7700; color:#ffffff; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ left:initial; } .banner-wrapper .banner-right{ width:494px; } .banner-wrapper .banner-right .right-switch{ padding-right:100px; position: relative; display: flex; align-items: center; border-bottom:2px solid #dddddd; } .banner-wrapper .banner-right .right-switch .more{ width:100px; height:20px; position: absolute; top:14px; right:0; text-align: right; font-size: 14px; } .banner-wrapper .banner-right .right-switch .more a{ color:#9e9e9e; } .banner-wrapper .banner-right .right-switch .more a:hover{ color:#fd000e; } .banner-wrapper .banner-right .right-switch .switch-item{ width: 53px; height:48px; margin-right:26px; cursor: pointer; } .banner-wrapper .banner-right .right-switch .switch-item:nth-child(2){ background: no-repeat center/100%; } .banner-wrapper .banner-right .right-switch .switch-item:nth-child(3){ width:92px; background: no-repeat center/100%; } .banner-wrapper .banner-right .right-switch .switch-item:nth-child(4){ width:92px; background: no-repeat center/100%; } .banner-wrapper .banner-right .right-switch .switch-item:nth-child(5){ width:46px; background: no-repeat center/100%; } .banner-wrapper .banner-right .right-switch .switch-item.active:nth-child(2){ background: no-repeat center/100%; } .banner-wrapper .banner-right .right-switch .switch-item.active:nth-child(3){ background: no-repeat center/100%; } .banner-wrapper .banner-right .right-switch .switch-item.active:nth-child(4){ background: no-repeat center/100%; } .banner-wrapper .banner-right .right-switch .switch-item.active:nth-child(5){ background: no-repeat center/100%; } .banner-wrapper .banner-right ul{ width:100%; margin-top:12px; } .banner-wrapper .banner-right ul li{ height:25px; line-height: 25px; padding-left:14px; font-size: 18px; position: relative; margin-top:12px; } .banner-wrapper .banner-right ul li::before{ content:''; display: block; width:5px; height:5px; border-radius: 5px; background-color: #545454; position: absolute; top:10px; left:3px; } .banner-wrapper .banner-right ul li a{ color:#111111; } .banner-wrapper .banner-right ul li a:hover{ color:#fd000e; } /*专题推荐*/ /*.special-wrapper{*/ /* padding-left:40px;*/ /* background: no-repeat left/40px;*/ /* height:160px;*/ /* margin-top:30px;*/ /*}*/ /*.special-wrapper .swiper-slide{*/ /* width:284px;*/ /* height:160px;*/ /* margin-left:20px;*/ /*}*/ .special-wrapper{ margin-top: 30px; height:160px; padding-left:40px; background: no-repeat left/40px; overflow: hidden; } .special-wrapper .swiper-container{ width:100%; height:100%; margin-left:20px; } .special-wrapper .swiper-container .swiper-slide{ width:284px; height:160px; padding-right:1px; position: relative; overflow: hidden; } /*.special2-wrapper .swiper-container .swiper-slide img{*/ /* transition: 0.6s all;*/ /*}*/ /*.special2-wrapper .swiper-container .swiper-slide:hover img{*/ /* transform: scale(1.2,1.2);*/ /*}*/ .special-wrapper .swiper-container .swiper-slide .slide-title{ width:237px; position: absolute; left:0; bottom:0; height:42px; line-height: 42px; background-color: rgba(0, 0, 0, 0.6); padding:0 10px; box-sizing: border-box; } .special-wrapper .swiper-container .swiper-slide .slide-title a{ color:#ffffff; font-size: 16px; } /*列表模块*/ .list-module{ margin-top:40px; display: flex; justify-content: space-between; } .list-module .section{ width:380px; } .list-module .section .section-title{ position: relative; padding-left:96px; height:24px; } .list-module .section .section-title.msdt{ background: no-repeat left/96px; } .list-module .section .section-title.bmdt{ background: no-repeat left/96px; } .list-module .section .section-title.xzdt{ background: no-repeat left/96px; } .list-module .section .section-title.hsys{ background: no-repeat left/96px; } .list-module .section .section-title.whys{ background: no-repeat left/96px; } .list-module .section .section-title.kyys{ background: no-repeat left/96px; } .list-module .section .section-title.cxys{ background: no-repeat left/96px; } .list-module .section .section-title .line{ display: block; position: absolute; left:104px; bottom:0; width: 220px; height:2px; background: #e4121d; } .list-module .section .section-title .more{ position: absolute; right:0; bottom:0; } .list-module .section .section-title .more a{ color:#9e9e9e; font-size: 14px; } .list-module .section .section-title .more a:hover{ color:#e4121d; } .list-module .section .head-image{ margin-top:26px; height:206px; width:380px; position: relative; overflow:hidden; } .list-module .section .head-image img{ transition:0.6s all; } .list-module .section .head-image:hover img{ transform:scale(1.2,1.2); } .list-module .section .head-image .head-title{ position: absolute; bottom:0; left:0; width:100%; height:42px; line-height: 42px; background: rgba(13, 13, 13, 0.6); padding:0 20px; box-sizing: border-box; } .list-module .section .head-image .head-title a{ font-size: 16px; letter-spacing: 1px; color:#fff; } .list-module .section ul{ } .list-module .section ul{ margin-top:10px; } .list-module .section ul li{ padding-left:14px; line-height: 37px; height:37px; position: relative; } .list-module .section ul li::before{ content:''; display: block; width:5px; height:5px; border-radius: 5px; background-color: #545454; position:absolute; top:16px; left:3px; } .list-module .section ul li a{ color:#2f4156; font-size: 18px; } .list-module .section ul li a:hover{ color:#fd000e; } /*横向广告模块*/ .ad-wrapper{ height:120px; margin-top: 40px; } /*视频模块*/ .live-wrapper{ display: flex; justify-content: space-between; margin-top: 52px; } .live-wrapper .live-left{ width:790px; } .live-wrapper .live-left .left-switch{ height:48px; display: flex; align-items: center; cursor: pointer; position:relative; } .live-wrapper .live-left .left-switch .line{ position:absolute; bottom:-1px; left:0; width:790px; height:1px; background-color: #dddddd; } .live-wrapper .live-left .left-switch .switch-item:nth-child(1){ width:160px; height:48px; background: no-repeat center/160px; } .live-wrapper .live-left .left-switch .switch-item:nth-child(2){ width:124px; height:48px; background: no-repeat center/124px; } .live-wrapper .live-left .left-switch .switch-item:nth-child(3){ width:124px; height:48px; background: no-repeat center/124px; } .live-wrapper .live-left .left-switch .switch-item:nth-child(4){ width:124px; height:48px; background: no-repeat center/124px; } .live-wrapper .live-left .left-switch .switch-item:nth-child(5){ width:101px; height:48px; background: no-repeat center/101px; } .live-wrapper .live-left .left-switch .switch-item.active:nth-child(1){ width:160px; height:48px; background: no-repeat center/160px; } .live-wrapper .live-left .left-switch .switch-item.active:nth-child(2){ width:124px; height:48px; background: no-repeat center/124px; } .live-wrapper .live-left .left-switch .switch-item.active:nth-child(3){ width:124px; height:48px; background: no-repeat center/124px; } .live-wrapper .live-left .left-switch .switch-item.active:nth-child(4){ width:124px; height:48px; background: no-repeat center/124px; } .live-wrapper .live-left .left-switch .switch-item.active:nth-child(5){ width:101px; height:48px; background: no-repeat center/101px; } .live-wrapper .live-left .left-content{ margin-top: 30px; display: flex; justify-content: space-between; } .live-wrapper .live-left .left-content .content-left{ width: 480px; height: 260px; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; } .live-wrapper .live-left .left-content .content-left img{ transition: 0.6s all; } .live-wrapper .live-left .left-content .content-left:hover img{ transform: scale(1.2,1.2); } .live-wrapper .live-left .left-content .content-left .tips{ position:absolute; bottom:0; left:0; width:100%; height:42px; line-height: 42px; background: rgba(0, 0, 0, 0.6); padding:0 12px; box-sizing:border-box; } .live-wrapper .live-left .left-content .content-left .tips a{ color:#ffffff; font-size: 16px; } .live-wrapper .live-left .left-content .content-right{ width:280px; } .live-wrapper .live-left .left-content .content-right li{ padding-left:12px; height:31px; line-height: 31px; margin:6px 0; position: relative; } .live-wrapper .live-left .left-content .content-right li::before{ content:''; display: block; width:5px; height:5px; background-color: #545454; top:12px; left:3px; position: absolute; border-radius: 5px; } .live-wrapper .live-left .left-content .content-right li a{ color:#111111; font-size: 18px; } .live-wrapper .live-left .left-content .content-right li a:hover{ color:#fd000e; } .live-wrapper .live-right{ width:380px; } .live-wrapper .live-right .section-title{ position: relative; padding-left:52px; height:24px; background: no-repeat left/52px; } .live-wrapper .live-right .section-title .line{ display: block; position: absolute; left:60px; bottom:0; width: 264px; height:2px; background: #e4121d; } .live-wrapper .live-right .section-title .more{ position: absolute; right:0; bottom:0; } .live-wrapper .live-right .section-title .more a{ color:#9e9e9e; font-size: 14px; } .live-wrapper .live-right .section-title .more a:hover{ color:#e4121d; } .live-wrapper .live-right .head-image{ margin-top:26px; height:206px; width:380px; position: relative; overflow:hidden; } .live-wrapper .live-right .head-image img{ transition:0.6s all; } .live-wrapper .live-right .head-image:hover img{ transform:scale(1.2,1.2); } .live-wrapper .live-right .head-image .head-title{ position: absolute; bottom:0; left:0; width:100%; height:42px; line-height: 42px; background: rgba(13, 13, 13, 0.6); padding:0 20px; box-sizing: border-box; } .live-wrapper .live-right .head-image .head-title a{ font-size: 16px; letter-spacing: 1px; color:#fff; } .live-wrapper .live-right ul{ margin-top:6px; } .live-wrapper .live-right ul li{ padding-left:14px; line-height: 37px; height:37px; position: relative; } .live-wrapper .live-right ul li::before{ content:''; display: block; width:5px; height:5px; border-radius: 5px; background-color: #545454; position:absolute; top:16px; left:3px; } .live-wrapper .live-right ul li a{ color:#2f4156; font-size: 18px; } .live-wrapper .live-right ul li a:hover{ color:#fd000e; } /*时代楷模*/ .special2-wrapper{ margin-top: 30px; height:140px; padding-left:40px; background: no-repeat left/40px; overflow: hidden; } .special2-wrapper .swiper-container{ width:100%; height:100%; margin-left:1px; } .special2-wrapper .swiper-container .swiper-slide{ width:252px; height:140px; padding-right:1px; position: relative; overflow: hidden; } /*.special2-wrapper .swiper-container .swiper-slide img{*/ /* transition: 0.6s all;*/ /*}*/ /*.special2-wrapper .swiper-container .swiper-slide:hover img{*/ /* transform: scale(1.2,1.2);*/ /*}*/ .special2-wrapper .swiper-container .swiper-slide .slide-title{ width:100%; position: absolute; left:0; bottom:0; height:42px; line-height: 42px; background-color: rgba(0, 0, 0, 0.6); padding:0 10px; box-sizing: border-box; } .special2-wrapper .swiper-container .swiper-slide .slide-title a{ color:#ffffff; font-size: 16px; } /*美图欣赏*/ .meitu-wrapper{ margin-top: 54px; } .meitu-wrapper .meitu-title{ position: relative; padding-left: 96px; height: 24px; background: no-repeat left/96px; } .meitu-wrapper .meitu-title .meiti-desc{ position: absolute; left:110px; bottom:0; width:247px; height:16px; line-height: 16px; display: flex; justify-content: space-between; } .meitu-wrapper .meitu-title .meiti-desc span a{ font-size: 14px; color:#545454; font-weight: bold; } .meitu-wrapper .meitu-title .meiti-desc span.active a{ color:#e4121d; } .meitu-wrapper .meitu-title .line{ position:absolute; bottom:0; left:370px; width:774px; height:2px; background: #e4121d; } .meitu-wrapper .meitu-title .more{ position: absolute; right:0; bottom:0; } .meitu-wrapper .meitu-title .more a{ color: #9e9e9e; font-size: 14px; } .meitu-wrapper .meitu-title .more a:hover{ color:#e4121d; } .meitu-wrapper .meitu-content{ display: flex; width:100%; height:224px; align-items: center; margin-top: 20px; position:relative; overflow: hidden; } .meitu-wrapper .meitu-content .swiper-container{ width:100%; height:100%; position:absolute; top:0; left:0; } .meitu-wrapper .meitu-content .swiper-slide{ height:224px; margin-right:8px; width:auto; } .meitu-wrapper .meitu-content .swiper-slide img{ width:auto; height:224px; } .photo-wrapper .section-title { position: relative; padding-left: 96px; height: 24px; background: url(/uploads/image/rts12ayimages/tsys.jpg) no-repeat left/96px; } .photo-wrapper .section-title .line { display: block; position: absolute; left: 104px; bottom: 0; width: 1042px; height: 2px; background: #e4121d; } .photo-wrapper{ margin-top:40px; justify-content: space-between; } .photo-wrapper .photo-content-wrap{ margin-top:20px; } .photo-wrapper .photo-content-wrap .photo-left-wrap{ width:550px; height:298px; } .photo-wrapper .photo-content-wrap .photo-left-wrap .swiper-container{ width:550px; height:298px; } .photo-wrapper .photo-content-wrap .photo-left-wrap .swiper-container .swiper-slide{ position:relative; } .photo-wrapper .photo-content-wrap .photo-left-wrap .swiper-container .swiper-slide .title{ position: absolute; bottom:0; left:0; width:100%; height:40px; line-height:40px; color:#ffffff; background: rgba(13, 13, 13, 0.6); padding: 0 20px; box-sizing: border-box; } .photo-wrapper .photo-content-wrap .photo-left-wrap .swiper-container .swiper-next{ width: 32px; height: 32px; position: absolute; top: 50%; right: 20px; transform: translatey(-50%); background: url(/uploads/image/rts12ayimages/arrow_right.png) no-repeat center/32px; z-index: 999; } .photo-wrapper .photo-content-wrap .photo-left-wrap .swiper-container .swiper-prev{ width: 32px; height: 32px; position: absolute; top: 50%; left: 20px; transform: translatey(-50%); background: url(/uploads/image/rts12ayimages/arrow_left.png) no-repeat center/32px; z-index: 999; } .photo-wrapper .photo-content-wrap .photo-right-wrap{ width:615px; height:298px; } .photo-wrapper .photo-content-wrap .photo-right-wrap ul{ flex-wrap:wrap; } .photo-wrapper .photo-content-wrap .photo-right-wrap ul li{ width:300px; height:142px; position:relative; } .photo-wrapper .photo-content-wrap .photo-right-wrap ul li:nth-child(n 3){ margin-top:14px; } .photo-wrapper .photo-content-wrap .photo-right-wrap ul li .title{ position: absolute; bottom:0; left:0; width:100%; height:36px; line-height:36px; color:#ffffff; background: rgba(13, 13, 13, 0.6); padding: 0 20px; box-sizing: border-box; } /*友情链接*/ .related-wrapper{ margin-top: 54px; } .related-wrapper .section-title{ position: relative; padding-left:96px; height:24px; background: no-repeat left/96px; } .related-wrapper .section-title .line{ display: block; position: absolute; left:104px; bottom:0; width: 1042px; height:2px; background: #e4121d; } .related-wrapper .section-title .more{ position: absolute; right:0; bottom:0; } .related-wrapper .section-title .more a{ color:#9e9e9e; font-size: 14px; } .related-wrapper .section-title .more a:hover{ color:#e4121d; } .related-wrapper ul{ margin-top: 22px; flex-wrap: wrap; } .related-wrapper ul li{ width:150px; height:34px; line-height: 34px; text-align: center; } .related-wrapper ul li a{ color:#111111; font-size: 16px; font-weight: bold; } /*底部footer*/ .footer-wrapper{ margin-top: 30px; color:#666666; font-size: 16px; font-weight: 500; } .footer-wrapper a{ width:auto; color:#666666; } /*滚动公告*/ .gundonggongshi{border:0px solid red;margin: 15px 10px;overflow:hidden;} .gundonggongshi td{white-space:nowrap;} #demo_5zr2{ width:1104px; } #demo1_5zr2,#demo2_5zr2{ box-sizing: border-box; }