/*banner*/ .team_banner { width: 100%; height: auto; overflow: hidden; display: block; overflow: hidden; margin-top: -1px; } .team_banner img { width: 100%; height: auto; object-fit: none; } .team_banner_m { display: none; } .team_banner_m img { width: 100%; height: auto; } @media (max-width:575px) { .team_banner { display: none;} .team_banner_m { display: block; margin-top: 50px;} } /*面包屑*/ .bnav { margin-top: 25px; max-width: 1280px; height: 70px; line-height: 60px; margin: auto; } .bnav span i { margin-left: 10px; margin-right: 10px; } @media (max-width:575px) { .bnav { padding:10px 30px;} } /*news_bar*/ .team_bar { margin-top: 0; height: auto; } .team_bar .header { margin: auto; height: 78px; line-height: 78px;border-bottom: #2db3a9 2px solid; } .team_bar .header .row { max-width: 1280px; margin: auto; height: 78px; line-height: 78px;font-size: 2.6rem; font-weight: 600; } /* .team_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; } .team_bar .header .row a:hover , .team_bar .header .row a.checked { border-bottom: #40d0bb 5px solid; color: #40d0bb; } */ .team_bar .header h1 { font-size:2rem; height: 71px; line-height: 71px; } .team_bar .header h1 span { font-size:1.125rem; width: 488px; height: 71px; display: inline-block; background: url(../images/team/team_sub_title_bg.png) 100% no-repeat; padding-left: 50px; color: #fff; } .team_bar .header .side_search {float: right; width: 100%; height:42px; line-height: 30px; margin-top: 20px; overflow: hidden; background: #fff; border-radius:4px; color: #fff; font-size: 14px; border: #2db3a9 1px solid; } .team_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; } .team_bar .header .side_search input::-webkit-input-placeholder { color: #999;} .team_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) { .team_bar .header { height:auto; line-height: 90px;border-bottom: 0; } .team_bar .header .row { max-width: 100%; height: auto; line-height: 48px;font-size: 1.6rem; } .team_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; } .team_bar .header .row a.checked { border-bottom: #40d0bb 3px solid; color: #40d0bb; } } /*team_main*/ .team_main { margin-top: 0; background: #f5f5f5; height: auto; padding: 30px 0 60 0; } .team_main .box { max-width: 1280px; margin: auto; height: auto; border-radius: 20px; padding-bottom: 80px; } .team_main .box .list { width: 100%; height: auto; padding: 30px ; background: #fff; margin-top: 30px; border-radius: 10px; } .team_main .box .list .row { padding: 30px 30px 35px 0; margin-bottom: 30px; border-bottom: #dedede 1px solid; } .team_main .box .list .img { width: 250px; height: 250px; border-radius: 50%; margin: auto ; overflow: hidden; text-align: center; } .team_main .box .list .img img { width: 100%; height: auto; transition: all 0.3s; } .team_main .box .list .img:hover img { transform: scale(1.1);} .team_main .box .list h3 { font-size: 1.375rem; border-bottom: 10px; line-height: 32px; } .team_main .box .list h3 a { color: #3b3b3b; font-weight: 600;} .team_main .box .list h3 a span { color: #999;} .team_main .box .list h3 a:hover { color: #2bb0a6;} .team_main .box .list h4 { font-size: 1.375rem; border-bottom: 10px; line-height: 32px; color: #2bb0a6; } .team_main .box .list .row .col-sm-8 { padding-left: 30px;} .team_main .box .list p.dis { font-size: 1rem; color: #787878; width: 100%; height: 150px; overflow: hidden; line-height: 24px; } .team_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; } .team_main .box .list p span.tag a.c1 { background: #40d0bb; } .team_main .box .list p span.tag a.c2 { background: #88cb72; } .team_main .box .list p span.tag a.c3 { background: #ee8176; } .team_main .box .list p span.tag a:hover { background: #666;} .team_main .box .list p.star { color: #b9b9b9; padding-top: 10px; } .team_main .box .list p.star i.checked { color: #40d0bb; } .team_main .box .list .submit { width: 100%; height: auto; padding-top: 60px; text-align: right;} .team_main .box .list .submit a { width: 130px; height: 40px; line-height: 40px; display: block ; margin: auto; border-radius: 20px; padding-left: 20px; color: #fff; text-align: left; } .team_main .box .list .submit a.pg { background: #2bb0a6; } .team_main .box .list .submit a.zx { background: #f49402; margin-top:20px; } .team_main .box .list .submit a img { width: auto; height: auto; border-radius: 0; margin-top: -5px; } .team_main .box .list .submit a.pg:hover { background: #269a91;} .team_main .box .list .submit a.zx:hover { background: #db8502;} @media (max-width:575px) { .team_main .box .list h3 {line-height: 24px; margin-top: 15px; } .team_main .box .list h4 {line-height: 24px; } .team_main .box .list p.dis { margin-bottom: 15px; height: auto;} .team_main .box .list .submit { padding-top: 20px; text-align: center;} .team_main .box .list .submit a { width: 45%; margin-right: 10px; display: inline-block; } } /*side*/ .team_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; margin-top: 30px; } .team_main .box .side_tag h3 { font-size:1.5rem; font-weight: 600; height: 80px; padding-left: 30px; line-height: 80px; color: #fff; } .team_main .box .side_tag p a { color: #fff; font-size: 1rem; width: auto; padding-left: 15px; display: inline-block; overflow: hidden; } .team_main .box .side_quick { width: 100%; height: auto; text-align: center; margin-top: 30px; } .team_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;} .team_main .box .side_quick a.s1 { background: #fb9b4c;} .team_main .box .side_quick a.s2 { background: #71b7e6;} .team_main .box .side_quick a.s3 { background: #ee8176;} .team_main .box .side_quick a.s4 { background: #88cb72;} .team_main .box .side_quick a.s1:hover { background: #ec8632;} .team_main .box .side_quick a.s2:hover { background: #4aa0da;} .team_main .box .side_quick a.s3:hover { background: #e76b5e;} .team_main .box .side_quick a.s4:hover { background: #6fbe55;} .team_main .box .side_hot { width: 100%; height: auto; background: #fff; border-radius: 10px; overflow: hidden; padding-bottom: 30px; margin-top: 30px; } .team_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; } .team_main .box .side_hot .row { padding:0 20px 20px 20px;} .team_main .box .side_hot img { width: 100%; height: auto;} .team_main .box .side_case { width: 100%; height: auto; background: #fff; border-radius: 10px; overflow: hidden; padding-bottom: 30px; margin-top: 30px; } .team_main .box .side_case h3 { font-size:1.5rem; font-weight: 600; height: 60px; padding-left: 20px; line-height: 80px; color: #3b3b3b; } .team_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; } .team_main .box .side_case .row { padding:0 20px 20px 20px;} .team_main .box .side_case .row ul li { line-height: 26px; margin-bottom: 10px;} .team_main .box .side_service { width: 100%; height: auto; background: #fff; border-radius: 10px; overflow: hidden; padding-bottom: 0; margin-top: 30px; } .team_main .box .side_service h3 { font-size:1.5rem; font-weight: 600; height: 60px; padding-left: 20px; line-height: 80px; color: #3b3b3b; } .team_main .box .side_service p.line { width: 16%; height: 5px; line-height: 5px; border-radius: 3px; background: #40d0bb; display: inline-block; margin-left: 20px; margin-bottom: 15px; } .team_main .box .side_service .row { padding:0 20px 20px 20px; } .team_main .box .side_service img { width: 100%; height: auto; margin-top: 20px; border-radius: 10px; } .team_main .box .side_service p { height: 42px; text-align: center; line-height: 42px;} .team_main .box .side_service .row .col-sm-6:first-child { border-right:#dfdfdf 1px solid; border-bottom:#dfdfdf 1px solid; } .team_main .box .side_service .row .col-sm-6:nth-child(2) { border-bottom:#dfdfdf 1px solid; } .team_main .box .side_service .row .col-sm-6:nth-child(3) { border-right:#dfdfdf 1px solid; } .team_main .box .side_service .row a:hover p { color: #269a91;} @media (max-width:575px) { .team_main .box .list { padding: 0; } .team_main .box .list .row { padding: 20px; margin-bottom: 10px; border:0; padding-bottom: 35px; } .team_main .box .list h3 { font-size: 1.375rem; border-bottom: 10px; line-height: 26px; } .team_main .box .list .row .col-sm-8 { padding: 20px;} .team_main .box .list .row img { width: 100%; height: auto;} .team_main .box .list p.dis { font-size: 0.875rem; color: #787878; width: 100%; height: auto; overflow: hidden; line-height: 22px; } .team_main .box .list p:last-child { margin-top: 20px;} .team_main .box .list p span.tag { width: 100%; height: auto; display: block; padding-bottom: 10px; } .team_main .box .list p span.views { margin-left: 0; } } /*详细*/ .team_main .box .detail { width: 100%; height: auto; padding: 30px 30px 10px 30px; background: #fff; border-radius: 10px; margin-top: 30px; } .team_main .box .detail .row:first-child { padding-right: 30px; margin-bottom: 30px; padding-bottom: 50px; } .team_main .box .detail .row:first-child { border-bottom: #dedede 1px solid; } .team_main .box .detail .img { width: 100%; ; overflow: hidden; text-align: center; } .team_main .box .detail img { width: 300px; height: 300px; border-radius: 50%;} .team_main .box .detail h1 { font-size: 2rem; border-bottom: 10px; line-height: 45px; font-weight: 600; } .team_main .box .detail h3 { font-size: 1.125rem; border-bottom: 10px; line-height: 35px; } .team_main .box .detail h1 a span { color: #999; font-weight: normal; font-size: 1.215rem;} .team_main .box .detail .row .col-sm-8 { padding-left: 30px;} .team_main .box .detail div.dis { font-size: 1rem; color: #787878; width: 100%; height: auto; overflow: hidden; line-height: 24px; margin-bottom: 30px; } .team_main .box .detail div.dis span,.team_main .box .detail div.dis p { width: 100%; height: auto; display: inline-block; background: url(../images/team/dot.png) left top no-repeat; padding-left: 15px;} .team_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; } .team_main .box .detail p span.tag a.c1 { background: #40d0bb; } .team_main .box .detail p span.tag a.c2 { background: #88cb72; } .team_main .box .detail p span.tag a.c3 { background: #ee8176; } .team_main .box .detail p span.tag a:hover { background: #666;} .team_main .box .detail p span.star { margin-left: 20px; color: #b9b9b9; } .team_main .box .detail p span.star i.checked { color: #40d0bb; } .team_main .box .detail .submit { width: 100%; height: auto; padding-top: 40px; text-align: left;} .team_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; } .team_main .box .detail .submit a.pg { background: #2bb0a6; } .team_main .box .detail .submit a.zx { background: #f49402; margin-top:20px; } .team_main .box .detail .submit a img { width: auto; height: auto; border-radius: 0; margin-top: -5px; margin-right: 10px; } .team_main .box .detail .submit a.pg:hover { background: #269a91;} .team_main .box .detail .submit a.zx:hover { background: #db8502;} .team_main .box .detail .share { width: 100%; text-align: right;} .team_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; } .team_main .box .detail .share a.weibo {background: #e6172e; background: #999; } .team_main .box .detail .share a.weixin {background: #2ec101; background: #999;} .team_main .box .detail .share a.twitter {background: #1ea1f2; background: #999; } .team_main .box .detail .share a.facebook {background: #3c5a98; background: #999; } .team_main .box .detail .share a:hover { background: #2bb0a6; } .team_main .box .detail .left { width: 100%; } .team_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; } .team_main .box .detail .left a i{ margin-right: 15px;} .team_main .box .detail .left a:hover { background: #666;} /*相关*/ .team_main .box .detail .similar { padding-top: 30px; } .team_main .box .detail .similar h3 { color: #2bb0a6; font-size: 1.8rem; height: auto; padding-bottom: 20px; border-bottom: #dedede 1px solid; line-height: 24px; } .team_main .box .detail .similar h3 span { color: #8b8b8b; font-size: 1.125rem; font-weight: normal; } .team_main .box .detail .similar .slist { margin-top: 30px; } .team_main .box .detail .similar .slist h4 { color: #2bb0a6; font-size: 1.125rem; height: 50px; line-height: 24px; } .team_main .box .detail .similar .slist h4 span { color: #8b8b8b; font-size: 1rem; font-weight: normal; } .team_main .box .detail .similar .slist p { color: #999; font-size: 0.8rem; line-height: 22px;} .team_main .box .detail .similar .slist .row { border-bottom:#efefef 1px solid ; padding-bottom: 30px;} .team_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 ; } .team_main .box .detail .similar .slist .col-sm-6 .img { width: 100%; height: auto; border-radius: 50%; overflow: hidden;} .team_main .box .detail .similar .slist .col-sm-6 .img img { width: 100%; height: auto; transition: all 0.3s;} .team_main .box .detail .similar .slist .col-sm-6:hover .img img { transform: scale(1.1);} @media (max-width:575px) { .team_main .box .detail .row:first-child { padding-right: 0; margin-bottom: 30px; padding-bottom: 50px; } .team_main .box .detail img { width: 100%; height: auto; border-radius: 50%;} .team_main .box .detail h1 { font-size: 1.375rem; border-bottom: 0; line-height: 24px; margin-top: 15px; } .team_main .box .detail .similar .slist h4 { width: 100%; text-align: center; margin-top: 15px; } }