.wrap { width: 1200px; margin: 0 auto; } .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentcolor; overflow: hidden; } .logo-header { background-color: #fff; } .wrap-header { padding: 10px 0; width: 1200px; margin: 0 auto; display: flex; justify-content: flex-end; align-items: center; } .logo-top .logo { height: 50px; } .header-top { background: #051735; border-bottom: 1px solid #1a3d77; } .serach-box { margin-left: 20px; width: 180px; border-radius: 10px; border: 1px solid #ebfc0f; height: 35px; } .serach-box .s-btn { border-radius: 20px; float: right; height: 35px; width: 45px; } .serach-box .s-btn img { border-radius: 20px; } .serach-box input { background: #c383f8; height: 34px; color: #ebfc0f; margin-left: 20px; width: 100px; } ::-webkit-input-placeholder { color: #ebfc0f !important; } .bian-left { display: inline-block; margin-right: 5px; width: 17px; height: 17px; background: ; } .title-top { border-bottom: 1px solid #f2f2f2; display: flex; margin-bottom: 20px; font-size: 17px; padding-bottom: 0; font-weight: bold; color: #404040; padding: 0px 12px; } .title-top span { display: inline-block; text-align: center; padding: 10px 0; position: relative; } .title-top span:after { position: absolute; bottom: 0; left: 0; content: ""; width: 80px; height: 3px; background: #f1f1f1 url(/uploads/image/tmimages/title1.png) no-repeat left center; background-size: 80px 3px; border-radius: 2px; } .tou-bg { padding: 10px 20px 30px 20px; background: #fff; background-size: 100%; position: relative; } .tou-bg h1 { font-size: 18px; color: #333; font-weight: bold; } .tou-bg span { display: inline-block; width: 15px; height: 15px; margin-right: 5px; background: url(/uploads/image/tmimages/h1-icon.png); } .tou-bg p { color: #333; line-height: 1.6; font-size: 15px; margin-top: 12px; } .title-hide { border-top: 0; } .h1-title { margin-top: 10px; background-color: #fff; } .h1-title h1 { padding: 0px 10px; font-size: 18px; } .h1-title p { line-height: 1.7; padding: 0 20px; } .zi-top { padding: 20px; padding-bottom: 5px; background-color: #fff; display: flex; flex-wrap: wrap; } .zi-top .zi-right { width: 520px; display: flex; justify-content: space-between; flex-wrap: wrap; } .zi-top .zi-right .ti-img { width: 250px; height: 135px; overflow: hidden; position: relative; border-radius: 8px; } .zi-top .zi-right .zi-img { width: 250px; margin-bottom: 10px; } .zi-top .zi-right .zi-img img { width: 250px; border-radius: 8px; min-height: 135px; } .zi-top .zi-right .zi-img h2 { min-height: 42px; font-size: 16px; line-height: 1.4; } .zi-top .zi-right .zi-one:hover { background-color: #f9f9f9; } .zi-top .zi-right h2:hover a { color: #f8785a; } .zi-top .zi-right .zi-small { width: 520px; padding: 10px 0; border-bottom: 1px solid #e8e8e8; display: flex; } .zi-top .zi-right .zi-small .small-left { width: 80px; height: 50px; border-radius: 8px; overflow: hidden; } .zi-top .zi-right .zi-small .small-left img { width: 80px; } .zi-top .zi-right .zi-small .small-right { width: 400px; margin-left: 15px; } .zi-top .zi-right .zi-small .small-right h2 { font-size: 15px; } .zi-top .zi-right .zi-small .small-right .small-xia { margin-top: 15px; } .zi-top .zi-right .zi-small .small-right .small-xia .time { font-size: 14px; color: #8d8d8d; } .zi-top .zi-right .zi-small .small-right .small-xia .biao { font-size: 13px; margin-left: 10px; color: #f8785a; } .zi-top .zi-right .zi-small .small-right .small-xia .biao:hover { color: #ee4923; } .zi-top .re-right { width: 520px; margin-left: 100px; } .zi-top .re-right .re-top { border: 1px solid #e0dfdf; padding: 20px; border-radius: 8px; } .zi-top .re-right h1 { font-size: 17px; font-weight: bold; display: inline-block; border-bottom: 2px solid #c3c3c3; padding-bottom: 10px; color: #454545; } .zi-top .re-right p { color: #444; margin-top: 10px; line-height: 1.6; font-size: 15px; } .about-content .title-img img { width: 100%; } .about-content .fuwu { background: #fff; padding: 0 10px; margin-bottom: 20px; } .about-content .fuwu p { line-height: 1.9; } .jianjie { display: flex; padding: 10px; justify-content: space-between; align-items: center; } .jianjie .jianjie-left .name { font-size: 20px; } .jianjie .jianjie-left p { margin-top: 20px; line-height: 1.6; } .jianjie .jianjie-right { width: 48%; } .jianjie .jianjie-right img { width: 100%; } .about-box { padding-top: 20px; } .about-box .about-content { padding: 0 20px; } .about-box .mian-box { background-size: 100% 100%; padding: 20px 0px; border-radius: 10px; margin-top: 5px; } .about-box .mian-box h4 { margin-bottom: 20px; padding-bottom: 8px; font-size: 17px; color: #333; display: inline-block; } .about-box .mian-box p { line-height: 1.9; font-size: 16px; color: #333; margin-bottom: 20px; } .about-nav { margin: 10px 0; height: 48px; background: #fff; display: flex; } .about-nav li { margin-left: 10px; margin-right: 30px; color: #0a42a1; font-size: 20px; } .about-title .mian-head { color: #0762cb; } .about-title .title-name { margin-top: 10px; border-bottom: 1px solid #f8785a; padding-bottom: 20px; position: relative; color: #263944; font-weight: bold; font-size: 22px; } .about-title .title-name .about-shuo { color: #333; margin-left: 8px; font-size: 18px; } .about-title .title-name .name-left { display: inline-block; width: 100px; margin-right: 20px; height: 2px; background: #d40300; } .about-title .title-name .name-right { display: inline-block; width: 100px; margin-left: 20px; height: 2px; background: #d40300; } .header { position: relative; padding: 0 5px; } .header .top-logo { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .header .top-logo .logo { width: 110px; } .header .top-logo .serach-box { height: 50px; width: 50px; } .included-bg { background: #f7f7f7; padding-top: 20px; } .included-box { width: 1200px; margin: 0 auto; background: #ccc; height: 140px; position: relative; } .included-box span { display: inline-block; padding: 16px 25px; background: #ff6666; border-radius: 30px; font-size: 20px; color: #fff; position: absolute; right: 60px; top: 48px; } .header { background-color: #c383f8; } .header .logo-text { justify-content: space-between; width: 1200px; padding: 20px 0; margin: 0 auto; } .header .logo-text .logo-bg { text-align: center; font-size: 48px; font-weight: bold; color: #105191; } .header .top-right { float: right; border: 2px solid #105191; background: #fff; width: 300px; padding-left: 20px; } .header .top-right .ta { float: right; } .header .top-right .search-icon { color: #fff; margin-top: 8px; font-size: 20px; } .header .top-right input { color: #666; width: 150px; height: 35px; background: #fff; } .header .top-right input::-webkit-input-placeholder { color: #666; } .header .top-right img { width: 17px; margin-top: 10px; } .header .top-right a { width: 50px; height: 35px; text-align: center; float: right; background-color: #105191; color: #333; } .header .header-box { padding: 10px 0; } .header .logo-name { margin-left: 5px; } .header .nav { display: flex; align-items: center; justify-content: space-between; padding: 5px 0; flex-wrap: wrap; } .header .nav .phone-li { width: 60%; } .header .nav ul { padding: 5px 0; display: flex; justify-content: space-around; align-items: center; } .header .nav ul li { padding: 12px 0; position: relative; text-align: center; } .header .nav ul li .logo { width: 70px; } .header .nav ul li a { font-size: 16px; padding: 6px 15px; color: #ebfc0f; } .header .nav ul li.active a { border-radius: 5px; font-weight: bold; } .pl-box {} .pl-box .pl-tou { padding: 20px 0; background-color: #fde5bc; } .pl-box .pl-tou h1 { margin-left: 20px; } .pl-box .pl-tou p { margin-top: 10px; line-height: 1.6; margin-left: 20px; } .col-box { padding-bottom: 20px; } .lian-box { background: ; background-size: 100% 100%; min-height: 320px; } .lian-box .lian-wrap { width: 680px; margin: 0 auto; color: #fff; padding-top: 90px; } .lian-box .lian-wrap .lian-head { color: #fff; } .lian-box .lian-wrap .lian-name { margin-top: 10px; font-size: 22px; } .lian-box .lian-wrap p { margin-top: 20px; line-height: 1.6; } .big-box { padding-top: 20px; background: #faf9f9; } .big-box .pingtai-box .pingtai-wrap { padding: 30px 20px; margin: 0 auto; min-height: 120px; } .big-box .pingtai-box .about-shuo { color: #263944; margin-left: 8px; font-size: 18px; } .big-box .pingtai-box .name { margin-top: 5px; font-size: 22px; padding-bottom: 10px; color: #263944; padding-bottom: 20px; font-weight: bold; border-bottom: 1px solid #f8785a; } .big-box .pingtai-box .ping-text { color: #333; font-size: 16px; margin-top: 20px; line-height: 1.7; margin-bottom: 20px; } .big-box .pingtai-box .title-name { margin: 50px 60px 0 60px; color: #0762cb; } .big-box .lb-box .lb-left { height: 380px; float: left; width: 300px; background: #3395f0; color: #fff; } .big-box .lb-box .lb-left .title { padding-top: 20px; padding-left: 20px; font-size: 18px; } .big-box .lb-box .lb-left p { padding: 20px; line-height: 1.8; font-size: 15px; } .big-box .lb-box .lb-midder { float: left; width: 410px; padding: 0 50px; } .big-box .lb-box .lb-midder .title { font-size: 18px; } .big-box .lb-box .lb-midder .title span { display: inline-block; width: 6px; margin-right: 10px; height: 6px; background: #fff; border-radius: 50%; border: 3px solid #bf0614; } .big-box .lb-box .lb-midder .midder-li { padding: 10px 0; margin-top: 18px; border-bottom: 1px solid #f0f0f0; } .big-box .lb-box .lb-midder h3 { font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .big-box .lb-box .lb-midder h3 span { display: inline-block; padding: 3px 4px; background: #3395f0; margin-right: 8px; color: #fff; border-radius: 10px; border-top-left-radius: 0; } .big-box .morebtn { display: block; margin-top: 10px; text-align: center; background: #fff; color: #2d445c; font-size: 14px; padding: 15px 0; } .big-box .statistics { background: #fff; height: 120px; border: 1px solid #ccc; } .big-box .statistics .name { width: 50px; padding: 0 5px; display: flex; align-items: center; justify-content: space-between; font-size: 18px; background: #4284e2; color: #fff; height: 120px; position: relative; float: left; } .big-box .statistics .name .text { display: inline-block; margin-left: 4px; } .big-box .statistics .name .san { display: inline-block; position: absolute; top: 50px; right: -8px; width: 0; height: 0; border-top: 10px solid transparent; border-left: 10px solid #4284e2; border-bottom: 10px solid transparent; } .big-box .statistics .statistics-num ul { display: flex; } .big-box .statistics .statistics-num ul li { width: 30%; text-align: center; position: relative; } .big-box .statistics .statistics-num ul li .tiao { position: absolute; width: 1px; height: 55px; background: #858fa7; top: 30px; right: 0; } .big-box .statistics .statistics-num ul li strong { display: inline-block; margin-top: 5px; font-size: 28px; color: #dd3c57; } .big-box .statistics .statistics-num ul li .start { margin-top: 25px; font-size: 18px; } .big-box .statistics .statistics-num ul li .num { margin-top: 15px; } .big-box .statistics .statistics-num ul li .num .look { background: #858fa7; padding: 4px 7px; color: #fff; font-size: 12px; } .big-box .statistics .statistics-num ul li:nth-child(4) { border-right: 0; } .big-about .about-fff { padding-top: 20px; } .big-about .wrap { background: #fff; } .big-box2 { margin-top: 0; background-color: #f2f2f2; } .big-box2 .content-left { background: #fff; } .title-biao { font-size: 18px; } .h1-bgbox { width: 350px; background: ; height: 380px; margin-bottom: 10px; } .h1-bgbox .title-h1 { display: flex; padding-top: 20px; justify-content: center; } .h1-bgbox .title-h1 h1 { display: inline-block; width: 183px; height: 53px; font-weight: bold; font-size: 19px; color: #c76912; text-align: center; line-height: 45px; background: ; } .h1-bgbox p { line-height: 1.5; color: #c76912; padding: 15px; } .shuoming-box { background: #eff6fc; padding: 20px; } .shuoming-box h1 { font-size: 18px; text-align: center; } .shuoming-box p { margin-top: 10px; line-height: 1.5; } .qun { margin-top: 10px; } .redian-box { margin-top: 10px; border: 1px solid #e0dfdf; border-radius: 8px; } .redian-box .tou { margin-bottom: 20px; } .redian-box .redian-a { display: flex; flex-wrap: wrap; justify-content: space-around; text-align: center; padding: 15px 10px; } .redian-box .redian-a a { width: 30%; display: inline-block; margin-bottom: 15px; padding: 7px 3px; font-size: 15px; color: #666; border-radius: 12px; border: 1px solid #f8785a; } .redian-box .redian-a a:hover { color: #fff; border: 1px solid #f8785a; background-color: #f8785a; } .tou-title { padding: 30px; background: #99b9ea; color: #fff; } .tou-title h1 { font-size: 18px; } .tou-title p { margin-top: 10px; line-height: 1.7; } .introduce-box { margin-top: 20px; } .introduce-box .introduce-left { float: left; width: 632px; height: 425px; background: no-repeat; } .introduce-box .introduce-left p { padding: 20px; line-height: 1.7; color: #333; } .introduce-box .introduce-right { width: 550px; float: right; } .introduce-box .introduce-right .right-tui { padding: 15px 10px; border: 1px solid #f0f0f0; } .introduce-box .introduce-right .right-tui .tui-title { font-size: 20px; } .introduce-box .introduce-right .right-tui .tui-title span { display: inline-block; margin-right: 10px; width: 5px; height: 17px; background: #f8211f; } .introduce-box .introduce-right .right-tui ul { display: flex; flex-wrap: wrap; } .introduce-box .introduce-right .right-tui li { width: 48%; display: flex; align-items: center; margin-top: 15px; } .introduce-box .introduce-right .right-tui li h3 { margin-left: 5px; width: 172px; overflow: hidden; white-space: nowrap; font-weight: 400; color: #333; text-overflow: ellipsis; } .introduce-box .introduce-right .right-tui li .left-img { overflow: hidden; width: 67px; } .introduce-box .introduce-right .right-tui li img { width: auto; height: 47px; } .title-heng { display: inline-block; width: 4px; margin-right: 8px; height: 19px; background: no-repeat; } .h1-box { margin-bottom: 30px; } .h1-box p { font-size: 15px; line-height: 1.4; padding: 0 10px; } .hushenjing { background-color: #fff; margin-top: 0px; margin-bottom: 10px; } .dao-title { padding: 18px; margin-bottom: 20px; background: linear-gradient(#fde8bb, #ffda96); } .dao-title p { margin-top: 6px; line-height: 1.6; } .introduce-title .text { line-height: 1.7; padding: 10px 10px; } .content-box { padding: 0px 0px 30px 0; } .left-nav { background: #fff; border-bottom: 1px solid #f2f2f2; } .left-nav-fixed { position: fixed; top: 0; z-index: 1000; width: 100%; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .content-left { width: 830px; margin-top: 20px; background-color: #fff; float: left; } .content-left .content-top { padding: 20px 15px; margin-bottom: 20px; background: ; color: #fff; } .content-left .content-top h1 { font-size: 18px; } .content-left .content-top p { margin-top: 10px; line-height: 1.7; } .content-left .page-box { padding: 40px 0 10px 0; text-align: center; } .content-left .page-box ul { display: flex; justify-content: center; } .content-left .page-box a { display: inline-block; padding: 4px 8px; border-radius: 5px; border: 1px solid #999; margin-right: 4px; } .content-left .page-box a.active { background: #fb7a01; border: 1px solid #fb7a01; color: #fff; } .content-left .left-big { padding: 20px; } .content-left .statistics-box { display: flex; background: #759eed; height: 120px; } .content-left .statistics-box p { margin-top: 30px; font-size: 18px; } .content-left .statistics-box p strong { font-size: 26px; color: #fc3052; } .content-left .statistics-box .tiao { position: absolute; width: 1px; height: 55px; background: #fff; top: 30px; right: 0; } .content-left .statistics-box .look { margin-top: 20px; color: #fff; font-size: 16px; } .content-left .statistics-box li { position: relative; width: 25%; text-align: center; } .content-left .nav-ul { border-bottom: 0; display: flex; position: relative; } .content-left .nav-ul li { font-size: 17px; cursor: pointer; position: relative; margin-right: 10%; color: #000; text-align: center; } .content-left .nav-ul li span { display: inline-block; padding: 15px 16px 15px 16px; color: #666; } .content-left .nav-ul li.active span { border-bottom: 2px solid #f8785a; font-weight: bold; color: #f8785a; } .content-left .nav-ul .san { position: absolute; right: -20px; top: 0px; display: inline-block; width: 0; height: 0; border-top: 37px solid #fff; border-right: 20px solid transparent; } .content-left .nav-ul li.search { background: #fff; border: 0; padding: 0 0 2px 10px; vertical-align: bottom; } .content-left .nav-ul li.search em { display: inline-block; width: 8px; height: 18px; background: #4284e2; } .content-left .nav-ul li.search span { vertical-align: top; display: inline-block; } .content-left .chapter-num { padding-top: 10px; display: none; } .content-left .chapter-num li { padding: 20px 20px 20px 10px; border-bottom: 1px solid #f2f2f2; } .content-left .chapter-num li .title { margin-bottom: 15px; font-size: 16px; margin-top: 5px; font-weight: 400; } .content-left .chapter-num li .title a { color: #333; } .content-left .chapter-num li:hover { background: #fff; } .content-left .chapter-num .img { width: 200px; min-height: 140px; float: left; } .content-left .chapter-num .left-img { float: left; position: relative; height: 140px; overflow: hidden; width: 200px; } .content-left .chapter-num .left-img .biao { position: absolute; display: inline-block; left: 0; top: 0; z-index: 999; padding: 6px 8px; border: 1px solid #e1e3ed; color: #abacb5; font-size: 14px; } .content-left .chapter-num .list-right { float: right; margin-left: 0px; width: 580px; position: relative; } .content-left .chapter-num .list-right .label { display: inline-block; color: #f8785a; border: 1px solid #f8785a; padding: 4px 7px 4px 7px; margin-right: 5px; border-radius: 5px; float: left; font-size: 12px; } .content-left .chapter-num .list-right .label:hover { background-color: #f8785a; color: #fff; } .content-left .chapter-num .list-right p { margin-top: 15px; line-height: 1.5; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; height: 48px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .content-left .chapter-num .list-right .num { float: right; color: #999; font-size: 14px; } .content-left .chapter-num .list-right .num span { margin-right: 10px; color: #999; } .content-left .chapter-num .list-right .shijian { font-size: 20px; color: #333; } .content-left .chapter-num .address { margin-top: 20px; display: flex; align-items: center; justify-content: space-between; color: #999; font-size: 14px; flex-wrap: wrap; } .content-left .chapter-num .address span { margin-right: 10px; } .content-left .chapter-num .address .time { margin-left: 15px; } .content-left .chapter-num .address .num { float: left; color: #999; } .content-left .chapter-num .address .num span { color: #99; } .content-left .chapter-num .address .name { margin-left: 10px; } .content-left .chapter-num .list-address { float: right; width: 240px; margin-left: 10px; } .content-left .chapter-num .list-address .head-img { margin-left: 10px; border-radius: 50%; width: 50px; height: 50px; margin-top: 30px; } .content-left .chapter-num .list-address .address-text { float: left; margin-left: 40px; } .content-left .chapter-num .list-address .address-text .name { margin-top: 20px; width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; } .content-left .chapter-num .list-address .address-text .time { padding: 10px 0; color: #999; } .content-left .chapter-num .list-address .address-text .num { color: #999; } .content-left .chapter-num .list-address .address-text span { margin-right: 10px; } .content-left .chapter-show { display: block; } .xin-bg { padding: 0 20px; height: 140px; background: ; } .xin-bg h1 { padding-top: 10px; font-size: 20px; } .xin-bg h1 em { display: inline-block; width: 3px; height: 16px; margin-right: 6px; background-color: #3d7eff; } .xin-bg p { margin-top: 10px; line-height: 1.8; } .content-right { float: right; margin-top: 20px; width: 340px; background-color: #fff; } .content-right .right-redian { width: 100%; height: 380px; background: no-repeat; position: relative; background-size: 100% 100%; } .content-right .right-redian a { position: absolute; color: #3395f0; } .content-right .right-redian a:nth-child(1) { top: 70px; right: 210px; } .content-right .right-redian a:nth-child(2) { top: 120px; left: 205px; } .content-right .right-redian a:nth-child(3) { top: 172px; right: 210px; } .content-right .right-redian a:nth-child(4) { top: 223px; left: 205px; } .content-right .right-redian a:nth-child(5) { top: 278px; right: 210px; } .content-right .right-redian a:nth-child(6) { top: 330px; left: 205px; } .content-right .toutiao-box { padding: 20px; background: linear-gradient(#fde8bb, #ffda96); margin-bottom: 10px; } .content-right .toutiao-box h1 { font-size: 22px; font-weight: 400; } .content-right .toutiao-box p { margin-top: 10px; line-height: 1.7; } .content-right .ranking { padding: 20px 0; border: 1px solid #ccc; } .content-right .ranking h3 { padding: 0 20px; font-weight: 400; font-size: 17px; margin-top: 5px; } .content-right .ranking h3 span { vertical-align: top; } .content-right .ranking h3 em { display: inline-block; width: 5px; height: 20px; background: #27b3d6; margin-right: 4px; } .content-right .ranking h3 a { color: #000; } .content-right .ranking h3 a img { margin-top: 0px; float: right; } .content-right .ranking .ranking-box { padding: 20px; } .content-right .ranking .ranking-box .ranking-title { font-size: 17px; color: #333; display: flex; justify-content: space-between; border-bottom: 1px solid #fff; padding: 10px 2px; } .content-right .ranking .ranking-box .ranking-title span { display: inline-block; text-align: center; } .content-right .ranking .ranking-box .ranking-title .shi { width: 40%; } .content-right .ranking .ranking-box .ranking-list li { margin-top: 10px; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; } .content-right .ranking .ranking-box .ranking-list li img { border: 1px solid #ccc; border-radius: 8px; width: 100px; max-height: 63px; } .content-right .ranking .ranking-box .ranking-list li .shi { display: inline-block; width: 30%; text-align: center; } .content-right .ranking .ranking-box .ranking-list li a { text-align: center; } .content-right .ranking .ranking-box .ranking-list li a .fang { border-radius: 5px; background: #28b4d7; padding: 4px 6px; color: #fff; } .content-right .jies .tou { text-align: center; margin-top: 30px; font-size: 18px; padding: 13px 10px; color: #000; font-weight: 400; position: relative; } .content-right .jies .tou .heng { float: right; margin-top: -8px; width: 160px; height: 30px; background: #cccccc; position: relative; } .content-right .jies .tou .heng span { display: inline-block; width: 0; height: 0; position: absolute; left: -22px; top: 0; border-bottom: 30px solid #ccc; border-left: 22px solid transparent; } .content-right .jies .jies-box { padding: 10px; line-height: 1.8; font-size: 15px; color: #333; } .content-right .qun { margin-bottom: 20px; } .content-right .qun .tou { font-size: 18px; position: relative; color: #000; } .content-right .qun h1 { font-weight: 400; } .content-right .qun .qun-box { padding: 20px 10px; text-align: center; } .content-right .qun .qun-box img { max-width: 100%; height: auto; border-radius: 5px; } .content-right .qun .text { padding: 0 10px; line-height: 1.6; font-size: 15px; } .content-right .toutiao { margin-top: 20px; padding-bottom: 15px; position: relative; } .content-right .toutiao .tou { font-size: 18px; padding: 13px 10px; color: #000; margin-bottom: 15px; } .content-right .toutiao .tou .heng { float: right; margin-top: -8px; width: 160px; height: 30px; background: #cccccc; position: relative; } .content-right .toutiao .tou .heng span { display: inline-block; width: 0; height: 0; position: absolute; left: -22px; top: 0; border-bottom: 30px solid #ccc; border-left: 22px solid transparent; } .content-right .toutiao h3 { font-weight: 400; padding: 10px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content-right .toutiao .left-dian { display: inline-block; padding: 2px 4px; border-radius: 12px; border: 1px solid #666; margin-right: 10px; } .content-right .toutiao2 { margin-top: 0; } .content-right .read-box { margin-top: 10px; border: 1px solid #f0f0f0; position: relative; } .content-right .read-box .tou { font-size: 20px; padding: 13px 10px; color: #d40300; margin-bottom: 15px; } .content-right .read-box .read-list { padding: 10px 0 20px 0; } .content-right .read-box .read-list img { width: 95%; margin-left: 2%; } .content-right .read-box .read-list li { background: #fff; position: relative; align-items: center; padding: 3% 10px; } .content-right .read-box .read-list li .num { position: absolute; bottom: 39px; right: 9px; display: inline-block; padding: 2px 5px; background: #ff3333; color: #fff; } .content-right .read-box .read-list li em { display: inline-block; padding: 2px 5px; font-size: 14px; border-radius: 5px; color: #fff; background-color: #ffae2f; } .content-right .read-box .read-list li h4 { margin-left: 2px; margin-top: 10px; font-weight: 400; padding-bottom: 10px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #ccc; } .content-right .read-box .read-list li p { margin-top: 10px; overflow: hidden; } .content-right .read-box2 { margin-top: 0; margin-bottom: 10px; } .content-right .tui-du { padding-bottom: 10px; } .content-right .tui-du .tou { position: relative; font-size: 18px; padding: 10px 0; color: #000; } .content-right .tui-du .zai-list li { padding: 10px 30px; margin-right: 5px; position: relative; align-items: center; } .content-right .tui-du .zai-list li .icon1 { display: inline-block; border-radius: 50%; border: 2px solid #ccc; width: 5px; height: 5px; margin-right: 5px; } .content-right .tui-du .zai-list li .icon-num { padding: 2px; border-radius: 5px; border: 1px solid #ccc; display: inline-block; margin-right: 5px; } .content-right .tui-du .zai-list li img { border-radius: 10px; width: 100%; } .content-right .tui-du .zai-list h3 { font-weight: 400; border-bottom: 1px solid #f0f0f0; font-size: 17px; line-height: 1.5; } .content-right .zai-box { margin-bottom: 20px; padding-bottom: 20px; } .content-right .zai-box .tou { padding-bottom: 10px; font-size: 18px; position: relative; color: #000; } .content-right .zai-box .zai-list li { display: flex; padding: 10px; align-items: center; } .content-right .zai-box .zai-list li .icon1 { display: inline-block; border-radius: 50%; border: 2px solid #ccc; width: 5px; height: 5px; margin-right: 5px; } .content-right .zai-box .zai-list li .icon-num { padding: 2px; border-radius: 5px; border: 1px solid #ccc; display: inline-block; margin-right: 5px; } .content-right .zai-box .zai-list li .l-img { width: 27%; overflow: hidden; } .content-right .zai-box .zai-list li .l-img img { height: 60px; } .content-right .zai-box .zai-list h3 { font-weight: 400; font-size: 16px; line-height: 1.5; border-bottom: 1px solid #f0f0f0; } .content-right .tui-box { position: relative; margin-bottom: 20px; padding-bottom: 20px; } .content-right .tui-box .tou { font-size: 18px; color: #000; } .content-right .tui-box .tui-one { padding: 0px 25px; } .content-right .tui-box .tui-one img { border-radius: 3px; width: 100%; } .content-right .tui-box .tui-one h3 { margin-top: 5px; line-height: 1.3; padding-bottom: 5px; border-bottom: 1px solid #f0f0f0; } .content-right .tui-box .tui-one h3 a { color: #3d4b5b; } .content-right .tui-box .tui-li { margin-top: 10px; padding: 10px 10px; overflow: hidden; display: flex; border-bottom: 1px solid #f0f0f0; position: relative; } .content-right .tui-box .tui-li .tui-num { margin-top: 6px; margin-right: 5px; padding-bottom: 2px; float: left; display: inline-block; border-bottom: 2px solid #f7710e; } .content-right .tui-box .tui-li img { width: 90px; border-radius: 5px; } .content-right .tui-box .tui-li h3 { margin-right: 5px; font-weight: 400; padding: 5px 0; line-height: 1.4; font-size: 15px; } .content-right .tui-box .tui-li h3 a { color: #666; } .content-right .tui-box .tui-li:hover { background-color: #f9f9f9; } .content-right .tui-box .tui-li:hover a { color: #000; } .jilu { position: relative; } .jilu .tai { position: absolute; top: 0; left: -30px; padding: 8px; background: #28b2d6; border-bottom-left-radius: 5px; border-top-left-radius: 5px; color: #fff; width: 15px; } .jilu .lu { position: absolute; top: 160px; left: -30px; width: 15px; padding: 8px; background: #ff4141; border-bottom-left-radius: 5px; border-top-left-radius: 5px; color: #fff; margin-right: 15px; } .lsm { background: #cccccc; padding: 20px; } .lsm p { line-height: 1.6; } .line-bg { margin-top: 30px; padding: 20px; background: #fff; border: 1px solid #858fa7; } .line-bg .line-title { position: relative; display: flex; justify-content: space-between; padding-top: 10px; } .line-bg .line-title p em { display: inline-block; width: 3px; height: 14px; background: #28b2d6; } .line-bg .line-title p span { display: inline-block; } .line-bg .line-title p .title { font-size: 18px; padding-bottom: 10px; } .line-bg .line-title p .gong { margin-right: 15px; } .line-bg .line-title p .gong strong { color: #df4960; } .line-bg .line-nav { padding: 20px 0; } .line-bg .line-nav .num { line-height: 30px; margin-right: 20px; } .line-bg .line-nav .num strong { color: #df4960; } .line-bg .line-nav p { float: left; } .line-bg .line-nav p span { display: inline-block; padding: 8px 10px; margin-right: 8px; color: #666; } .line-bg .line-nav p span.active { color: #1f56c5; } .line-bg .line-nav .nav-search { float: right; position: relative; border-bottom: 1px solid #27b3d6; } .line-bg .line-nav .nav-search .search-icon { margin-top: 10px; } .line-bg .line-nav .nav-search input { height: 32px; width: 220px; color: #999; } .line-bg .line-nav .nav-search span { height: 32px; line-height: 32px; text-align: center; color: #27b3d6; position: absolute; border-top-right-radius: 5px; border-bottom-right-radius: 5px; right: 0; top: 1px; display: inline-block; } .line-bg .nav-title { margin-top: 20px; padding: 10px 30px 15px 20px; justify-content: space-between; border-bottom: 1px solid #858fa7; background: #f9f9f9; display: flex; } .line-bg .nav-title .logo { width: 100px; text-align: left; } .line-bg .nav-title span { text-align: center; display: inline-block; width: 13%; } .line-bg .line-list { background: #f9f9f9; } .line-bg .line-list li { padding: 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; } .line-bg .line-list li .img { width: 100px; } .line-bg .line-list li img { width: 100px; height: 63px; border: 1px solid #ddd; } .line-bg .line-list li span { text-align: center; display: inline-block; width: 13%; } .line-bg .line-list li .look-name a { background: #27b3d6; color: #fff; padding: 5px 8px; } .article-bg .article-box { padding: 0 10px 0 20px; } .article-box h1 { font-size: 22px; padding: 15px 0; line-height: 1.3; color: #333; } .article-box .qian { display: inline-block; color: #fff !important; background: #f8785a; padding: 4px 12px 4px 15px; float: right; margin-right: 10px; font-size: 14px; font-weight: 400; } .article-box .name { float: right; background: #105191; color: #000; padding: 10px 10px; border-radius: 5px; } .article-box .clearfix { position: relative; } .article-box .clearfix p { margin-top: 8px; float: right; margin-top: -20px; color: #666; } .article-box .clearfix p span { display: inline-block; margin-right: 25px; } .article-box .clearfix p .xing { margin-top: -4px; } .article-box .biaoqian { height: 20px; } .article-box .biaoqian .name { display: inline-block; padding: 8px 8px 10px 8px; color: #000; background: #4286f5; } .article-box .biaoqian .num { float: right; margin-top: -15px; } .article-box .biaoqian .num img { margin-left: 20px; } .article-box .biaoqian .num .icon { font-size: 20px; color: red; margin-left: 20px; } .article-box .article-text { padding: 10px 0; position: relative; font-size: 14px; border-bottom: 1px solid #f0f5fb; } .article-box .article-text .fr { color: #0195ff; margin-right: 0; margin-left: 20px; } .article-box .article-text span { color: #666; margin-right: 20px; } .article-box .article-text span .xing { margin-top: -4px; } .article-box .article-text .ping { float: right; padding: 6px 5px; background: #f2f2f2; } .article-box .article-text .shou { float: right; padding: 6px 5px; background: #f2f2f2; } .article-box .article-text .title-bg { position: absolute; right: -71px; top: -15px; width: 138px; height: 48px; line-height: 35px; color: #fff; background: ; text-align: center; } .article-box .article-text .guan { color: #ccc; } .article-content { padding: 0px 10px; line-height: 1.6; color: #3e3d3d; } .article-content img { padding: 10px 0; display: block; margin: 0 auto; max-width: 100%; } .article-content strong { font-weight: bold; font-size: 18px; } .article-content a { color: #06f; } .article-content p { margin-top: 20px; } .content-bottom { height: 20px; font-size: 14px; color: #666; } .content-bottom span { float: right; margin-right: 10px; } .article-ping { margin-top: 20px; border-radius: 3px; } .article-ping2 { margin-top: 20px; padding-bottom: 20px; } .article-h3 { margin-left: 20px; font-size: 16px; padding: 15px 0 15px 0; border-bottom: 1px solid #ccc; } .article-title { border-radius: 10px; padding: 10px; } .article-title h3 { font-size: 18px; font-weight: 400; } .article-title h3 em { width: 8px; height: 8px; background: #e2415f; display: inline-block; margin-right: 7px; vertical-align: top; margin-top: 5px; } .article-title h3 span { display: inline-block; padding-bottom: 10px; } .article-title .article-li { display: flex; padding: 10px 0px; justify-content: space-between; flex-wrap: wrap; } .article-title li { width: 28%; padding: 10px 2%; border-radius: 5px; overflow: hidden; margin-right: 1%; margin-bottom: 10px; } .article-title li img { width: 100%; border-radius: 5px; } .article-title li h2 { float: left; padding: 3px 0px; line-height: 1.4; color: #666; font-weight: 400; } .article-title li h2 em { display: inline-block; width: 2px; height: 13px; background-color: #cc141e; margin-right: 5px; } .article-guan { padding: 10px 30px; border-radius: 10px; } .article-guan p { line-height: 1.4; padding: 10px 10px; } .article-guan p li { margin-bottom: 30px; padding: 0 20px; } .article-guan p .guan-top .top-left { float: left; } .article-guan p .guan-top .top-left span { display: inline-block; margin-left: 8px; margin-top: 15px; } .article-guan p .guan-top .top-right { margin-top: 15px; float: right; color: #999; font-size: 14px; } .article-guan p .guan-top .top-right span { margin-left: 20px; } .article-guan p .guan-top .top-right span strong { color: #000; } .article-guan p .guan-top .top-right .zan { margin: 0; } .article-guan p .guan-top img { width: 45px; height: 45px; border-radius: 50%; } .article-guan p p { width: 90%; margin-left: 6%; margin-top: 15px; color: #333; padding: 20px; background-color: #f2f2f2; position: relative; line-height: 1.4; } .article-guan p p em { position: absolute; left: 20px; top: -12px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #edeef0; } .article-wang { margin-top: 30px; } .company-big { margin-top: 20px; display: flex; } .company-big .company-left { background: #fff; width: 100px; float: left; } .company-big .company-left ul li { padding: 6px 0; margin-bottom: 30px; text-align: center; color: #fff; background: #ccc; position: relative; } .company-big .company-left ul li span { position: absolute; right: -5px; top: 9px; display: inline-block; width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid #ccc; border-bottom: 6px solid transparent; } .company-big .company-left ul .one { background: #28b2d6; } .company-big .company-left ul .one span { position: absolute; right: -5px; top: 9px; display: inline-block; width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid #28b2d6; border-bottom: 6px solid transparent; } .company-big .company-right { float: left; margin-left: 30px; width: 1030px; background: #fff; } .company-big .company-right h3 { margin-top: 30px; font-size: 18px; font-weight: 400; } .company-big .company-right h3 span { display: inline-block; text-align: center; width: 85px; padding-bottom: 10px; } .company-big .company-right h3 em { display: inline-block; width: 5px; height: 15px; background: #28b2d6; } .company-big .company-right h3:nth-child(1) { margin-top: 0; } .company-big .company-right .company-text { width: 1030px; } .company-big .company-right .company-text .text-table { float: left; width: 540px; } .company-big .company-right .company-text .text-right { float: left; height: 409px; width: 447px; border: 1px solid #f0f0f0; border-left: 0; padding: 20px; font-size: 14px; } .company-big .company-right .company-text .text-right h4 { font-size: 16px; margin-bottom: 20px; color: #333; } .company-big .company-right .company-text .text-right p { line-height: 1.7; text-indent: 2em; } .company-big .company-right .company-text table { width: 100%; border-collapse: collapse; border: 1px solid #f0f0f0; } .company-big .company-right .company-text table tr td { border: 1px solid #f0f0f0; color: #333; box-sizing: border-box; height: 50px; } .company-big .company-right .company-text table tr td .green { color: #059405; } .company-big .company-right .company-text table tr td .greenyan { display: inline-block; padding: 5px 10px; border-radius: 5px; color: #fff; background: #5cb85c; } .company-big .company-right .company-text table tr td .red { color: #f1680c; } .company-big .company-right .company-text table tr td .redyan { display: inline-block; padding: 5px 10px; border-radius: 5px; color: #fff; background: #f1680c; } .company-big .company-right .company-text table tr td.name { width: 200px; text-align: center; } .company-big .company-right .company-text table tr td.text { width: 791px; padding-left: 20px; } .company-big .company-right .company-text table tr a { margin-left: 10px; padding: 2px 4px; border: 1px solid #0066ff; color: #0066ff; } .company-big .company-right .company-text .logo { text-align: center; } .company-big .company-right .company-text .logo img { width: 200px; } .company-big .company-right .qq { margin-top: 10px; font-size: 14px; color: #333; } .company-big .company-right .ping-jie { padding: 15px 0; } .company-big .company-right .ping-jie p { line-height: 1.6; text-indent: 2em; } .article-bigbox { margin-bottom: 30px; background: #f6f9fe; } .article-bigbox .bigbox-ping { float: left; height: 465px; width: 223px; background: #557ccb; position: relative; } .article-bigbox .bigbox-ping p { position: absolute; bottom: 50px; left: 27px; } .article-bigbox .bigbox-ping p span { display: inline-block; padding: 20px 35px; color: #557ccb; background: #fff; border-radius: 5px; } .article-bigbox .bigbox-left { width: 220px; float: left; margin-left: 16px; } .article-bigbox .bigbox-left .title { width: 100%; height: 68px; background: #4a70bb; color: #fff; font-size: 18px; font-weight: bold; line-height: 68px; text-align: center; position: relative; } .article-bigbox .bigbox-left .title em { position: absolute; bottom: -9px; left: 102px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #4a70bb; } .article-bigbox .bigbox-left li { background: #fff; border: 1px solid #4a70bb; height: 98px; text-align: center; position: relative; border-bottom: 0; } .article-bigbox .bigbox-left li strong { font-size: 26px; color: #dd3350; } .article-bigbox .bigbox-left li p { margin-top: 30px; } .article-bigbox .bigbox-left li .look { bottom: 0; right: 0; position: absolute; display: inline-block; width: 0; height: 0; border-bottom: 45px solid #6c9ae9; border-left: 55px solid transparent; } .article-bigbox .bigbox-left li .name { position: absolute; right: 3px; bottom: 8px; color: #fff; transform: rotate(-40deg); font-size: 14px; } .article-bigbox .bigbox-left a:nth-child(5) li { border-bottom: 1px solid #0066ff; } .article-bigbox .bigbox-mid { margin-left: 20px; width: 720px; float: left; } .article-bigbox .bigbox-mid .mid-img { position: relative; margin-bottom: 8px; } .article-bigbox .bigbox-mid .mid-img img { width: 720px; height: 290px; } .article-bigbox .bigbox-mid .mid-img h2 { font-weight: 400; position: absolute; bottom: 0; left: 0; right: 0; padding: 11px 20px; background: rgba(0, 0, 0, 0.6); color: #ddd; } .article-bigbox .bigbox-mid .mid-img h2 span { float: right; } .article-bigbox .bigbox-mid .mid-one { display: flex; border-bottom: 1px solid #ddd; padding: 10px 0; } .article-bigbox .bigbox-mid .mid-one .num { display: inline-block; background: #4a70bb; color: #fff; padding: 4px 7px; } .article-bigbox .bigbox-mid .mid-one .text { margin-left: 20px; } .article-bigbox .bigbox-mid .mid-one .text h2, .article-bigbox .bigbox-mid .mid-one .text p { width: 650px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .article-bigbox .bigbox-mid .mid-one .text p { color: #666; } .article-bigbox .bigbox-mid .mid-one .text h2 { font-size: 18px; } .article-bigbox .bigbox-mid .mid-one .text a { color: #4a70bb; } .article-bigbox .bigbox-mid .mid-one .text p { margin-top: 15px; } .article-bigbox .bigbox-mid li { padding: 12px 0; font-size: 18px; } .article-bigbox .bigbox-mid li .number { display: inline-block; padding: 2px 5px; border-top-right-radius: 5px; background: #28b4d7; color: #fff; float: left; margin-right: 12px; } .article-bigbox .bigbox-mid li h2 { float: left; font-weight: 400; margin-top: 3px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 380px; } .article-bigbox .bigbox-mid li .time { margin-top: 3px; float: right; color: #858fa7; } .article-bigbox .bigbox-right { margin-top: 20px; width: 435px; margin-left: 18px; float: left; } .article-bigbox .bigbox-right li { margin-bottom: 35px; font-size: 18px; } .article-bigbox .bigbox-right li .number { display: inline-block; padding: 2px 5px; border-top-right-radius: 5px; background: #858fa7; color: #fff; float: left; margin-right: 12px; } .article-bigbox .bigbox-right li h2 { float: left; font-weight: 400; margin-top: 3px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 330px; } .article-bigbox .bigbox-right li .time { margin-top: 4px; float: right; color: #858fa7; } .article-bigbox .bigbox-right li:nth-child(2) .number, .article-bigbox .bigbox-right li:nth-child(1) .number, .article-bigbox .bigbox-right li:nth-child(3) .number, .article-bigbox .bigbox-right li:nth-child(4) .number { background: #f4b721; } .footer { background-color: #093003; } .footer .youlian-box { margin-top: 10px; /*display: flex;*/ padding: 20px 0; justify-content: space-around; align-items: center; } .footer .youlian-box .footer-logo { float: left; width: 130px; } .footer .youlian-box .footer-logo img { width: 100%; } .footer .youlian-box .youlian-left { text-align: center; color: #999; } .footer .youlian-box .youlian-left .num { font-size: 20px; margin-top: 15px; } .footer .youlian-box .youlian-right { float: left; margin-left: 150px; } .footer .youlian-box .youlian-right p { color: #999; } .footer .youlian-box .youlian-right a { display: inline-block; margin-right: 10px; margin-top: 15px; color: #999; } .footer .about-address { display: flex; padding: 30px 0 10px 0; justify-content: space-around; } .footer .about-address img { margin-right: 8px; } .footer .about-address a { flex: 1; border-right: 1px solid #17e53d; padding: 2px 0; margin-top: 5px; color: #ade813; text-align: center; font-size: 18px; font-weight: 600; } .footer .about-address a:nth-child(4) { border: 0; } .footer .footer-bottom { width: 100%; background: #ade813; } .footer .footer-bottom .wrap-bottom { border-top: 1px solid #999; margin: 0 auto; width: 1200px; padding: 20px 0; color: #2a0867; } .footer .footer-bottom p { font-size: 14px; text-align: center; line-height: 1.5; color: #2a0867; } .footer .footer-bottom a { font-size: 14px; text-align: center; line-height: 1.5; color: #2a0867; } .cebian { display: none; } @media (max-width: 1140px) { .zi-top .zi-right .zi-img, .zi-top .zi-right .ti-img, .zi-top .zi-right .zi-img img { width: 100%; height: auto; } .zi-top .zi-right { width: 100%; } .zi-top .zi-right .zi-small { width: 100%; } .zi-top .re-right { margin-top: 10px; width: 100%; margin-left: 0px; } .lan-box .lan-small { width: 48%; margin-top: 10px; } .lan-box .lan-img { width: 100%; } .lan-box .lan-img img { height: auto; max-height: 130px; } .lan-box h2 { width: 100%; } .top-big .top-h1 { width: 96%; padding: 2%; } .header .nav ul li a { color: #333; } .redian-box .redian-a a { width: 47%; } .big-about .wrap { padding: 0; } .big-box .pingtai-box .name { padding: 10px 10px; width: 100%; } .big-box .pingtai-box .head-name { padding: 0 10px; } .big-box .pingtai-box .ping-text { width: 98%; padding: 0 10px; } .footer .youlian-box .youlian-left, .footer .youlian-box .youlian-right { margin-top: 20px; } .about-box .mian-box { padding: 10px 10px; } .big-box .pingtai-box .pingtai-wrap { width: 100%; } .form { width: 50%; } .footer .youlian-box .footer-logo { width: 100%; text-align: center; } .footer .youlian-box .footer-logo img { width: 30%; } .footer .about-address { width: 100%; } .footer .about-address a { margin-right: 10px; } .header .nav .phone-li { background: #fff; z-index: 99; position: absolute; top: 80px; left: 0; width: 100%; } .header .nav ul li { color: #333; } .footer .youlian-box .youlian-right { margin-left: 30px; } .footer .footer-bottom .wrap-bottom { width: 100%; padding: 10px 0; } .top-big .top-middle { width: 100%; float: none; height: auto; } .top-big .top-middle img { width: 100%; min-height: auto; } .top-big .top-right { margin: 0; float: none; width: 100%; } .wrap-header { width: 100%; } .footer .footer-bottom { width: 100%; margin-bottom: 20px; } .qi-box .qi-left li { margin-top: 30px; padding: 0 10px; } .qi-box .qi-left { width: 100%; float: none; } .qi-box .qi-right { width: 100%; float: none; margin-top: 20px; } .qi-box .qi-right img { height: auto; } .zhang-box { border: 0; } .zhang-box .zhang-left { width: 100%; float: none; } .zhang-box .zhang-left .left-img { width: 100%; } .zhang-box .zhang-right { width: 96%; float: none; padding: 0 2%; margin-left: 0; } .footer .clearfix { flex-wrap: wrap; } .pei-box .pei-left { width: 100%; float: none; } .pei-box .pei-right { margin-top: 10px; width: 100%; } .pei-box .pei-left .left-hot { margin: 0 2%; } .pei-box .pei-left .left-hot a { width: 30%; } .pei-box .pei-left .left-hot a:nth-child(10), .pei-box .pei-left .left-hot a:nth-child(11), .pei-box .pei-left .left-hot a:nth-child(12) { display: none; } .yue-box { margin-top: 20px; } .article-content img { width: 100%; } .cebian { display: block; } .phone-li { display: none; } .serach-box { width: 80%; } .serach-box input { width: 50%; } .big-box .lb-box .lb-left { float: none; width: 100%; height: auto; } .big-box .lb-box .lb-midder { margin-top: 20px; float: none; width: 90%; padding: 0 5%; } .big-box .lb-box .lb-right .right-redian { margin-top: 20px; background-size: 100% 100%; float: none; width: 100%; } .introduce-box .introduce-left { float: none; background-size: 100%; height: 55rem; width: 100%; } .introduce-box .introduce-right { float: none; width: 100%; } .wz-xia { padding: 10px; } .article-guan .guan-top .top-right span { margin-left: 1.8rem; } .article-guan p { margin: 10px 0 0 0; } .hushenjing { width: 100%; border: 0; } .wz-xia .xia-right { margin-top: 20px; width: 100%; float: none; } .content-left .chapter-num .address { margin-top: 0; } .content-left .chapter-num li { padding: 0; margin-top: 10px; } .header .top-logo { width: 96%; padding: 0 2%; } .about-title .title-name { font-size: 3.5rem; } .about-box .lianxi-box p { width: 100%; } .about-nav li { margin-right: 3%; } .about-box .about-content { padding: 0 10px; } .content-left .page-box a { padding: 3px 1.2rem; } .footer .footer-bottom p { margin-top: 15px; padding: 0 2%; } .footer .footer-top { width: 100%; } .footer .footer-top div { margin-right: 5%; } .header .header-logo { width: 100%; } .footer .footer-left { margin: 0 5%; border: 0; width: 80%; } .footer .footer-left div { margin-right: 5%; } .footer .footer-right { width: 100%; padding: 10px 0; margin: 0; } .footer .footer-right .qq { margin-right: 10%; } .footer .footer-right .weixin { margin-left: 20%; } .content-right { margin-top: 20px; } .footer .footer-left div:last-child { border: 0; } .footer .footer-left div p { width: 100%; } .content-left .chapter-num .left-img .biao { font-size: 2rem; padding: 3px; } .article-box .name { display: none; } .article-bg .article-left li { width: 96%; margin: 0 2%; } .article-bg .article-left li h2 { font-size: 3.2rem; width: 51rem; } .article-bg .article-left li .num { font-size: 2.8rem; } .article-bg .article-left .article-one h1 { font-size: 4.4rem; } .header .logo-text { width: 96%; padding: 10px 2%; } .header .top-right { width: 45%; } .header .top-right input { width: 60%; font-size: 2.6rem; } .article-bg .article-left img { height: auto; } .biaoqian { margin: 0 5px; } .content-left2 { padding: 0; } .content-left .nav-ul li { font-size: 3rem; } .content-left .nav-ul li span { padding: 10px 7px 10px 7px; } .content-left .chapter-num .left-img { width: 22rem; } .content-left .chapter-num .left-img .qian { font-size: 1rem; padding: 1rem; } .content-left .chapter-num .list-right .time-img { margin: 1.8rem 0 0 0rem; font-size: 2.5rem; } .content-left .chapter-num .list-right .num .ping { margin-left: 1rem; } .content-left .chapter-num .list-right .num span { margin-right: 1rem; } .article-hot { padding: 10px 1%; } .article-hot .hot-name { width: 9%; padding: 2%; font-size: 3rem; } .article-hot h1 { width: 82%; font-size: 4.3rem; margin-left: 3%; } .article-box .article-text .shou { display: none; } .article-box .article-text .ping { display: none; } .article-bg .article-right .article-one .one-right h1 { font-size: 4rem; } .article-bg .article-right .article-one .one-right p { font-size: 3rem; } .content-left .chapter-num .list-right .num img { width: 3rem; } .content-left .chapter-num .list-right .num { font-size: 2.8rem; margin: 5px 0 0 0; } .header .nav { width: 96%; padding: 10px 2%; } .content-left .chapter-num .list-right .right-bottom { display: none; } .content-left .chapter-num .list-right .right-time { bottom: -15px; top: auto; font-size: 12px; } .one-right { margin-top: 10px; } .header .header-box .header-top .top-right .top-input input { width: 16rem; } .article-box h1 { width: 100%; padding: 15px 0; font-size: 4rem; } .article-box .qian { display: none; } .content-left .chapter-num .list-right .clearfix { padding-top: 5px; margin-bottom: 10px; } .content-left .chapter-num .list-right .clearfix .biao { margin-right: 0; font-size: 2.5rem; padding: 1rem; } .content-left .chapter-num .list-right .clearfix2 { padding-top: 0; } .article-bg .article-right li .time { font-size: 14px; } .article-bg .article-right li h2 { overflow: hidden; white-space: nowrap; width: 68%; font-size: 15px; text-overflow: ellipsis; } .content-left .chapter-num .list-right .title { font-size: 2.9rem; margin-top: 0; line-height: 1.3; } .content-left .chapter-num .list-right .label, .content-left .chapter-num .list-right .time, .content-left .chapter-num .list-right .name { display: none; } .chapter-num ul { background-color: #fff; padding: 10px 10px; } .wrap { width: 100%; } .footer .footer-name { width: 96%; padding: 0 2%; } .footer .footer-name p { font-size: 2.5rem; } .footer .footer-box { width: 100%; } .footer .footer-box .footer-left { width: 96%; padding: 0 2%; margin-left: 0; } .footer .footer-box .footer-midder { padding-right: 0; width: 100%; border: 0; } .footer .footer-box .footer-right { margin-left: 0; padding: 2%; width: 96%; font-size: 14px; } .header .nav .logo-text { width: 96%; margin-left: 4%; } .header .nav .logo-text .logo-bg { width: 100%; } .header .nav ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 13px; } .header .nav ul li { padding-top: 13px; text-align: center; margin-left: 0; width: 100%; } .header .nav ul li .dian { right: 20%; top: 8px; } .header .nav ul li .hot { left: 12%; top: 0; } .header .nav ul li .ping-num { top: 1px; right: 20%; } .header .nav ul li .ping-num i { top: -14px; } .included-box { width: 100%; } .article-bg { flex-wrap: wrap; } .article-bg .article-left { width: 100%; } .article-bg .article-left img { width: 100%; } .article-bg .article-right { width: 100%; display: none; } .article-bg .article-left li h1 { width: 66%; line-height: 1.2; } .content-left .nav-ul li { margin-right: 3%; } .content-left { width: 100%; float: none; } .content-left .chapter-num .img { width: 22rem; min-height: auto; height: auto; } .content-left .chapter-num .list-right { width: 63%; margin-left: 3%; padding: 0; } .content-left .chapter-num .list-right p { margin-top: 3px; height: auto; font-size: 2.5rem; width: 100%; } .content-right { float: none; width: 100%; border: 0; padding: 0; } .article-box .clearfix p { display: none; } .article-box .clearfix .biaoqian .name { display: none; } .article-box .article-text { flex-wrap: wrap; } .article-box .article-text span { line-height: 1.5; } .article-title li p { width: 100%; padding: 5px 0; } .article-title li { width: 46%; padding: 0; } .article-title li img { width: 100%; } } .hot-tao { color: #666; padding: 10px; height: 800px; /*overflow-y: scroll;*/ } .hot-tao .zai-list { padding: 0 10px; } .hot-tao li { border-bottom: 1px dashed #ccc; } .hot-tao h3 { font-size: 16px; padding: 10px 0; font-weight: 400; color: #000; } .hot-tao p { font-size: 14px; color: #999; padding: 10px 0; line-height: 1.3; } .hot-tao .spancl { margin-left: 10px; } .pinglun { line-height: 1.4; } .pinglun { margin-top: 20px; } .pinglun .pinglun-time { display: inline-block; margin-left: 20px; color: #999; font-size: 15px; } .du-list { padding: 10px; }