/*banner*/ .news_banner { width: 100%; height: auto; overflow: hidden; display: block;} .news_banner img { width: 100%; height: auto;} .news_banner_m { display: none; } @media (max-width:575px) { .news_banner { display: none;} .news_banner_m { display: block; padding-top: 58px; } .news_banner_m img { width: 100%; height: auto;} } /*面包屑*/ .bnav { margin-top: 25px; max-width: 1280px; height: 60px; line-height: 60px; margin: auto;margin-top: -1px; } .bnav span i { margin-left: 10px; margin-right: 10px; } @media (max-width:575px) { .bnav { padding:10px 30px;} } .tag_nav { width: 100%; height: 10px; border-top: #ddd 1px solid; margin-top: -1px; } @media (max-width:575px) { .tag_nav { margin-top: 50px; } } /*news_bar*/ .news_bar { margin-top: 0; height: auto; } .news_bar .header { margin: auto; height: 90px; line-height: 90px;border-bottom: #2db3a9 2px solid; } .news_bar .header .row { max-width: 1280px; margin: auto; height: 90px; line-height: 90px;font-size: 2.6rem; font-weight: 600; } .news_bar .header .row a { font-size: 1.25rem; line-height: 59px; margin-right: 30px; border-bottom: #fff 5px solid; display: inline-block; font-weight: normal; } .news_bar .header .row a:hover , .news_bar .header .row a.checked { border-bottom: #40d0bb 5px solid; color: #40d0bb; } .news_bar .header .side_search {float: right; width: 100%; height:42px; line-height: 30px; margin-top: 30px; overflow: hidden; background: #fff; border-radius:4px; color: #fff; font-size: 14px; border: #2db3a9 1px solid; } .news_bar .header .side_search input:first-child { background:transparent; color: #787878; width: 85%; height: 38px; border: 0; border-radius: 32px; padding-left: 15px; float: left; } .news_bar .header .side_search input::-webkit-input-placeholder { color: #999;} .news_bar .header .side_search input:last-child { width: 42px;height: 38px; background: url(../images/news/search_icon.png) center no-repeat; border: 0; float: left;} @media (max-width:575px) { .news_bar .header { height: auto; padding-bottom: 10px; } .news_bar .header .row { height: auto; line-height: 50px; } .news_bar .header .row a { width: 48%; height: 50px; line-height: 50px; margin: 0; overflow: hidden; padding:0 10px; border: #ddd 1px solid; border-radius: 4px; } } /*news_box*/ .news_main { margin-top: 0; background: #f5f5f5; height: auto; padding: 30px 0 60px 0; } .news_main .box { max-width: 1280px; margin: auto; height: auto; border-radius: 20px; padding-bottom: 80px; } .news_main .box .list { width: 100%; height: auto; padding: 30px; background: #fff; } .news_main .box .list .row { padding-right: 30px; margin-bottom: 30px; border-bottom: #dedede 1px solid; padding-bottom: 35px; } .news_main .box .list .img { width: 100%; overflow: hidden; border-radius: 10px;} .news_main .box .list .img img { width: 100%; height: auto; transition: all 0.5s; } .news_main .box .list .img img:hover { transform:scale(1.1);} .news_main .box .list h3 { font-size: 1.375rem; border-bottom: 10px; line-height: 26px; } .news_main .box .list h3 a { color: #3b3b3b;} .news_main .box .list h3 a:hover { color: #40d0bb;} .news_main .box .list .row .col-sm-8 { padding-left: 30px;} .news_main .box .list p.dis { font-size: 1rem; color: #787878; width: 100%; height: 90px; overflow: hidden; line-height: 22px; } .news_main .box .list p span.tag a { padding: 2px 8px; line-height: 24px; background: #40d0bb; display: inline-block; color:#fff; border-radius: 2px; font-size: 0.8rem; text-align: center; } .news_main .box .list p span.tag a.c1 { background: #40d0bb; } .news_main .box .list p span.tag a.c2 { background: #88cb72; } .news_main .box .list p span.tag a.c3 { background: #ee8176; } .news_main .box .list p span.tag a:hover { background: #666;} .news_main .box .list p span.views { margin-left: 20px; color: #999999; } .news_main .box .list p span.time { margin-left: 20px; color: #999999; } .search_kw { font-size: 1.375rem; color: #666;} .search_kw span { color: #ee8176;} .news_main .box .list.tag a { padding: 2px 8px; line-height: 24px; background: #40d0bb; display: inline-block; color:#fff; border-radius: 2px; font-size: 0.8rem; text-align: center;margin: 0.3vw; } .news_main .box .list.tag a.c1 { background: #40d0bb; } .news_main .box .list.tag a.c2 { background: #88cb72; } .news_main .box .list.tag a.c3 { background: #ee8176; } .news_main .box .list.tag a.c4 { background: #40a2d0; } .news_main .box .list.tag a.c5 { background: #cb72bc; } .news_main .box .list.tag a.c6 { background: #e9c244; } .news_main .box .list.tag a:hover { background: #666;} .news_main .box .side_tag { width: 100%; height: auto; background: url(../images/news/side_top_bg1.jpg) left top no-repeat #2bb0a6; border-radius: 10px; overflow: hidden; padding-bottom: 30px; } .news_main .box .side_tag h3 { font-size:1.5rem; font-weight: 600; height: 80px; padding-left: 30px; line-height: 80px; color: #fff; } .news_main .box .side_tag p a { color: #fff; font-size: 1rem; width: auto; padding-left: 15px; display: inline-block; overflow: hidden; } .news_main .box .side_quick { width: 100%; height: auto; text-align: center; margin-top: 30px; } .news_main .box .side_quick a { font-size: 1rem; width: 48%; text-align: center; display: inline-block; overflow: hidden; border-radius: 4px; height: 48px; line-height: 48px; background: #fb9b4c; color: #fff;} .news_main .box .side_quick a.s1 { background: #fb9b4c;} .news_main .box .side_quick a.s2 { background: #71b7e6;} .news_main .box .side_quick a.s3 { background: #ee8176;} .news_main .box .side_quick a.s4 { background: #88cb72;} .news_main .box .side_quick a.s1:hover { background: #ec8632;} .news_main .box .side_quick a.s2:hover { background: #4aa0da;} .news_main .box .side_quick a.s3:hover { background: #e76b5e;} .news_main .box .side_quick a.s4:hover { background: #6fbe55;} .news_main .box .side_hot { width: 100%; height: auto; background: #fff; border-radius: 10px; overflow: hidden; padding-bottom: 30px; margin-top: 30px; } .news_main .box .side_hot h3 { font-size:1.5rem; font-weight: 600; height: 60px; padding-left: 20px; line-height: 80px; color: #3b3b3b; } .news_main .box .side_hot p.line { width: 16%; height: 5px; line-height: 5px; border-radius: 3px; background: #40d0bb; display: inline-block; margin-left: 20px; margin-bottom: 35px; } .news_main .box .side_hot .row { padding:0 20px 20px 20px;} .news_main .box .side_hot img { width: 100%; height: auto;} .news_main .box .side_case { width: 100%; height: auto; background: #fff; border-radius: 10px; overflow: hidden; padding-bottom: 30px; margin-top: 30px; } .news_main .box .side_case h3 { font-size:1.5rem; font-weight: 600; height: 60px; padding-left: 20px; line-height: 80px; color: #3b3b3b; } .news_main .box .side_case p.line { width: 16%; height: 5px; line-height: 5px; border-radius: 3px; background: #40d0bb; display: inline-block; margin-left: 20px; margin-bottom: 15px; } .news_main .box .side_case .row { padding:0 20px 20px 20px;} .news_main .box .side_case .row ul li { line-height: 26px; margin-bottom: 10px;} @media (max-width:575px) { /* .news_bar .header { height:auto; line-height: 90px;border-bottom: 0; } .news_bar .header .row { max-width: 100%; height: auto; line-height: 48px;font-size: 1.6rem; } .news_bar .header .row a { width: 48%; font-size: 1.25rem; line-height: 48px; height: 48px; margin-right: 0; border-bottom: 0 ; display: inline-block; font-weight: normal; } .news_bar .header .row a.checked { border-bottom: #40d0bb 3px solid; color: #40d0bb; } */ .news_main .box .list { padding: 0; } .news_main .box .list .row { padding: 20px; margin-bottom: 10px; border:0; padding-bottom: 35px; } .news_main .box .list h3 { font-size: 1.375rem; border-bottom: 10px; line-height: 26px; } .news_main .box .list .row .col-sm-8 { padding: 20px;} .news_main .box .list .row img { width: 100%; height: auto;} .news_main .box .list p.dis { font-size: 0.875rem; color: #787878; width: 100%; height: auto; overflow: hidden; line-height: 22px; } .news_main .box .list p:last-child { margin-top: 20px;} .news_main .box .list p span.tag { width: 100%; height: auto; display: block; padding-bottom: 10px; } .news_main .box .list p span.views { margin-left: 0; } } /*详细*/ .news_main .box .detail { width: 100%; height: auto; padding: 30px 30px 10px 30px; background: #fff; border-radius: 10px; margin-top: 0; } .news_main .box .detail .row:first-child { padding-right: 30px; margin-bottom: 30px; padding-bottom: 50px; } .news_main .box .detail .row:first-child { border-bottom: #dedede 1px solid; } .news_main .box .detail h1 { font-size: 2rem; border-bottom: 10px; line-height: 45px; font-weight: 600; text-align: center; } .news_main .box .detail h3 { font-size: 1.125rem; border-bottom: 10px; line-height: 35px; } .news_main .box .detail h1 a span { color: #999; font-weight: normal; font-size: 1.215rem;} .news_main .box .detail .row .col-sm-8 { padding-left: 30px;} .news_main .box .detail p.dis { font-size: 1rem; color: #555; width: 100%; height: auto; overflow: hidden; line-height: 24px; padding-bottom: 30px; } .news_main .box .detail p.dis span { width: 100%; height: auto; display: inline-block; background: url(../images/team/dot.png) left top no-repeat; padding-left: 15px;} .news_main .box .detail p.subtitle { width: 100%; font-size: 1rem; color: #878787; margin-bottom: 35px; text-align: center; } .news_main .box .detail p.subtitle span { padding-right: 20px;} .news_main .box .detail p a { color: #2db3a9 !important; } .news_main .box .detail p span.tag a { padding: 2px 8px; line-height: 24px; background: #40d0bb; display: inline-block; color:#fff; border-radius: 2px; font-size: 0.8rem; text-align: center; } .news_main .box .detail p span.tag a.c1 { background: #40d0bb; } .news_main .box .detail p span.tag a.c2 { background: #88cb72; } .news_main .box .detail p span.tag a.c3 { background: #ee8176; } .news_main .box .detail p span.tag a:hover { background: #666;} .news_main .box .detail p span.star { margin-left: 20px; color: #b9b9b9; } .news_main .box .detail p span.star i.checked { color: #40d0bb; } .news_main .box .detail .submit { width: 100%; height: auto; padding-top: 40px; text-align: center;} .news_main .box .detail .submit a { width: 180px; height: 50px; line-height: 50px; display:inline-block ; margin: auto; border-radius: 25px; color: #fff; text-align: center; font-size: 1.375rem; padding-left: 0; padding-right: 0; } .news_main .box .detail .submit a.pg { background: #2bb0a6; } .news_main .box .detail .submit a.zx { background: #f49402; margin-top:20px; } .news_main .box .detail .submit a img { width: auto; height: auto; border-radius: 0; margin-top: -5px; margin-right: 10px; } .news_main .box .detail .submit a.pg:hover { background: #269a91;} .news_main .box .detail .submit a.zx:hover { background: #db8502;} .news_main .box .detail .share { width: 100%; text-align: right;} .news_main .box .detail .share a { width: 40px; height: 40px; line-height: 30px; text-align: center; color: #fff; padding: 5px; border-radius: 30px; display: inline-block; font-size: 1.2rem; } .news_main .box .detail .share a.weibo {background: #e6172e; background: #999; } .news_main .box .detail .share a.weixin {background: #2ec101; background: #999;} .news_main .box .detail .share a.twitter {background: #1ea1f2; background: #999; } .news_main .box .detail .share a.facebook {background: #3c5a98; background: #999; } .news_main .box .detail .share a:hover { background: #2bb0a6; } .news_main .box .detail .left { width: 100%; } .news_main .box .detail .left a { width: auto; display: block; margin-bottom: 10px; padding: 2px 12px; height: 40px; line-height: 36px; color: #fff; border-radius: 4px; background: #2bb0a6; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; } .news_main .box .detail .left a i{ margin-right: 15px;} .news_main .box .detail .left a:hover { background: #666;} /*相关*/ .news_main .box .detail .similar { padding-top: 30px; } .news_main .box .detail .similar h3 { color: #2bb0a6; font-size: 1.8rem; height: auto; line-height: 30px; padding-bottom: 20px; border-bottom: #dedede 1px solid; } .news_main .box .detail .similar h3 span { color: #8b8b8b; font-size: 1.125rem; font-weight: normal; } .news_main .box .detail .similar .slist { margin-top: 30px; } .news_main .box .detail .similar .slist h4 { color: #2bb0a6; font-size: 1.125rem; height: 50px; line-height: 22px; } .news_main .box .detail .similar .slist p { color: #999; font-size: 0.8rem; line-height: 22px;} .news_main .box .detail .similar .slist .row { border-bottom:#efefef 1px solid ; padding-bottom: 30px;} .news_main .box .detail .similar .slist .col-sm-6:nth-child(5) .row,.team_main .box .detail .similar .slist .col-sm-6:nth-child(6) .row { border:0 ; } .news_main .box .detail .similar .slist .col-sm-6 .img { width: 100%; height: auto; border-radius: 4px; overflow: hidden;} .news_main .box .detail .similar .slist .col-sm-6 .img img { width: 100%; height: auto; transition: all 0.3s;} .news_main .box .detail .similar .slist .col-sm-6:hover .img img { transform: scale(1.1);} #detail_content img { width: auto; max-width: 90%; } @media (max-width:575px) { #detail_content img { width: auto; max-width: 100% !important; height: auto; } }