.wp{width: 62.5%;min-width: 1000px;margin: 0 auto;position: relative;} .blank20{width: 100%;height: 20px;margin: 0 auto;} .one-pic{text-align: center;} /*header*/ #header{padding-top: 1.7%;position: absolute;top: 0;left: 0;width: 100%;z-index: 999;} #header .hd-logo{width: 12.9%;margin-left: 5.8%;} #header .hd-logo img{width: 100%;} #header .hd-menu{height: 28px;line-height: 28px;padding-right: 46px;background: url(../images/hd-menu.png) no-repeat right 0;color: #fff;font-size: 16px;margin-right: 5.8%;margin-top: 1%;} /*右边栏*/ #slide-bar{position: absolute;right: 4%;bottom: 20%;width: 28px;} #slide-bar .slide-btn{display: block;width: 28px;height: 28px;background: url(../images/menu-btn.png) no-repeat;} #slide-bar .state{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);transition: none;} #slide-bar ul li{width: 24px;height: 28px;margin: 6px 2px;} #slide-bar ul li:last-child{margin-bottom: 0;} #slide-bar ul li a{display: block;width: 100%;height: 100%;} #slide-bar .item1{background: url(../images/menu-icon.png) no-repeat 0 0;} #slide-bar .item2{background: url(../images/menu-icon.png) no-repeat -24px 0;} #slide-bar .item3{background: url(../images/menu-icon.png) no-repeat -48px 0;} #slide-bar .item4{background: url(../images/menu-icon.png) no-repeat -72px 0;} #slide-bar .item5{background: url(../images/menu-icon.png) no-repeat -96px 0;position: relative;} #slide-bar .item5 canvas{position: absolute;top: -86px;left: -128px;display: none;} #slide-bar .item5:hover canvas{display: block;} .slide-info{position:absolute;text-align: right;color: #fff;right: 4%;bottom: 15%;} @media screen and (max-width: 1804px){ .slide-info{display: none;} } #lang-btn{position: relative;} #lang-btn .lang-wp{display: none;width: 120px;height: 64px;padding: 8px 0;background: rgb(210,175,184);position: absolute;top: -26px;left: -136px;border-radius: 4px;} #lang-btn .lang-wp a{height: 32px;line-height: 32px;text-align: center;color: #fff;} #lang-btn .lang-wp a:hover{color: #a50024;} #lang-btn .lang-wp span{display: block;width: 30px;height: 28px;background: url(../images/sanjiao.png) no-repeat 0 4px;position: absolute;top: 26px;right: -30px;} #lang-btn .lang-wp .on{color: #a50024;} #lang-btn:hover .lang-wp{display: block;} /*菜单页*/ .cover{position: fixed;width: 100%;height: 100%;background: #0d0d0d;z-index: 11111;top: 0;left: 0;display: none;} #menu-page .menu-top{padding: 4.2% 0 2.5% 0;} #menu-page .menu-top .menu-close{height: 11px;line-height: 11px;float: right;padding-right: 111px;background: url(../images/menu-close.png) no-repeat right 0;color: #fff;font-size: 16px;margin-right: 5.8%;} #menu-page .menu-main{height: 65.5%;text-align: center;overflow: auto;margin: auto;} #menu-page .menu-main .menu-item{width: 480px;margin: 0 auto;} #menu-page .menu-main .menu-item h3{line-height: 40px;padding: 8px 20px;font-size: 24px;color: #a6a6a6;cursor: pointer;position: relative;} #menu-page .menu-main .menu-item h3 a{color: #a6a6a6;} #menu-page .menu-main .menu-item h3 i{display: block;width: 20px;height: 14px;background: url(../images/down-icon2.png) no-repeat;position: absolute;top: 21px;right: 0;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} #menu-page .menu-main .menu-item h3:hover{color: #fff;} #menu-page .menu-main .menu-item h3:hover a{color: #fff;} #menu-page .menu-main .menu-item h3.on,#menu-page .menu-main .menu-item h3.on a{color: #fff;} #menu-page .menu-main .menu-item h3.on i{-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} #menu-page .menu-main .menu-item .submenu{padding: 68px 0 23px 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;position: relative;display: none;} #menu-page .menu-main .menu-item .submenu a{display: block;line-height: 30px;color: #fff;} #menu-page .menu-main .menu-item .submenu i{display: block;width: 7px;height: 57px;background: url(../images/menu-item-bg.png) no-repeat;position: absolute;top: -4px;left: 50%;margin-left: -3.5px;} #menu-page .menu-footer{text-align: center;width: 62.5%;margin: 0 auto;} #menu-page .menu-footer p{line-height: 24px;font-size: 12px;color: #999;padding: 0 10px;} #menu-page .menu-footer a{color: #fff;padding-bottom: 10px;line-height: 24px;font-size: 16px;} #menu-page .menu-footer a:hover{color: #e60012;} /*搜索页*/ #search-page .search-box{width: 762px;height: 62px;border-bottom: 1px solid #fff;position: absolute;left: 50%;top: 50%;margin: -31px 0 0 -381px;} #search-page input[type="text"]{width: 700px;height: 62px;background: none;line-height: 62px;font-size: 30px;color: #fff;text-indent: 10px;outline: none;} #search-page input[type="submit"]{display: block;width: 62px;height: 62px;background: url(../images/search-btn.png) no-repeat center 19px;position: absolute;top: 0;right: 0;outline: none;cursor: pointer;} /******************* -首页- *******************/ .section{box-sizing: border-box;}; /*第一屏*/ #section0{position: relative;} #section0 .circle .index-nav a{display: block;width: 22px;height: 22px;background: url(../images/nav-icon.png) no-repeat;position: absolute;color: #fff;} #section0 .circle .index-nav a span{font-size: 16px;white-space: nowrap;position: absolute;} #section0 .circle .index-nav a:hover{background-position: 0 -22px;transition: none;} #section0 .page-down{display: block;width: 22px;height: 43px;background: url(../images/down-icon.png) no-repeat;position: absolute;bottom: 5px;left: 50%;margin-left: -11px;} @media screen and (min-height:880px){ #section0 .circle{width: 540px;height: 540px;border: 1px solid #fff;border-radius: 50%;margin: 80px auto 0;position: relative;} #section0 .circle .index-nav .nav-item1{top: -11px;left: 259px;} #section0 .circle .index-nav .nav-item1 span{top: -28px;left: -48px;} #section0 .circle .index-nav .nav-item2{top: 124px;left: 494px;} #section0 .circle .index-nav .nav-item2 span{top: 0;left: 32px;} #section0 .circle .index-nav .nav-item3{top: 259px;left: 530px;} #section0 .circle .index-nav .nav-item3 span{top: 0;left: 32px;} #section0 .circle .index-nav .nav-item4{top: 394px;left: 494px;} #section0 .circle .index-nav .nav-item4 span{top: 12px;left: 32px;} #section0 .circle .index-nav .nav-item5{top: 394px;left: 24px;} #section0 .circle .index-nav .nav-item5 span{top: 0;left: -128px;} #section0 .circle .index-nav .nav-item6{top: 259px;left: -12px;} #section0 .circle .index-nav .nav-item6 span{top: 0;left: -128px;} #section0 .circle .index-nav .nav-item7{top: 124px;left: 24px;} #section0 .circle .index-nav .nav-item7 span{top: 0;left: -148px;} #section0 .circle .personal-info{padding-top: 73px;text-align: center;color: #fff;} #section0 .circle .personal-info .photo{width:236px;height: 236px;border-radius: 50%;overflow: hidden; background: #403E6C;margin: 0 auto;display: table-cell;vertical-align: middle;} #section0 .circle .personal-info .photo img{max-width: 236px; max-height:236px;} #section0 .circle .personal-info h3{word-wrap: break-word;word-break:normal; line-height: 40px;padding: 36px 30px 20px;font-size: 24px;} #section0 .circle .personal-info .like span{line-height: 34px;} } @media screen and (min-height:800px) and (max-height: 879px){ #section0 .circle{width: 500px;height: 500px;border: 1px solid #fff;border-radius: 50%;margin: 50px auto 0;position: relative;} #section0 .circle .index-nav .nav-item1{top: -11px;left: 239px;} #section0 .circle .index-nav .nav-item1 span{top: -28px;left: -48px;} #section0 .circle .index-nav .nav-item2{top: 118px;left: 458px;} #section0 .circle .index-nav .nav-item2 span{top: 0;left: 32px;} #section0 .circle .index-nav .nav-item3{top: 243px;left: 490px;} #section0 .circle .index-nav .nav-item3 span{top: 0;left: 32px;} #section0 .circle .index-nav .nav-item4{top: 368px;left: 452px;} #section0 .circle .index-nav .nav-item4 span{top: 8px;left: 32px;} #section0 .circle .index-nav .nav-item5{top: 368px;left: 24px;} #section0 .circle .index-nav .nav-item5 span{top: 0;left: -128px;} #section0 .circle .index-nav .nav-item6{top: 243px;left: -12px;} #section0 .circle .index-nav .nav-item6 span{top: 0;left: -128px;} #section0 .circle .index-nav .nav-item7{top: 118px;left: 18px;} #section0 .circle .index-nav .nav-item7 span{top: 0;left: -156px;} #section0 .circle .personal-info{padding-top: 73px;text-align: center;color: #fff;} #section0 .circle .personal-info .photo{width: 220px;height: 220px;border-radius: 50%; background: #403E6C;overflow: hidden;margin: 0 auto;} #section0 .circle .personal-info .photo img{max-width: 222px; max-height:222px;} #section0 .circle .personal-info h3{word-wrap: break-word;word-break:normal; line-height: 36px;padding: 31px 28px 17px;font-size: 22px;} #section0 .circle .personal-info .like span{line-height: 32px;} #section0 .page-down{display: block;width: 22px;height: 43px;background: url(../images/down-icon.png) no-repeat;margin: 70px auto 0;} } @media screen and (max-height: 799px){ #section0 .circle{width: 480px;height: 480px;border: 1px solid #fff;border-radius: 50%;margin: 20px auto 0;position: relative;} #section0 .circle .index-nav .nav-item1{top: -11px;left: 229px;} #section0 .circle .index-nav .nav-item1 span{top: -28px;left: -48px;} #section0 .circle .index-nav .nav-item2{top: 109px;left: 438px;} #section0 .circle .index-nav .nav-item2 span{top: 0;left: 32px;} #section0 .circle .index-nav .nav-item3{top: 229px;left: 470px;} #section0 .circle .index-nav .nav-item3 span{top: 0;left: 32px;} #section0 .circle .index-nav .nav-item4{top: 349px;left: 438px;} #section0 .circle .index-nav .nav-item4 span{top: 8px;left: 32px;} #section0 .circle .index-nav .nav-item5{top: 349px;left: 20px;} #section0 .circle .index-nav .nav-item5 span{top: 0;left: -128px;} #section0 .circle .index-nav .nav-item6{top: 229px;left: -12px;} #section0 .circle .index-nav .nav-item6 span{top: 0;left: -128px;} #section0 .circle .index-nav .nav-item7{top: 109px;left: 20px;} #section0 .circle .index-nav .nav-item7 span{top: 0;left: -156px;} #section0 .circle .personal-info{padding-top: 73px;text-align: center;color: #fff;} #section0 .circle .personal-info .photo{width: 220px;height: 220px;border-radius: 50%;overflow: hidden;margin: 0 auto; background: #403E6C;} #section0 .circle .personal-info .photo img{max-width: 210px; max-height:210px;} #section0 .circle .personal-info h3{word-wrap: break-word;line-height: 32px;padding-top: 28px 26px 12px;font-size: 22px;word-break:normal; word-break:normal; } #section0 .circle .personal-info .like span{line-height: 32px;} #section0 .page-down{display: block;width: 22px;height: 43px;background: url(../images/down-icon.png) no-repeat;margin: 66px auto 0;} } #section0 .circle .personal-info .like-icon{display: block;width: 36px;height: 32px;background: url(../images/icons.png) no-repeat;margin: 0 auto;position: relative;} #section0 .circle .personal-info .clicked{background-position: 0 -32px;transition: none;} #section0 .circle .personal-info .like-icon em{color: #fff;position: absolute;left: 48px;top: -12px;opacity: 0;filter: alpha(opacity=0);transition: 0.4s ease-in;} #section0 .circle .personal-info .like-icon .like-num{transition: 0.4s ease-in;opacity: 1;} /*第二屏*/ #section1 .top-column{min-width: 800px;height: 142px;position: relative;padding: 60px 0 0 158px;box-sizing: border-box;margin-bottom: 18px;margin-top: 20px;} #section1 .top-column .photo{width: 142px;height: 142px;border-radius: 50%;background: #403E6C;overflow: hidden;position: absolute;top: 0;left: 0;/* text-align: center;display: table-cell;vertical-align: middle; */} #section1 .top-column .photo img{max-width: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} #section1 .top-column .column{width: 100%;height: 1px;background: #fff;position: relative;} #section1 .top-column .column a{display: block;width: 22px;height: 22px;background: url(../images/nav-icon.png) no-repeat;position: absolute;color: #fff;top: -11px;} #section1 .top-column .column a span{font-size: 16px;white-space: nowrap;position: absolute;} #section1 .top-column .column a:hover{background-position: 0 -44px;transition: none;font-weight: bold;} #section1 .top-column .column .on{background-position: 0 -44px;transition: none;font-weight: bold;} #section1 .top-column .column a:nth-child(1){left: 10%;} #section1 .top-column .column a:nth-child(2){left: 23%;} #section1 .top-column .column a:nth-child(3){left: 36%;} #section1 .top-column .column a:nth-child(4){left: 49%;} #section1 .top-column .column a:nth-child(5){left: 62%;} #section1 .top-column .column a:nth-child(6){left: 75%;} #section1 .top-column .column a:nth-child(7){left: 88%;} #section1 .top-column .column a:nth-child(odd) span{top: -32px;} #section1 .top-column .column a:nth-child(even) span{top: 32px;} #section1 .top-column .column a:nth-child(1) span{left: -53px;} #section1 .top-column .column a:nth-child(2) span{left: -74px;} #section1 .top-column .column a:nth-child(3) span{left: -49px;} #section1 .top-column .column a:nth-child(4) span{left: -57px;} #section1 .top-column .column a:nth-child(5) span{left: -55px;} #section1 .top-column .column a:nth-child(6) span{left: -55px;} #section1 .top-column .column a:nth-child(7) span{left: -65px;} #section1 .top-column .yuanhu{width: 29px;height: 55px;background: url(../images/yuanhu.png) no-repeat;position: absolute;top: 6px;left: 130px;} #section1 .content{overflow: hidden;min-width: 800px;} #section1 .left-info{width:28%;color: #fff;position: relative;height: 100%;} #section1 .left-info h3{font-size: 18px;line-height: 38px;} #section1 .left-info .like{margin-bottom: 16px;} #section1 .left-info .like span{line-height: 32px;} #section1 .left-info .like-icon{display: inline-block;width: 36px;height: 32px;background: url(../images/icons.png) no-repeat;position: relative;vertical-align: top;} #section1 .left-info .clicked{background-position: 0 -32px;transition: none;} #section1 .left-info .like-icon em{color: #fff;position: absolute;left: 92px;top: 8px;opacity: 0;filter: alpha(opacity=0);transition: 0.4s ease-in;} #section1 .left-info .like-icon .like-num{transition: 0.4s ease-in;opacity: 1;} #section1 .left-info .info-text{overflow: auto;} #section1 .left-info p{line-height: 30px;padding-right: 20px;} #section1 .left-info .info-more{display: block;width: 114px;height: 30px;border: 1px solid #fff;border-radius: 4px;line-height: 32px;text-align: center;color: #fff;position: absolute;left: 0;bottom: 0;} #section1 .item-wp{width: 70%;height: 100%;position: relative;overflow:auto;background:#403E6C; color:#fff;} #section1 .item-wp .item-com{display: none;width: 100%;height: 100%;position: absolute;left: 0;top: 0;box-sizing: border-box;padding: 30px;} /*个人简介*/ #section1 .profile p{} /*学习经历*/ #section1 .experience ul li{margin-bottom: 20px;} #section1 .experience ul li h4{line-height: 26px;font-size: 16px;color:#a50024;} #section1 .experience ul li h4 span{margin-right: 8px;} #section1 .experience ul li p{line-height: 24px;color: #a50024;} /*研究方向*/ .focus ul li{line-height: 30px;margin-bottom: 13px;color: #a50024;} .focus ul li span{color:#a50024;margin-right: 8px;} /*团队成员*/ .group .team{margin-bottom: 12px;} .group .team h4{font-size: 16px;color: #404040;line-height: 32px;text-align: center;margin-bottom: 14px;} .group .team p{line-height: 24px;color: #404040;margin-bottom: 14px;} .group .team ul li{float: left;width: 16%;margin: 0 2% 20px;} .group .team .item-img{width: 100%;box-sizing: border-box;border: 1px solid #fff;padding: 4px;border-radius: 50%;position: relative;} .group .team .item-img img{max-width: 92%;border-radius: 50%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .group .team .item-img span{display: block;width: 6px;height: 6px;background: #fff;border-radius: 3px;position: absolute;bottom: -3px;left: 50%;margin-left: -3px;} .group .team ul li p{text-align: center;font-size: 16px;line-height: 40px;} /*个人信息*/ .information{width: 140%;height: 100%;position: absolute;left: 100%;top: 24px;z-index: 99;overflow: auto;} .information .info-wp{width: 100%;float: left;box-sizing: border-box;padding:56px 20px 0 20px;} .information .info-wp p{color: #fff;line-height: 30px;} /*其他联系方式*/ .contacts p{color: #a50024;line-height: 32px;font-size: 16px;} .contacts p strong{margin-right: 10px;} /******************* -内容页- *******************/ /*public*/ #page-main{height: 100%;} #page-main .page-content{background: #fff;position: absolute;width: 100%;left: 0;bottom: 15%;box-sizing: border-box;padding: 0 10px;} #page-main .page-content .photo{width: 112px;position: absolute;right: 61px;top: -56px;text-align: center;} #page-main .page-content .photo .photo-wp{width: 112px;height: 112px;border: 1px solid #fff;border-radius: 50%;box-sizing: border-box;padding: 7px;margin: 0 auto;text-align: center;display: table-cell;vertical-align: top;} #page-main .page-content .photo .photo-wp img{width: 100%;border-radius: 50%;} #page-main .page-content .photo p{text-align: center;line-height: 16px;width: 220px;position: relative;left: -61px;word-wrap: break-word;word-break: normal;padding: 0 7px;} #page-main .page-content .photo .like{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} #page-main .page-content .photo .like .like-icon{display: block;width: 18px;height: 16px;background: url(../images/icons.png) no-repeat 0 -64px;position: absolute;top: -8px;left: -9px;margin-left: 50%;z-index: 10000;} #page-main .page-content .photo .like .clicked{background-position: 0 -80px;transition: none;} #page-main .page-content .photo .like .like-icon em{color: #fff;position: absolute;left: 48px;top: -24px;opacity: 0;filter: alpha(opacity=0);transition: 0.4s ease-in;} #page-main .page-content .photo .like .like-icon .like-num{transition: 0.4s ease-in;opacity: 1;} #page-main .page-content .photo .like p{color: #fff;position: absolute;top: -30px;left: 50%;margin-left: -117px;} #page-main .page-content .page-top{padding: 0 30px;} #page-main .page-content .page-top h2{line-height: 37px;padding-top: 41px;border-bottom: 1px solid #ffd5dd;font-size: 24px;color: #e95772;width: 80%;} #page-main .crumbs{width: 80%;box-sizing: border-box;padding:4px 0 4px 30px;line-height: 22px;color: #999;margin-bottom: 10px;} #page-main .crumbs a{color: #999;} #page-main .crumbs a,#page-main .crumbs span,#page-main .crumbs i{margin: 0 2px;} #page-main .page-content .inner-wp{overflow: auto;padding: 0 30px;} #page-main .page-content .inner-wp img{max-width: 100%;} #page-main .page-content .one-pic{text-align: center;margin-bottom: 30px;} #page-main .page-content .article{padding: 0 62px;} /*结构化内容页*/ .article{padding-bottom: 30px;} .article h3{font-size: 20px;line-height: 43px;padding-top: 4px;text-align: center;} .article .bottom-line{width: 40px;height: 3px;background: #e95772;margin: 0 auto;} .article .text-info{line-height: 27px;padding: 5px 0;color: #999;text-align: center;margin-bottom: 5px;} .article .text-info span{margin: 0 4px;} .article p{line-height: 25px;margin-bottom: 20px;} .research h5{font-size: 16px;line-height: 38px;} .attachment h4{line-height: 24px;border-bottom: 1px solid #e9e9e9;font-size: 16px;color: #a50024;} .attachment ul li{line-height: 22px;margin-top: 6px;} .attachment ul li span{color: #f384a1;font-size: 18px;} .relative-link{margin-top: 25px;border-top: 1px solid #ffd5dd;padding: 14px 62px 0;} .relative-link a{display: block;line-height: 22px;} .relative-link a:hover{text-decoration: underline;} /*综合页*/ .synthesis{padding: 10px 30px;} .synthesis .syn-item{border: 1px solid #e7a2b0;margin-bottom: 30px;} .synthesis .syn-item h4{line-height: 28px;padding: 4px 80px 4px 18px;color: #fff;background: #e7a2b0;font-size: 18px;position: relative;} .synthesis .syn-item h4 a{display: block;width: 80px;height: 28px;line-height: 28px;text-align: center;position: absolute;right: 0;bottom: 4px;font-size: 12px;color: #fff;} .synthesis .syn-item ul li{line-height: 25px;padding: 14px 18px;border-bottom: 1px dashed #e6e6e6;} .synthesis .syn-item ul li:last-child{border: none;} .synthesis .syn-item .syn-text{padding: 14px 18px;} .synthesis .syn-item .syn-text p{line-height: 24px;text-indent: 28px;} /*列表页*/ .news-list{padding: 0 30px;} .news-list ul li{line-height: 25px;padding: 14px 0;border-bottom: 1px dashed #e6e6e6;} .news-list ul li a{display: block;width: 100%;height: auto;} .news-list ul li time{float: left;width: 12%;} .news-list ul li p{float: right;width: 88%;} .page-num{line-height: 22px;margin-top: 28px;text-align: center;} .page-num span,.page-num a{margin: 0 4px;} .page-num span {color: #f384a1;} .page-num a{display: inline-block;height: 20px;border: 1px solid #f384a1;padding: 0 10px;line-height: 20px;color: #f384a1;} .page-num a:hover{background: #f384a1;color: #fff;} .page-num .active{background: #f384a1;color: #fff;} .page-num .page-prev,.page-next{font-size: 18px;font-family: "宋体";color: #b3b3b3;} /*图片列表页*/ .pic-list ul li{float: left;width: 22%;margin: 0 1.5% 14px; height: 200px;} .pic-list ul li a{display: block;width: 100%;} .pic-list .item-img{overflow: hidden;position: relative;text-align: center;display: table-cell;vertical-align: middle;} .pic-list .item-img img{max-width: 100%;} .pic-list .item-img .filter-wp{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(37,37,37,0.6);z-index: 1;-o-transition: 0.3s;--webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);} .pic-list .item-img .filter-wp span{display: block;width: 42px;height: 37px;background: url(../images/pic-icon.png) no-repeat;position: absolute;top: 50%;left: 50%;margin-top: -18px;margin-left: -21px;} .pic-list ul li:hover .filter-wp{-o-transition: 0.3s;--webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);} .pic-list ul li p{line-height: 28px;padding: 15px 0;text-align: center;font-size: 16px;} .section-wp1{box-sizing: border-box;padding: 20px 150px 40px;margin: 0 auto;overflow: auto;width: 80%;max-width: 1000px;} .section-wp2{height: 100%;overflow: auto;width: 80%;margin: 0 auto;max-width: 1200px;}