.box { width: 100%; height: 500px; /* background: url(banner.png) no-repeat top center; */ } .box img { width: 100%; height: auto; } .anbz { height: 240px; background: url(0组 484.png) no-repeat; background-size: 100% auto; } .anbz p { color: #fff; line-height: 40px; font-size: 16px; padding-left: 10%; width: 60%; text-indent: 2em; padding-top: 2%; } #chang { background: url(66.png) no-repeat; } .beij { height: 200px; /* background: #eaf9ff; */ overflow: hidden; } .biaoti { width: 1200px; height: 80px; line-height: 80px; text-align: center; margin: 0 auto; margin-top: 30px; margin-bottom: 40px; position: relative; /* background: url(341.png) no-repeat; */ } .bdlist h2 { font-weight: 400; line-height: 30px; margin-top: 30px; } .bdlist h2 a { font-size: 18px; color: #004da3; font-weight: 600; } .bdlist p { line-height: 30px; margin-top: 20px; margin-bottom: 20px; } .bdlist p a { font-size: 14px; color: #666666; } .gengdd { position: absolute; right: 5px; font-size: 14px; } .biaoti a { color: #154bf9; } .biaoti a img { width: 100%; } .lun { height: auto; overflow: hidden; position: relative; } .slideBox2 { width: 660px; height: 420px; top: 8%; overflow: hidden; position: absolute; float: left; } .slideBox2 .hd { height: 18px; position: absolute; right: 20px; bottom: 10px; z-index: 2; font-family: "宋体", sumsin; font-size: 15px; } .slideBox2 .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox2 .hd ul li { float: left; margin-left: 1px; width: 15px; height: 15px; line-height: 18px; text-align: center; background: #c4b2b2; cursor: pointer; border-radius: 50px; color: #c2bbbb; margin-left: 5px; } .slideBox2 .hd ul li.on { background: #ff6b67; color: #ff6b67; } .slideBox2 .bd { width: 100%; height: 100%; float: left; position: relative; z-index: 0; } .slideBox2 .bd li { width: 100%; height: 100%; float: left; zoom: 1; vertical-align: middle; } .slideBox2 .bd img { width: 100%; height: 420px; float: left; display: block; } .slideBox2 .txt-bg { position: absolute; bottom: 0; z-index: 1; overflow: hidden; width: 100%; height: 50px; background: #000; /* opacity: 0.6; */ /* filter: alpha(opacity=60); */ } .slideBox2 .txt { position: absolute; bottom: 0; z-index: 2; overflow: hidden; width: 100%; height: 50px; } .slideBox2 .txt li { position: absolute; bottom: -50px; height: 50px; line-height: 50px; } .zuotu01 a img { width: 27%; height: 100%; } .slideBox2 .txt li a { display: block; padding: 0 0 0 20px; color: #fff; text-decoration: none; font-size: 16px; } .lunlie { float: right; width: 550px; box-shadow: 0px 7px 9px -1px #cecece; padding: 20px 20px 0px 20px; } .lunlieone { height: 100px; width: 100%; border-bottom: 1px solid #b8b8b8; } .lunlieone h2 { font-size: 22px; color: #51a7dd; height: 40px; font-weight: 900; } .lunlieone p { font-size: 16px; color: #000000; line-height: 25px; } .lunlieone p span { font-size: 16px; color: #51a7dd; } .lunlietwo { width: 100%; height: auto; } .lunlietwo ul li { width: 100%; height: 70px; border-bottom: 1px dashed #d7d7d7; margin: 10px 0px; } .riqi { width: 60px; height: 60px; float: left; margin: 5px; } .riqi h6 { font-size: 22px; color: #51a7dd; text-align: center; } .riqi p { font-size: 18px; color: #51a7dd; text-align: center; } .lunlietwo a { display: block; float: left; width: 84%; line-height: 30px; color: #000; font-size: 18px; } .lunlietwo a span { font-size: 18px; color: #a3a5a5; margin-left: 10px; } .tiejian { height: 225px; } .tiejian ul li { width: 240px; height: 175px; padding: 20px; float: left; margin: 0px 10px; box-shadow: 0px 0px 9px -1px #cecece; background: url(222.png) no-repeat; background-size: 100% auto; } .tiejian ul li h6 { height: 40px; font-size: 16px; color: #005482; } .tiejian ul li h4 { height: 35px; font-size: 18px; color: #000000; } .tiejian ul li h5 { height: 35px; font-size: 16px; color: #000000; } .tiejian ul li p { height: 50px; font-size: 18px; color: #9e9e9e; } .huichang { height: 180px; } .picScroll_3 { width: 100%; float: left; position: relative; } .picScroll_3 .prev, .picScroll_4 .next { position: absolute; top: 50%; margin-top: -20px; width: 43px; height: 78px; cursor: pointer; z-index: 2; } .picScroll_3 .prev { left: -40px; background: url(77.png) no-repeat; } .picScroll_3 .next { right: -40px; background: url(88.png) no-repeat; } .picScroll_3:hover .prev, .picScroll_3:hover .next { display: block; } .picScroll_3 .bd { float: left; position: relative; } .picScroll_3 .bd ul { overflow: hidden; zoom: 1; } .picScroll_3 .bd ul li { height: 230px; margin-right: 30px; float: left; _display: inline; background: rgba(0, 0, 0, 0.5); overflow: hidden; text-align: center; position: relative; } .picScroll_3 .bd ul li .pic { text-align: center; } .picScroll_3 .bd ul li .pic img { width: 375px; height: 200px; display: block; float: left; } .picScroll_3 .bd ul li .title { width: 85%; height: 40px; line-height: 30px; float: left; background: url(picScroll_3_titleBg.png); position: absolute; left: 10px; bottom: -10px; color: #ffffff; font-size: 16px; font-weight: bold; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .picScroll_3 .bd ul li .title a { width: 100%; float: left; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .redStyle .picScroll_3 .bd ul li .title { background: url(picScroll_3_titleBg_red.png); } .picScrollRed .picScroll_3 .bd ul li .title { background: url(picScroll_3_titleBg_red.png); } .reyi { overflow: hidden; } .reyi ul li { width: 48%; height: 150px; float: left; margin-right: 20px; padding-top: 15px; border-bottom: 1px dashed #d7d7d7; } .reyi ul li a h2 { color: #0e66b4; font-size: 18px; width: 70%; line-height: 25px; height: 60px; } .reyi ul li a p { color: #999999; font-size: 18px; line-height: 30px; } .picScroll_4 { width: 100%; float: left; position: relative; } .picScroll_4 .prev, .picScroll_3 .next { position: absolute; top: 50%; margin-top: -20px; width: 43px; height: 78px; cursor: pointer; z-index: 2; } .picScroll_4 .prev { left: 10px; background: url(77.png) no-repeat; } .picScroll_4 .next { right: 0px; background: url(88.png) no-repeat; } .picScroll_4:hover .prev, .picScroll_4:hover .next { display: block; } .picScroll_4 .bd { float: left; position: relative; } .picScroll_4 .bd ul { overflow: hidden; zoom: 1; } .picScroll_4 .bd ul li { height: 170px; margin-right: 25px; float: left; _display: inline; background: rgb(219 207 207 / 50%); overflow: hidden; text-align: center; position: relative; } .picScroll_4 .bd ul li .pic { text-align: center; } .picScroll_4 .bd ul li .pic img { width: 220px; height: 130px; display: block; float: left; } .picScroll_4 .bd ul li .title { width: 85%; height: 40px; line-height: 15px; float: left; background: url(picScroll_3_titleBg.png); position: absolute; left: 10px; bottom: -10px; color: #000000; font-size: 16px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .picScroll_4 .bd ul li:hover { background: #4d82c7; } .picScroll_4 .bd ul li:hover a .title { color: #fff; } .picScroll_4 .bd ul li .title a { width: 100%; float: left; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .poster-main { position: relative; margin: 0 auto; } .poster-main a, .poster-main img { position: relative; display: block; width: 100%; height: 100%; } .poster-main img {} .poster-main .poster-list { width: 1200px; height: 500px; } .poster-main .poster-list .poster-item { width: 200px; height: 500px; position: absolute; left: 0; top: 0; } .poster-main .poster-btn { position: absolute; top: 0; cursor: pointer; filter: opacity(.5) brightness(1); } .poster-main .poster-btn:hover { filter: opacity(1) brightness(2); } .poster-main .poster-prev-btn { left: -85px; background: url(77.png) no-repeat center center; } .poster-main .poster-next-btn { right: -85px; background: url(88.png) no-repeat center center; } .poster-item-title { font-size: 18px; color: #fff; text-align: center; background: #000000b0; line-height: 48px; position: absolute; bottom: 0; width: 100%; display: block; } .guanche { height: 335px; /* background: #eaf9ff; */ overflow: hidden; margin-bottom: 40px; } .guanzuo { height: 100%; } .zuobt { width: 100%; height: 40px; line-height: 40px; text-align: left; margin: 0 auto; margin-top: 45px; margin-bottom: 20px; background: url(755.png) no-repeat; } .zuobt a { color: #0081f2; font-size: 36px; font-weight: 900; margin-left: 80px; } .zuobt a span { color: #666666; font-size: 18px; font-weight: 300; float: right; padding-right: 10px; } .guanlieb { width: 100%; } .guanlieb li { height: 50px; line-height: 50px; width: 100%; /* float: left; */ /* border-bottom: 1px dashed #999999; */ } /* .guanlieb li:nth-child(even) { float: right; } */ .guanlieb li a img { margin-right: 10px; } .guanlieb li:hover a { color: #2373c8; /* font-weight: 900; */ } .guanlieb li:hover span { color: #2373c8; /* font-weight: 900; */ } .guanlieb li a { color: #333333; font-size: 18px; } .guanlieb li span { color: #666666; font-size: 16px; float: right; margin-left: 10px; } .guanyou { width: 48%; float: right; } .footer { height: 120px; width: 100%; background: #046dc5; } .footer p { width: 100%; line-height: 120px; text-align: center; color: #fff; font-size: 18px; } #box22 { width: 560px; height: 370px; overflow: hidden; position: relative; margin-left: 0px; float: right; } #box33 { width: 620px; float: left; } /* 新修改 */ .act-1 { width: 565px; float: right; } /*页签自动切换代码 */ .slideTxtBox { width: 100%; float: left; height: 509px; background: url(xt-bg.png) no-repeat; background-size: 100% 100%; /* box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); */ } .slideTxtBox .hd { width: 100%; display: none; float: left; height: 38px; border-bottom: 1px solid #d8d8d8; *height: 37px; } .slideTxtBox .hd ul { float: left; line-height: 1; } .main_box4 .slideTxtBox .hd ul li { /*width:156px;*/ float: left; display: inline-block; height: 38px; line-height: 38px; *height: 37px; *line-height: 37px; position: relative; z-index: 2; color: #999; font-size: 20px; font-weight: bold; cursor: pointer; text-align: center; } .slideTxtBox .hd ul li { width: 104px; float: left; display: inline-block; height: 38px; line-height: 38px; *height: 37px; *line-height: 37px; position: relative; z-index: 2; color: #999; font-size: 20px; font-weight: bold; cursor: pointer; text-align: center; } .slideTxtBox .hd ul li a, .slideTxtBox .hd ul li span { width: 100%; float: left; color: #666666; display: inline-block; } .main_box1 .slideTxtBox .hd ul li.on { /*background:url(txt_on.png) no-repeat 0 0;color:#2273c5;*/ color: #333; } .slideTxtBox .hd ul li.on { /*color:#2273c5;*/ color: #333; } .slideTxtBox .hd ul li.on a, .slideTxtBox .hd ul li.on span { color: #2273c5; } .slideTxtBox .hd .more { float: right; color: #999; font-size: 15px; line-height: 38px; *line-height: 37px; } .slideTxtBox .hd .more div { float: left; display: none; } .slideTxtBox .hd .more a { float: left; color: #999; } .slideTxtBox .hd .more a.on { display: inline-block; } .slideTxtBox .hd .more a:hover { color: #2373c8; } .slideTxtBox .bdlist { width: 84%; padding: 20px 20px; float: none; margin-top: 0px; margin: 0 auto; } .slideTxtBox .bdlist ul li { height: auto; line-height: 30px; font-size: 16px; color: #333; overflow: hidden; margin-bottom: 5px; /* background: url(icon_001.png) no-repeat 0 50%; */ } .slideTxtBox .bdlist ul li a { width: 98%; float: left; color: #333333; display: block; height: auto; font-size: 16px; } .slideTxtBox .bdlist ul li span { float: right; margin-left: 10px; color: #999999; /* width: 60px; */ height: 32px; line-height: 32px; font-size: 16px; } .slideTxtBox .bdlist ul li:hover a { color: #2373c8; } .slideTxtBox .bdlist ul li:hover span { color: #2373c8; } .yixian { height: auto; overflow: hidden; } .yixian ul li { width: 508px; height: 150px; background: #fff8e5; float: left; border: 1px solid #ecd0b0; padding: 30px 30px 0px 40px; border-radius: 15px; margin-right: 40px; margin-top: 20px; } .yixian ul li:nth-child(even) { margin-right: 0px; } .yixian ul li a { color: #e6271f; font-size: 18px; font-weight: 600; line-height: 30px; } .yixian ul li a p { margin-top: 10px; font-size: 14px; color: #333333; text-indent: 2em; font-weight: 200; line-height: 30px; } .guanche1 { overflow: hidden; margin-bottom: 40px; } .guanzuo1 { width: 100%; height: auto; float: none; } .guanlieb1 { width: 100%; } .guanlieb1 li { height: 50px; line-height: 50px; width: 48%; float: left; /* border-bottom: 1px dashed #999999; */ } .guanlieb1 li:nth-child(even) { float: right; } .guanlieb1 li a img { margin-right: 10px; } .guanlieb1 li:hover a { color: #2373c8; /* font-weight: 900; */ } .guanlieb1 li:hover span { color: #2373c8; /* font-weight: 900; */ } .guanlieb1 li a { color: #333333; font-size: 18px; } .guanlieb1 li span { color: #666666; font-size: 16px; float: right; margin-left: 10px; } #box55 { float: none; } #box66 { float: none; } #box666 { float: none; } #shanglun { width: 48%; float: left; height: auto; margin-right: 20px; } .boxnew { overflow: hidden; } .boxnew .act-1 { width: 100%; margin-top: 20px; } .boxnew #shanglun:nth-child(even) { margin-right: 0px; } #certify { position: relative; width: 1200px; margin: 0 auto; height: 330px; } #certify .swiper-container { /* padding-bottom: 60px; */ } #certify .swiper-slide { width: 550px; height: 330px; background: #fff; box-shadow: 0 8px 30px #ddd; position: relative; } #certify .swiper-slide img { display: block; width: 550px; height: 330px; } .xcyx { height: 340px; width: 100%; margin-bottom: 20px; } #certify .swiper-slide p { /* line-height: 98px; */ padding-top: 0; text-align: left; color: #636363; font-size: 1.1em; margin: 0; position: absolute; width: 100%; height: 100px; background: rgb(255 00 15 / 40%); bottom: 0px; } #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev { left: 0px; width: 45px; height: 45px; background: url(zuo-1.png) no-repeat; background-position: 0 0; background-size: 100%; } #certify .swiper-button-next { right: 0px; width: 45px; height: 45px; background: url(you.png) no-repeat; background-size: 100%; } .tonglan { width: 100%; height: 650px; background: url(beijingtu.png) no-repeat; background-size: 100% auto; } .tit_hov { width: 1200px; margin: 0 auto; overflow: hidden; } .tit_hov .hd { line-height: 48px; height: 50px; border-bottom: 1px solid #e3e3e3; } .tit_hov .hd li { float: left; margin-right: 20px; position: relative; } .tit_hov .hd li a { display: block; padding: 0px 5px; font-size: 20px; font-weight: bold; color: #fff; } .tit_hov .hd li.on a { color: #fff; } .tit_hov .hd li em { position: absolute; left: 50%; width: 0; margin-top: -4px; transition: .3s all; height: 4px; background-color: #fff; border-radius: 10px; } .tit_hov .hd li.on em { width: 100%; left: 0; } .list { overflow: hidden; } .list ul { display: block; width: 100%; margin-top: 10px; overflow: hidden; } .list ul li { padding-left: 20px; position: relative; border-bottom: 1px dashed #fff; } .list li a { font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 45px; float: left; max-width: 85%; } .list li::before { display: inline-block; content: ""; height: 5px; width: 5px; background-color: #fff; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: 6px; margin-top: 22px; } .list li span { color: #fff; float: right; font-size: 14px; height: 45px; line-height: 45px; } .list li::after { display: table; content: ""; line-height: 0; clear: both; } .list li a { transition: all 0.3s; } .list li:hover a { padding-left: 8px; color: #fff; } .meili { overflow: hidden; } .meili ul li { width: 27%; height: 185px; background: url(494.png) no-repeat; background-size: 100% auto; float: left; padding: 30px; } .meili ul li:nth-child(2) { background: url(496.png) no-repeat; background-size: 100% auto; margin-left: 24px; margin-right: 24px; } .meili ul li:nth-child(3) { background: url(500.png) no-repeat; background-size: 100% auto; } .meili ul li a h2 { font-size: 18px; color: #c5890c; line-height: 35px; height: 35px; } .meili ul li:nth-child(2) a h2 { color: #276daf; } .meili ul li:nth-child(3) a h2 { color: #1ca5a5; } .meili ul li a p { font-size: 14px; color: #666666; line-height: 30px; height: 30px; margin-top: 10px; } /* 焦点图效果 */ .picBtnTop { width: 1200px; margin: 0 auto; height: auto; position: relative; overflow: hidden; margin-bottom: 30px; zoom: 1; } .picBtnTop .hd { width: 258px; height: auto; position: absolute; right: 5px; overflow: hidden; } .picBtnTop .hd ul li { width: 100%; height: 135px; padding: 2px 2px 2px 18px; margin-bottom: 10px; } .picBtnTop .bd li .pic p{ background: rgba(0, 0, 0, 0.5); display: block; position: absolute; bottom: 0; font-size: 14px; color: #fff; line-height: 28px; height: 40px; line-height: 40px; width: 100%; text-align: center; } .picBtnTop .hd ul li p{ height: 30px; line-height: 30px; background: #fff; color: black; font-size: 14px; } .picBtnTop .hd ul .on{ background: url(517.png) no-repeat; background-size: 100% auto; } .picBtnTop .hd ul li img { width: 238px; height: 135px; cursor: pointer; vertical-align: bottom; } /*.picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; }*/ /*.picBtnTop .hd ul li.on img{ border-color:#f60; }*/ .picBtnTop .bd { width: 920px; height: 450px; position: relative; } .picBtnTop .bd li { position: relative; zoom: 1; vertical-align: middle; } .picBtnTop .bd li .pic { position: relative; z-index: 0; } .picBtnTop .bd li .pic img { width: 920px; height: 438px; vertical-align: bottom; } .picBtnTop .bd li .bg { width: 822px; height: 30px; position: absolute; left: 0; bottom: 0; z-index: 1; background: #000; filter: alpha(opacity=60); opacity: 0.6; } .picBtnTop .bd li .title { width: 822px; height: 30px; line-height: 30px; left: 0; bottom: 0; position: absolute; z-index: 2; } .picBtnTop .bd li .title a { color: #fff; padding-left: 15px; } .bejingone{ background: url(409.png) no-repeat; background-size: 100% auto; } .timeline { position: relative; margin: 50px auto; padding: 20px 0; width: 80%; } .timeline::before { content: ''; position: absolute; top: 0; left: 50%; width: 4px; height: 100%; background: #007bff; transform: translateX(-50%); } .timeline-item-content h3{ color: #007bff; font-size: 18px; font-weight: 600; } .timeline-item-content p{ color: #898989; font-size: 14px; margin-top: 10px; } .timeline-item { position: relative; width: 50%; padding: 20px; box-sizing: border-box; } .timeline-item:nth-child(odd) { left: 0; text-align: right; } .timeline-item:nth-child(even) { left: 50%; text-align: left; } .timeline-item::before { content: ''; position: absolute; top: 55px; width: 12px; height: 12px; background: #007bff; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 2px #007bff; } .timeline-item:nth-child(odd)::before { right: -6px; } .timeline-item:nth-child(even)::before { left: -6px; } .timeline-item-content { /* background: #fff; */ padding: 15px; } .meilitwo{ overflow: hidden; } .meilitwo ul li { width: 230px; height: 400px; background: url(509.png) no-repeat; background-size: 100% auto; margin-right: 40px; padding: 30px 20px 0px 20px; float: left; } .meilitwo ul li:nth-child(2){ background: url(511.png) no-repeat; background-size: 100% auto; } .meilitwo ul li:nth-child(3){ background: url(513.png) no-repeat; background-size: 100% auto; } .meilitwo ul li:nth-child(4){ margin-right: 0px; background: url(515.png) no-repeat; background-size: 100% auto; } .meilitwo ul li h2{ font-size: 18px; color: #1758c9; height: 30px; line-height: 30px; font-weight: 600; } .meilitwo ul li p{ font-size: 14px; color: #666666; height: auto; line-height: 30px; margin-top: 20px; }