.imgflex{display:flex;justify-content:center;} .imgflex img{margin:0 2%;} .iCon{ clear:both; width: 100%; overflow: hidden; padding-top: 5%; padding-bottom: 10%} .iCon2{ clear:both; width: 100%; overflow: hidden; padding-top: 5%;} .wrap { width: 1280px; margin: 0 auto; overflow: hidden;} .cf:after{content:""; display:block; height:0; clear:both;} .yftd-list .tit{ font-size:32px; color: #222222; height: 76px; line-height: 50px; border-bottom: 1px solid #DDDDDD; margin-bottom: 45px;} .yftd-list .list .li{ width: 232px; height: 309px; float: left; margin-right: 25px; color: #fff; overflow: hidden; margin-bottom: 25px;} .yftd-list .list .li:nth-child(5n){margin-right:0} .yftd-list .list .li a { display: block; width: 100%; height: 100%; color: #fff;position: relative;} .yftd-list .list .li .tp { display: block; width: 100%; height: 100%;-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .yftd-list .list .li .wz { width: 100%; position: absolute; left: 0; bottom: 0; padding:0 25px 30px 25px; z-index: 3;} .yftd-list .list .li a:after{content: ''; font-size: 0; display: block;background: url("https://www.familytraditionscatering.com/skin/default/images/icon4.png") no-repeat bottom center; height: 6px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2 } .yftd-list .list .li a:before{content: ''; font-size: 0; display: block;background: url("https://www.familytraditionscatering.com/skin/default/images/icon6.png") no-repeat bottom center; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 1;} .yftd-list .list .li .wz .p1 { font-size: 22px; line-height: 30px; margin-bottom: 5px;} .yftd-list .list .li .wz .p2 { font-size: 16px; line-height:1.25vw;} .yftd-list .list .li:hover .tp{ transform: scale(1.08);} .yftd-list .box1{ clear:both;margin-bottom: 8%;} .yftd-list .box2{ clear:both;background: url("https://www.familytraditionscatering.com/skin/default/images/icon5.png") no-repeat center center; background-size: cover; padding: 5% 0; margin-bottom: 5%; } .yftd-list .box2:last-child{margin-bottom:0} .iCon_yftd{ position:relative; padding-bottom: 8%;} .iCon_yftd::after{content: ''; font-size: 0; display: block; background: linear-gradient(#003D7C,rgba(0,61,124,0.3)); opacity: 0.1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;} .yftd-con{background:#fff; padding: 4% 4% 7% 4%; font-size: 16px; line-height: 32px; color: #666666;} .yftd-con .tit{ font-size: 32px; line-height: 36px; text-align: center; margin-bottom: 50px; color: #333333;} .yftd-con img{ display: block; margin: 0 auto; max-width:100%; margin: 0 auto;margin-bottom:20px;} .yftd-con p { text-align:justify} .yftd-con .link{ clear:both; margin-top: 50px;} .yftd-con .link a { color:#337ab7; display: inline-block; text-decoration:underline; font-family: arial, helvetica, sans-serif;} .iCon_yf{padding-bottom:0} /*新闻详情*/ .iCon_news{ position:relative;} .iCon_news::after{content: ''; font-size: 0; display: block; background: linear-gradient(#003D7C,rgba(0,61,124,0.3)); opacity: 0.1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;} .iCon_news .news-con{background:#fff; padding: 4% 4% 7% 4%; font-size: 0.18rem; line-height: 1.8; color: #666666;} .iCon_news .news-con .tit{ font-size: 0.32rem; line-height: 1.5; text-align: center; color: #333333; margin-bottom: 10px;} .iCon_news .news-con .other {border-bottom: 1px solid #DDDDDD; padding:0.4rem 0; margin-bottom: 3%; color: #999999; font-size: 14px;} .iCon_news .news-con .time {display: flex; align-items: center; justify-content: center;} .iCon_news .news-con .time img { margin-right: 8px;} .iCon_news .news-con .other .liulan{margin-left:0.4rem;} .iCon_news .news-con .neirong p { text-align:justify; margin-bottom: 20px;} .iCon_news .news-con .neirong img { display: block; margin: 0 auto; max-width:100%; height:auto!important; margin: 0 auto;margin-bottom:20px;} .iCon_news .news-con .preNext{ clear:both; font-size:16px; color: #999999; line-height:30px; margin-top: 5%;} .iCon_news .news-con .preNext .pre{ display: block; width: 100%} .iCon_news .news-con .preNext .next{ display: block; width: 100%} .iCon_news .news-con .preNext a { color: #999999;} .iCon_news .news-con .preNext a:hover { color:#003D7C} @media only screen and (min-width:1024px) and (max-width:1440px){ .iCon_news .news-con{font-size:0.24rem;} } @media only screen and (min-width:1440px) and (max-width:1600px){ /* 中屏 */ .iCon_news .news-con{font-size:0.22rem;} } /*内页通用标题32号*/ .innerTit{ clear:both; font-size: .42rem; padding-bottom: .25rem; line-height: .42rem; color: #333333; margin-bottom: .1rem; border-bottom: 1px solid #DDDDDD; margin-bottom: .5rem;} .innerTit2 { clear:both;font-size: .26rem; color: #222222; line-height: .3rem; text-align: center; margin-bottom: 3%;} .innerTit2:after{ content:''; display: block; width: .25rem; height: .03rem; background: #EF7C00; margin: 0 auto; margin-top: .15rem;} /*科研安全管理*/ .kyaqgl-div .box1{ padding-bottom: 4%;} .kyaqgl-div .box1 .text{ font-size: 0.2rem; color: #555; line-height: 2; text-align:justify;} .kyaqgl-div .box2{display: none; clear:both; background: #F9FAFB; padding: 4% 0;} .kyaqgl-div .box2 .list .li{ font-size: 16px; width: 48%; float: left; margin-right: 2%; margin-bottom: 3%; background: #fff; height: 80px; padding: 0 3%;border-right:3px solid #fff; border-bottom:3px solid #fff;-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .kyaqgl-div .box2 .list .li a {display:block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start;} .kyaqgl-div .box2 .list .li:hover{ border-right:3px solid #e0e7ed; border-bottom:3px solid #e0e7ed;} /*博士生培养计划*/ .bss-div .text{ font-size: 0.2rem; line-height: 2; color: #555555; margin-bottom: 3%;} .bss-div .list1{background: url("https://www.familytraditionscatering.com/skin/default/images/pic01.jpg") no-repeat center center; background-size: cover; height: 3.51rem; color: #fff; padding: 4% 5%; margin-bottom: 5%;} .bss-div .list1 .innerTit2{ color:#fff} .bss-div .list1 .li { width: 27%; height: 1.55rem; border:1px solid #fff; float: left; margin-right:9%; position: relative;border-radius: 0 .12rem 0 .12rem; } .bss-div .list1 .li:last-child{margin-right:0} .bss-div .list1 .li:after { content:''; display: block; background: url("https://www.familytraditionscatering.com/skin/default/images/icon8.png") no-repeat center center; width: .57rem; height: .4rem; background-size: 100%; position: absolute; right: -.8rem; top: .5rem;} .bss-div .list1 .li:last-child:after{display:none} .bss-div .list1 .li .d1 { line-height: .55rem; text-align: center; font-size: .2rem} .bss-div .list1 .li .d2 { height: 1rem; background: url("https://www.familytraditionscatering.com/skin/default/images/icon9.png") no-repeat center center; background-size: cover; padding: .18rem .3rem .2rem .9rem; border-radius: 0 .12rem 0 .12rem; overflow: hidden;} .bss-div .list1 .li:nth-child(2) .d2{ padding: .18rem .3rem .2rem 1rem;} .bss-div .list1 .li:nth-child(3) .d2{ padding: .18rem .3rem .2rem 1rem;} .bss-div .list1 .li .d2 p { font-size: .18rem; color: #555555; line-height: .3rem;background: url("https://www.familytraditionscatering.com/skin/default/images/icon10.png") no-repeat left center; padding-left: 25px; margin-bottom: .08rem; } .bss-div .list2{ clear:both;} .bss-div .list2 .li { width:23%; height: .77rem; float:left;background: url("https://www.familytraditionscatering.com/skin/default/images/icon11.png") no-repeat right bottom; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; background-size: 100%; margin-right: 2.6%} .bss-div .list2 .li:last-child{margin-right:0} .iCon_InnovFest{ clear:both;background: url("https://www.familytraditionscatering.com/skin/default/images/pic02.jpg") no-repeat top center; background-size: 100%; } .iCon_InnovFest .bann{ color: #fff; padding:2.5rem 0 1rem 0; position:relative; z-index:0;} .iCon_InnovFest .bann .bannL{text-align:center;} .iCon_InnovFest .bann .bannL .d1{ font-size: .5rem; line-height: .6rem; font-weight: bold; margin-bottom: .44rem;} .iCon_InnovFest .bann .bannL .d1 span{ display: block;font-size: .6rem; line-height: .7rem; margin-top: .2rem;} .iCon_InnovFest .bann .bannL .d2{ font-size: .18rem; background: url("https://www.familytraditionscatering.com/skin/default/images/pic03.png") no-repeat center; line-height: .43rem; background-size: 3.88rem; overflow: hidden;} .iCon_InnovFest .bann .bannR {position:absolute; right:0.3rem; top:40%; z-index:1; padding-top: .36rem;} .iCon_InnovFest .bann .bannR p{ width: 1.6rem; height: 1.6rem; border: 1px solid #fff; border-radius: 50%; text-align: center; font-size: .28rem; line-height: .4rem; padding-top: .44rem; float: right;} .iCon_InnovFest .bann .bannR p span{ display: block; font-size: .18rem;} .iCon_InnovFest .itit{ clear:both; text-align: center; position: relative; height: 1rem;} .iCon_InnovFest .itit .d1 { font-size: .4rem; line-height: .4rem; width: 100%; position: absolute; left: 0; top: 0; z-index: 1;} .iCon_InnovFest .itit .d1 span { display:inline-block; margin: 0 auto; background: linear-gradient(180deg, #1260D4 5%, #caf2e8 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;text-shadow: 0px 0px 7px rgba(52, 255, 204, 0.1);opacity: 0.3;} .iCon_InnovFest .itit .d2 { font-size: .30rem; color: #1260D4; width: 100%; position: absolute; left: 0; top: .27rem; z-index: 2;} .iCon_InnovFest .itit .d2:after { content:''; display: block; width: .28rem; height: 2px; background: #1260D4; margin: 0 auto; margin-top: .12rem;} .iCon_InnovFest .box1{background:#fff; padding: 4% 0; border-radius: .5rem .5rem 0 0;} .iCon_InnovFest .box1 .text { font-size:.2rem; color: #555; line-height: .4rem;} .iCon_InnovFest .box2{ clear:both;background:#dce7f9 url("https://www.familytraditionscatering.com/skin/default/images/pic04.png") no-repeat center center; background-size:cover; padding: 5% 0 0 0; } .iCon_InnovFest .box2 .list{margin-bottom:1rem;background: url("https://www.familytraditionscatering.com/skin/default/images/pic20.png") repeat-y 30.3% center;} .iCon_InnovFest .box2 .list .d1 { height: .44rem; line-height: .44rem;background:#dce7f9 url("https://www.familytraditionscatering.com/skin/default/images/pic05.png") repeat center center; border-radius: .3rem;} .iCon_InnovFest .box2 .list .d1 .d1L{ width: 10%; float: left; background: #337CE9; color: #fff; text-align: center; border-radius: .3rem; font-size:.18rem;} .iCon_InnovFest .box2 .list .d1 .d1R{ width:90%; float: right; color: #337CE9; font-size:.22rem; padding-left: 10%;} .iCon_InnovFest .box2 .list .li { line-height: .28rem; padding-top: .5rem;} .iCon_InnovFest .box2 .list .li .li_1 { width: 17%; float: left; font-size: .2rem; color: #337CE9;} .iCon_InnovFest .box2 .list .li .li_2 { width: 14%; float: left; font-size: .18rem; color: #333333;background: url("https://www.familytraditionscatering.com/skin/default/images/icon15.png") no-repeat right center; text-align: right; padding-right: .56rem;} .iCon_InnovFest .box2 .list .li .li_3 { width: 69%; float: left; font-size: .18rem; color: #555555; padding-left: 5%;} .iCon_InnovFest .box3{ clear:both; padding: 5% 0; width: 76%; margin: 0 auto; overflow: hidden;} .iCon_InnovFest .box3 .list { position: relative; margin-top: 4%;} .iCon_InnovFest .box3 .list .swiper-container{ position: static; width: 86%; margin: 0 auto;} .iCon_InnovFest .box3 .list .swiper-slide{ height: 2.1rem;background: url("https://www.familytraditionscatering.com/skin/default/images/icon19.jpg") no-repeat center center; background-size: cover; padding: .2rem .2rem;} .iCon_InnovFest .box3 .list .bx { width: 100%; height: 100%;} .iCon_InnovFest .box3 .list .bx .bxL{ width: 1.07rem; height: 1.08rem; overflow: hidden; float: left;background: url("https://www.familytraditionscatering.com/skin/default/images/icon18.png") no-repeat center center; background-size: cover; margin-top:17px} .iCon_InnovFest .box3 .list .bx .bxL img{object-fit:cover; width: .93rem; height: .93rem; border-radius: 50%!important; overflow: hidden; margin-left: .098rem; margin-top: .02rem;} .iCon_InnovFest .box3 .list .bx .bxR{ width: 2.2rem; float: right; padding-top: .26rem;} .iCon_InnovFest .box3 .list .bx .bxR .t1{ font-size: .22rem; line-height: .3rem; margin-bottom: .06rem;} .iCon_InnovFest .box3 .list .bx .bxR .t2{ font-size: .18rem; color: #555555; line-height: .26rem;} .iCon_InnovFest .box3 .list .swiper-button-prev{background:#cedff6 url("https://www.familytraditionscatering.com/skin/default/images/icon16.png") no-repeat center center;width: .58rem; height: .58rem; border-radius: 50%; left: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .iCon_InnovFest .box3 .list .swiper-button-next{background:#cedff6 url("https://www.familytraditionscatering.com/skin/default/images/icon17.png") no-repeat center center;width: .58rem; height: .58rem; border-radius: 50%; right:0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .iCon_InnovFest .box3 .list .swiper-button-prev:hover {background:#4082DD url("https://www.familytraditionscatering.com/skin/default/images/icon16.png") no-repeat center center;} .iCon_InnovFest .box3 .list .swiper-button-next:hover {background:#4082DD url("https://www.familytraditionscatering.com/skin/default/images/icon17.png") no-repeat center center;} .iCon_InnovFest .box4{ clear:both; padding: 5% 0; overflow: hidden;background: url("https://www.familytraditionscatering.com/skin/default/images/pic07.jpg") no-repeat center center; background-size: cover;} .iCon_InnovFest .box4_2 { background: #fff; border-radius: .5rem .5rem 0 0;} .iCon_InnovFest .box4 .list {margin-bottom: 2%; margin-top: 2%; flex-wrap: wrap;} .iCon_InnovFest .box4 .list .li{width:23%; margin-right: calc(8% / 3); margin-bottom: 3%; cursor: pointer;} .iCon_InnovFest .box4 .list .li:nth-child(4n){margin-right:0} .iCon_InnovFest .box4 .list .li .imgbox{width:100%; height:0; padding-bottom: 67.5%; background:#FFF; overflow: hidden; position:relative; z-index:0;} .iCon_InnovFest .box4 .list .li .imgbox img{position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .iCon_InnovFest .btn { clear:both; width: 1.8rem; height: .55rem; line-height: .55rem; border:1px solid #1260D4; text-align: center; border-radius: .3rem; color: #1260D4; font-size: .18rem; margin: 0 auto; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .iCon_InnovFest .btn a { display:block; width: 100%; height: 100%;color: #1260D4;} .iCon_InnovFest .box4 .list .li:hover img{transform: scale(1.08)} .iCon_InnovFest .btn:hover { background: #1260D4; color: #fff;} .iCon_InnovFest .btn:hover a { color: #fff;} .iCon_InnovFest .box5{display: none; clear:both; padding: 5% 0;} .iCon_InnovFest .box5 .list img{ margin: 0 auto; margin-top: 3%;} .iCon_InnovFest .box6{clear:both; padding: 5% 0; overflow: hidden;background: url("https://www.familytraditionscatering.com/skin/default/images/pic08.jpg") no-repeat center center; background-size: cover;} /*.iCon_InnovFest .box6{display: none; clear:both; padding: 5% 0; overflow: hidden;background: url("https://www.familytraditionscatering.com/skin/default/images/pic08.jpg") no-repeat center center; background-size: cover;}*/ .iCon_InnovFest .box6_2 { background: #fff; border-radius: .5rem .5rem 0 0;} .iCon_InnovFest .box6 .list { margin-bottom: 2%; margin-top: 2%;} .iCon_InnovFest .box6 .list .li{ width: 32%; height: 3.76rem; float: left; margin-right: 2%; margin-bottom: 2%; overflow: hidden;} .iCon_InnovFest .box6 .list .li:nth-child(3n){margin-right:0} .iCon_InnovFest .box6 .list .li img { display:block; width: 100%; height: 100%; object-fit: cover;} .iCon_InnovFest .box7{ clear:both; padding: 5% 0; overflow: inherit;} /*.iCon_InnovFest .box7{ clear:both; padding: 5% 0; overflow: inherit; display: none;}*/ .iCon_InnovFest .box7_2{background:#fff; border-radius: .5rem .5rem 0 0;} .iCon_InnovFest .box7_2 .wrap { overflow: inherit;} .iCon_InnovFest .box7 .list .li{ width: 31.3333%; height: 2rem; float: left; margin-right: 3%; margin-bottom: 3%; background: #fff;-moz-box-shadow:0px 1px 16px 2px #eff0f2; -webkit-box-shadow:0px 1px 16px 2px #eff0f2; box-shadow:0px 1px 16px 2px #eff0f2; padding: .2rem .3rem;} .iCon_InnovFest .box7 .list .li:nth-child(3n){margin-right:0} .iCon_InnovFest .box7 .list .li .li_1{ font-size: .15rem; color: #555555; line-height: .26rem; margin-bottom: .17rem;} .iCon_InnovFest .box7 .list .li .li_2{ font-size: .18rem; line-height: .3rem; color: #222222;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom: .3rem; } .iCon_InnovFest .box7 .list .li .li_3{ border-top: 1px solid #E5E5E5; padding-top: .3rem; position: relative;} .iCon_InnovFest .box7 .list .li .li_3:after { content:''; display: block; width: 0; height: 1px; background: #1260D4; position: absolute; left: 0; top: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .iCon_InnovFest .box7 .list .li:hover .li_3:after { width: 100%;} .iCon_InnovFest .box7 .list .li:hover .li_2{ color:#1260D4} .iCon_bg{background:#fff; border-radius: .5rem .5rem 0 0;} .iCon_InnovFest .iCon{ padding-bottom:0} .iCon_InnovFest .bt { font-size: .36rem; line-height: .4rem; color: #2913C4; margin-bottom: 4%;background: linear-gradient(180deg, #2913C4 55%, #3992e4 80%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;text-shadow: 0px 0px 7px rgba(52, 255, 204, 0.1);opacity:.9;letter-spacing: 2px;} .iCon_InnovFest .box8{margin-top:0.8rem; margin-bottom:1.2rem;} .iCon_InnovFest .box8 .ul-box{position:relative; z-index:0; margin-top:0.6rem; background:#F3F7FC; border:1px solid #DCE7F9; padding:0.5rem 0.3rem 0.4rem;} .iCon_InnovFest .box8 .ul-box .box-tit{display:inline-block; font-size:0.22rem; line-height:0.5rem; padding:0 0.3rem; color:#FFF; background:#4082DD; position:absolute; left:50%; top:0; transform:translate3d(-50%,-50%,0);} .iCon_InnovFest .box8 .ul-box .list{flex-wrap: wrap;} .iCon_InnovFest .box8 .ul-box .list .li{width:calc((100% - 0.4rem) / 3); margin-right:0.2rem; background:#FFF; box-shadow:3px 3px 0 0 RGBA(220,231,249,0.8); padding:0.2rem 0.3rem; font-size:0.18rem; line-height:2;} .iCon_InnovFest .box8 .ul-box .list .li:nth-child(3n){margin-right:0;} .iCon_InnovFest .box8 .ul-box .list .li:nth-child(n+4){margin-top:0.3rem;} @media only screen and (min-width:1024px) and (max-width:1360px){ .wrap{width:100%; padding-left:30px; padding-right:30px;} .iCon_InnovFest .bann{padding-left:30px; padding-right:30px;} } @media only screen and (max-width:1024px){ /* 移动端 */ .wrap{width: 100%;} .iCon{padding-top: 0.8rem;} .yftd-list .box1{padding: 0 0.3rem;} .yftd-list .tit{font-size: 0.42rem; height: auto; line-height: normal; margin-bottom: 0.6rem; padding-bottom: 0.4rem;} .iCon2{padding: 0.6rem 0 0;} .innerTit{font-size: 0.42rem; line-height: normal;} .kyaqgl-div .box1{padding: 0 0.3rem 0.6rem;} .kyaqgl-div .box1 .text{font-size: 0.26rem; line-height: 2; text-align: justify;} .innerTit2{font-size: 0.32rem;} .kyaqgl-div .box2{padding: 0.7rem 0.3rem 0.8rem;} .kyaqgl-div .box2 .list .li{width: 100%; font-size: 0.28rem; text-align: justify; border-right:3px solid #e0e7ed; border-bottom:3px solid #e0e7ed;} .iCon{padding: 0.6rem 0.3rem 1rem;} .iCon_news .news-con{font-size: 0.26rem; line-height: 1.5; line-height: 2;} .iCon_news .news-con .tit{font-size: 0.36rem; line-height: 1.5;} .iCon_news .news-con .time{font-size: 0.24rem;} .iCon_news .news-con .preNext{font-size: 0.28rem; line-height: 2;} .bss-div .text{font-size: 0.26rem; line-height: 2;} .bss-div .list1{height: auto; padding: 0.7rem 0.6rem 1rem;} .bss-div .list1 .li{width: 100%; margin-right: 0; height: auto; margin-top: 0.4rem;} .bss-div .list1 .li .d1{font-size: 0.28rem; line-height: 1rem;} .bss-div .list1 .li .d2{height: auto;} .bss-div .list1 .li .d2 p{font-size: 0.28rem; line-height: 2;} .bss-div .list1 .li:after{display: none;} .bss-div .list2 .li{width: 49%; margin-right: 2%; margin-bottom: 0.4rem; height: 0.77rem;} .bss-div .list2 .li:nth-child(2n){margin-right: 0;} .iCon_InnovFest .bann .bannR{display: none;} .iCon_InnovFest .bann .bannL{width: 100%;} .iCon_InnovFest .bann{padding: 1.5rem 0.3rem;} .iCon_InnovFest .bann .bannL .d1{font-size: 0.36rem; margin-bottom: 0;} .iCon_InnovFest .bann .bannL .d1 span{font-size: 0.44rem; margin-top: 0;} .iCon_InnovFest .bann .bannL .d2{font-size: 0.26rem; line-height: 0.6rem; background-size: auto 100%;} .iCon_InnovFest .box1{border-radius: 0; padding: 4% 0.3rem;} .iCon_InnovFest .itit{height: auto; padding-top: 0.2rem;} .iCon_InnovFest .itit .d2{font-size: 0.42rem; line-height: normal; position: static;} .iCon_InnovFest .itit .d1{font-size: 0.48rem; line-height: normal;} .iCon_InnovFest .box1 .text{font-size: 0.26rem; margin-top: 0.4rem; text-align: justify;} .iCon_InnovFest .box2{padding: 5% 0.3rem 0;} .iCon_InnovFest .box2 .list{margin-top: 0.3rem; background-position: 0.42rem center;} .iCon_InnovFest .box2 .list .d1{line-height: 0.88rem; height: 0.88rem; border-radius: 100px; display: flex; align-items: center;} .iCon_InnovFest .box2 .list .d1 .d1L{width: 1.9rem; flex-shrink: 0; border-radius: 100px; font-size: 0.26rem;} .iCon_InnovFest .box2 .list .d1 .d1R{flex: 1; padding: 0; font-size: 0.32rem; text-align: center;} .iCon_InnovFest .box2 .list .li{line-height: normal; display: flex; flex-direction: column;} .iCon_InnovFest .box2 .list .li .li_1{width: 100%; font-size: 0.28rem; padding-left: 0.9rem; background: url("https://www.familytraditionscatering.com/skin/default/images/icon15.png") no-repeat 0.3rem center; background-size: 0.28rem;} .iCon_InnovFest .box2 .list .li .li_2{width: 100%; font-size: 0.28rem; background: none; text-align: left; padding-left: 0.9rem;} .iCon_InnovFest .box2 .list .li .li_3{width: 100%; padding-left: 0; font-size: 0.26rem; padding-left: 0.9rem;} .iCon_InnovFest .box3{width: calc(100% - 0.6rem);} .box8301{width: 100%; margin-top: 0.4rem;} .box8301 .swiper-slide{background: url("https://www.familytraditionscatering.com/skin/default/images/icon19.jpg") no-repeat center; background-size: cover; padding: .2rem .2rem;} .box8301 .swiper-slide:nth-child(n+2){margin-top: 0.2rem;} .box8301 .swiper-slide .bx{display: flex; align-items: center;} .box8301 .swiper-slide .bx .bxL{ width: 1.2rem; height: 1.2rem; position: relative; z-index: 0; overflow: hidden; background: url("https://www.familytraditionscatering.com/skin/default/images/icon18.png") no-repeat center; background-size: contain;} .box8301 .swiper-slide .bx .bxL img{display: block; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); width: 80%; height: 80%; border-radius: 100%;} .box8301 .swiper-slide .bx .bxR{margin-left: 0.6rem;} .box8301 .swiper-slide .bx .bxR .t1{ font-size: 0.32rem;} .box8301 .swiper-slide .bx .bxR .t2{ font-size: 0.26rem; margin-top: 0.1rem; color: #555555;} .iCon_InnovFest .box4 .list, .iCon_InnovFest .box6 .list{padding: 0 0.3rem;} .iCon_InnovFest .box4 .list .li, .iCon_InnovFest .box6 .list .li{width: 49%; height: 0; padding-bottom: 31.88405797101449%; position: relative; z-index: 0; overflow: hidden; margin-right: 2%;} .iCon_InnovFest .box4 .list .li:nth-child(3n), .iCon_InnovFest .box6 .list .li:nth-child(3n){margin-right: 2%;} .iCon_InnovFest .box4 .list .li:nth-child(2n), .iCon_InnovFest .box6 .list .li:nth-child(2n){margin-right: 0;} .iCon_InnovFest .box6 .list .li img{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;} .iCon_InnovFest .btn{font-size: 0.24rem; line-height: 0.7rem; height: 0.7rem; border-radius: 100px;} .iCon_InnovFest .box7 .list{margin-top: 0.3rem; padding: 0 0.3rem;} .iCon_InnovFest .box7 .list .li{width: 100%; margin-right: 0;} .iCon_InnovFest .box7 .list .li .li_1{font-size: 0.24rem; line-height: normal;} .iCon_InnovFest .box7 .list .li .li_2{font-size: 0.28rem; line-height: normal;} .iCon_InnovFest .bt{padding: 0 0.3rem;} .iCon_InnovFest .box8 .ul-box .list .li{width:49%; margin-right:2%; font-size:0.24rem; padding:0.08rem 0.1rem;} .iCon_InnovFest .box8 .ul-box .list .li:nth-child(3n){margin-right:2%;} .iCon_InnovFest .box8 .ul-box .list .li:nth-child(2n){margin-right:0;} .iCon_InnovFest .box8 .ul-box .list .li:nth-child(n+3){margin-top:0.2rem;} .iCon_InnovFest .box8 .ul-box .box-tit{font-size: 0.3rem;} } @media only screen and (min-width:1024px) and (max-width:1280px){ /* 小屏 */ .kyaqgl-div .box1 .text{font-size: 0.28rem;} .iCon_InnovFest .box1 .text{font-size: 0.28rem;} .bss-div .text{font-size: 0.28rem;} .bss-div .list1 .li .d1{font-size: 0.28rem;} } @media only screen and (min-width:1281px) and (max-width:1440px){ /* 小屏 */ .kyaqgl-div .box1 .text{font-size: 0.24rem;} .iCon_InnovFest .box1 .text{font-size: 0.24rem;} .bss-div .text{font-size: 0.24rem;} .bss-div .list1 .li .d1{font-size: 0.2rem;} } @media only screen and (min-width:1400px) and (max-width:1600px){ /* 中屏 */ .kyaqgl-div .box1 .text{font-size: 0.2rem;} .iCon_InnovFest .box1 .text{font-size: 0.2rem;} .bss-div .text{font-size: 0.2rem;} .bss-div .list1 .li .d1{font-size: 0.18rem;} } /*<<<<<<<<<<<<<<<<<<<<<< 大屏幕 >>>>>>>>>>>>>>>>>>>>>>>*/ @media screen and (min-width:1921px){ .wrap{width:66.66666666vw;} .yftd-list .tit{ font-size:1.666666666vw;height:3.95833333333vw; line-height:2.6041666666vw;margin-bottom:2.34375vw;} .yftd-list .list .li{width:12.083333333vw;height:16.09375vw;margin-right:1.3020833333vw;margin-bottom:1.3020833333vw;} .yftd-list .list .li .wz {padding:0 1.3020833333vw 1.5625vw 1.3020833333vw;} .yftd-list .list .li a:after{height:0.3125vw;} .yftd-list .list .li .wz .p1 {font-size:1.145833333vw;line-height:1.5625vw; margin-bottom:0.26041666666vw;} .yftd-list .list .li .wz .p2 { font-size:0.8333333333vw; line-height:1.25vw;} .yftd-con{font-size:0.8333333333vw; line-height:1.666666666vw;} .yftd-con .tit{ font-size:1.666666666vw; line-height:1.875vw;margin-bottom:2.6041666666vw;} .yftd-con img{margin-bottom:1.0416666666vw;} .yftd-con .link{margin-top:2.6041666666vw;} /*新闻详情*/ .iCon_news .news-con{font-size:0.9375vw;} .iCon_news .news-con .tit{font-size:1.666666666vw;margin-bottom:0.5208333333vw;} .iCon_news .news-con .other {padding:2.083333333vw 0;font-size:0.7291666666vw;} .iCon_news .news-con .time img{margin-right:0.4166666666vw;min-width:0.8333333333vw;} .iCon_news .news-con .other .liulan{margin-left:2.083333333vw;} .iCon_news .news-con .neirong p {margin-bottom: 1.0416666666vw;} .iCon_news .news-con .neirong img {margin-bottom:1.0416666666vw;} .iCon_news .news-con .preNext{font-size:0.8333333333vw;line-height:1.5625vw;} /*内页通用标题32号*/ .innerTit{font-size:2.1875vw; padding-bottom:1.3020833333vw; line-height:2.1875vw;margin-bottom:0.5208333333vw; margin-bottom:2.6041666666vw;} .innerTit2 {font-size:1.35416666666vw;line-height:1.5625vw;} .innerTit2:after{width:1.3020833333vw;height:0.15625vw;margin-top:0.78125vw;} /*科研安全管理*/ .kyaqgl-div .box1 .text{ font-size:1.0416666666vw;} .kyaqgl-div .box2 .list .li{ font-size:0.8333333333vw;height:4.166666666vw;border-right-width:0.15625vw; border-bottom-width:0.15625vw;} .kyaqgl-div .box2 .list .li:hover{ border-right-width:0.15625vw; border-bottom-width:0.15625vw;} /*博士生培养计划*/ .bss-div .text{ font-size:1.0416666666vw;} .bss-div .list1{height:18.28125vw;} .bss-div .list1 .li {height:8.0729166666vw;border-radius: 0 0.625vw 0 0.625vw; } .bss-div .list1 .li:after {width:2.96875vw; height:2.083333333vw;right: -4.166666666vw; top:2.6041666666vw;} .bss-div .list1 .li .d1 { line-height:2.86458333333vw; font-size:1.0416666666vw;} .bss-div .list1 .li .d2 { height: 5.208333333vw;padding:0.9375vw 1.5625vw 1.0416666666vw 0,46875vw; border-radius: 0 0.625vw 0 0.625vw;} .bss-div .list1 .li:nth-child(2) .d2{ padding:0.9375vw 1.5625vw 1.0416666666vw 5.208333333vw;} .bss-div .list1 .li:nth-child(3) .d2{ padding:0.9375vw 1.5625vw 1.0416666666vw 5.208333333vw;} .bss-div .list1 .li .d2 p { font-size:0.9375vw;line-height:1.5625vw; padding-left:1.3020833333vw; margin-bottom:0.4166666666vw; } .bss-div .list2 .li {height:4.0104166666vw;} .iCon_InnovFest .bann{padding:13.020833333vw 0 5.208333333vw 0;} .iCon_InnovFest .bann .bannL .d1{ font-size:2.6041666666vw; line-height:3.125vw;margin-bottom:2.2916666666vw;} .iCon_InnovFest .bann .bannL .d1 span{font-size:3.125vw; line-height:3.645833333vw; margin-top:1.0416666666vw;} .iCon_InnovFest .bann .bannL .d2{ font-size:0.9375vw;line-height:2.2395833333vw; background-size:0208333333vw;} .iCon_InnovFest .bann .bannR {right:1.5625vw;padding-top:1.875vw;} .iCon_InnovFest .bann .bannR p{ width:8.3333333333vw; height:8.3333333333vw;font-size:1.4583333333vw; line-height:20.208333333vw; padding-top:2.2916666666vw;} .iCon_InnovFest .bann .bannR p span{font-size:0.9375vw;} .iCon_InnovFest .itit{height:5.208333333vw;} .iCon_InnovFest .itit .d1 { font-size:2.083333333vw; line-height:2.083333333vw;} .iCon_InnovFest .itit .d2 { font-size:1.5625vw;top:1.40625vw;} .iCon_InnovFest .itit .d2:after {width:1.4583333333vw; height:0.1041666666vw;margin-top:0.625vw;} .iCon_InnovFest .box1{border-radius:2.6041666666vw 2.6041666666vw 0 0;} .iCon_InnovFest .box1 .text { font-size:1.0416666666vw;line-height:2.083333333vw;} .iCon_InnovFest .box2 .list{margin-bottom:5.208333333vw;} .iCon_InnovFest .box2 .list .d1 { height:2.2916666666vw; line-height:2.2916666666vw;border-radius:1.5625vw;} .iCon_InnovFest .box2 .list .d1 .d1L{ border-radius:1.5625vw; font-size:0.9375vw;} .iCon_InnovFest .box2 .list .d1 .d1R{font-size:1.145833333vw;} .iCon_InnovFest .box2 .list .li { line-height:1.4583333333vw; padding-top:2.6041666666vw;} .iCon_InnovFest .box2 .list .li .li_1 {font-size:1.0416666666vw;} .iCon_InnovFest .box2 .list .li .li_2 {font-size:0.9375vw;padding-right:2.9166666666vw;} .iCon_InnovFest .box2 .list .li .li_3 {font-size:0.9375vw;} .iCon_InnovFest .box3 .list .swiper-slide{height:10.9375vw;padding:1.0416666666vw 1.0416666666vw;} .iCon_InnovFest .box3 .list .bx .bxL{ width:5.625vw;height:5.625vw;margin-top:0.8854166666vw} .iCon_InnovFest .box3 .list .bx .bxL img{width:4.84375vw;height:4.84375vw;margin-left:0.5104166666vw; margin-top:0.10416666666vw;} .iCon_InnovFest .box3 .list .bx .bxR{ width:11.458333333vw;padding-top:1.35416666666vw;} .iCon_InnovFest .box3 .list .bx .bxR .t1{ font-size:1.145833333vw; line-height:1.5625vw; margin-bottom:0.3125vw;} .iCon_InnovFest .box3 .list .bx .bxR .t2{ font-size:0.9375vw;line-height:1.35416666666vw;} .iCon_InnovFest .box3 .list .swiper-button-prev{width:3.0208333333vw;height:3.0208333333vw;} .iCon_InnovFest .box3 .list .swiper-button-next{width:3.0208333333vw;height:3.0208333333vw;} .iCon_InnovFest .box4_2 {border-radius:2.6041666666vw 2.6041666666vw 0 0;} .iCon_InnovFest .btn {width:9.375vw;height:2.8645833333vw; line-height:2.8645833333vw; border-radius:1.5625vw;font-size:0.9375vw;} .iCon_InnovFest .box6_2 {border-radius:2.6041666666vw 2.6041666666vw 0 0;} .iCon_InnovFest .box6 .list .li{height:19.583333333vw;} .iCon_InnovFest .box7_2{border-radius:2.6041666666vw 2.6041666666vw 0 0;} .iCon_InnovFest .box7 .list .li{height:10.416666666vw;padding:1.0416666666vw 1.5625vw;} .iCon_InnovFest .box7 .list .li .li_1{ font-size:0.78125vw; line-height:1.35416666666vw; margin-bottom:0.8854166666vw;} .iCon_InnovFest .box7 .list .li .li_2{ font-size:0.9375vw; line-height:1.5625vw; margin-bottom:1.5625vw; } .iCon_InnovFest .box7 .list .li .li_3{padding-top:1.5625vw;} .iCon_InnovFest .box7 .list .li .li_3 img{min-width:0.5729166666vw;} .iCon_InnovFest .box7 .list .li .li_3:after {height:0.0520833333vw;} .iCon_bg{border-radius:2.6041666666vw 2.6041666666vw 0 0;} .iCon_InnovFest .bt { font-size:1.875vw; line-height:2.083333333vw;text-shadow: 0px 0px 0.3645833333vw rgba(52, 255, 204, 0.1);letter-spacing:0.10416666666vw;} .iCon_InnovFest .box8{margin-top:4.166666666vw; margin-bottom:6.25vw;} .iCon_InnovFest .box8 .ul-box{margin-top:3.125vw;padding:2.6041666666vw 1.5625vw 2.083333333vw;} .iCon_InnovFest .box8 .ul-box .box-tit{font-size:1.145833333vw; line-height:2.6041666666vw; padding:0 1.5625vw;} .iCon_InnovFest .box8 .ul-box .list .li{width:calc((100% - 2.083333333vw) / 3); margin-right:1.0416666666vw;padding:1.0416666666vw 1.5625vw; font-size:0.9375vw; } .iCon_InnovFest .box8 .ul-box .list .li:nth-child(3n){margin-right:0;} .iCon_InnovFest .box8 .ul-box .list .li:nth-child(n+4){margin-top:1.5625vw;} }