@media (max-width:1599px){ .fd-top .center,.fd-top .right{padding-left:35px} } @media (max-width:1439px){ .nav li>a{padding:20px 10px} .fix-right{right:20px} .index-map .addr{width:255px} .join-bot .slick .slick-arrow.slick-next{right:0} .join-bot .slick .slick-arrow.slick-prev{left:0} .dj-imgtxt .imgtxt .txt p{font-size:14px;line-height:29px} .dj-list1 li{padding:18px 0} .index-tab1 li{margin-right:50px} .fd-top .ewm,.fd-top ul{padding-left:0} .box-cur.fix{top:80px} body{padding-top:80px} } @media (max-width:1270px){ .fd-top .right{float:none;width:auto;padding-left:0} .fd-top .right::after{display:none} .fd-top .right ul li{display:block} .cause-detail .imgtxt img{float:none;margin-right:0;width:100%;margin-bottom:30px} .cause-detail .imgtxt .txt{min-height:0} .cause-detail .imgtxt{margin-bottom:40px} body{padding-top:50px} .box-cur.fix{position:static} .cur-con{display:none!important} .header{height:50px;background-color:#fff;z-index:9999;-moz-box-shadow:2px 2px 5px #ebebeb;-webkit-box-shadow:2px 2px 5px #ebebeb;box-shadow:2px 2px 5px #ebebeb} .logo{width:85px;margin-top:5px} .menuBtn{display:block} .nav{float:none;margin-top:0} .nav ul li:last-child a{border:none} .hd-so{float:none;margin:10px 20px;padding:0} .hd-so::after{display:none} .hd-so i{display:none} .hd-link .a2.mo{display: block!important;} .hd-link .a2{display: none;} .hd-so:hover .so{width:100%} .hd-so .so{display:-webkit-flex;display:flex;justify-content:center;align-items:center;border:1px solid #eee;border-radius:40px;overflow:hidden;position:static;width:100%} .hd-so .so .sub{height:36px;width:36px;flex-shrink:0;position:static} .hd-so .so .inp{flex-grow:1;padding:0 10px;line-height:36px;height:36px} .hd-link{float:none;padding-left: 35px;} .hd-link a{display:inline-block;float:none} .nav li{float:none;padding:0} .nav li>a{margin:0 20px;border:none;line-height:40px;border-bottom:1px solid #f7f7f7;font-size:14px;color:#333;display:block;padding:0 10px} .hdr{position:fixed;left:110%;top:50px;bottom:0;width:100%;padding:10px 0;z-index:9999999;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;opacity:0;margin-top:0} .mark-bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:9;display:none} .hdr .box{position:absolute;right:0;top:0;background-color:#fff;bottom:0;width:80%;max-width:500px;z-index:1;padding:30px 0} .hdr.open{left:0;opacity:1} .fd-top .center,.fd-top .left{float:none;width:auto;padding-left:0;margin-bottom:15px} .fd-top ul li{display:inline-block;margin-right:20px} .fd-top .center::after{display:none} .fd-top .fd-tit{margin-bottom:15px} .fd-top .ewm{text-align:left} .fd-top .ewm .item{margin-left:0;margin-right:10px} .dj-trends .col-r{display:none} .dj-trends .col-l{float:none;width:auto;padding-right:0;border:none} .banner .txt h3{font-size:30px;line-height:34px} .banner .txt p{font-size:16px;line-height:24px;letter-spacing:4px} .banner .txt{margin-top:0} .banner .slick-dots{bottom:20px} .part2-content .slick{width:100%;float:none} .part2-content .news{padding-bottom:30px} .index-part3 .col-l{float: none;width: auto;} .index-tab2 li .txt img{display: none;} .index-tab2 li .txt span{padding: 4px 8px;background-color: #f7f7f7;border-radius: 24px;font-size: 14px;line-height: 24px;display: block;color: #333;} .index-tab2 li{display: inline-block;vertical-align: middle;background: none!important;margin: 0 4px 8px;padding-top: 0;} .index-tab2 li.hover{background-color: transparent!important;} .index-tab2 li.hover .txt span{background-color: #43a580;color: #fff;} .index-tab2 li .txt{position: static;padding: 0;} .index-tab2 li::after{display: none;} .index-tab2{overflow: hidden;text-align: center;} .part3-content .imgtxt .box .txt{padding-top:30px} .part3-content .imgtxt .box .txt ul{margin-bottom:20px} .index-map .addr,.index-map .point{display:none} .index-map .txt{position:static;display:flex;align-items:center;justify-content:space-between} .index-map .txt .item{width:50%;text-align:center} .index-map .txt em{margin-bottom:20px;display:block} .slick-about1 .slick-arrow.slick-next{right:0} .slick-about1 .slick-arrow.slick-prev{left:0} .paper-list li .item{margin:0 10px} .paper-list{margin:0 -10px} .dj-list1 li:nth-child(3){display:none} .dj-news-box .col-l{padding:0 8px} .dj-imgtxt .imgtxt .txt p{line-height:24px} .dj-imgtxt .imgtxt img{margin-right:6px} .nav li:hover>a{color:#333} .nav li>a::before{display:none} .nav li dl,.nav li dl dd{position:static} .nav li dl dd a{display:block;color:#333;font-weight:400;margin:0 20px;padding:0 10px} .nav li dl{height:auto;line-height:30px} .nav li dd{background:0 0;padding-left:0} .level.mo{display: block!important;} .hd-link .a1{display: none;} .hd-link{margin-top: 15px;} .nav li>a:hover{color: #333;border-color: transparent;} .nav li.level>a::after{background-repeat:no-repeat;background-position:right center;background-image:url(../images/yc-jt2.png);content:"";position:absolute;right:10px;top:0;bottom:0;width:20px;-webkit-background-size:16px;-moz-background-size:16px;-o-background-size:16px;background-size:16px} .nav li.level.open>a::after{background-image:url(../images/yc-jt1.png)} } @media (max-width:1023px){ .nav li.level.none{} .nav li>a{font-weight: bold;} .nav li.level.none dl,.nav li.level.none>a::after{display: none!important;} .slick-txt-inner1,.slick-txt-inner2,.slick-txt-inner3,.slick-txt-inner4{width:auto} .part2-content.dj .dj-news,.part2-content.dj .slick{float:none;width:auto;padding:0} .part2-content.dj{padding:30px 0} .part2-content.dj .slick{margin-bottom:20px} .dj-list1 li:nth-child(3){display:block} .dj-news-box .col-l{float:none;width:auto;padding:0;margin-bottom:20px} .dj-news-box{margin:0 0 20px} .dj-imgtxt .imgtxt .txt{top:0;line-height:26px} .dj-imgtxt .imgtxt{overflow:hidden} .fix-right{display:none} .cur,.pos-nav{float:none} .index-part1 ul li h3{font-size:30px} .y-tit1{margin-bottom:30px} .part3-content .imgtxt .box img{float:none;width:100%;margin-right:0} .part3-content .imgtxt .box .txt{background:#fff;padding:30px} .part3-content .imgtxt .box .txt ul li{width:25%} .index-logo li{width:33.33%;margin-bottom:20px} .index-part6 ul li{width:50%;margin-bottom:15px} .index-part6 ul li .txt{width:auto;padding-right:40px} .index-part6{padding:30px 0 20px} .about-list1 li .item{margin:0 5px} .about-list1{margin:0 -5px;padding:30px 0} .about-list1 li .item .txt{top:15px;left:15px} .about-list1 li .item .txt p{font-size:14px;line-height:24px} .about-list1 li .item .txt h3{font-size:18px;line-height:28px} .about-idea ul li .txt h3{font-size:20px} .about-idea ul li .txt p{font-size:14px} .about-idea ul li:nth-child(7){margin-left:-366px} .about-idea ul li:nth-child(6){margin-left:-371px} .about-tab3{margin-left:0;margin-bottom:20px} .about-tab3 li a{margin-right:20px;padding-right:20px} .model-body{flex-wrap:wrap} .model-body .model-item{width:100%} .about-tab2 li .icon{width:60px;height:60px;-webkit-background-size:30px;-moz-background-size:30px;-o-background-size:30px;background-size:30px;margin:0 auto;line-height:55px} .about-tab2 li.hover .icon::after{display:none} .join-top .img{margin-top:30px} .join-top .img img{width:40%} .join-center .img{float:none;width:auto;margin:0 auto 20px} .join-center .img img{margin:0 auto;display:block} .join-bot .slick{margin-bottom:50px} .paper-detail .col-l,.paper-detail .col-r{float:none;width:auto;padding:0;margin-bottom:20px} .about-tab1.other li{margin:0 0 10px} .video-list li .item{margin:0 5px 20px} .video-list{margin:0 -5px} .dj-detail .tit span{margin:0 20px} .dj-detail .link li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dj-detail .link li:last-child{text-align:left} .dj-detail .link li span{float:left} .dj-detail .link li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .about-tab2 li .icon img{width:26px} .part3-content .imgtxt .box .txt h3 a{margin:0} .part3-content .imgtxt .box-ul{position:static;background-color:#fff;padding:0 30px 30px} .part3-content .imgtxt .box-ul ul{margin-bottom:20px} .part3-content .imgtxt .box-ul ul li{width:25%} } @media (max-width:767px){ .cause-detail h1{margin-bottom:10px;font-size:24px} .cause-detail .slick{padding:0} .cause-detail{margin:40px 0} .trends-news li .date{width:80px;margin-right:10px;padding:10px 0} .trends-news li .date em{font-size:20px;line-height:24px} .trends-news li .date span{font-size:14px;line-height:18px} .ban img{height:60px;object-fit:cover;min-width:400px} .ban{height:60px} .trends-news li{padding:10px 0} .trends-news{margin-bottom:20px} .trends-news li .txt{padding-top:5px} .trends-news li .txt .tit{font-size:16px;line-height:24px;margin-bottom:4px} .trends-news li .txt p{font-size:14px;line-height:22px} .about-list1 li{float:none;width:auto;margin-bottom:20px} .about-idea .bg{width:80%} .about-idea{padding:30px 0} .about-idea ul{overflow:hidden;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap} .about-idea ul li{position:static;margin:0 0 20px!important;width:50%;text-align:center;flex-grow:1} .about-idea ul li img{position:static;display:block;margin:0 auto!important} .about-idea ul li .txt h3{font-size:18px;line-height:28px} .about-idea ul li .txt p{font-size:14px;line-height:24px} .about-ts1{margin:30px 0 0} .about-ts1 .infor{font-size:16px;line-height:30px;margin-bottom:20px} .ts-tit{font-size:24px;line-height:34px;margin-bottom:20px} .about-ts2{padding:30px 0 40px} .about-tab2{flex-wrap:wrap;justify-content:center} .about-tab2 li{margin: 0 5px 10px;} .about-tab2 li p{font-size:14px;line-height:24px;margin-bottom:0;font-weight:400;padding:4px 10px;background-color: #d8d8d8;border-radius: 24px;} .about-tab2 li .icon{display:none} .about-tab2 li.hover p{background-color: #43a580;color: #fff;} .ts-con{font-size:14px;line-height:30px} .ts-con strong{font-size:16px} .join-us{padding:30px 0} .join-bot .tit,.join-tit h3{font-size:22px;line-height:32px;margin-bottom:10px} .join-tit{font-size:14px;line-height:26px} .join-center,.join-top{margin-bottom:30px} .join-bot .career li{float:none;width:auto} .join-bot .career li a{margin:0 auto 20px} .join-bot .slick{margin:0 0 30px} .join-bot .career{margin:0} .paper-detail{padding:30px 0} .paper-detail .col-l .tit{margin-bottom:20px;text-align:center} .paper-detail .col-l .tit p{font-size:24px;line-height:34px} .paper-detail .col-l .tit span{font-size:20px;line-height:30px} .paper-detail .col-l .link{text-align:center} .paper-detail .col-l .link a{width:72px;font-size:16px;line-height:32px} .paper-list li{width:50%} .paper-list li .item{margin:0 5px} .paper-list{margin:0 -5px} .paper-list li .item .txt .tit{font-size:16px;line-height:24px} .paper-list li .item .txt .read span{font-size:14px} .paper-list li .item .txt{padding:10px 0 25px} .paper-detail .col-r{margin-bottom:0} .video-list{padding-top:0} .video-list li{width:50%} .video-list li .item p{font-size:14px;padding:10px 0} .trend-more{-webkit-background-size:30px;-moz-background-size:30px;-o-background-size:30px;background-size:30px;margin-bottom:40px} .dj-detail .tit h1{font-size:24px;line-height:34px;padding-bottom:15px;margin-bottom:15px} .dj-detail .tit span{font-size:12px;line-height:22px;margin:0 6px} .dj-detail .tit{margin-bottom:20px} .dj-detail .link li{float:none;width:auto;padding:10px 0;font-size:14px} .dj-detail .share{padding:0;display:none} .dj-detail .link li:last-child{float:none} .trends-news2{padding:20px 0 0} .trends-news2 li{padding:10px 0} .trends-news2 li .img{width:120px;margin-right:10px} .trends-news2 li .txt{padding-bottom:10px} .trends-news2 li .txt .tit{font-size:16px;line-height:26px;margin-bottom:0} .trends-news2 li .txt p{font-size:14px;line-height:24px;height:24px;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block} .trends-news2 li .txt .time{font-size:14px;line-height:24px} .pos-nav{display:none} .about-person{margin:40px 0} .fd-top .center ul li{margin-right:0} .copy a,.copy em{margin-left:0} .dj-detail .con{padding:0} .dj-detail{padding:30px 0} .dj-detail .con img,.dj-detail .con p{margin-bottom:10px} .index-part1 ul li h3{font-size:22px;line-height:34px} .index-part1 ul li p{font-size:14px;line-height:24px;height:48px;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .index-part1 ul li{padding:10px} .banner .txt h3{font-size:22px;line-height:32px;margin-bottom:0} .banner .txt p{font-size:12px;line-height:22px;letter-spacing:0} .banner .slick-dots{bottom:5px} .banner .slick-dots li{margin:0 2px} .banner .slick-dots li button{width:6px;height:6px} .index-part1{display:none} .index-part2{padding:30px 0} .y-tit1{margin-bottom:20px} .y-tit1 h3{font-size:20px;line-height:30px;padding-bottom:10px} .part2-content .slick .slick-dots{width:100%;left:0;right:auto;bottom:-25px} .part2-content .slick .slick-dots li{margin:0 4px} .part2-content .slick .slick-dots li button{width:6px;height:6px} .part2-content .slick .img p{padding:0 10px;line-height:36px;font-size:16px;color:#fff} .part2-content .slick{margin-bottom:20px} .part2-content .news{padding:10px} .index-tab1 li{margin-right:0} .index-tab1{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px} .index-list1 li span{display:none} .index-part3,.index-part4,.index-part5{padding:30px 0} .part3-content .imgtxt .box .txt{padding:10px} .slick-txt-inner1 .slick-arrow, .slick-txt-inner2 .slick-arrow, .slick-txt-inner3 .slick-arrow, .slick-txt-inner4 .slick-arrow{width: 30px;height: 30px;-webkit-background-size: 8px;-moz-background-size: 8px;-o-background-size: 8px;background-size: 8px;bottom: 0;left: 50%;} .slick-txt-inner1 .slick-arrow.slick-prev, .slick-txt-inner2 .slick-arrow.slick-prev, .slick-txt-inner3 .slick-arrow.slick-prev, .slick-txt-inner4 .slick-arrow.slick-prev{right: auto;margin-left: -35px;} .slick-txt-inner1 .slick-arrow.slick-next, .slick-txt-inner2 .slick-arrow.slick-next, .slick-txt-inner3 .slick-arrow.slick-next, .slick-txt-inner4 .slick-arrow.slick-next{right: auto;margin-left: 5px;} .part3-content .imgtxt .box .txt ul{margin-bottom:0} .part3-content .imgtxt .box .txt h3 a{font-size:18px;line-height:30px;margin-bottom:0} .part3-content .imgtxt .box .txt ul li{width:50%;font-size:16px;line-height:24px;margin-bottom:10px} .part3-content .imgtxt .box .txt .more{font-size:14px;line-height:34px;width:100px;margin:0 auto 10px} .y-tit1 p{margin:10px 0 0;width:100%;font-size:14px;line-height:24px} .index-map .txt p{font-size:14px;line-height:24px} .index-map .txt em{margin-bottom:10px} .index-map .txt .item{margin-bottom:0} .index-logo li .img{margin:0 2px} .index-logo{margin:0 -2px -4px} .index-logo li{margin-bottom: 4px; width:50%} .index-logo li:last-child{display:none} .index-part6 ul li .txt img{float:none;display:block;margin:0 auto 10px} .index-part6 ul li .txt{padding-right:0;margin:0 5px;text-align:center} .index-part6 ul li .txt .word h3{font-size:18px;line-height:24px;margin-bottom:5px} .index-part6 ul li .txt .word{padding-top:0} .index-part6 ul li .txt .word p{font-size:14px;line-height:24px;height:48px;margin-bottom:5px} .index-part6 ul li .txt .word a{font-size:12px} .slick-about1 .slick-arrow{width:25px;height:25px;margin-top:-12px;-webkit-background-size:6px;-moz-background-size:6px;-o-background-size:6px;background-size:6px} .about-tab1 li a{font-size:14px;width:100%;display:block;padding:0 5px;line-height:30px} .about-tab1 li.hover::after,.about-tab1 li:hover::after{display:none} .about-tab3 li a{font-size:12px;line-height:22px;padding-right:5px;margin-right:5px} .about-tab1{padding:30px 0 10px} .slick-about2-box,.y-about1::after{display:none} .y-about1{margin-top:30px;padding-top:0} .y-about1 li dl dt{font-size:20px;margin-right:0;float:none;margin-bottom:0;line-height:30px} .y-about1 li dl dd p{font-size:14px} .y-about1 li{margin-bottom:20px} .about-more img{width:30px;display:block;margin:0 auto} .about-more{width:auto;left:0;margin:0 auto 30px} .dj-tit h3{font-size:20px} .dj-tit .more{font-size:14px} .join-bot.dj{margin-top:20px} .join-bot.dj .slick{margin-bottom:50px} .dj-imgtxt{padding:10px} .dj-news-box{margin-bottom:0} .dj-ad{margin-bottom:20px} .dj-list1 li{padding:10px 0} .dj-list1 li .tit{font-size:16px;line-height:26px} .dj-list1 li p{font-size:14px;line-height:24px;height:48px} .dj-list2 li a{font-size:14px;line-height:40px;padding-left:30px} .dj-list2 li a::after{width:6px;height:6px} .about-imgtxt1 .video .icon i{width:40px;height:40px} .m-support{padding:30px 0 10px} .m-support .tit{margin-bottom:20px} .m-support .tit h3{font-size:22px;line-height:32px;margin-bottom:10px} .m-support .tit p{font-size:14px;line-height:26px} .m-support .con h3{font-size:18px;line-height:28px;margin-bottom:15px} .m-support .con li{padding-left:35px;-webkit-background-size:28px;-moz-background-size:28px;-o-background-size:28px;background-size:28px;padding-top:0;padding-bottom:0} .m-support .con li span{font-size:14px;line-height:22px;float:none;display:block} .m-support .con li p{font-size:14px;line-height:22px} .m-support .con li img{margin-top:10px;width:100px;height:100px;padding:4px} .copy{border:none} .part3-content .imgtxt{padding-bottom:30px;background-color:#fff} .part3-content .imgtxt .slick-dots{bottom:25px} .part3-content .imgtxt .slick-dots li{margin:0 4px;width:6px;height:6px} .part3-content .imgtxt .slick-dots li button{width:6px;height:6px;padding:0;outline:0;border:none;text-indent:-999px;background-color:#d8d8d8;margin:0} .part3-content .imgtxt .slick-dots li.slick-active button{background-color:#43a580} .part3-content .imgtxt .box-ul{padding:0 10px 10px} .part3-content .imgtxt .box-ul ul{margin:0} .part3-content .imgtxt .box-ul ul li{width:50%;font-size:14px;line-height:20px;margin-bottom:10px} .part3-content .imgtxt .box-ul .more{font-size:14px;line-height:34px;width:100px;margin:0 auto 35px} .pop-video .con .close{right:-15px;top: -45px;} .pop-video .con{width: 90%;} .part3-content .imgtxt .box .pic{float: none;margin-right: 0;width: auto;} .index-list1 li a{font-size: 14px;line-height: 22px;} .index-tab1 li a{font-size: 16px;line-height: 24px;} .index-map .txt{margin-right: 0;} .pf_tel { width: 40px; height: 40px; margin: 0; padding: 0; position: fixed; right: 10px; bottom: 20%; z-index: 100; display: block; } .pf_tel a { display: block; width:40px; height:40px; margin: 0; padding: 10px; border-radius: 50%; background-color: #07AB7F; box-shadow: 0 0 10px rgba(255, 114, 0, 0.4); } .pf_tel a img { display: block !important; width: 20px!important; height: 20px!important; margin: 0 auto; padding: 0; } .to_top { margin-top: 10px !important; background: #666 !important; } .join-center{padding-bottom: 280px;position: relative;} .join-center .img{width: 320px;position: absolute;bottom: 0;left: 50%;margin-left: -160px;} .hd-link::after{display: none;} .zd-l12{width: auto;margin: 20px 0;} .zd-l13>li{margin-bottom: 20px; float: none;width: auto;} .zd-l13>li .item{margin: 0;} .zd-l13{margin: 20px 0 0;} } @media only screen and (max-width: 767px){ .index-part1{ display:block; } .index-part1 ul{ padding: 30px 0px; font-size: 0; } .index-part1 ul li{ width:50%; padding: 20px 10px; float: none; display: inline-block; vertical-align: top; } .about-tab2 li{ width: 100%; padding: 10px 0px; } .about-tab2 li .dn,.ts-con{ padding-top: 14px; } .about-tab2 li .about-tab2-title{ font-size: 17px; } .about-tab2 li .ts-con p{ line-height: 2.5; } .index-part1 ul li p{ height: auto; } .index-part1 ul li::after{ display: none; } } @media (max-width:998px){ .fd-top{display:block} .fd-top .fd-tit{margin-bottom:10px} .fd-top .fd-tit span{font-size:14px;line-height:20px} .fd-top ul li{margin-right:0;font-size:12px} .fd-top .center2{float:none;width:100%;padding-left:0} .fd-top .center2 ul{padding-left:40px} .fd-top .center2::after{content:none} .fd-top .ewm .item{display:inline-block;float:none} }