/*e_FlowCommonStyleBox-001*/ #c_portalResGroupNewsNew_list-15878968334231134 .banner { margin-top:190px; position: relative; } #c_portalResGroupNewsNew_list-15878968334231134 .banner .swiper-slide { width:100%; } #c_portalResGroupNewsNew_list-15878968334231134 .banner .swiper-slide img { width:100%;display: block; } #c_portalResGroupNewsNew_list-15878968334231134 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 50px; } #c_portalResGroupNewsNew_list-15878968334231134 .swiper-pagination-bullet { width: 30px; height: 5px; border-radius: 5px; background: #fff; } #c_portalResGroupNewsNew_list-15878968334231134 .pra { top: 40%; left: 0px; width: 100%; z-index: 4; } #c_portalResGroupNewsNew_list-15878968334231134 .img_big { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 5s ease-out; transition: all 2s ease-out; } @media only screen and (max-width: 1200px) { #c_portalResGroupNewsNew_list-15878968334231134 .contant .img img { width: 300px; } } @media only screen and (max-width: 900px) { #c_portalResGroupNewsNew_list-15878968334231134 .banner { margin-top: 69px; } #c_portalResGroupNewsNew_list-15878968334231134 .pra { top: 20%; } } @media only screen and (max-width:768px) { #c_portalResGroupNewsNew_list-15878968334231134 .banner { height: auto; padding-bottom: 0 } #c_portalResGroupNewsNew_list-15878968334231134 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; } } @media only screen and (max-width:500px) { #c_portalResGroupNewsNew_list-15878968334231134 .swiper-button-prev, #c_portalResGroupNewsNew_list-15878968334231134 .swiper-button-next { width: 30px; height: 30px; top: 50%; } #c_portalResGroupNewsNew_list-15878968334231134 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; } #c_portalResGroupNewsNew_list-15878968334231134 .img_big { display: none; } #c_portalResGroupNewsNew_list-15878968334231134 .contant .PFR { margin-left: 10%; } } #con{width: 100%;max-width: none;min-width: 0px;height: auto;max-height: none;min-height: 0px;margin-top: 0px;margin-left: auto;margin-right: auto;margin-bottom: 0px;padding-top: 2.1%;padding-left: 0px;padding-right: 0px;padding-bottom: 2.1%;} #con .con01{width: 96%;height:940px;max-width:1782px;margin: auto;background:url(../Images/ProCon/con1_bg.jpg) left top no-repeat;background-size:100%;} #con .con01 .left{float:left;width:1024px;height:940px;background:url(../Images/ProCon/01_left.png) bottom center no-repeat;background-size:80%;} #con .con01 .right{float:right;width:758px;height:810px;padding-top:130px;} #con .con01 .right h1{width:100%;text-align:center;margin-top:20px;} #con .con01 .right h1 span{float:left; width:100%; line-height:30px; font-weight:normal; color:#4a4947; margin-top:10px;} #con .con01 .right p{float:left;width:85%;text-align:left;margin-left:55px;margin-top:80px;line-height:40px;} #con .con02{width: 96%;height:600px;max-width:1782px;margin: auto;} #con .con02 h1{margin:0 auto; width:90%; text-align:center; font-weight:normal; padding-top:80px;} #con .con02 h1 span{float:left; width:100%; line-height:30px; font-weight:normal; color:#4a4947; margin-top:10px;} #con .con02 .gn{margin:0 auto; width:100%;} #con .con02 .gn .swiper-container{width:100%;} #con .con02 .gn ul{margin:0 auto; width:100%; padding-top:120px;} #con .con02 .gn ul li{float:left;width:350px;height:260px;} #con .con02 .gn ul li .img{margin:0 auto; width:70px; height:80px;} #con .con02 .gn ul li .img img{display:block; margin:0 auto;} #con .con02 .gn ul li h2{float:left; text-align:center; width:100%; font-size:26px; font-weight:normal; padding-top:30px;} #con .con02 .gn ul li h2 span{float:left; text-align:center; width:100%; font-size:18px; line-height:30px; font-weight:normal; color:#666666; margin-top:20px;} #con2{width: 100%;max-width: none;min-width: 0px;height: auto;max-height: none;min-height: 0px;margin-top: 0px;margin-left: auto;margin-right: auto;margin-bottom: 0px;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;background:-webkit-linear-gradient(to right,#f7f7f8,#e1e2e1); background:linear-gradient(to right,#f7f7f8,#e1e2e1);} #con2 .con01{width: 96%;height:700px;max-width:1782px;margin: auto;} #con2 .con01 .left{float:left;width:640px;height:600px;margin-left:200px;padding-top:100px;} #con2 .con01 .left h1{margin:0 auto;width:100%;text-align:center;font-size:34px;margin-top:20px;font-weight:normal;} #con2 .con01 .left h1 span{float:left; width:100%; line-height:30px; font-weight:normal; color:#4a4947; margin-top:10px;} #con2 .con01 .left p{width:100%;text-align:center;margin-top:80px;line-height:40px;} #con2 .con01 .right{float:right;width:858px;height:700px;padding-top:200px;background:url(../Images/ProCon/con2_01_right.gif) center center no-repeat;} #con3{width: 100%;max-width: none;min-width: 0px;height: auto;max-height: none;min-height: 0px;margin-top: 0px;margin-left: auto;margin-right: auto;margin-bottom: 0px;padding-top: 2.1%;padding-left: 0px;padding-right: 0px;padding-bottom: 2.1%;} #con3 .con01{width: 96%;height:1028px;max-width:1782px;margin: auto;background:black;} #con3 .con01 h1{margin:0 auto; width:70%; text-align:center; font-weight:normal; color:#ffffff; letter-spacing:15px; padding-top:60px;} #con3 .con01 h1 .en{float:left; width:100%; line-height:30px; font-weight:normal; letter-spacing:0px; color:#999999; margin-top:10px;} #con3 .con01 h1 span{float:left; width:100%; text-align:center; font-size:22px; line-height:40px; font-weight:normal; letter-spacing:3px; color:#999999; margin-top:30px; padding-bottom:50px;} #con3 .con01 .panels{margin:0 auto; width:100%; margin-top:50px;} #con3 .con01 .panels .img{float:left; width:100%;} #con3 .con01 .panels .img img{display:block; margin:0 auto;} #con3 .con01 .panels .img .text{float:left; width:100%; margin-left:170px;} #con3 .con01 .panels .img .text h2{float:left; font-size:24px; width:500px; height:91px; margin-top:50px; margin-bottom:54px; border-right:1px solid #999999; font-weight:normal; color:#008db5; text-align:center;} #con3 .con01 .panels .img .text h2 span{float:left; width:100%; text-align:center; font-size:16px; line-height:25px; padding-left:50px; padding-right:50px; margin-top:15px; font-weight:normal; color:#999999;} #con3 .con01 .panels .img .text h2:nth-child(3){border-right:none;padding-right:68px;} #con3 .con01 .panels .img:nth-child(9) .text h2:nth-child(1){width:81%;border-right:none;} #con3 .con01 .panels .img.IsShow{display:none} #con3 .con01 .tabs{margin:0 auto; width:100%;} #con3 .con01 .tabs ul{float:left; width:100%; margin-left:170px;} #con3 .con01 .tabs ul li{float:left;height:42px; line-height:41px; padding-left:25px; padding-right:25px; text-align:center; font-size:20px; color:#FFFFFF; background-color:#4b4948; margin-right:2px; cursor:pointer;} #con3 .con01 .tabs ul li.active,#con3 .con01 .tabs ul li:hover{background:#008db5;} #con4{width: 100%;max-width: none;min-width: 0px;height: auto;max-height: none;min-height: 0px;margin-top: 0px;margin-left: auto;margin-right: auto;margin-bottom: 0px;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;background:url(../Images/ProCon/con4_bg.jpg) right top no-repeat ;background-size:100%;} #con4 .con01{width: 96%;height:800px;max-width:1782px;margin: auto;} #con4 .con01 .left{float:left;width:758px;height:700px;padding-top:100px;} #con4 .con01 .left h1{width:100%;text-align:center;font-size:34px;margin-top:20px;} #con4 .con01 .left h1 span{float:left; width:100%; line-height:30px; font-weight:normal; color:#4a4947; margin-top:10px;} #con4 .con01 .left p{float:left;width:100%;text-align:center;font-size:22px;font-weight:normal;margin-top:60px;line-height:20px;} #con4 .con01 .left span{float:left;width:100%;text-align:center;font-size:18px;font-weight:normal;margin-top:20px;} #con4 .con01 .right{float:right;width:1024px;height:800px;background:url(../Images/ProCon/con4_right.png) bottom center no-repeat;background-size:90%;} #con5{width: 100%;max-width: none;min-width: 0px;height: auto;max-height: none;min-height: 0px;margin-top: 0px;margin-left: auto;margin-right: auto;margin-bottom: 0px;padding-top: 1.8%;padding-left: 0px;padding-right: 0px;padding-bottom: 2.1%;} #con5 .con01{width: 96%;height:2100px;max-width:1782px;margin: auto;} #con5 .con01 h1{margin:0 auto; width:70%; text-align:center; font-size:38px; font-weight:normal; letter-spacing:3px; padding-top:60px;} #con5 .con01 h1 span{float:left; width:100%; line-height:30px; font-weight:normal; letter-spacing:0px; color:#4a4947; margin-top:10px;} #con5 .con01 .gn{margin:0 auto;} #con5 .con01 .gn ul{margin:0 auto; width:100%; padding-top:90px;} #con5 .con01 .gn ul li{float:left;width:400px; height:400px; margin-right:60px; margin-bottom:260px;} #con5 .con01 .gn ul li:nth-child(4){margin-right:0px;} #con5 .con01 .gn ul li:nth-child(8){margin-right:0px;} #con5 .con01 .gn ul li img{float:left;width:100%;} #con5 .con01 .gn ul li h2{float:left; width:100%; font-size:30px; font-weight:normal; padding-top:20px;} #con5 .con01 .gn ul li h2 span{float:left; width:100%; font-size:18px; line-height:30px; font-weight:normal; color:#666666; margin-top:20px;} @media only screen and (max-width:1800px) { #con .con01{height:750px;} #con .con01 .left{width:800px;height:744px;} #con .con01 .right{width:600px;padding-top:70px;} #con .con01 .right p{margin-top:50px;} #con .con02 .gn ul li{width:350px;height:260px;margin-left:1px; margin-right:1px;} #con2 .con01 .left{margin-left:100px;width:600px;padding-top:120px;} #con2 .con01 .right{width:600px;} #con3 .con01{height:1049px;} #con3 .con01 h1{width:90%;} #con3 .con01 h1 span{letter-spacing:1px;} #con3 .con01 .panels .img .text{margin-left:90px;} #con3 .con01 .panels .img .text h2{font-size:20px; width:410px; height:108px; margin-top:50px; margin-bottom:58px; padding-left:10px; padding-right:9px;} #con3 .con01 .panels .img .text h2 span{font-size:16px;padding-left:20px; padding-right:20px;} #con3 .con01 .tabs ul{float:left; width:100%; margin-left:73px;} #con3 .con01 .tabs ul li{line-height:42px; padding-left:15px; padding-right:15px; font-size:20px;} #con3 .con01 .panels .img:nth-child(9) .text h2:nth-child(1){width:87%;} #con3 .con01 .panels .img .text h2:nth-child(3){padding-right:0px;} #con4 .con01{height:659px;} #con4 .con01 .left{width:550px;padding-top:80px;} #con4 .con01 .left h1{margin-top:0px;padding-bottom:30px;} #con4 .con01 .left p{margin-top:35px;} #con4 .con01 .left span{line-height:25px;} #con4 .con01 .right{width:750px;height:659px;} #con5 .con01{height:1800px;} #con5 .con01 .gn ul li{width:300px; height:300px; margin-right:70px; margin-bottom:260px;} #con5 .con01 .gn ul li h2{float:left; width:100%; font-size:26px; padding-top:20px;} #con5 .con01 .gn ul li h2 span{float:left; width:100%; font-size:16px; line-height:26px; font-weight:normal; color:#666666; margin-top:20px;} } @media only screen and (max-width:1600px) { } @media only screen and (max-width:1480px) { } @media only screen and (max-width:1366px) { } @media only screen and (max-width:1280px) { } @media only screen and (max-width:1024px) { #con .con01{background-size:180%;} #con .con01 .left{width: 100%;height:500px;} #con .con01 .right{width:100%;height:auto;margin-top:10px;margin-bottom:10px;padding-top:20px;padding-bottom:20px;background-color:#FFFFFF;} #con .con01 .right h1{font-size:24px;margin-top:10px;} #con .con01 .right p{width:96%;font-size:18px;margin-left:10px;margin-top:20px;line-height:28px;} #con .con02{height:490px; background:#f5f5f5;} #con .con02 h1{font-size:24px; letter-spacing:0px; padding-top:70px;} #con .con02 h1 span{font-size:18px; line-height:20px; margin-top:20px;} #con .con02 .gn ul{padding-top:50px;} #con .con02 .gn ul li h2{font-size:24px; padding-top:30px;} #con .con02 .gn ul li h2 span{font-size:18px; line-height:30px; margin-top:20px;} #con2{background:none;} #con2 .con01{width:96%;height:880px;} #con2 .con01 .left{width:100%;height:auto;margin-left:0px;padding-top:10px;background-color:#FFFFFF;} #con2 .con01 .left h1{font-size:24px;margin-top:20px;} #con2 .con01 .left p{width:96%;font-size:18px;margin-left:10px;margin-top:20px;line-height:28px;} #con2 .con01 .right{width: 100%;height:540px;background-color:#FFFFFF;} #con3{padding-top:0px;padding-bottom:0px;} #con3 .con01{width:100%;height:1412px;} #con3 .con01 h1{width:90%; font-size:24px; letter-spacing:0px; padding-top:40px;} #con3 .con01 h1 span{font-size:18px; line-height:30px; letter-spacing:0px; margin-top:30px;} #con3 .con01 .panels .img img{width:96%;margin-top:-15px;margin-bottom:30px;} #con3 .con01 .panels .img .text{margin-left:0;} #con3 .con01 .panels .img .text h2{width:100%; height:90px; font-size:20px; margin-top:10px; margin-bottom:0px; border-right:none;} #con3 .con01 .panels .img .text h2 span{font-size:15px; padding-left:0; padding-right:0; line-height:20px; margin-top:10px;} #con3 .con01 .panels .img .text h2:nth-child(3){padding-right:0;} #con3 .con01 .panels .img:nth-child(9) .text h2:nth-child(1){width:100%;;} #con3 .con01 .tabs ul{margin-left:0px;} #con3 .con01 .tabs ul li{width:100%; margin-bottom:2px; margin-right:0px;} #con4{background:none;background-color:#e5e5e5;} #con4 .con01{width: 96%;height:1110px;max-width:1782px;margin: auto;} #con4 .con01 .left{width:100%;height:auto;padding-top:10px;} #con4 .con01 .left h1{font-size:24px;margin-top:20px;padding-bottom:0px;} #con4 .con01 .left p{font-size:18px;margin-top:25px;} #con4 .con01 .left span{font-size:16px;line-height:24px;margin-top:8px;} #con4 .con01 .right{float:left;width: 100%;height:680px;background-size:90%;} #con5 .con01 h1{width:90%; font-size:24px; letter-spacing:0px; padding-top:50px;} #con5 .con01 .gn ul{padding-top:50px;} #con5 .con01 .gn ul li{width:100%; height:auto; margin-right:0px; margin-bottom:0px;} #con5 .con01 .gn ul li h2{text-align:center;font-size:24px;} #con5 .con01 .gn ul li h2 span{font-size:16px; line-height:24px; margin-bottom:30px;} } @media only screen and (max-width: 960px) { #con .con01{background-size:180%;} #con .con01 .left{width: 100%;height:341px;} #con .con01 .right{width:100%;height:auto;margin-top:10px;margin-bottom:10px;padding-top:20px;padding-bottom:20px;background-color:#FFFFFF;} #con .con01 .right h1{font-size:24px;margin-top:10px;} #con .con01 .right p{width:96%;font-size:18px;margin-left:10px;margin-top:20px;line-height:28px;} #con .con02{height:490px; background:#f5f5f5;} #con .con02 h1{font-size:24px; letter-spacing:0px; padding-top:70px;} #con .con02 h1 span{font-size:18px; line-height:20px; margin-top:20px;} #con .con02 .gn ul{padding-top:50px;} #con .con02 .gn ul li h2{font-size:24px; padding-top:30px;} #con .con02 .gn ul li h2 span{font-size:18px; line-height:30px; margin-top:20px;} #con2{background:none;} #con2 .con01{width:96%;height:880px;} #con2 .con01 .left{width:100%;height:auto;margin-left:0px;padding-top:10px;background-color:#FFFFFF;} #con2 .con01 .left h1{font-size:24px;margin-top:20px;} #con2 .con01 .left p{width:96%;font-size:18px;margin-left:10px;margin-top:20px;line-height:28px;} #con2 .con01 .right{width: 100%;height:540px;background-color:#FFFFFF;} #con3{padding-top:0px;padding-bottom:0px;} #con3 .con01{width:100%;height:1222px;} #con3 .con01 h1{width:90%; font-size:24px; letter-spacing:0px; padding-top:40px;} #con3 .con01 h1 span{font-size:18px; line-height:30px; letter-spacing:0px; margin-top:30px;} #con3 .con01 .panels .img img{width:96%;margin-top:-15px;margin-bottom:30px;} #con3 .con01 .panels .img .text{margin-left:0;} #con3 .con01 .panels .img .text h2{width:100%; height:90px; font-size:20px; margin-top:10px; margin-bottom:0px; border-right:none;} #con3 .con01 .panels .img .text h2 span{font-size:15px; padding-left:0; padding-right:0; line-height:20px; margin-top:10px;} #con3 .con01 .panels .img .text h2:nth-child(3){padding-right:0;} #con3 .con01 .panels .img:nth-child(9) .text h2:nth-child(1){width:100%;;} #con3 .con01 .tabs ul{margin-left:0px;} #con3 .con01 .tabs ul li{width:100%; margin-bottom:2px; margin-right:0px;} #con4{background:none;background-color:#e5e5e5;} #con4 .con01{width: 96%;height:738px;max-width:1782px;margin: auto;} #con4 .con01 .left{width:100%;height:auto;padding-top:10px;} #con4 .con01 .left h1{font-size:24px;margin-top:20px;padding-bottom:0px;} #con4 .con01 .left p{font-size:18px;margin-top:25px;} #con4 .con01 .left span{font-size:16px;line-height:24px;margin-top:8px;} #con4 .con01 .right{float:left;width: 100%;height:280px;background-size:90%;} #con5 .con01 h1{width:90%; font-size:24px; letter-spacing:0px; padding-top:50px;} #con5 .con01 .gn ul{padding-top:50px;} #con5 .con01 .gn ul li{width:100%; height:auto; margin-right:0px; margin-bottom:0px;} #con5 .con01 .gn ul li h2{text-align:center;font-size:24px;} #con5 .con01 .gn ul li h2 span{font-size:16px; line-height:24px; margin-bottom:30px;} } .e_FlowCommonStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }@media only screen and (max-width: 768px){ .c_portalResGroupAtlas_category-01001 .promptbox .first { display: none } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData { width: auto; background-color: inherit; text-align: center; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font .iconfont:before { content: ""; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font .iconfont{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font .iconfont:before { content: "\e6b4"; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; display: flex } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; margin: auto; display: flex; justify-content: center; align-items: center } .c_portalResGroupAtlas_category-01001 .p_Category { min-width: 350px; width: auto; height: auto; position: relative; } .c_portalResGroupAtlas_category-01001 .p_img { position: relative; } .c_portalResGroupAtlas_category-01001 .p_img:after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#73000000,endColorstr=#73000000); position: absolute; top: 0; left: 0; z-index: 3; display: none; } .c_portalResGroupAtlas_category-01001 .p_imgLink:hover .p_img:after { display: block; } .c_portalResGroupAtlas_category-01001 .p_Show .p_imgItemBox { float: left; border: 1px solid #ccc; margin: 15px 15px; width: calc((100% - 60px) / 2) !important; /*（总宽度-总间隙)/列数 例如：（100%-(4列-1)*15像素)/4列 */ } .c_portalResGroupAtlas_category-01001 .clearfix:before, .clearfix:after { content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden; /* font-size: 0; */ } .c_portalResGroupAtlas_category-01001 .p_scroll { position: absolute; /* top: 190px; */ } .c_portalResGroupAtlas_category-01001 .js_thumb { /*图片宽高比：默认75%：4:3；50%：2:1；20%是5:1； 依次类推*/ } .c_portalResGroupAtlas_category-01001 .p_Tile { /* margin-left: 30px; */ padding: 0 10px; margin-bottom: 10px; /* font-weight: 700; */ } .c_portalResGroupAtlas_category-01001 .p_Atile { /* margin-left: 30px; */ padding: 0 10px; margin-bottom: 10px; height: 45px; } .c_portalResGroupAtlas_category-01001 .js_thumbtr{ width: 80% !important } .c_portalResGroupAtlas_category-01001 .p_titlecon{ height: 50px; display: flex; align-items: center; padding-left: 15px; border-bottom: 1px solid gray } } @media only screen and (min-width: 769px){ .c_portalResGroupAtlas_category-01001 .promptbox .first { display: none } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData { width: auto; background-color: inherit; text-align: center; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font .iconfont:before { content: ""; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font .iconfont{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font .iconfont:before { content: "\e6b4"; } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; display: flex } .c_portalResGroupAtlas_category-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; margin: auto; display: flex; justify-content: center; align-items: center } .c_portalResGroupAtlas_category-01001 .p_Category { min-width: 350px; width: auto; height: auto; position: relative; } .c_portalResGroupAtlas_category-01001 .p_img { position: relative; } .c_portalResGroupAtlas_category-01001 .p_img:after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#73000000,endColorstr=#73000000); position: absolute; top: 0; left: 0; z-index: 3; display: none; } .c_portalResGroupAtlas_category-01001 .p_imgLink:hover .p_img:after { display: block; } .c_portalResGroupAtlas_category-01001 .p_Show .p_imgItemBox { float: left; border: 1px solid #ccc; margin: 15px 15px; width: calc((100% - 120px) / 4); /*（总宽度-总间隙)/列数 例如：（100%-(4列-1)*15像素)/4列 */ } .c_portalResGroupAtlas_category-01001 .clearfix:before, .clearfix:after { content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden; /* font-size: 0; */ } .c_portalResGroupAtlas_category-01001 .p_scroll { position: absolute; /* top: 190px; */ } .c_portalResGroupAtlas_category-01001 .js_thumb { /*图片宽高比：默认75%：4:3；50%：2:1；20%是5:1； 依次类推*/ } .c_portalResGroupAtlas_category-01001 .p_Tile { /* margin-left: 30px; */ padding: 0 10px; margin-bottom: 10px; /* font-weight: 700; */ } .c_portalResGroupAtlas_category-01001 .p_Atile { /* margin-left: 30px; */ padding: 0 10px; margin-bottom: 10px; height: 45px; } .c_portalResGroupAtlas_category-01001 .js_thumbtr{ width: 80% !important } .c_portalResGroupAtlas_category-01001 .p_titlecon{ height: 50px; display: flex; align-items: center; padding-left: 15px; border-bottom: 1px solid gray } } @media only screen and (min-width: 769px) and (max-width: 1024px){}@media only screen and (max-width: 768px) { .c_portalResGroupNewsNew_detail-01001 { min-width: 250px; } .c_portalResGroupNewsNew_detail-01001 .p_NewsDetail { padding: 0; } .c_portalResGroupNewsNew_detail-01001 .p_head { padding: 10px; text-align: left; overflow: hidden; } .c_portalResGroupNewsNew_detail-01001 .p_titleCon{ float: left; margin-right: 5px; } .c_portalResGroupNewsNew_detail-01001 .p_top { background:#f27b3b; color: #fff; padding: 0 5px; margin-right: 5px; } .c_portalResGroupNewsNew_detail-01001 .p_recommend { background:#91d25a; color: #fff; padding: 0 5px; margin-right: 5px; } .c_portalResGroupNewsNew_detail-01001 .p_hot { background:#ed575a; color: #fff; padding: 0 5px; margin-right: 5px; } .c_portalResGroupNewsNew_detail-01001 .p_addTime{ text-align: left; padding: 0 10px; font-size: 14px; margin-bottom: 20px; } .c_portalResGroupNewsNew_detail-01001 .p_summary { padding: 10px; white-space: normal; background:#e6f7ff } /*图集概括描述*/ .c_portalResGroupNewsNew_detail-01001 .p_SummaryBox { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; min-height: 68px; text-align: left; height: auto; padding: 10px; background: rgba(0, 0, 0, .6) } .c_portalResGroupNewsNew_detail-01001 .p_PrevAndNext { padding: 0; margin: 0; overflow: hidden; padding: 10px 0; margin-top:20px; } .c_portalResGroupNewsNew_detail-01001 .atlas-01 { display: block; } .c_portalResGroupNewsNew_detail-01001 .p_Atlas { padding: 0; margin-top: 0; margin-bottom: 10px; } .c_portalResGroupNewsNew_detail-01001 .p_ThumbnailBox { position: absolute; bottom: 60px; text-align: center; } .c_portalResGroupNewsNew_detail-01001 .p_thumbnail { display: inline-block; float: none; width: 16px !important; height: 16px !important; padding-bottom: 0; border-radius: 50%; margin: 0 2px; } .c_portalResGroupNewsNew_detail-01001 .p_header, .c_portalResGroupNewsNew_detail-01001 .p_headA { text-align: left; } .c_portalResGroupNewsNew_detail-01001 .p_TitleBoxA { margin-bottom: 10px; margin-left: 10px; margin-top: 10px; } .c_portalResGroupNewsNew_detail-01001 .p_summary { padding: 0; background: none; margin: 0 10px; padding-bottom: 5px; margin-bottom: 10px; } .c_portalResGroupNewsNew_detail-01001 .p_dataSource { margin: 0; padding-bottom: 10px; padding-top: 0; } .c_portalResGroupNewsNew_detail-01001 .p_dataSource li { float: none !important; display: block; width: 100%; padding: 0 10px; margin: 2px 0; } .c_portalResGroupNewsNew_detail-01001 .p_articlesTitle { display: block; padding: 10px; } .c_portalResGroupNewsNew_detail-01001 .p_articles { padding: 10px; } .c_portalResGroupNewsNew_detail-01001 .p_previewBox, .c_portalResGroupNewsNew_detail-01001 .p_nextBox { float: left; width: 50%; text-align: center; } .c_portalResGroupNewsNew_detail-01001 .i_title { display: block; width: 100%; margin-top: 4px; } .c_portalResGroupNewsNew_detail-01001 .i_title .clons { display: none; } .c_portalResGroupNewsNew_detail-01001 .p_imgsBox { width: 100%; } .c_portalResGroupNewsNew_detail-01001 .gallery-top { height: 300px; text-align: center; } .c_portalResGroupNewsNew_detail-01001 .swiper-wrapper, .c_portalResGroupNewsNew_detail-01001 .swiper-slide { height: inherit; } .c_portalResGroupNewsNew_detail-01001 .gallery-top .swiper-slide img { /* width: 100%; */ /* height: inherit; */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; } .c_portalResGroupNewsNew_detail-01001 .gallery-top .swiper-button-next, .c_portalResGroupNewsNew_detail-01001 .gallery-top .swiper-button-prev { display: none; } .c_portalResGroupNewsNew_detail-01001 .gallery-thumbs { width: 0; height: 0; padding: 0; } .c_portalResGroupNewsNew_detail-01001 .swiper-pagination { right: 0; left: -10px; top: auto; transform: translate(0, 0); text-align: center; bottom: 74px; z-index: 99999; } .c_portalResGroupNewsNew_detail-01001 .p_textBoxs { padding: 10px; } .c_portalResGroupNewsNew_detail-01001 .swiper-pagination .dot { display: inline-block; margin: 0 4px; } } @media only screen and (min-width: 769px) { .c_portalResGroupNewsNew_detail-01001 { width: 100%; height: 100%; margin-left: auto; margin-right: auto; min-height: 192px; min-width: 250px; max-width: 100%; } .c_portalResGroupNewsNew_detail-01001 .p_NewsDetail { padding: 10px; } .c_portalResGroupNewsNew_detail-01001 .p_head { padding: 20px; text-align: center; } .c_portalResGroupNewsNew_detail-01001 .p_top { background:#f27b3b; color: #fff; padding: 0 10px; margin-right: 5px; } .c_portalResGroupNewsNew_detail-01001 .p_recommend { background:#91d25a; color: #fff; padding: 0 10px; margin-right: 5px; } .c_portalResGroupNewsNew_detail-01001 .p_hot { background:#ed575a; color: #fff; padding: 0 10px; margin-right: 5px; } .c_portalResGroupNewsNew_detail-01001 .p_addTime{ text-align: center; font-size: 14px; margin-bottom: 20px; } .c_portalResGroupNewsNew_detail-01001 .p_summary { padding: 10px; white-space: normal; background:#e6f7ff } .c_portalResGroupNewsNew_detail-01001 .p_dataSource { overflow: hidden; padding-top: 20px; margin: 20px 0; } .c_portalResGroupNewsNew_detail-01001 .p_dataSource>li { display: inline-block; margin-right: 20px; } .c_portalResGroupNewsNew_detail-01001 .p_dataSource>li:last-child { float: right; } .c_portalResGroupNewsNew_detail-01001 .p_topBox { margin-bottom: 10px; } /*摘要*/ .c_portalResGroupNewsNew_detail-01001 .p_summary { padding: 10px; white-space: normal; } .c_portalResGroupNewsNew_detail-01001 .p_articles { overflow: hidden; padding: 20px 0; } .c_portalResGroupNewsNew_detail-01001 .p_tags { display: inline-block; } .c_portalResGroupNewsNew_detail-01001 .p_tags .btn { padding: 8px 5px; } .c_portalResGroupNewsNew_detail-01001 .p_tag { display: inline-block; margin-right: 15px; margin-bottom: 10px; padding: 5px 10px; min-width: 60px; text-align: center; } /*图集*/ .c_portalResGroupNewsNew_detail-01001 .p_Atlas { padding: 10px 0; margin-top: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 30px; } .c_portalResGroupNewsNew_detail-01001 .p_images { width: 100%; height: auto; box-sizing: border-box; position: relative; padding: 75% 0 0; /*图片宽高比：默认75%：4:3；50%：2:1；20%是5:1； 依次类推*/ } .c_portalResGroupNewsNew_detail-01001 .p_img { position: absolute; top: 0; width: 100%; height: 100%; vertical-align: middle; text-align: center; overflow: hidden; } .c_portalResGroupNewsNew_detail-01001 .p_sLeft { display: inline-block; width: 90%; word-break: break-all; } .c_portalResGroupNewsNew_detail-01001 .p_curNum { display: inline-table; width: auto; } /*缩略图*/ .c_portalResGroupNewsNew_detail-01001 .p_ThumbnailBox { padding: 10px 40px; position: relative; } .c_portalResGroupNewsNew_detail-01001 .p_ThumbnailList { overflow: hidden; } .c_portalResGroupNewsNew_detail-01001 .p_thumbnail { position: relative; float: left; box-sizing: border-box; overflow: hidden; margin: 0 7.5px; /*间距*/ overflow: hidden; width: calc((100% - 45px) / 4); /*（总宽度-总间隙)/列数 例如：（100%-(4列-1)*15像素)/4列 */ padding-bottom: calc(((100% - 45px) / 4) * 0.75); /*0.75为系数 是高度/宽度的值 ，例如：0.75为 3/4 宽高比即为 4:3 */ height: 0px; cursor: pointer; } .c_portalResGroupNewsNew_detail-01001 .p_thumbnail.active { /*当前状态*/ } /*切换按钮001*/ .c_portalResGroupNewsNew_detail-01001 .p_interactionA { position: absolute; height: 100%; width: 50%; top: 0; left: 0; } .c_portalResGroupNewsNew_detail-01001 .p_interactionB { position: absolute; height: 100%; width: 50%; top: 0; right: 0; } .c_portalResGroupNewsNew_detail-01001 .p_SwitchBtnA { display: table; top: 50%; left: 0; position: absolute; margin-top: -47.5px; width: 30px; height: 85px; cursor: pointer; text-align: center; user-select: none; } .c_portalResGroupNewsNew_detail-01001 .p_SwitchBtnB { display: table; top: 50%; right: 0; left: auto; position: absolute; margin-top: -47.5px; width: 40px; height: 85px; cursor: pointer; text-align: center; user-select: none; } .c_portalResGroupNewsNew_detail-01001 .p_SwitchBtnA .iconfont, .c_portalResGroupNewsNew_detail-01001 .p_SwitchBtnB .iconfont { display: table-cell; vertical-align: middle; } .c_portalResGroupNewsNew_detail-01001 .p_ThumbnailBox .p_SwitchBtnA, .c_portalResGroupNewsNew_detail-01001 .p_ThumbnailBox .p_SwitchBtnB { background: none; } /*切换按钮002*/ .c_portalResGroupNewsNew_detail-01001 .p_SwitchBtnC { top: 50%; left: 0; position: absolute; margin-top: -12px; cursor: pointer; } .c_portalResGroupNewsNew_detail-01001 .p_SwitchBtnD { top: 50%; right: 0; position: absolute; margin-top: -12px; cursor: pointer; } .c_portalResGroupNewsNew_detail-01001 .p_PrevAndNext { overflow: hidden; margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; } .c_portalResGroupNewsNew_detail-01001 .p_previewBox { float: left; width: 50%; } .c_portalResGroupNewsNew_detail-01001 .p_nextBox { float: right; width: 50%; text-align: right; } .c_portalResGroupNewsNew_detail-01001 .p_header { text-align: center; } .c_portalResGroupNewsNew_detail-01001 .p_TitleBoxA { display: inline-table; width: 100%; height: auto; max-width: 85%; vertical-align: middle; margin: 0; padding: 0; } .c_portalResGroupNewsNew_detail-01001 .p_headA { display: table-cell; vertical-align: middle; white-space: normal; word-break: break-all; word-wrap: break-word; overflow: hidden; margin: 0; padding: 0; text-align: center; } .c_portalResGroupNewsNew_detail-01001 .p_infoBox, .c_portalResGroupNewsNew_detail-01001 .p_articlesTitle { display: none; } /*图集概括描述*/ .c_portalResGroupNewsNew_detail-01001 .p_SummaryBox { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; min-height: 68px; text-align: left; height: auto; padding: 10px; background: rgba(0, 0, 0, .6) } .c_portalResGroupNewsNew_detail-01001 .p_textBoxs { padding: 10px; } .c_portalResGroupNewsNew_detail-01001 .p_imgsBox { margin: 0 auto; } .c_portalResGroupNewsNew_detail-01001 .gallery-top .swiper-container { width: 100%; height: 500px; margin-left: auto; margin-right: auto; } .c_portalResGroupNewsNew_detail-01001 .swiper-slide { background-size: cover; background-position: center; } .c_portalResGroupNewsNew_detail-01001 .gallery-top { height: 480px; width: 100%; text-align: center; } .c_portalResGroupNewsNew_detail-01001 .gallery-top .swiper-wrapper, .c_portalResGroupNewsNew_detail-01001 .gallery-top .swiper-slide { height: inherit; } .c_portalResGroupNewsNew_detail-01001 .gallery-top .swiper-slide img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; } .c_portalResGroupNewsNew_detail-01001 .swiper-button-prev { display: inline-table; text-align: center; position: absolute; left: 0; top: 50%; width: 36px; height: 50px; z-index: 999; cursor: pointer; margin-top: -25px; background: rgba(0,0,0,.5) } .c_portalResGroupNewsNew_detail-01001 .swiper-button-next { display: inline-table; text-align: center; position: absolute; right: 0; top: 50%; width: 36px; height: 50px; z-index: 999; cursor: pointer; margin-top: -25px; background: rgba(0, 0, 0, .5) } .c_portalResGroupNewsNew_detail-01001 .swiper-button-prev i, .c_portalResGroupNewsNew_detail-01001 .swiper-button-next i { display: table-cell; vertical-align: middle; } .c_portalResGroupNewsNew_detail-01001 .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; } .c_portalResGroupNewsNew_detail-01001 .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .c_portalResGroupNewsNew_detail-01001 .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .swiper-pagination-bullet { display: inline-block; width: 20px; height: 20px; } .c_portalResGroupNewsNew_detail-01001 .gallery-thumbs .swiper-slide { display: inline-table; width: 105px !important; height: 85px !important; text-align: center; } .c_portalResGroupNewsNew_detail-01001 .gallery-thumbs .p_sImgBox { display: table-cell; width: auto; height: auto; vertical-align: middle; cursor: pointer; } .c_portalResGroupNewsNew_detail-01001 .gallery-thumbs .swiper-slide img { display: block; width: 100%; } .c_portalResGroupNewsNew_detail-01001 .gallery-top .ahref { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .c_portalResGroupNewsNew_detail-01001 .p_PrevAndNextMo { display: none; } .c_portalResGroupNewsNew_detail-01001 .p_pagination { position: absolute; top: 50%; right: 10px; transform: translate(-50%, -50%); margin: 0; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { /*中屏*/ }@media only screen and (max-width: 768px){ .c_portalResGroupPublic_codeContainer-01001003{ width:100%; } } @media only screen and (min-width: 769px){ .c_portalResGroupPublic_codeContainer-01001003{ min-height:500px; width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }.c_portalResGroupPublic_codeContainer-01001003 .e_box{ background:#f5f5f5; } .c_portalResGroupPublic_codeContainer-01001003 .same{ width:96%; max-width:1782px; margin:auto; background:white; position:relative; padding:2.3% 2.5%; } .c_portalResGroupPublic_codeContainer-01001003 .same .title{ font-size:30px; line-height:1; } .c_portalResGroupPublic_codeContainer-01001003 .same .title h5{ font-size:16px; margin-left:2.4%; display:inline-block; color:#a9a9a9; } .c_portalResGroupPublic_codeContainer-01001003 .t3 span{ float:right; cursor:pointer; } .c_portalResGroupPublic_codeContainer-01001003 .title span{ display:block; cursor:pointer; float:right; width:19px; height:19px; background-size:100% 100% !important; background:url(/Images/jh.png); } .c_portalResGroupPublic_codeContainer-01001003 .title .active2{ background:url(/Images/jh2.png); } .c_portalResGroupPublic_codeContainer-01001003 .same .content a{ border:1px solid #a9a9a9; margin-left:2%; width:15%; display:inline-block; text-align:center; height:62px; line-height:62px; cursor:pointer; } .c_portalResGroupPublic_codeContainer-01001003 .same .content a:first-child{ margin-left:0; } .c_portalResGroupPublic_codeContainer-01001003 .same .content{ margin:2.8% 0; } .c_portalResGroupPublic_codeContainer-01001003 .same .content a:hover{ color:white; background:black; } .c_portalResGroupPublic_codeContainer-01001003 .same .content .active{ color:white; background:black; } .c_portalResGroupPublic_codeContainer-01001003 .same .product_list:after{ display:block; content:""; clear:both; } .c_portalResGroupPublic_codeContainer-01001003 .same .product .product_list a{ margin-left:2.53%; margin-bottom:2.53%; width:23.1%; display:block; float:left; box-shadow:10px 10px 20px 0 rgba(0,0,0,0.1); } .c_portalResGroupPublic_codeContainer-01001003 .same .product .product_list a:first-child{ margin-left:0; } .c_portalResGroupPublic_codeContainer-01001003 .zdl3 a:nth-child(5){ margin-left:0 !important; } .c_portalResGroupPublic_codeContainer-01001003 .same .product .product_list a .left{ float:left; width:57%; height:0; padding-bottom:57%; background-size:100% 100% !important; } .c_portalResGroupPublic_codeContainer-01001003 .same .product .product_list a .right{ float:right; width:43%; } .c_portalResGroupPublic_codeContainer-01001003 .same .product .product_list a .right .title{ font-size:16px; margin:18% 15% 0; padding-bottom:67%; border-bottom:1px solid rgba(0,0,0,0.2); } .c_portalResGroupPublic_codeContainer-01001003 .same .product .product_list a .right .title:after{ display:none; } .c_portalResGroupPublic_codeContainer-01001003 .same .product .product_list a .right .subtitle{ font-size:14px; margin:15% 15% 0; color:rgba(0,0,0,0.6); } .c_portalResGroupPublic_codeContainer-01001003 .same .product_more{ text-align:center; margin-top:5%; width:fit-content; height:40px; line-height:40px; position:relative; border-bottom:1px solid rgba(0,0,0,0.9); margin:auto; } .c_portalResGroupPublic_codeContainer-01001003 .product_more:after{ content:""; width:0; height:100%; background:#000; position:absolute; left:0; top:0; transition:all 0.8s; } .c_portalResGroupPublic_codeContainer-01001003 .product_more:hover a{ color:white; position:relative; z-index:2; } .c_portalResGroupPublic_codeContainer-01001003 .product_more:hover:after{ width:100%; transition:all 0.8s; } .c_portalResGroupPublic_codeContainer-01001003 .same .product_more a{ padding:12px 16px; cursor:pointer; font-size:14px; } .c_portalResGroupPublic_codeContainer-01001003 .product_list a:hover{ color:rgba(0,0,0,0.8); } .c_portalResGroupPublic_codeContainer-01001003 .pr3{ display:none; } .c_portalResGroupPublic_codeContainer-01001003 .zp3 .active{ display:block; } .c_portalResGroupPublic_codeContainer-01001003 .mobile_english{ display:none; } @media screen and (max-width: 1280px){ .c_portalResGroupPublic_codeContainer-01001003 .same .product .product_list a .right .title{ padding-bottom:28% } } @media screen and (max-width: 768px){ .c_portalResGroupPublic_codeContainer-01001003 .mobile_english{ display:block; float: right; font-size: 8px; } .c_portalResGroupPublic_codeContainer-01001003 .same .product .product_list a{ width:100%; margin-left:2%; border:1px solid rgba(0,0,0,0.2); padding:6px; box-shadow:none; } .c_portalResGroupPublic_codeContainer-01001003 .same .product .product_list a .right .title{ padding-bottom:67%; } .c_portalResGroupPublic_codeContainer-01001003 .same .product .product_list a:nth-child(2n+1){ margin-left:0; } .c_portalResGroupPublic_codeContainer-01001003 .same .content a{ width:32%; margin-left:2%; margin-bottom:10px; height:48px; line-height:48px; } .c_portalResGroupPublic_codeContainer-01001003 .same .content a:nth-child(3n+1){ margin-left:0; } .c_portalResGroupPublic_codeContainer-01001003 .same .title{ font-size:18px } .c_portalResGroupPublic_codeContainer-01001003 .same .title h5{ font-size:14px; } .c_portalResGroupPublic_codeContainer-01001003 .same .product .product_list a .left{ width:20%; padding-bottom:20%; } .c_portalResGroupPublic_codeContainer-01001003 .same .product .product_list a .right .title{ padding-bottom:6px; } .c_portalResGroupPublic_codeContainer-01001003 .right .subtitle{ display:none; } .c_portalResGroupPublic_codeContainer-01001003 .title span{ width:17px; height:17px; } } @media screen and (max-width: 500px){ .c_portalResGroupPublic_codeContainer-01001003 .same .product .product_list a{ width:100%; margin-left:0; } }@media only screen and (max-width: 768px){/*小屏*/ .c_portalResGroupIntroNew_relatedlist-01001 .p_lineBox{ height: 1px; } .c_portalResGroupIntroNew_relatedlist-01001 .p_Title { } .c_portalResGroupIntroNew_relatedlist-01001 .p_IntoList .iconfont{ display: none; } .c_portalResGroupIntroNew_relatedlist-01001 .p_IntroList{ padding: 40px 20px; } .c_portalResGroupIntroNew_relatedlist-01001 .introCol{ display: inline-block; } .c_portalResGroupIntroNew_relatedlist-01001 .p_Title{ display: inline-block; } .c_portalResGroupIntroNew_relatedlist-01001 .introTime{ float: right; } .c_portalResGroupIntroNew_relatedlist-01001 .mouse_bac{ float: left; display: flex; width: 65%; } .c_portalResGroupIntroNew_relatedlist-01001 .mouse_bac:hover{ background: none; } .c_portalResGroupIntroNew_relatedlist-01001 .p_articles{ width: calc((100% - 0px)/1)!important; margin-bottom: 10px; } } @media only screen and (min-width: 769px){/*大屏*/ .c_portalResGroupIntroNew_relatedlist-01001{ margin-left: auto; margin-right: auto; width: 100%; /* 以下根据实际情况自己定义 */ min-height: 100px; } .c_portalResGroupIntroNew_relatedlist-01001 .p_IntroList{ padding: 40px 0; font-size: 0; } .c_portalResGroupIntroNew_relatedlist-01001 .p_IntoList{ display: inline-block; width: 100%; overflow: hidden; margin-bottom: 10px; font-size: 14px; padding: 0 20px; } .c_portalResGroupIntroNew_relatedlist-01001 .p_lineBox{ width: 0; height: 0; } .c_portalResGroupIntroNew_relatedlist-01001 .p_Title .iconfont, .c_portalResGroupIntroNew_relatedlist-01001 .p_Title .p_introTitle { display: inline-block; } .c_portalResGroupIntroNew_relatedlist-01001 .p_Title .iconfont{ vertical-align: sub; } .c_portalResGroupIntroNew_relatedlist-01001 .p_IntoList .introCol{ display: inline-block; } .c_portalResGroupIntroNew_relatedlist-01001 .p_Title{ display: inline-block; } .c_portalResGroupIntroNew_relatedlist-01001 .mouse_bac{ float: left; display: flex; width: 80%; } .c_portalResGroupIntroNew_relatedlist-01001 .introTime{ float: right; } .c_portalResGroupIntroNew_relatedlist-01001 .mouse_bac:hover{ background: none; } } @media only screen and (max-width: 1024px) and (min-width: 769px){/*中屏*/ }@media only screen and (max-width: 768px){ .c_portalResGroupPublic_codeContainer-01001002{ width:100%; } } @media only screen and (min-width: 769px){ .c_portalResGroupPublic_codeContainer-01001002{ min-height:500px; width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }.c_portalResGroupPublic_codeContainer-01001002 .e_box{ background:#f5f5f5; padding-top:2.1%; } .c_portalResGroupPublic_codeContainer-01001002 .same{ width:96%; max-width:1782px; margin:auto; background:white; padding:2.3% 2.5%; position:relative; } .c_portalResGroupPublic_codeContainer-01001002 .same .tip{ color:rgba(0,0,0,0.6); position:absolute; right:0; bottom:0; margin:2.3% 2.5%; font-size:12px; } .c_portalResGroupPublic_codeContainer-01001002 .same .title{ font-size:30px; line-height:1; margin-left:15px;} .c_portalResGroupPublic_codeContainer-01001002 .same .title h5{ font-size:18px; margin-left:1%; display:inline-block; color:#a9a9a9; } .c_portalResGroupPublic_codeContainer-01001002 .title span{ display:block; cursor:pointer; float:right; width:19px; height:19px; background-size:100% 100% !important; background:url(/Images/jh.png); } .c_portalResGroupPublic_codeContainer-01001002 .act span{ background:url(/Images/jh2.png); } .c_portalResGroupPublic_codeContainer-01001002 .same .content a{ border:1px solid #a9a9a9; margin-left:2%; width:15%; display:inline-block; text-align:center; height:62px; line-height:62px; cursor:pointer; } .c_portalResGroupPublic_codeContainer-01001002 .same .content a:first-child{ margin-left:0; } .c_portalResGroupPublic_codeContainer-01001002 .same .content{ margin:2.8% 0; } .c_portalResGroupPublic_codeContainer-01001002 .same .content a:hover{ color:white; background:black; } .c_portalResGroupPublic_codeContainer-01001002 .same .content .active{ color:white; background:black; } .c_portalResGroupPublic_codeContainer-01001002 .cen{ padding-bottom:2%; border-bottom:1px solid rgba(0,0,0,0.8); } .c_portalResGroupPublic_codeContainer-01001002 .cen:after{ content:""; display:block; clear:both; } .c_portalResGroupPublic_codeContainer-01001002 .Fabric{ float:left; width:80%; } .c_portalResGroupPublic_codeContainer-01001002 .leavl{ float:right; } .c_portalResGroupPublic_codeContainer-01001002 .leavl a{ color:#565558; } .c_portalResGroupPublic_codeContainer-01001002 .leavl a:before{ display:inline-block; content:""; width:20px; height:20px; background:url(/repository/image/f2526857-25cb-4c20-b8d9-964879830562.png); margin-right:15px; vertical-align:sub; } .c_portalResGroupPublic_codeContainer-01001002 .Fabric>div{ display:none; } .c_portalResGroupPublic_codeContainer-01001002 .Fabric .active2{ display:block; } .c_portalResGroupPublic_codeContainer-01001002 .Fabric a{color:rgba(0,0,0,0.8);margin-right:3.1%; cursor:pointer; } .c_portalResGroupPublic_codeContainer-01001002 .Fabric a:hover{ color:rgba(0,0,0,0.8); } .c_portalResGroupPublic_codeContainer-01001002 .Fabric .Fabric_left{ float:left; } .c_portalResGroupPublic_codeContainer-01001002 .Fabric .active span:before{ background:black; } .c_portalResGroupPublic_codeContainer-01001002 .Fabric a span:before{ display:inline-block; content:""; vertical-align:bottom; width:20px; height:20px; border-radius:50%; border:1px solid rgba(0,0,0,0.8); margin-right:0.7%; } .c_portalResGroupPublic_codeContainer-01001002 .Fabric .Fabric_right{ float:right; margin-right:0; } .c_portalResGroupPublic_codeContainer-01001002 .Fabric_right:before{ display:inline-block; content:""; width:20px; height:20px; background:url("/repository/image/bb895d5b-c963-4d1b-a90f-0d47c770ef16.png"); vertical-align:bottom; margin-right:20px; } .c_portalResGroupPublic_codeContainer-01001002 .stuff{ position:relative; z-index:10; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li{ padding:3.85% 0; border-bottom:1px solid rgba(0,0,0,0.1); } .c_portalResGroupPublic_codeContainer-01001002 .stuff li:nth-child(3){ border-bottom:none; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li:last-child{ border-bottom:none; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li:after{ display:block; content:""; clear:both; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .left{ width:8.5%; float:left; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .right{ width:91.5%; float:left; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .right .tu_list{ width:6.5%; position:relative; margin-left:2%; float:left; cursor:pointer; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .right .tu_list:nth-child(12n+1){ margin-left:0; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .right .img{ width:100%; height:0; padding-bottom:100%; position:relative; background-size:100% 100% !important; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .right .tu_list>p{ margin-top:25%; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .right .tu_list .popup{ position:absolute; z-index:1; left:0; top:0; width:310%; height:470%; background:white; display:none; padding:40% 44% 0; box-shadow:1px 4px 20px 0 rgba(0,0,0,0.3); } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .right .tu_list:nth-child(12n) .popup{ right:0; left:inherit; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .right .tu_list .popup h6{ font-size:20px; padding:8.3% 0; margin-bottom:8.3%; border-bottom:1px solid rgba(0,0,0,0.8); } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .right .tu_list .popup p span{ float:right; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .right .tu_list .popup .pop_img{ width:100%; height:0; padding-bottom:100%; background-size:100% 100%!important; } .c_portalResGroupPublic_codeContainer-01001002 .product_more{ text-align:center; margin-top:5%; width:fit-content; height:40px; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.9); position:relative; margin:auto; } .c_portalResGroupPublic_codeContainer-01001002 .product_more:after{ content:""; width:0; height:100%; background:#000; position:absolute; left:0; top:0; transition:all 0.8s; } .c_portalResGroupPublic_codeContainer-01001002 .product_more:hover:after{ width:100%; transition:all 0.8s; } .c_portalResGroupPublic_codeContainer-01001002 .product_more:hover a{ color:white; position:relative; z-index:2; } .c_portalResGroupPublic_codeContainer-01001002 .product_more a{ padding:12px 16px; cursor:pointer; font-size:14px; } .c_portalResGroupPublic_codeContainer-01001002 .product_more a span{ background:url(/repository/image/332498d7-0df5-48b4-9349-efc687c9bac8.png); background-size:100% 100% !important; display:inline-block; width:15px; height:8px; margin-left:10px; } .c_portalResGroupPublic_codeContainer-01001002 .zong .active2{ display:block; } .c_portalResGroupPublic_codeContainer-01001002 .fenlei{ display:none; } .c_portalResGroupPublic_codeContainer-01001002 .fenlei ul{ display:none; } @media screen and (max-width: 768px){ .c_portalResGroupPublic_codeContainer-01001002 .same .tip{ position:inherit; } .c_portalResGroupPublic_codeContainer-01001002 .same .content a{ width:32%; margin-left:2%; margin-bottom:10px; height:48px; line-height:48px; } .c_portalResGroupPublic_codeContainer-01001002 .same .content a:nth-child(3n+1){ margin-left:0; } .c_portalResGroupPublic_codeContainer-01001002 .same .title{ font-size:18px; } .c_portalResGroupPublic_codeContainer-01001002 .same .title h5{ font-size:14px; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .right .tu_list{ width:18%; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .right .tu_list:nth-child(4n) .popup{ right:0; left:inherit; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .right .tu_list:nth-child(5n) .popup{ right:0; left:inherit; } .c_portalResGroupPublic_codeContainer-01001002 .stuff li .right .tu_list:nth-child(5n+1){ margin-left:0 } .c_portalResGroupPublic_codeContainer-01001002 .popup p{ font-size:12px; } .c_portalResGroupPublic_codeContainer-01001002 .title span{ width:17px; height:17px; } }.w_grid-001{ margin-left: auto; margin-right: auto; max-width: 1180px; min-height: 12rem; width: 100%; } .w_grid-001 > .w_grid{ width: 100%; position: relative; } .w_grid-001 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-001 > div > .p_gridbox > .p_gridCell{ float: left; position: static; } .w_grid-001 > div > .p_gridbox > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-001 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-001 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-001 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } #w_grid-1591955241055{ width:94% !important; margin:auto !important; } #content_box-1591955243873-0{ width:49.5% !important } #content_box-1591955243873-1{ width:49.5% !important; float:right !important; } } @media only screen and (min-width: 769px){ .w_grid-001 > div > .p_gridbox > .p_gridCell{ width: 49.5%; margin-left: 1%; margin-top: 0.6rem; margin-bottom: 0.6rem; } #content_box-1589332543821-0{ margin:0 } #content_box-1589332543821-1{ margin:28px 0 0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }@media only screen and (max-width: 768px){/*小屏*/ .c_portalResGroupColumn_detail-01001 .p_contentBox{ padding: 0; overflow: hidden; } .c_portalResGroupColumn_detail-01001 .p_headBox { margin:20px 0; padding:10px 0; } .c_portalResGroupColumn_detail-01001 .p_header { margin: 20px 0; text-align: center; border:none; padding-bottom: 0; } .c_portalResGroupColumn_detail-01001 .p_subtitle { line-height: 36px; text-align: center; } .c_portalResGroupColumn_detail-01001 .p_dataSource{ overflow:hidden; margin-bottom: 20px; } .c_portalResGroupColumn_detail-01001 .p_dataSource > li{ display:inline-block; margin-right: 40px; } .c_portalResGroupColumn_detail-01001 .p_dataSource > li:last-child{ margin-right: 0px; } .c_portalResGroupColumn_detail-01001 .p_line { margin: 20px 0; border-bottom:1px solid #ccc; } .c_portalResGroupColumn_detail-01001 .p_summary{ padding:10px; } .c_portalResGroupColumn_detail-01001 .p_imgBox { padding:15px 0 25px; text-align: center; } .c_portalResGroupColumn_detail-01001 .p_imgBox img{ max-width: 100%; } .c_portalResGroupColumn_detail-01001 .p_content { margin: 20px 0; overflow:hidden; } .c_portalResGroupColumn_detail-01001 .p_KeywordBox span{ padding:2px 10px } .c_portalResGroupColumn_detail-01001 .p_name { margin-top: 5px; margin-right: 10px; } .c_portalResGroupColumn_detail-01001 .p_tags{ display:inline-block; } .c_portalResGroupColumn_detail-01001 .p_tag{ display: inline-block; background: #f1f1f1; border: 1px solid #D9D9D9; margin-right: 18px; margin-bottom: 15px; cursor: default; border-radius: 4px; color: #969696; } /*相关介绍类应用*/ .c_portalResGroupColumn_detail-01001 .summary-mo{ display: block; background: none; padding-left: 0; padding: 0 10px 15px; width: auto; word-wrap: break-word; word-break: normal; } /* banner轮播图 */ .c_portalResGroupColumn_detail-01001 .p_PrevAndNext { padding: 0; margin: 0; overflow: hidden; padding: 10px 0; margin-top:20px; } .c_portalResGroupColumn_detail-01001 .p_ThumbnailBox { position: absolute; bottom: 60px; text-align: center; } .c_portalResGroupColumn_detail-01001 .p_thumbnail { display: inline-block; float: none; width: 16px !important; height: 16px !important; padding-bottom: 0; border-radius: 50%; margin: 0 2px; } .c_portalResGroupColumn_detail-01001 .p_previewBox, .c_portalResGroupColumn_detail-01001 .p_nextBox { float: left; width: 50%; text-align: center; } .c_portalResGroupColumn_detail-01001 .i_title { display: block; width: 100%; margin-top: 4px; } .c_portalResGroupColumn_detail-01001 .i_title .clons { display: none; } .c_portalResGroupColumn_detail-01001 .p_imgsBox { width: 100%; } .c_portalResGroupColumn_detail-01001 .gallery-top { height: 300px; text-align: center; } .c_portalResGroupColumn_detail-01001 .swiper-wrapper, .c_portalResGroupColumn_detail-01001 .swiper-slide { height: inherit; } .c_portalResGroupColumn_detail-01001 .gallery-top .swiper-slide img { /* width: 100%; */ /* height: inherit; */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; } .c_portalResGroupColumn_detail-01001 .gallery-top .swiper-button-next, .c_portalResGroupColumn_detail-01001 .gallery-top .swiper-button-prev { display: none; } .c_portalResGroupColumn_detail-01001 .gallery-thumbs { width: 0; height: 0; padding: 0; } .c_portalResGroupColumn_detail-01001 .swiper-pagination { right: 0; left: -10px; transform: translate(0, 0); text-align: center; bottom: 20px; z-index: 99999; position: absolute; } .c_portalResGroupColumn_detail-01001 .swiper-pagination .dot { display: inline-block; margin: 0 4px; } } @media only screen and (min-width: 769px){/*大屏*/ .c_portalResGroupColumn_detail-01001 .p_contentBox{ padding: 0px 35px; overflow: hidden; } .c_portalResGroupColumn_detail-01001 .p_headBox { margin:20px 0; padding:10px 0; } .c_portalResGroupColumn_detail-01001 .p_header { text-align: center; padding-bottom: 10px; } .c_portalResGroupColumn_detail-01001 .p_subtitle { line-height: 36px; text-align: center; } .c_portalResGroupColumn_detail-01001 .p_dataSource{ overflow:hidden; margin-bottom: 20px; } .c_portalResGroupColumn_detail-01001 .p_dataSource > li{ display:inline-block; margin-right: 40px; } .c_portalResGroupColumn_detail-01001 .p_dataSource > li:last-child{ margin-right: 0px; } .c_portalResGroupColumn_detail-01001 .p_line { margin: 20px 0; border-bottom:1px solid #ccc; } .c_portalResGroupColumn_detail-01001 .p_summary{ padding:10px; background:#e3f5fe; word-wrap: break-word; word-break: normal; } .c_portalResGroupColumn_detail-01001 .p_content { margin: 20px 0; overflow:hidden; } .c_portalResGroupColumn_detail-01001 .p_imgBox { padding:15px 0 25px; text-align: center; } .c_portalResGroupColumn_detail-01001 .p_imgBox img{ max-width: 100%; } .c_portalResGroupColumn_detail-01001 .p_KeywordBox{ padding:2px 10px } .c_portalResGroupColumn_detail-01001 .p_name { margin-top: 5px; margin-right: 10px; } .c_portalResGroupColumn_detail-01001 .p_tags{ display:inline-block; } .c_portalResGroupColumn_detail-01001 .p_tag{ display: inline-block; background: #f1f1f1; border: 1px solid #D9D9D9; margin-right: 18px; margin-bottom: 15px; cursor: default; border-radius: 4px; color: #969696; } /* banner图集样式 start */ .c_portalResGroupColumn_detail-01001 .gallery-top .swiper-container { width: 100%; height: 500px; margin-left: auto; margin-right: auto; } .c_portalResGroupColumn_detail-01001 .gallery-top .swiper-container { width: 100%; height: 500px; margin-left: auto; margin-right: auto; } .c_portalResGroupColumn_detail-01001 .swiper-slide { background-size: cover; background-position: center; } .c_portalResGroupColumn_detail-01001 .gallery-top { height: 480px; width: 100%; text-align: center; } .c_portalResGroupColumn_detail-01001 .gallery-top .swiper-wrapper, .c_portalResGroupColumn_detail-01001 .gallery-top .swiper-slide { height: inherit; } .c_portalResGroupColumn_detail-01001 .gallery-top .swiper-slide img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; } .c_portalResGroupColumn_detail-01001 .swiper-button-prev { display: inline-table; text-align: center; position: absolute; left: 0; top: 50%; width: 36px; height: 50px; z-index: 999; cursor: pointer; margin-top: -25px; background: rgba(0,0,0,.5) } .c_portalResGroupColumn_detail-01001 .swiper-button-next { display: inline-table; text-align: center; position: absolute; right: 0; top: 50%; width: 36px; height: 50px; z-index: 999; cursor: pointer; margin-top: -25px; background: rgba(0, 0, 0, .5) } .c_portalResGroupColumn_detail-01001 .swiper-button-prev i, .c_portalResGroupColumn_detail-01001 .swiper-button-next i { display: table-cell; vertical-align: middle; } .c_portalResGroupColumn_detail-01001 .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; } .c_portalResGroupColumn_detail-01001 .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .c_portalResGroupColumn_detail-01001 .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .swiper-pagination-bullet { display: inline-block; width: 20px; height: 20px; } .c_portalResGroupColumn_detail-01001 .gallery-thumbs .swiper-slide { display: inline-table; width: 105px !important; height: 85px !important; text-align: center; } .c_portalResGroupColumn_detail-01001 .gallery-thumbs .p_sImgBox { display: table-cell; width: auto; height: auto; vertical-align: middle; cursor: pointer; } .c_portalResGroupColumn_detail-01001 .gallery-thumbs .swiper-slide img { display: block; width: 100%; } .c_portalResGroupColumn_detail-01001 .gallery-top .ahref { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .c_portalResGroupColumn_detail-01001 .p_PrevAndNextMo { display: none; } .c_portalResGroupColumn_detail-01001 .p_pagination { position: absolute; top: 50%; right: 10px; transform: translate(-50%, -50%); margin: 0; } .c_portalResGroupColumn_detail-01001 .p_cpElse { overflow: hidden;} .c_portalResGroupColumn_detail-01001 .p_cpElse li { float: left; width:33%; } /* banner图集样式 end */ } @media only screen and (max-width: 1024px) and (min-width: 769px){/*中屏*/ }#w_grid-1602659632228{ background: #f5f5f5; } #w_grid-1602659632228>div>div{ overflow:inherit; } #content_box-1602659632228-0{ float:none; } .w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }@media only screen and (max-width: 768px){ .c_portalResGroupPublic_codeContainer-01001001{ width:100%; } } @media only screen and (min-width: 769px){ .c_portalResGroupPublic_codeContainer-01001001{ min-height:500px; width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }.c_portalResGroupPublic_codeContainer-01001001 .e_box{ background:#f5f5f5; padding-top:4.1%; } .c_portalResGroupPublic_codeContainer-01001001 .same{ width:96%; max-width:1782px; margin:auto; background:white; padding:2.3% 2.5%; } .c_portalResGroupPublic_codeContainer-01001001 .same .title{ line-height:1; } .c_portalResGroupPublic_codeContainer-01001001 .same .title h5{ margin-left:2.4%; display:inline-block; color:#a9a9a9; } .c_portalResGroupPublic_codeContainer-01001001 .you{ display:block; float:right; cursor:pointer; width:19px; height:19px; background-size:100% 100%!important; background:url(/Images/jh.png); transtion:all 0.5s; } .c_portalResGroupPublic_codeContainer-01001001 .active2{ background:url(/Images/jh2.png); transtion:all 0.5s; } .c_portalResGroupPublic_codeContainer-01001001 .same .content a{ border:1px solid #a9a9a9; margin-left:2%; width:15%; display:inline-block; text-align:center; height:62px; line-height:62px; cursor:pointer; margin-bottom:20px; } .c_portalResGroupPublic_codeContainer-01001001 .same .content a:nth-child(6n+1){ margin-left:0; } .c_portalResGroupPublic_codeContainer-01001001 .same .content{ margin:2.8% 0 2.8% 0; text-align:center; } .c_portalResGroupPublic_codeContainer-01001001 .same .content img{max-width: 100%; height: auto;} .c_portalResGroupPublic_codeContainer-01001001 .same .content a:hover{ color:white; background:black; } .c_portalResGroupPublic_codeContainer-01001001 .same .content .active{ color:white; background:black; } .c_portalResGroupPublic_codeContainer-01001001 .same .product{ margin-top:2.8%; } .c_portalResGroupPublic_codeContainer-01001001 .same .product_list:after{ display:block; content:""; clear:both; } .c_portalResGroupPublic_codeContainer-01001001 .same .product .product_list a{ margin-left:1%; width:24%; display:inline-block; text-align:center; margin-bottom:20px; } .c_portalResGroupPublic_codeContainer-01001001 .same .product .product_list a img{ max-width:100%; } .c_portalResGroupPublic_codeContainer-01001001 .same .product_more{ text-align:center; position:relative; width:fit-content; height:40px; margin:0 auto 0; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.9); } .c_portalResGroupPublic_codeContainer-01001001 .same .product_more a{ padding:12px 16px; cursor:pointer; font-size:14px; } .c_portalResGroupPublic_codeContainer-01001001 .product_more:hover:after{ width:100%; transition:all 0.8s; } .c_portalResGroupPublic_codeContainer-01001001 .product_more:hover a{ color:white; position:relative; z-index:2; } .c_portalResGroupPublic_codeContainer-01001001 .product_more:after{ content:""; width:0; height:100%; background:#000; position:absolute; left:0; top:0; transition:all 0.8s; } .c_portalResGroupPublic_codeContainer-01001001 .pr1{ display:none; } .c_portalResGroupPublic_codeContainer-01001001 .product .active{ display:block; } .c_portalResGroupPublic_codeContainer-01001001 .style{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; z-index:99; display:none; } .c_portalResGroupPublic_codeContainer-01001001 .style img{ width:94%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } @media screen and (max-width:768px){ .c_portalResGroupPublic_codeContainer-01001001 .same .content a{ width:32%; margin-left:2%; margin-bottom:10px; height:48px; line-height:48px; } .c_portalResGroupPublic_codeContainer-01001001 .same .content a:nth-child(3n+1){ margin-left:0; } .c_portalResGroupPublic_codeContainer-01001001 .same .product .product_list a{ width:32%; margin-left:2%; } .c_portalResGroupPublic_codeContainer-01001001 .product_list a:nth-child(3n+1){ margin-left:0 !important; } .c_portalResGroupPublic_codeContainer-01001001 .zc1 a{ float:left; } .c_portalResGroupPublic_codeContainer-01001001 .title span{ width:17px; height:17px; } }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #c_portalResGroupNewsNew_detail-15919413089981421 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_detail-15919413089981421 >div{ animation-fill-mode:both; } #c_portalResGroupNewsNew_detail-15919413089981421 .sub-nav{ width:100%; top:106px; left:0; z-index:100; } #c_portalResGroupNewsNew_detail-15919413089981421 .sort{ text-align:center; padding:1.5% 0 1.3%; background:black; } #c_portalResGroupNewsNew_detail-15919413089981421 .pc_content img{ width:100%;} #c_portalResGroupNewsNew_detail-15919413089981421 .sort a{ padding-bottom:9px; color:white; position:relative; } #c_portalResGroupNewsNew_detail-15919413089981421 .sort a:hover:after{ width:100%; } #c_portalResGroupNewsNew_detail-15919413089981421 .sort a:after{ content:""; width:0px; height:1px; display:block; background:white; position:absolute; left:50%; transform:translateX(-50%); transition:all .3s cubic-bezier(.4, 0, .2, 1) 0s; } #c_portalResGroupNewsNew_detail-15919413089981421 .sort span{ margin:0 3.4%; color:white; } #c_portalResGroupNewsNew_detail-15919413089981421{ width:100%; max-width:100%; min-width:250px; height:auto; max-height:none; min-height:10px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupNewsNew_detail-15929900108864148 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_detail-15929900108864148 >div{ animation-fill-mode:both; } #c_portalResGroupNewsNew_detail-15929900108864148 .pc_content img{ width:100%; } #c_portalResGroupNewsNew_detail-15929900108864148 .mobile{ display:none; } #c_portalResGroupNewsNew_detail-15929900108864148 .mobile img{ width:100%; } @media screen and (max-width: 768px){ #c_portalResGroupNewsNew_detail-15929900108864148 .mobile{ display:block; } #c_portalResGroupNewsNew_detail-15929900108864148 .pc{ display:none; } } #c_portalResGroupNewsNew_detail-15929900108864148{ width:100%; max-width:100%; min-width:250px; height:100%; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupPublic_codeContainer-16026597344153595 .e_box{ background:none; padding-top:0; } #c_portalResGroupPublic_codeContainer-16026597344153595 .zhu{ color:#a9a9a9; margin:10px 0; } @media screen and (max-width: 768px){ #c_portalResGroupPublic_codeContainer-16026597344153595 .same .product .product_list a{ border: 1px solid rgba(0,0,0,0.2); } } #c_portalResGroupPublic_codeContainer-16026597344153595{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupPublic_codeContainer-16026597690698793 .e_box{ padding-top:1.04%; } #c_portalResGroupPublic_codeContainer-16026597690698793{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupAtlas_category-15919435729330896 .p_imgItemBox{ width:calc((100% - 300px)/10); } #c_portalResGroupAtlas_category-15919435729330896 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResGroupAtlas_category-15919435729330896 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupAtlas_category-15919435729330896 >div{ animation-fill-mode:both; } #c_portalResGroupAtlas_category-15919435729330896 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupAtlas_category-15919435729330896 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupAtlas_category-15919435729330896 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupAtlas_category-15919435729330896 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupAtlas_category-15919435729330896 .e_box{ position:relative; } #c_portalResGroupAtlas_category-15919435729330896 .bg{ width:100%; } #c_portalResGroupAtlas_category-15919435729330896 .ten{ position:absolute; top:0; left:50%; transform:translateX(-50%); text-align:center; width:100%; } #c_portalResGroupAtlas_category-15919435729330896 .top{ width:4.5%; } #c_portalResGroupAtlas_category-15919435729330896 .ten h3{ margin:2% 0 5.7%; color:white; letter-spacing:10px; } #c_portalResGroupAtlas_category-15919435729330896 .ten .icon{ color:#cac8c6; width:94%; max-width:1600px; margin:auto; } #c_portalResGroupAtlas_category-15919435729330896 .icon a{ margin-left:6.9%; display:block; } #c_portalResGroupAtlas_category-15919435729330896 .icon a:first-child{ margin-left:0; } #c_portalResGroupAtlas_category-15919435729330896 .ten .icon p{ margin-top:19.5%; color:white; } #c_portalResGroupAtlas_category-15919435729330896 .slide{ width:20%; float:left; } #c_portalResGroupAtlas_category-15919435729330896 .slide span{ display:block; width:24.8%; height:0; padding-bottom:27.8%; background-size:100% !important; margin:auto; background-position:0 50%!important; } #c_portalResGroupAtlas_category-15919435729330896 .slide:hover span{ background-position:0 104%!important; background-repeat:no-repeat !important; } #c_portalResGroupAtlas_category-15919435729330896 .slide:hover p{ color:#008db5; } #c_portalResGroupAtlas_category-15919435729330896 .slide:hover{ color:#cac8c6; } @media screen and (max-width: 1366px){ #c_portalResGroupAtlas_category-15919435729330896 .icon img{ width:50px; font-size:14px; } #c_portalResGroupAtlas_category-15919435729330896 .ten h3{ font-size:36px; } } @media screen and (max-width: 1024px){ #c_portalResGroupAtlas_category-15919435729330896 .ten h3{ font-size:36px } #c_portalResGroupAtlas_category-15919435729330896 .icon img{ width:37px } #c_portalResGroupAtlas_category-15919435729330896 .icon p{ font-size:14px } } @media screen and (max-width: 768px){ #c_portalResGroupAtlas_category-15919435729330896 .ten h3{ font-size:24px } #c_portalResGroupAtlas_category-15919435729330896 .ten .icon p{ margin-top:10px; font-size:12px } #c_portalResGroupAtlas_category-15919435729330896 .ten{ width:100%; padding:0 2.5% } } @media screen and (max-width: 500px){ #c_portalResGroupAtlas_category-15919435729330896 .ten h3{ margin: 3.2% 0 3.7%; } #c_portalResGroupAtlas_category-15919435729330896 .icon img{ width:20px; } #c_portalResGroupAtlas_category-15919435729330896 .icon li{ width:15%; margin-left:1%; } #c_portalResGroupAtlas_category-15919435729330896 .icon li:first-child{ margin-left:0 } #c_portalResGroupAtlas_category-15919435729330896 .e_box{ height:250px; } #c_portalResGroupAtlas_category-15919435729330896 .bg{ height:100%; width:auto; margin-left:-260px; } #c_portalResGroupAtlas_category-15919435729330896 .slide span{ width:34px; height:34px; } #c_portalResGroupAtlas_category-15919435729330896 .slide{ width:33%; margin-bottom:20px; } } #c_portalResGroupAtlas_category-15919435729330896{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupColumn_detail-15919552830936567 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupColumn_detail-15919552830936567 >div{ animation-fill-mode:both; } #c_portalResGroupColumn_detail-15919552830936567 .all{ position:relative; width:100%; height:0px; padding-bottom:96%; background-size:100% 100% !important; } #c_portalResGroupColumn_detail-15919552830936567 .zi{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:white; text-align:center; width:100%; } #c_portalResGroupColumn_detail-15919552830936567 .title{ line-height:1px; } #c_portalResGroupColumn_detail-15919552830936567 .subtitle{ margin:2% 0 7.3% 0; } #c_portalResGroupColumn_detail-15919552830936567 .more{ text-align:center; margin:0 auto; border-bottom:1px solid white; font-weight:600; height:40px; line-height:40px; position:relative; z-index:2; cursor:pointer; width:80px; } #c_portalResGroupColumn_detail-15919552830936567 .more a{ z-index:2; position:relative; color:white; transition:all 0.8s; } #c_portalResGroupColumn_detail-15919552830936567 .more:after{ content:""; width:0px; height:100%; background:#000; position:absolute; left:0px; top:0px; transition:all 0.8s; } #c_portalResGroupColumn_detail-15919552830936567 .more:hover:after{ width:100%; } #c_portalResGroupColumn_detail-15919552830936567 .more:hover a{ color:white; } @media screen and (max-width: 768px){ #c_portalResGroupColumn_detail-15919552830936567 .fnt_20{ font-size:8px; } #c_portalResGroupColumn_detail-15919552830936567 .fnt_16{ font-size:8px; } #c_portalResGroupColumn_detail-15919552830936567 .fnt_36{ font-size:12px; } #c_portalResGroupColumn_detail-15919552830936567 .more{ width:40px; height:20px; line-height:20px; } } #c_portalResGroupColumn_detail-15919552830936567{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupColumn_detail-15919552891658220 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupColumn_detail-15919552891658220 >div{ animation-fill-mode:both; } #c_portalResGroupColumn_detail-15919552891658220 .p_contentBox{ padding:0px; } #c_portalResGroupColumn_detail-15919552891658220 .all{ position:relative; width:100%; height:0px; padding-bottom:47%; background-size:100% 100%!important; } #c_portalResGroupColumn_detail-15919552891658220 .zi{ position:absolute; width:100%; top:0px; left:0px; padding-top:6.9%; padding-left:6.9%; color:white; } #c_portalResGroupColumn_detail-15919552891658220 .title{ line-height:1px; } #c_portalResGroupColumn_detail-15919552891658220 .subtitle{ padding-top:2.6%; } #c_portalResGroupColumn_detail-15919552891658220 .more{ text-align:center; border-bottom:1px solid white; font-weight:600; height:40px; line-height:40px; position:relative; z-index:2; width:80px; cursor:pointer; } #c_portalResGroupColumn_detail-15919552891658220 .more a{ z-index:2; position:relative; color:white; transition:all 0.8s; } #c_portalResGroupColumn_detail-15919552891658220 .more:after{ content:""; width:0px; height:100%; background:#000; position:absolute; left:0px; top:0px; transition:all 0.8s; } #c_portalResGroupColumn_detail-15919552891658220 .more:hover:after{ width:100%; } #c_portalResGroupColumn_detail-15919552891658220 .more:hover a{ color:white; } #c_portalResGroupColumn_detail-15919552891658220 .r1{ position:absolute; padding-left:6.9%; left:0px; bottom:0px; padding-bottom:6.9%; } @media screen and (max-width: 768px){ #c_portalResGroupColumn_detail-15919552891658220 .fnt_20{ font-size:8px; } #c_portalResGroupColumn_detail-15919552891658220 .fnt_16{ font-size:8px; } #c_portalResGroupColumn_detail-15919552891658220 .fnt_36{ font-size:12px; } #c_portalResGroupColumn_detail-15919552891658220 .more{ width:40px; height:20px; line-height:20px; } } #c_portalResGroupColumn_detail-15919552891658220{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupColumn_detail-15919552866608273 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupColumn_detail-15919552866608273 >div{ animation-fill-mode:both; } #c_portalResGroupColumn_detail-15919552866608273 .p_contentBox{ padding:0px; } #c_portalResGroupColumn_detail-15919552866608273 .all{ position:relative; width:100%; height:0px; padding-bottom:47%; background-size:100% 100%!important; } #c_portalResGroupColumn_detail-15919552866608273 .zi{ position:absolute; width:100%; top:0px; left:0px; padding-top:6.9%; padding-left:6.9%; color:white; } #c_portalResGroupColumn_detail-15919552866608273 .title{ line-height:1px; } #c_portalResGroupColumn_detail-15919552866608273 .subtitle{ padding-top:2.6%; } #c_portalResGroupColumn_detail-15919552866608273 .more{ text-align:center; border-bottom:1px solid white; font-weight:600; height:40px; line-height:40px; position:relative; z-index:2; width:80px; cursor:pointer; } #c_portalResGroupColumn_detail-15919552866608273 .more a{ z-index:2; position:relative; color:white; transition:all 0.8s; } #c_portalResGroupColumn_detail-15919552866608273 .more:after{ content:""; width:0px; height:100%; background:#000; position:absolute; left:0px; top:0px; transition:all 0.8s; } #c_portalResGroupColumn_detail-15919552866608273 .more:hover:after{ width:100%; } #c_portalResGroupColumn_detail-15919552866608273 .more:hover a{ color:white; } #c_portalResGroupColumn_detail-15919552866608273 .r1{ position:absolute; padding-left:6.9%; left:0px; bottom:0px; padding-bottom:6.9%; } @media screen and (max-width: 768px){ #c_portalResGroupColumn_detail-15919552866608273 .fnt_20{ font-size:8px; } #c_portalResGroupColumn_detail-15919552866608273 .fnt_16{ font-size:8px; } #c_portalResGroupColumn_detail-15919552866608273 .fnt_36{ font-size:12px; } #c_portalResGroupColumn_detail-15919552866608273 .more{ width:40px; height:20px; line-height:20px; } } #c_portalResGroupColumn_detail-15919552866608273{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:2%; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupNewsNew_detail-15919400107342294 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_detail-15919400107342294 >div{ animation-fill-mode:both; } #c_portalResGroupNewsNew_detail-15919400107342294 .num{ text-align:center; } #c_portalResGroupNewsNew_detail-15919400107342294 .all{ width:96%; max-width:1782px; margin:196px auto 0; padding-bottom:3%; display:flex; justify-content:space-between; } #c_portalResGroupNewsNew_detail-15919400107342294 .e_box:after{ display:block; content:""; clear:both; } #c_portalResGroupNewsNew_detail-15919400107342294 .left{ width:67.5%; } #c_portalResGroupNewsNew_detail-15919400107342294 .left .swiper-slide{ width:100%; height:0px; padding-bottom:61%; background-size:100% 100% !important; } #c_portalResGroupNewsNew_detail-15919400107342294 .right{ width:10.1%; position:relative; overflow:hidden; } #c_portalResGroupNewsNew_detail-15919400107342294 #gallery .swiper-slide{ display:flex; } #c_portalResGroupNewsNew_detail-15919400107342294 .zuo{ width:20.4%; float:left; position:relative; } #c_portalResGroupNewsNew_detail-15919400107342294 .left img{ display:block; width:100%; } #c_portalResGroupNewsNew_detail-15919400107342294 #thumbs .swiper-slide{ background:rgba(0,0,255,0.6); } #c_portalResGroupNewsNew_detail-15919400107342294 .zuo h3{ margin-bottom:9.3%; } #c_portalResGroupNewsNew_detail-15919400107342294 .zuo p{ font-size:20px; color:#565558; letter-spacing:-1px;} #c_portalResGroupNewsNew_detail-15919400107342294 .zdl_xia{ position:absolute; bottom:12%; width:100%; } #c_portalResGroupNewsNew_detail-15919400107342294 .scan{ width:81.9%; } #c_portalResGroupNewsNew_detail-15919400107342294 .zuo .price{ padding:7.1% 0; widht:100%; text-align:center; border:1px solid rgba(0,0,0,0.8); font-size:16px; color:rgba(0,0,0,0.9); cursor:pointer; } #c_portalResGroupNewsNew_detail-15919400107342294 .code{ text-align:center; padding:18.6% 0; background:rgba(0,0,0,0.1); display:none; } #c_portalResGroupNewsNew_detail-15919400107342294 .code img{ width:63%; } #c_portalResGroupNewsNew_detail-15919400107342294 .zuo .price img{ margin-right:7.7%; vertical-align:middle; } #c_portalResGroupNewsNew_detail-15919400107342294 .zuo .details{ color:#565558; margin-top:10px; display:block; } #c_portalResGroupNewsNew_detail-15919400107342294 .shang{ width:52px; height:52px; background:url("/Images/ProView_Shang.png"); position:absolute; top:0px; left:50%; transform:translateX(-50%); } #c_portalResGroupNewsNew_detail-15919400107342294 .shang:hover{ background:url("/Images/ProView_Shang3.png")!important; } #c_portalResGroupNewsNew_detail-15919400107342294 .xia{ width:52px; height:52px; background:url("/Images/ProView_Xia2.png"); bottom:0px; left:50%; position:absolute; transform:translateX(-50%); } #c_portalResGroupNewsNew_detail-15919400107342294 .xia:hover{ background:url("/Images/ProView_Xia3.png") !important; } #c_portalResGroupNewsNew_detail-15919400107342294 .sw2{ width:100%; height:52%; position:absolute; top:50%; transform:translateY(-50%); } #c_portalResGroupNewsNew_detail-15919400107342294 .sw2 .swiper-slide{ background-size:100% 100% !important; } #c_portalResGroupNewsNew_detail-15919400107342294 .dot{ width:10px; height:10px; } @media screen and (max-width: 768px){ #c_portalResGroupNewsNew_detail-15919400107342294 .e_box{ margin: 80px auto 0; } #c_portalResGroupNewsNew_detail-15919400107342294 .zuo{ width:30% } #c_portalResGroupNewsNew_detail-15919400107342294 .left{ width:70% } #c_portalResGroupNewsNew_detail-15919400107342294 .right{ display:none; } #c_portalResGroupNewsNew_detail-15919400107342294 .zuo p{ font-size:16px; } #c_portalResGroupNewsNew_detail-15919400107342294 .zuo .price{ position: initial; margin-top:10px; } } @media screen and (max-width: 500px){ #c_portalResGroupNewsNew_detail-15919400107342294 .zuo .price{ padding:1.1% 0; font-size:12px; } #c_portalResGroupNewsNew_detail-15919400107342294 .zuo h3{ font-size:16px; } #c_portalResGroupNewsNew_detail-15919400107342294 .zuo .price img { width: 10px; vertical-align: inherit; } #c_portalResGroupNewsNew_detail-15919400107342294 .zuo p{ font-size:12px; } #c_portalResGroupNewsNew_detail-15919400107342294 .all{ margin:69px auto 0; } #c_portalResGroupNewsNew_detail-15919400107342294 .scan{ bottom:25%; } } #c_portalResGroupNewsNew_detail-15919400107342294{ width:100%; max-width:100%; min-width:250px; height:100%; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1602659632228 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1602659632228*/ /*w_grid-1602659632228*/ /*w_grid-1602659632228*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1592989907976 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1592989907976*/ /*w_grid-1592989907976*/ /*w_grid-1592989907976*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1591955241055 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1591955241055*/@media only screen and (max-width: 768px){ #w_grid-1591955241055{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } } /*w_grid-1591955241055*/ /*w_grid-1591955241055*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1591955243873 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; } /*w_grid-1591955243873*/@media screen and (max-width: 768px){ #w_grid-1591955243873 #content_box-1591955243873-0{ margin-bottom:2%; } } /*w_grid-1591955243873*/ /*w_grid-1591955243873*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1602659632228{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:2.1%; padding-left:0px; padding-right:0px; padding-bottom:2.1%; } #w_grid-1592989907976{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1591955243873{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .p_articles{ width:calc((100% - 0px)/20); } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 >div{ animation-fill-mode:both; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 #recommend{ background:#c9c8c6; width:100%; padding-bottom:8%; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend{ width:94%; max-width:1782px; margin:auto; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend h5{ font-size:36px; text-align:center; padding:5% 0; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li:hover .img img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) !important; transition:all 0.5s; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .img img{ position:absolute; top:0px; left:0px; width:100%; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li{ width:25%; margin-left:-1%; float:left; position:relative; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li:first-child{ margin-left:0px; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li p{ font-size:24px; line-height:1em; margin-top:5.7%; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li p span{ font-size:16px; color:#565558; margin-left:4.2%; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li .img{ width:100%; height:0px; padding-bottom:76%; position:relative; background-size:100% 100% !important; overflow:hidden; box-shadow:-5px 0px 10px rgba(0,0,0,0.05); } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li:nth-child(2){ z-index:2; top:20px; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li:nth-child(3){ z-index:3; top:40px; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li:nth-child(4){ z-index:4; top:60px; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend .an1{ width:100px; height:100px; line-height:100px; text-align:center; border-radius:50%; background:#008db5; color:white; position:absolute; top:0px; left:0px; font-size:14px; bottom:0px; right:0px; margin:auto; transition:all 0.5s; transform:scale(0); } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li:hover .an1{ transform:scale(1) rotate(360deg); transition:all 0.5s; } @media screen and (max-width: 1400px){ #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend h5{ padding-top:8.6%; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li{ margin-top:6%; } } @media screen and (max-width: 768px){ #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend h5{ font-size:24px; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li p{ font-size:16px; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li p span{ font-size:12px; } } @media screen and (max-width: 500px){ #c_portalResGroupIntroNew_relatedlist-15919424638417959 .e_box{ height:auto; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend{ position: inherit; transform: inherit; left:inherit; top:inherit; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li{ margin-left:0!important; width:100%; margin-top:0 !important; padding-bottom:0; top:0 !important; margin-bottom:20px; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li p{ font-size:12px; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li:nth-child(2n+1){ margin-left:0 !important; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend h5{ margin:4% 0; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 #recommend{ width:100%; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 #recommend ul{ width:94%; margin:auto } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend li:hover{ transform:inherit; } #c_portalResGroupIntroNew_relatedlist-15919424638417959 .recommend h5{ position: relative; text-align: center; } } #c_portalResGroupIntroNew_relatedlist-15919424638417959{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:auto; margin-left:auto; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .p_articles{ width:calc((100% - 0px)/12); } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 >div{ animation-fill-mode:both; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .e_box{ padding-bottom:5%; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .grid{width:94%; max-width:1600px; margin:auto; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .grid-sizer{width:18.4%; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .gutter-sizer{ width:2%; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .grid-item{ width:18.4%; margin-bottom:2%; cursor:pointer; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s; overflow:hidden; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .grid-item:hover img{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .grid-item:nth-child(3n+1){ margin-left:0px; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .grid-item img{ width:100%; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 h3{ text-align:center; padding:4% 0; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .more{ text-align:center; margin:0 auto; color:#000; border-bottom:1px solid #000; font-weight:600; height:40px; line-height:40px; position:relative; z-index:2; width:80px; cursor:pointer; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .more a{ z-index:2; position:relative; color:#000; transition:all 0.8s; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .more:after{ content:""; width:0px; height:100%; background:#000; position:absolute; left:0px; top:0px; transition:all 0.8s; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .more:hover:after{ width:100%; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .more:hover a{ color:white; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .showImg{ position:fixed; width:100%; height:100%; z-index:-1; opacity:0; top:0px; left:0px; background:rgba(0,0,0,0.95); } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .guanbi{ width:100%; color:white; background:black; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .close_center{ text-align:right; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .gallery-top{ height:80%; width:100%; margin-bottom:40px; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .gallery-top .swiper-wrapper{ height:100%; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .gallery-thumbs1{ height:10%; box-sizing:border-box; padding:10px 0; width:30%; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .gallery-thumbs1 .swiper-slide{ height:100px; opacity:0.4; display:block; width:auto !important; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .gallery-thumbs1 .swiper-slide img{ height:100%; width:auto !important; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .gallery-top .swiper-slide img{ height:100%; width:auto !important; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .gallery-thumbs1 .swiper-slide-thumb-active{ opacity:1; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .close_btn{ margin-top:20px; width:20px; height:20px; background:url(/Images/d53c9e06-128d-4c81-b126-159de17a22aa.png); background-size:cover; display:block; float:right; cursor:pointer; margin-right:11%; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .close_btn:hover{background:url("/Images/42a3ac4e-3efc-4cbf-9665-d777eac1610f.png"); background-size:100%; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .swiper-button-next{ background:url(/Images/00136f0e-da75-4caf-ab31-2eca6dad17b7.png); width:60px; height:60px; background-position:0 61px; right:10%; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .swiper-button-next:hover{ background-position:inherit; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .swiper-button-prev{ background:url(/Images/5c2e6595-20fb-435b-bd34-f5614b2df852.png); width:60px; height:60px; background-position:-1px 61px; left:10%; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .swiper-button-prev:hover{ background-position:inherit; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .swiper-slide{ text-align:center; } @media screen and (max-width: 768px){ #c_portalResGroupIntroNew_relatedlist-16160631701495441 .gallery-top{ width:94%; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .gallery-top .swiper-slide img{ height:auto; width:100% !important; position:absolute; top:50%; transform:translate(-50%,-50%); left:50%; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .close_btn{ margin-right:3%; } #c_portalResGroupIntroNew_relatedlist-16160631701495441 .gallery-thumbs1{ display:none; } } #c_portalResGroupIntroNew_relatedlist-16160631701495441{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:100px; margin-right:auto; margin-left:auto; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } #c_portalResGroupPublic_codeContainer-16026597619683720 .zhu{ color:#a9a9a9; margin:10px 0; } #c_portalResGroupPublic_codeContainer-16026597619683720 .stuff li .right .tu_list .popup{ height:auto; } #c_portalResGroupPublic_codeContainer-16026597619683720 .stuff li:nth-child(3){ border-bottom:1px solid rgba(0,0,0,0.1); } #c_portalResGroupPublic_codeContainer-16026597619683720{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } .ctx ul{padding-top:2rem;} .ctx ul li{display:flex;padding:0.5rem 0.6rem;margin-bottom:4rem;} .ctx ul li .name{width:15%;flex:none;} .ctx ul li .name h2{font-size:24px;color:#222222;} .ctx ul li:first-child{line-height:30px;} .ctx ul li .imgcs{float:right; width:50%; margin-top:-55px; margin-right:200px;} .ctx ul li .imgcs img{width:100%;} .ctx .imgcs2{float:right; width:50%; margin-top:-55px; margin-right:200px; display:none;} .ctx ul li .imgcs2 img{width:100%;} /*.ctx ul li .value{width:80%;display:flex;flex-wrap:wrap;}*/ .ctx ul li .value{width:80%;} .ctx ul li .value{font-size:16px;} .ctx ul li .value p{font-size:16px;color:#222;margin-bottom:12px;width:60%; padding-left:20px; padding-top:5px; padding-bottom:5px; background-color:#F5F5F5;} .ctx ul li .value p span{display:inline-block; width:80px; text-align:right;} .ctx ul li .value p:last-child{margin-bottom:0;}.ctx ul li{background:#fff;} @media only screen and (max-width:1800px) { .ctx ul li .value p{width:80%} } @media only screen and (max-width:1440px) { .ctx ul li{display:flex;padding:0.5rem 0.6rem;margin-bottom:0.5rem;} .ctx ul li .name{width:25%;flex:none;}.ctx ul li .name h2{font-size:20px;} } @media only screen and (max-width:1200px) { .ctx ul li .name h2{font-size:18px;} } @media only screen and (max-width:1024px) { .c_portalResGroupPublic_codeContainer-01001002 .same .title{margin-top:15px;margin-bottom:-20px;} .ctx ul li .name h2{font-size:18px;} .ctx ul li .value{width:100%;} .ctx ul li .value p{width:100%;margin-bottom:8px;padding-left:8px;} .ctx ul li .value p span{width:70px;} .ctx ul li .imgcs{display:none;} .ctx .imgcs2{float:left; width:100%; margin-left:0px; margin-top:0px; margin-right:0px; display:contents; } .ctx .imgcs2 img{ margin-left:200px;} } @media only screen and (max-width:960px) { .c_portalResGroupPublic_codeContainer-01001002 .same .title{margin-top:15px;margin-bottom:-20px;} .ctx ul li .value{width:100%;} .ctx ul li .value p{width:100%;margin-bottom:8px;padding-left:8px;} .ctx ul li .value p span{width:70px;} .ctx ul li .imgcs{display:none;} .ctx .imgcs2{float:left; width:100%; margin-left:0px; margin-top:0px; margin-right:0px; display:contents; } .ctx .imgcs2 img{ margin-left:-20px;} } @media only screen and (max-width:767px) { .ctx ul li .name h2{font-size:16px;} } @media only screen and (max-width:1366px) { .ctx ul li .value p{font-size:14px;} } @media only screen and (max-width:767px) { .ctx ul li .value p{font-size:14px;} }