/*-------------------------------------------------------------- @author yzl and data.2020.9.4 --------------------------------------------------------------*/ body{font: normal normal 16px / 22px "Microsoft YaHei",Helvetica,Arial,Verdana,sans-serif; background-color: #f2f2f2;} body,header,div,nav,section,ul,ol,li,span,a,em,i,p,footer,dl,dd,h1,h2,h3,h4,article,menu{ padding:0; margin:0;} ul,ol,li{list-style:none;} i,em{font-style:normal;} a{text-decoration:none;color:#555;} table,table tr,table tr td{max-width:100%} table{border: 1px solid #ccc;border-collapse: collapse;margin: 1em auto;width: 80%;color:#333;text-align:center;} table tr td{line-height:2.5em;} table tr td,table tr td span{ font-size:1em !important;} table tr:nth-child(odd) { background: #f5f5f5;} .backg{ background-color:#1CAF8D;} .backf{ background-color: #fff;} .disp_flex,.dis_flex{display: flex;} .clam { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; -webkit-box-orient: vertical;} .clam1 { -webkit-line-clamp: 1;} .clam2 { -webkit-line-clamp: 2;} .clam3 { -webkit-line-clamp: 3;} .but_ask {text-align: center !important;} .but_ask a{border-radius: 20px;display:inline-block;width: 40%;height: 2.5em;font-size: .95em;color: #666;text-align: center;line-height: 2.5em;border: 1px solid #d6d6d6;} .but_ask a:first-child{color: #fff;background-color: #f65453;width: 40%;height: 2.5em;border: none;margin: 15px 20px 15px 0;} .container{min-width:320px;max-width:1200px;margin:0 auto;} .banner-hot{ display: block;} .index-main>ul{ display: none;} .header{align-items: center; padding: 1.5% 0; justify-content:space-between;} .header .logo{ width: 30%;} .header .logo img{display: block;} .header .search{width: 30%;justify-content: flex-end;box-shadow: 0 1px 3px rgba(0,0,0,.03);transition: all 0.25s;} .header .search .form{ width: 100%;} .header .search .form-group{margin: 0 auto;border: 2px solid #f28506;position: relative;height: 2.5em;line-height: 2.5em;z-index: 3;} .header .search .form input {width: 90%;color: #222;top: 1px;left: 0px;outline: none;border: none;padding:0 0 0 1em;background:#fff;} .header .search .form .btn {border: none;background-color: #f28506;color: #fff;/* font-size: 18px; */height: 2.7em;overflow: hidden;position: absolute;right: 0;font-size: .95em;text-align: center;top: 0;/* width: 3em; */cursor: pointer;} .header .search .form .btn i {font-weight: 800; font-size: 18px; margin-right: 6px;} .header .m_menu{display:none;} .menu{line-height: 3em;text-align:center;height: 3em;background-color: #000;} .menu ul{justify-content: space-around;width: 100%;} .menu li{font-size: 1.1em;/* padding: 0 .5em; */width: 16.6%;} .menu li a{color: #ffffff;} .menu li:hover a,.hover{display:block;background-color: #f28506;color:#ffffff;font-weight: bold;} .menu li a:hover{text-decoration:none;} /*banner*/ .banner {width: 72%;} .swiper-slide { position: relative } .hot-new{ background-color: #fff; padding:1em; margin-top: 1em;box-sizing: border-box;} .hot-new>aside>a{ width: 74%;} .hot-new>aside>a img{width: 100%;display: block;} .hot-new>aside{margin-bottom: 1em;} .hot-list{padding:.5em .5em 0;margin-left: 1.2%;opacity: .9;width: 26%;background-color: #f2f2f2;} .com-title{border-bottom: 1px solid #ffffff;padding: .5em 0;} .com-title span{font-size: 1.5em;color: #f28506;} .hot-list a{margin-bottom: .8em;font-size: 1em;color: #3e3d3d;font-weight: normal;} .hot-list a span{padding: 0 .4em;border-radius: .7em;} .hot-list li{font-size: .95em;margin-bottom: 1.3em;} .hot-list li:nth-child(2){ margin-top: 1em;} .hot-list li:last-child{ border-bottom: none; margin-bottom: 0;} .hot-jiaodian{justify-content: space-between; margin-top: .5em;} .hot-jiaodian ul{width: 72%;flex-wrap: wrap;justify-content: space-between;} .hot-jiaodian li{width: 48.5%;font-size: .9em;margin-bottom: .77em;} .hot-jiaodian li:first-child,.hot-jiaodian li:nth-child(2){font-size: 1.1em;/* font-weight: bold; */} .hot-jiaodian li:first-child a,.hot-jiaodian li:nth-child(2) a{color: #f28506;} .hot-jiaodian div{width: 26%;overflow: hidden;height: 13.4em;} .hot-jiaodian div img{width: 100%;height: 13.4em;object-fit: cover;} .index-main{margin-top:.7em;flex-wrap: wrap;padding-bottom: 3em;} .partTit {width: 100%;height: 73px; font-weight:normal;padding-bottom: 47px;overflow: hidden;position: relative;text-align: center;/* margin-bottom: 1em; */} .partTit p {height: 73px;border-bottom: 1px solid #eaeaea;} .partTit p span {display: inline-block;padding: 0 70px;/* background-color: #fff */} .partTit .ft31 {font-size: 1.5em;display: block;padding-top: 1em;text-align: center;padding-bottom: .5em;} .partTit .ft31>a {color: #f28506;} .partTit .eng{color: #dddbe6;font-size: .7em;} .index-main .index_wall{width: 74%;box-sizing: border-box;} .index-main .index_wall ul li:first-child{background-color: #EEEFF1; width: 40%; padding-bottom: 1em;} .index-main .index_wall ul li:first-child>a{display: block;height: 16.2em;overflow: hidden;} .index-main .index_wall ul li:first-child img{width: 100%;height: 16.2em;object-fit: cover;} .index-main .index_wall ul li:first-child time{display: block;color: #969595; font-size: .8em; padding-bottom: .5em; padding-left: 1em;} .index-main .index_wall ul li:last-child{ margin-left: 2%; width: 58%;} .h3_title{color: #282828;font-weight: normal;height: 2em;line-height: 2em;overflow: hidden;padding: .5em;} .p_text{ text-indent:2em;font-size: .9em; color: #787878; line-height: 1.8em; padding: 0 .8em; text-align: justify;} .p_list{border-top: 1px dotted #808080; margin-top: 1em; padding-top: 1em; line-height: 2em;} .p_list a{display: flex;justify-content: space-between;font-size: .9em;} .p_list a em{ padding-right: .3em;} .p_list a span{width:69%;display: inline-block;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;} .p_list a time{text-align: right;font-size: 12px;} .fl{float: left;} .fr{float: right;} .index-main aside, .article-article aside{/* margin-left:1%; */width: 26%;} .index-main>aside>h3,.article-article>aside>h3{font-weight: normal; padding-top:.8em;} .index-main>aside>h3 span,.article-article>aside>h3 span{display: block;color: #f65453;font-size: .95em;padding-left:.5em;} .pubdate-new,.pubdate-list,.question-new{padding: 1em;} .pubdate-new li:not(:first-child),.question-new li:not(:first-child){border-top: 1px solid #f6f6f6;padding-top:.93em;} .pubdate-new li:not(:last-child),.question-new li:not(:last-child){padding-bottom: .93em;} .pubdate-new li,.question-new li{display: flex;font-size: .9em;} .pubdate-new li a,.question-new li a{ display: block;} .pubdate-new li a:first-child{width: 8em;height: 5em;overflow: hidden;margin-right: .8em;} .pubdate-new li a:first-child img{width: 100%;height: 5em;object-fit: cover;} .pubdate-new li a:last-child{width: 100%;position: relative;} .pubdate-new li a:last-child h3,.question-new li a h3{font-size:1.05em;font-weight:normal;color: #2c2b2b;margin-bottom: .2em;} .pubdate-new li a:last-child p,.question-new li a p{font-size: 1.04em;color: #282828;} .pubdate-new li a:last-child time{position: absolute;bottom: 0;font-size: .95em;color: #898989;} .pubdate-list{border-bottom: 5px solid #f2f2f2;} .pubdate-list li{line-height: 1.2em;margin-bottom:1.2em;font-size: 1em;} .question-new li a span{ padding-top:.2em;} .list-question .roject-choose{flex-wrap: wrap;display: flex;justify-content: end;border-bottom:1px solid #f0f2f5;padding-bottom:1em;/* margin-bottom:1em; */} .list-question .roject-choose span{font-weight:bold;margin-right: .8em;} .list-question .roject-choose ul{display: flex;flex-wrap: wrap;justify-content: end;} .list-question .roject-choose ul li{padding-right:.8em } .list-question .roject-choose ul a:hover{ color:#ff5d80} .item-list{width: 100%;overflow: hidden;/* margin-top:10px; */} .item-list li{ width: 100%; padding: 30px 0; overflow: hidden; border-bottom: 1px solid #f1f1f1;} .item-list li:hover{ border-bottom: 1px solid #ff9999;} .item-list .list-title{margin-bottom: 1em;} .item-list .list-title span{background: #f65453;padding: .2em .5em;margin-right:.5em;color: #fff;} .item-list .list-title a{font-size: 1.2em;} .item-list .list-title a:hover{color: #f65453;} .list-content{display:flex;align-items: baseline;} .list-content .left{ background: #cfcfd0; padding: .2em .5em;color: #fff;margin-right:.8em;} .list-content .right{color: #808080;font-size: .95em;} .list-content .right div{ height:3em;} .list-content .right time{ display:block; margin-top:.5em} .detail-title{align-items:center;/* padding-top:1em; */} .detail-title-img{ padding-right:.5em;} .list-content-time{border:1px solid #eaeaea;padding:1em;margin: .8em auto 0;color: #b2b2b2;font-size:.95em;} .other{border: 1px solid #eaeaea;padding: 1.5em 1em;border-top: none;} .other>h3{color: #f65353;font-size: 1.3em;margin-bottom: 1em;} .other .other-ask{color: #b2b2b2;} .article-question{align-items: baseline;} .article-question .left{background: #f65353;padding: .35em .5em;border-radius: 50%;color: #fff;margin-right: .7em;} .article-question .right h3{color: #333;font-weight:normal;font-size: 1.15em;margin-bottom:1em;} .article-question .right div{font-size: .95em;color:#565454;line-height:1.7em;text-align:justify;margin-bottom:1em;} .article-question .right time{ font-size:.95em;color: #b2b2b2;} .position{color: #9c9c9c;padding: .7em 0;font-size: .95em;border-top: 1px solid #eeeeee;} .position a:first-child { color: #9c9c9c;} .list-article .wall-column{ width: 25%;} .pagesize {text-align:center;padding: 1em 0;} .pagesize li{display: inline-block;} .pagesize li a{text-align: center;display: inline-block;color: #333;padding: 5px 10px;text-decoration: none;border: solid 1px #f5f5f5;margin:5px 2px;} .pagesize li a:hover,.pagesize li.active a{background-color: #f28506; color: #fff;} .list-article,.list-question{padding:1em;width: 74%;border-right: 5px solid #f2f2f2;box-sizing: border-box;} .list-article>ul>li:not(:first-child){border-top: 1px #dad6d6 dashed;padding-top:1em;} .list-article>ul>li{display: flex;padding-bottom: 1em;font-size: .9em;} .list-article>ul>li a{ display: block;} .list-article>ul>li a:first-child{width: 25%;height: 9em;overflow: hidden;margin-right: .8em;} .list-article>ul>li a:first-child img{width: 100%;height: 9em;object-fit: cover;} .list-article>ul>li a:last-child{ width: 74%; margin-left: 1%; position: relative;} .list-article>ul>li a:last-child h2{font-size: 1.2em;font-weight: normal;color: #2c2b2b;} .list-article>ul>li a:last-child p{ margin-top: .7em;margin-bottom: .7em;color: #999;} .list-article>ul>li a:last-child time{position: absolute;bottom: 0;} .list-article>ul>li a:hover h2,.pubdate-list li a:hover,.pubdate-new li a:hover h3{color: #f28506;} .article-article{} .article-article>article{border-right: 5px solid #f2f2f2;width: 74%;box-sizing: border-box;padding: 2% 1.5% 3%;} .article-article>article .article-title{font-size: 1.3em;line-height: 1.5em;padding: .5em 0 .2em;font-weight:normal;color: #555;} .article-article>article .article-meta{font-size: .95em;color: #aaa7a7;margin:.5em 0;} .article-article>article .article-meta span{ padding-right:.7em;} .article-article>article .article-content{color:#636161;font-size: 1em;line-height: 1.7em;text-align:justify;padding: 1.5em 0;word-break: break-all;position: relative;} .article-article>article .article-content img{display:block;margin: 1em auto;max-width: 95% !important;min-width: auto !important;height: auto !important;} .article-article>article .article-content p{margin-bottom:.5em;color: #545454;} .article-article>article .article-content h2,.article-content h3{margin: .5em 0;font-size: 1.2em;} .article-article>article .article-tips{ border:1px dashed #ccc; padding:1em; margin:1em 0;} .article-article>article .article-tips p:last-child{ margin-bottom:0;} .article-article>article .likear_ticle{border-top: 1px solid #eeeeee; padding-top: 1em; padding-bottom: 1em;font-size: 1.1em; font-weight: normal;} .article-article>article .likear_arcle{padding-bottom: 1.5em;flex-wrap: wrap;box-sizing: border-box;/* justify-content: revert; */} .article-article>article .likear_arcle li{ width: 32%; margin-bottom: .5em;} .article-article>article .likear_arcle li{ margin-right: 2%;} .article-article>article .likear_arcle li:nth-child(3n){margin-right: 0;} .article-article>article .likear_arcle li a:first-child{background-color: #f2f2f2; display: block; height: 11em; overflow: hidden; margin-bottom: .8em;} .article-article>article .likear_arcle li a:first-child img{width: 100%;height: 11em;object-fit: cover;} .article-article>article .likear_arcle li a:last-child p{color: #2c2b2b;font-size: .97em;text-align: justify;} .article-article>article .likear_arcle li a:last-child time{color: #aaaaaa; font-size: .9em; margin-top: .5em; display: block;} .article-article>article .s-top-b{padding: 1.2em 1em 1.5em 1em;border: 1px solid #eeeeee;margin-top: 15px;} .article-article>article .s-top-b p{ display: flex;} .article-article>article .s-top-b span{width: 50%;} .article-article>article .s-top-b span:last-child{ text-align: right;} .m_hospital{ display: none;} .area {margin-top: 1em;} .area,.project {display: flex;flex-wrap: wrap;padding: .5em;box-sizing: border-box;} .area p,.project p {width: 5%;flex-wrap: wrap;} .area ul,.project ul {width: 100%;display: flex;font-size: .95em;flex-wrap: wrap;} .area ul li,.project ul li {margin-right: 1%;line-height: 1.6em;} .area a:hover,.project a:hover,.hover a {color: #f86056;font-weight: bold;} #area_son_list li, #project_son_list li {margin-top: 1em;} #area_son_list, #project_son_list{display: flex;width: 100%;flex-wrap: wrap;margin-left: 2.4em;} #area_son_list li a, #project_son_list li a {margin-right: .5em;font-size: .95em;} .header_new{background-color: #ffffff;padding: .5em 0;border-bottom: 1px solid #ddd;} .header_new>div{ justify-content:space-between;} .header_new .logo{ margin-right: 1.5em;} .header_new .nav-list{font-size: .85em;} .header_new .nav-list li{margin-right: .9em;} .header_new .nav-list a{color: #a0a0a0;} .title_box{background: url(../images/head-bj.jpg) top center no-repeat;background-size: cover;padding: 1em 0;align-items: center;} .title_box>nav{align-items: center;position: relative;} .title_box .title_left{width: 7em;height: 7em;border-radius: 5em;overflow: hidden;margin-right: 1.5em;border: 4px solid #e5e4e4;} .title_box .title_left img{height: 7em;} .title_box .title_right{width: 70%;color: #ffffff;letter-spacing: .05em;} .title_box .title_right h1{font-size: 1.2em;font-weight: normal;margin-bottom: .5em;} .title_box .title_right h1 span{ font-size: .65em;;} .title_box .title_right p{font-size: .9em;margin-bottom: .3em;} .title_box .title_right p span,.title_box .title_right p a{ margin-right: .3em;} .title_box .title_right p i{ margin-right: .5em;} .title_box .title_right p i,.title_box .title_right p a{color: #ffffff;} .hospital-btn { position: absolute; right: 0; height: 36px;} .hospital-btn .zixun-btn {display: block;color: #fff;background: #ff5370;width: 10em;height: 2.5em;text-align: center;line-height: 2.5em;border-radius: 2em;} .hos_menu{ border-bottom: 1px solid #e8e8e8;} .hos_menu ul{ align-items: center; color: #ccc;} .hos_menu ul li{width: 13%;text-align: center;padding-bottom:1em;padding-top:1em;} .hos_menu ul li:last-child a{ border-right:none;} .hos_menu ul li a{ display:block;text-decoration:none; border-right: 1px solid #ccc;} .act{border-bottom: 1px solid #f65453;} .hos_menu ul li:hover,.hos_menu ul li:hover a,.act a{color: #f65453 !important;} .Tab_nav .article-content{padding-top: 0 !important;} .Tab_nav .article-content h2{ color: #f65453;} .Tab_nav .article-content h3{font-size: 1em;} .hos_article .pubdate-new, .hos_article .pubdate-list{padding-right: 0 !important;} /*ranking*/ .ranking{background-color: #fff;} .ranking .ranking-title{text-align:center;font-size: 1.5em;color: #f65453;font-weight: bold;margin-bottom: 1em;margin-top: .5em;line-height: 32px;} .ranking-meta{ text-align:center; border:1px dashed #e7e6e6; padding:.2em;} .daoyu{} .ranking-content{margin-bottom: 1em;box-sizing: border-box;padding: 1em !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);-webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,.1);-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);-o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);} .ranking-content h2{margin-bottom: 1em !important; font-weight:normal;color: #f65453;} .ranking-content h2 i{ float:right; font-weight:normal; font-size:.8em;} .ranking-content h2 i em{font-weight:bold;font-style:italic;color: #f65453;} .sdnr{text-indent: 2em;} .brandlist {border-top: 1px solid #f0f0f0;border-left: 1px solid #f0f0f0;margin: 1.5em 0 1.5em;font-size: .95em;color: #2c2c2c;} .brandlist li {line-height: 4em;height:4em;overflow: hidden;border-bottom: 1px solid #f0f0f0;display: flex;} .brandlist li:last-child p{text-align:center;width: 100%;color: #d81e06;} .brandlist li em {display: block;text-align: center;border-right: 1px solid #f0f0f0;} .brandlist li em:first-child {width: 37.5%;} .brandlist li:first-child em{background: #f8e7e8;font-weight: bold;} .brandlist li em:nth-child(2) {box-sizing: border-box;width: 25%;/* background: #f8e7e8; */font-weight: bold;} .brandlist li em:nth-child(3) {width: 37.5%;box-sizing: border-box;} .brandlist li:nth-child(5),.brandlist li:nth-child(6){line-height:inherit;height: auto;} .brandlist li:nth-child(5) em,.brandlist li:nth-child(6) em{ padding:.5em; box-sizing:border-box;} #footer {margin:.5em 0 0 0; background-color: #FFFFFF; padding-top:1em; padding-bottom: 1em;} .sj_footer{padding-bottom: 1em; border-bottom: 1px solid #e6e6e6;} .sj_footer p{ text-align: center;} .sj_footer p a{ padding-left: .5em;} .sj_footer a:hover{color: #f28506;} .footer-copyright-con {margin: 1em 0 0;color: #333;text-align: center;} .footer-copyright-con p{font-size: .9em; margin-bottom: .2em;} .footer-copyright-con p a{color: #333;padding: 0 1%;} .youqing{font-size: .9em; text-align:center; background-color:#fff; padding-bottom:1em;} #DIALOG_CENTER_SHADE,#DIALOG_CENTER,#DIALOG_TOP,#DIALOG_BOTTOM,#MessageMeiErBeiCenter,#MessageMeiErBeiShadow,#MessageMeiErBeiBottom{display:none !important;} #MessageMeiErBeiBottomS,#footer_f{ display:none;} .put-content,.sj_footer p:nth-child(2){ display:none;} @media(max-width:1200px) { .container{box-sizing: border-box;} } @media(max-width:1152px) { } @media(max-width:1024px) { body{ font-size:95%;} } @media(max-width:800px) { .banner,.hot-new>aside>a{ width: 100%;} .hot-list,.hot-jiaodian div{display: none;} .index-main .index_wall{ width: 100%;} .index-main .index_wall ul{ flex-wrap: wrap;} .hot-list,.index-main>aside{margin-top: .5em;margin-left: 0;width: 100%;} .hot-new>aside>img,.list-article{ width: 100%;} .hot-jiaodian{ flex-wrap:wrap;} .hot-jiaodian ul,.hot-jiaodian li{ width:100%;} } @media(max-width: 768px){ body{font-size:90%;} .menu { z-index:1;} .header_new{ display: none;} .m_hospital{ display: block;} .hospital-btn{ display: none;} .title_box>nav{ flex-wrap: wrap;} } @media(max-width:600px) { .header .logo{ width:35%;} .logo{padding-top: .5em;padding-bottom: .5em;} .logo img{ margin: initial; width:100%} .header .search{ display: none;} .menu{display: none;width: 60%;height: auto;z-index: 100;background-color:#333;position:absolute;flex-direction: column;line-height: 4em;right:.2em;/* overflow: hidden; */} .menu ul{flex-wrap: wrap;min-width: auto;} .menu li{width: 100%;padding:0 .5em;} .menu li:not(:last-child){border-bottom:1px solid #999;} .menu a{ color:#FFF;} .header .m_menu{display:block;font-size:3em;position:absolute;right: .2em;} .list-question,.hot-new>aside>a{ width: 100%;} .hot-new{ padding-top: 0; margin-top: 0;} .hot-new>aside{flex-wrap: wrap;} .index-main{ margin-top: .5em;padding: 0 10px;} .index-main .index_wall ul li:first-child,.index-main .index_wall ul li:last-child{ width: 100%;} .position{ border-bottom: 1px solid #eeeeee;} .content{ flex-wrap: wrap;} .article-article{flex-wrap:wrap;} .article-article>article{ border-right:none;} .article-article>article,.article-article>aside,.art_left,.art_right{ width: 100%;} .article-article>article .likear_arcle li{ width: 49%;margin-right: 0} .article-article>article .likear_arcle li:nth-child(odd){ margin-right:2%;} .article-article>article .likear_arcle li a:first-child{ height: 8em;} .article-article>article .likear_arcle li a:first-child img{height: 8em;object-fit: cover;} .index-main>aside>h3, .article-article>aside>h3{padding-bottom: .5em; border-bottom: 1px solid #f2f2f2;} .pubdate-list li{ line-height:2em;padding-bottom: .4em;} .pubdate-list li:not(:last-child){border-bottom: 1px solid #f2f2f2;} .item-list .list-title{white-space:nowrap;text-overflow: ellipsis;overflow: hidden;} .ranking .ranking-title{ font-size:1.3em;} .article-article>article .s-top-b{ padding:.8em;} .article-article>article .s-top-b p{ flex-wrap:wrap;} .article-article>article .s-top-b span{ width:100%;} .article-article>article .s-top-b span:first-child{ margin-bottom:.8em;} .article-article>article .s-top-b span:last-child{ text-align:left;} #footer .container{ display:none;} #footer p:nth-child(1){color: #ccc;} #footer p{padding: 6px 0;color: #666; text-align:center;} #footer p a{padding: 0 10px;} .sj_footer{ display:block; margin-bottom:1em;} .sj_footer p:nth-child(2){ display:block;} #MessageMeiErBeiBottomS {display: flex; width:100%; min-width: 320px; max-width: 600px; margin:0 auto; bottom: -.5em; position: fixed; z-index: 9999;} #MessageMeiErBeiBottomS a{ display: block; width:50%;background-color:#f28506; box-sizing: border-box;} #MessageMeiErBeiBottomS a:not(:last-child){border-right: 1px solid #fff;} #MessageMeiErBeiBottomS a img{ width:100%;} #footer_f{ font-size:1em;width: 100%;min-width: 320px; max-width: 640px; margin: 0 auto;bottom: 0;position: fixed;height: 3.3em;z-index: 9999; display: flex;} #footer_f_l,#footer_f_r{ display: block;width: 50%;height: 3.3em; line-height: 3.3em; text-align: center; color: #fff;} #footer_f_l i,#footer_f_r i{vertical-align: -webkit-baseline-middle;padding: .5em .8em;margin-right: .3em;} #footer_f_l {background-color:#fd5877; border-right: 2px solid #fff;} #footer_f_l i{background: url(../images/b_ico_l.png) no-repeat; background-size: 100%;} #footer_f_r {background-color:#58a6fd; position: relative;} #footer_f_r i{background: url(../images/b_ico_r.png) no-repeat;background-size: 100%;} #footer_f_r .sp3{ font-size:.9em;position: absolute;background-color: #f31919;height: 1.2em;padding: 0 .3em;border-radius: 1em;color: #fff;line-height: 1em;font-style: normal;top: .3em;} .put-content { display: flex; display: -webkit-flex; flex-wrap: wrap; width: 100%; justify-content: space-between; } .put-content li:first-child { border-right: 1px solid #fff; } .put-content li { width: 50%; display: inline-block; box-sizing: border-box; height: auto; padding: .8em 0 .8em 20%; line-height: 1.5em; margin: 0; } .put-li-a { background: #9da1ff url(../images/put_1.png) 27% center no-repeat; background-size: 17%; } .put-li-b { background: #fbaa6f url(../images/put_2.png) 27% center no-repeat; background-size: 17%; } .put-content .put-t { font-size: 1.05em; padding-left: 1em; padding-top: 2px; color: #ffffff; } .put-content .put-c { font-size: .95em; padding: .3em 0 0 1em; color: #ffffff; } } @media(max-width: 568px){ .menu .m_menu{ font-size: 3.5em;padding-top: .75em;} } @media(max-width: 533px){ .title_box{ background:#625a5a;} .title_box .title_left{ margin:0 auto;} .title_box .title_right{ width: 100%; padding:1em;} .hos_menu ul li{ width: 20%;} } @media(max-width: 480px){ .menu .m_menu{padding-top: .3em;} .wall-column,.list-article .wall-column{ width: 50%;} .brandlist{ margin-left:0; margin-right:0;} .article-article>article .article-content{font-size:1.05em;line-height: 1.6em;} .put-li-a, .put-li-b {background-size: 20%;} .put-content li{ padding-left: 18%;} .put-li-a, .put-li-b{ background-position-x: 20%;} } @media(max-width:414px) { .menu .m_menu{ font-size: 3em;padding-top: .3em;} } @media(max-width:375px){ .put-li-a, .put-li-b {background-size: 21%;} .put-content li{ padding-left: 13%;} .put-li-a, .put-li-b{ background-position-x: 10%;} } @media(max-width:360px) { } @media(max-width: 320px){ .put-li-a{ background:#9da1ff;} .put-li-b{ background:#fbaa6f;} .put-li-a, .put-li-b {padding-left: 5% !important;} .put-content .put-t {font-size: 1em;} } .portfoliolist, .circular { justify-content: space-between; flex-wrap: wrap; } .portfoliolist a, .circular a { display: block; overflow: hidden; } .portfoliolist a img, .circular a img { display: block; object-fit: cover; width: ; } .portfoliolist a { width: 19%; border-radius: .2em; margin-top: 1.3%;text-decoration: none; } .portfoliolist span,.circular span{display: block;padding: 6px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;;} .portfoliolist em, .circular em{display: block;font-size: 14px;color: #999;} .portfoliolist a img { height: 10em;width: 100%; } .circular {width: 100%; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; } .circular a { width: 20%; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 2%; box-sizing: border-box;text-decoration:none; } .circular a img { height: 12em; border-radius: 7em; } @media(max-width: 1152px) { .circular a img { height: 11em; } } @media(max-width: 1024px) { .circular a img { height: 10em; } } @media(max-width: 800px) { .circular a img { height: 8em; } } @media(max-width: 600px) { .portfoliolist a img { height: 8em; } .circular a img { height: 6.5em; } .p_list a span{width: 62%;} .index-main aside{width: 100%;border-top: 1px dotted #808080;} } @media(max-width: 533px) { .portfoliolist a { width:32%; } .portfoliolist em, .circular em{font-size: 12px;} .circular a { width:50%; } .portfoliolist a:nth-child(15), .portfoliolist a:nth-child(14), .portfoliolist a:nth-child(13), .circular a:nth-child(15), .circular a:nth-child(14), .circular a:nth-child(13) { display: none; } .circular a img { height: 7em;margin:0 auto; } } @media(max-width: 360px) { .portfoliolist a { width: 33%; } .circular a { width: 33.3%; } .circular a img { height: 7em; } } @media(max-width: 320px) { .portfoliolist a img { height: 8em; } .circular a img { height: 6em; } } .partTit p span { background-color: none !important; }