/*e_FlowCommonStyleBox-001*/ .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); }/*e_IndexOrdinaryStyleBox-001*/ .e_IndexOrdinaryStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; } /*stylebox_link*/ .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-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_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-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_IndexOrdinaryStyleBox-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_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }/*e_SideMajorStyleBox-001*/ .e_SideMajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-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_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-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_SideMajorStyleBox-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_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }@media only screen and (max-width: 768px){/*小屏*/ .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } #hero--scroll {display:none !important;} #c_portalResPublic_codeContainer-16190714866113958 {margin-bottom: 20px !important;} } @media only screen and (min-width: 769px){/*大屏*/ .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){/*中屏*/ } #hero--scroll { position: absolute; right: 0; bottom: 0; font-weight: 300; letter-spacing: 2px; width:120px; height: 100%; line-height: 120%; font-size: .8rem; z-index: 3; background:#fff; text-transform: uppercase; } #hero--scroll>a { position:absolute; bottom:0px; text-decoration: none; } #hero--scroll .-line { content: ""; position: absolute; left: .5rem; top: 0; height: 120px; width: 1px; background-color: #fff; } #hero--scroll .-line::before { content: ''; width: 7px; height: 7px; background-color: #fff; position: absolute; top: 0; left: -3px; -webkit-animation: anime-scroll 2.4s infinite cubic-bezier(.215,.61,.355,1) 0s; animation: anime-scroll 2.4s infinite cubic-bezier(.215,.61,.355,1) 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #hero--scroll .-text { display: inline-block; -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); -webkit-transform-origin: left top; transform-origin: left top; position: absolute; color: #666; top: -64px; left: 1rem; } @-webkit-keyframes anime-scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:1;-webkit-transform:translateY(113px);transform:translateY(113px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes anime-scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:1;-webkit-transform:translateY(113px);transform:translateY(113px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} .nybut { text-align: right;} .nybut2 { text-align: left;} .nybut a { display: inline-block; position: relative; line-height: 30px; padding-left: 160px; color: #666; } .nybut a:before { content: ""; display: block; width: 70px; height: 1px; background: #ddd; position: absolute; left: 70px; top: 15px; } .nybut a:after { content: ""; display: block; width: 0; height: 3px; background: #be1528; position: absolute; left: 70px; top: 14px; transition: all 0.5s; border-radius: 3px; } .nybut a span { display: block; width: 30px; height: 30px; border-radius: 50%; position: absolute; background: #ae8048; left: 0; top: 0; transition: all 0.5s; } .nybut a span:before { content: ""; display: block; width: 30px; height: 30px; border-radius: 50%; background: #be1528; position: absolute; left: 20px; top: 0; opacity: 0.5; transition: all 0.5s; } .nybut a:hover { color: rgba(174, 128, 72, 1); } .nybut a:hover span:before { left: -20px; } .nybut a:hover span { left: 20px; } .nybut a:hover:after { width: 70px; }.gyCate {padding-right:120px;} .gycatebox {width:100%; position:relative;overflow:hidden;} .gycatebox .cateimg img {width:100%; display:block;} .gycatebox .gycateinfo {position:absolute; right:0; bottom:0; background:rgba(0,0,0,0.3); padding:100px; width:calc(50% - 120px); color:#fff;} .gycatebox .gycateinfo h1 {font-size:50px;font-weight: normal;} .gycatebox .gycateinfo h2 {font-size: 30px;margin-top: 10px;} .gycatebox .gycateinfo p {padding:40px 0 60px; line-height:26px; font-size:16px; text-align: justify;} @media only screen and (max-width: 768px){ .gyCate {padding:0;} .gycatebox .gycateinfo {position:relative; width:100%; padding:20px; background:#999;} .gycatebox .gycateinfo h1 {font-size: 26px;font-weight: normal;} .gycatebox .gycateinfo h2 {font-size: 18px;} .gycatebox .gycateinfo p {font-size:14px; padding:20px 0 30px;} } @media only screen and (min-width: 769px) { } @media only screen and (max-width: 1024px) and (min-width: 769px){ }@-webkit-keyframes anime-scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:1;-webkit-transform:translateY(80px);transform:translateY(80px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes anime-scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:1;-webkit-transform:translateY(80px);transform:translateY(80px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} .cnbannerBox {width:100%; height:auto;position:relative;overflow:hidden;} .cnbannerBox .sidleRight {position:absolute; right:0; top:0; width:120px; height:100%; background:#fff; z-index:3; overflow:hidden;} .cnbannerBox .sidleRight .Scroll {width:120px; height:150px; position:absolute; left:0; bottom:0px;} .cnbannerBox .sidleRight .Scroll span {display:inline-block; transform: rotate( 90deg); transform-origin: center; width:100%; color:#666; text-transform:uppercase; font-size:12px;} .cnbannerBox .sidleRight .Scroll .line {width:1px; height:100px; background:#ccc; margin:0 auto; position:relative;margin-top:30px;} .cnbannerBox .sidleRight .Scroll .line:before{content:"";display:block; width:5px; height:20px; border-radius:5px; background:#ae8048;position:absolute; top:0; left:-2px;animation: anime-scroll 2.4s infinite cubic-bezier(.215,.61,.355,1) 0s;} .cnbannerBox .swiper-container {width:100%; height:100vh; max-height:1440px;} .cnbannerBox .swiper-container .picB img{ width:100%;} .cnbannerBox .swiper-container .p_bannerInfo {display:none;} .cnbannerBox .swiper-container .content .picB {width:100%; height:100vh;max-height:1440px; position:relative; overflow:hidden;} .banner_imgp{ position:absolute; bottom:60px; left:120px; } @media only screen and (max-width: 768px){/*小屏*/ .banner_imgp {position: absolute; bottom: 20px; left: 20px;} .banner_imgp img {width:50%;} .cnbannerBox {padding-top:80px;} .cnbannerBox .swiper-container {height:auto;} .cnbannerBox .sidleRight {display:none;} .cnbannerBox .swiper-container .content .picB {height:auto; max-height:1440px;} } @media only screen and (max-width: 1024px) and (min-width: 769px){/*中屏*/ } .cnBrand {background:#f8f8f8;} .cnBrand .BrandItem {display:flex; flex-wrap:wrap; padding:120px;} .cnBrand .BrandItem:nth-child(2n+1) {flex-direction: row-reverse;} .cnBrand .BrandItem .col-xs-12 {padding:0; display:flex; align-items:center; position:relative;} .cnBrand .BrandItem .BrandImg {width:100%; overflow:hidden; position:relative;z-index:3;} .cnBrand .BrandItem .BrandImg img {width:100%; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s; transition:all 0.5s;} .cnBrand .BrandItem .BrandImg img:hover { transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s; } .cnBrand .BrandItem .BrandImg:before { will-change: auto; content: ""; position: absolute; width: 100%; height: 100%; right: 0; top: 0; z-index: 2; background-color: #ae8048; -webkit-transition: all .3s cubic-bezier(.77,0,.175,1); transition: all .3s cubic-bezier(.77,0,.175,1); -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1); transition-timing-function: cubic-bezier(.77,0,.175,1); } .cnBrand .BrandItem .BrandImg:after { will-change: auto; content: ""; position: absolute; width: 100%; height: 100%; right: 0; top: 0; background-color: #c30d23; z-index: 1; -webkit-transition: all .3s cubic-bezier(.77,0,.175,1); transition: all .3s cubic-bezier(.77,0,.175,1); -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1); transition-timing-function: cubic-bezier(.77,0,.175,1); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .cnBrand .BrandItem.scrolled .BrandImg:before,.cnBrand .BrandItem.scrolled .BrandImg:after { right: -100%; } .cnBrand .BrandItem .col-sm-7:before {content:""; width:100%; height:100%; background:#fff; position:absolute; top:-120px; left:-120px;} .cnBrand .BrandItem:nth-child(2n+1) .col-sm-7:before {left:auto; right:-120px;} .cnBrand .BrandItem .BrandInfo {padding: 100px;width:100%;} .cnBrand .BrandItem .BrandInfo img {width: 100%;max-width: 180px;height:auto;padding-bottom:30px;} .cnBrand .BrandItem .BrandInfo h1 {font-size: 50px;color:#000;font-weight: 500;} .cnBrand .BrandItem .BrandInfo p {padding:20px 0 40px;line-height:30px;font-size: 18px;text-transform:uppercase;} .cnBrand .BrandItem:nth-child(2n+1) .BrandInfo {text-align:right;} .cnBrand .BrandItem .BrandInfo a {display:inline-block; position:relative; line-height:30px;padding-left:160px; color:#666;} .cnBrand .BrandItem .BrandInfo a:before{content:""; display:block; width:70px; height:1px; background:#ddd; position:absolute; left:70px; top:15px;} .cnBrand .BrandItem .BrandInfo a:after{content:""; display:block; width:0; height:3px; background:#be1528; position:absolute; left:70px; top:14px; transition:all 0.5s; border-radius:3px;} .cnBrand .BrandItem .BrandInfo a span {display:block ;width:30px; height:30px; border-radius:50%; position:absolute; background:#ae8048; left:0; top:0; transition:all 0.5s;} .cnBrand .BrandItem .BrandInfo a span:before {content:"";display:block; width:30px; height:30px; border-radius:50%; background:#be1528; position:absolute; left:20px; top:0; opacity:0.5;transition:all 0.5s;} .cnBrand .BrandItem .BrandInfo a:hover {color: #ad8047;} .cnBrand .BrandItem .BrandInfo a:hover:after {width:70px;} .cnBrand .BrandItem .BrandInfo a:hover span {left:20px;} .cnBrand .BrandItem .BrandInfo a:hover span:before{left:-20px;} @media only screen and (max-width: 768px){/*小屏*/ .cnBrand {padding:20px 0;} .cnBrand .BrandItem {padding:20px;} .cnBrand .BrandItem .BrandInfo {padding:20px; background:#fff;} .cnBrand .BrandItem .BrandInfo h1 {font-size:24px;} .cnBrand .BrandItem .BrandInfo p {font-size:14px; line-height:1.5;} .cnBrand .BrandItem .col-sm-7:before {display:none;} .cnBrand .BrandItem:nth-child(2n+1) .BrandInfo {text-align:left;} .cnBrand .BrandItem .BrandInfo img {width: 30%;padding-bottom: 10px;} } @media only screen and (min-width: 769px){ .cnbannerBox .content video { height: calc(100vh - 120px); width:90vw; margin-top:120px; object-fit:cover; } } @media only screen and (max-width: 768px){ .cnbannerBox .content video { height: auto; width:100vw; } }.contBox {width:100%; padding:120px 0 120px 120px; background:#fff; position:relative;} .cont___rim {background:#ad8047;} .cont___rim .cont__item{display:flex; flex-wrap:wrap; flex-direction: row-reverse;} .cont__item .col-xs-12 {padding:0; position:relative; display:flex;align-items:center;} .cont__item .col-xs-12 img {width:100%;} .cont__item .contImg a {display:block; width:100%; height:100%; min-height:580px;} .cont__item .contitem .info_rim{ padding:120px; width:100%; color:#fff;} .cont__item .contitem .info_rim h2 {position:relative; padding-top:20px;} .cont__item .contitem .info_rim h2:before {content:"";display:block; width:40px; height:5px; border-radius:5px; background:#fff; position:absolute; left:2px; top:0;} .cont__item .contitem .info_rim .info_txt {padding:40px 0 50px; max-width:650px;} .cont__item .contitem .info_rim .info_txt .cn_sub {border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:30px; font-size:16px; line-height:26px; text-align:justify;} .cont__item .contitem .info_rim .info_txt .cn_sub p{ display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow:hidden; } .ctrbar {width:50%; position:absolute; right:0; top:120px; padding:0 120px 0 60px; display:flex;} .ctrbar .cont_btn {width:80px;height:80px;background:#666;margin-left:20px;text-align:center;line-height:80px;font-size: 36px;color:#fff;cursor: pointer;} .ctrbar .cont_btn:hover {background:#be1528;} .ctrbar .cont_btn_prev { /* transform: rotate(180deg); */ } .ctrbar .cont_btn .iconfont { font-size: 36px; } .num_swiper {opacity:0;} .num_pagination { line-height:80px; padding-right:30px;} .num_pagination span {font-size:16px;} .num_pagination .swiper-pagination-current {font-weight:bold;color:#be1528;font-size:22px;} .cont_pagination {flex:1; display:flex; padding-right:40px;} .cont_pagination span{ font-size:14px; width:0; height:1px; color:#555; display:block; background:#ddd; position:relative; top:50%; transform:translateY(-50%);} .cont_pagination span:before{content:"";display:block; position:absolute; left:0; top:-2px; height:3px; background:#C2152A; width:0; border-radius:5px;} .cont_pagination span.swiper-pagination-bullet-active {width:100%;} .cont_pagination span.swiper-pagination-bullet-active:before {animation:mymove 5.5s;} @keyframes mymove { from {width:0px;} to {width:100%;} } @media only screen and (max-width: 768px) { .contBox {padding:30px 20px;} .cont__item .contitem .info_rim {padding:30px 20px;} .cont__item .contitem .info_rim .info_txt {padding:20px 0 30px; font-size:14px;} .cont__item .contitem .info_rim .info_txt .cn_sub {font-size:14px; line-height:24px;} .cont__item .contImg a {min-height:auto;} .cont__item .contitem .info_rim h2 {font-size: 20px;} .cont__item .contitem .info_rim h2:before {height: 3px;} .ctrbar { width: 50%;top: 70px; right: 20px; padding: 0;} .ctrbar .num_pagination {line-height: 30px;padding-right: 10px;} .ctrbar .cont_pagination {padding-right: 0;} .ctrbar .cont_btn { width: 30px; height: 30px; line-height: 30px; font-size: 16px;} .ctrbar .cont_btn .iconfont { font-size: 16px; } } @media only screen and (min-width: 769px) { } @media only screen and (min-width: 769px) and (max-width: 1024px) {}/*图片标题列表*/ .w_fimg-000 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_fimg-000 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_fimg-000 .p_title:hover{ color:rgba(87,177,173,1); } .w_fimg-000 .p_title:active{ color:rgba(69,165,161,1); } .w_fimg-000 .p_title .iconfont:before{ display: inline-block; content:""; } .w_fimg-000{ position:relative; width:100%; height:auto; min-height: 200px; } .w_fimg-000 .animated{ width:100%; height:100%; position: relative; min-height: inherit; } .w_fimg-000 .font { white-space: nowrap; } .w_fimg-000 .p_link001{ width:100%; height:100%; } .w_fimg-000 .p_link002{ width:100%; height:30px; } .w_fimg-000 .p_box{ width: 100%; height: 100%; text-align:center; position: static; } .w_fimg-000 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_fimg-000 .e_image:hover:after { background: transparent; } .w_fimg-000 .p_dimage:empty{ width: 100%; height: 100%; top: 0; left: 0; position:absolute; background: #f2f2f2 url(/img/camera.png) no-repeat center; }.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; } #w_common_text-1616479128578,#content_box-1616578581422-1 {display:none;} #w_common_text-1616479157829 p {text-align:center;line-height:1.8;} #content_box-1616570916831-0 { margin: 10px 0 !important;} #w_grid-1616574686544,#w_grid-1616575403034,#w_grid-1616650741648,#w_grid-1616723912038,#w_grid-1616742546734 { width: 94% !important;} #w_grid-1616650741648,#w_grid-1616723912038,#w_grid-1616742546734 { margin-top: 20px !important; padding: 0 !important; } #w_common_text-1616575403039 p span,#w_common_text-1616574763044 p span,#w_common_text-1616576500811 p span,#w_common_text-1616741184619 p span {font-size: 40px !important;} #w_common_text-1616576626539 p span,#w_common_text-1616741184622 p span {font-size: 12px !important;} #w_common_text-1616578642061 p span {font-size: 24px !important;} #c_portalResNews_list-16165787478647290 .porTbox {height: 256px !important;} #w_grid-1616469371365 .w_fimgbox-001 .p_contentbox .w_grid-000 .p_gridCell .reset_style:nth-child(1) p span {font-size: 18px !important;} #w_grid-1616469371365 .w_fimgbox-001 .p_contentbox .w_grid-000 .p_gridCell .reset_style:nth-child(3) p span {font-size: 12px !important;} #w_common_text-1618684591259 p:nth-child(1) span {font-size: 26px !important;} #w_common_text-1618684591259 p:nth-child(2) span {font-size: 18px !important;} #w_common_text-1620725209741 {padding:0 15px !important;} #w_common_text-1621046769588 p,#w_common_text-1621049266264 p {text-align: left !important;} #w_fline-1621046769358 {margin-left: 20px !important;} #w_common_text-1618684591259 p:last-child span {font-size:14px !important} #c_portalResFriendlink_list-16239101832315985 {padding-left:0;} } @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){ } #w_common_text-1618684591259 p:last-child,#w_common_text-1621049409219 p,#w_common_text-1621046769583 p,#w_common_text-1621048925872 p,#w_common_text-1621049409219 p,#w_common_text-1619058619089 p,#w_common_text-1620718717667 p,#w_common_text-1620725343731 p,#c_portalResEbizads_banner-16207821708475533 .summry,#w_common_text-1619056743617 p,#w_common_text-1620715626801 p { text-align: justify; }.pubTitles {padding-bottom:40px;} .pubTitles h1 {font-size:50px;padding-bottom:10px;color:#000;font-weight: normal;} .pubTitles h2 {color: #666;FONT-SIZE: 30PX;} @media only screen and (max-width: 768px) { #c_portalResNews_list-16190624336452801 { margin-top: 20px !important; } .pubTitles h1 {font-size: 26px;padding-bottom:10px;font-weight: normal;} .pubTitles h2 {font-size: 18px;} .pubTitles {padding-bottom: 20px;} } .cnnews {padding:120px;} .cnnews .newjects {position:relative;} .cnnews .newjects:before {content:"";display:block; width:120px; height:100%; background:#fff; position:absolute; left:50%; top:0; z-index:3;} .cnnews .newjects:after {content:"";display:block; width:1px; height:100%; background:#ddd; position:absolute; left:calc(50% + 60px); top:0; z-index:4;} .news_pagination {position:absolute; right:0; top:-80px; font-size:16px; color:transparent;} .news_pagination span {color:#be1528; margin-left:60px;} .news_pagination span.swiper-pagination-current { font-weight: bold; font-size: 22px; } .news_pagination span.swiper-pagination-total {color:#999;} .news_pagination:before {content:"";display:block; width:50px; height:2px; background:#ddd; position:absolute; right:30px; top:16px;} .cnnews .newjects .newject-warpper {display:flex;} .cnnews .newjects .newject-slide {margin-right:0px;} .cnnews .newjects .newject-slide .newject_list { height:100%;} .cnnews .newjects .newject-slide .newject_list .pj_img {position:relative;} .cnnews .newjects .newject-slide .newject_list .pj_img .picBox {position:absolute; left:120px; bottom:0px; height:80%; right:0;} .cnnews .newjects .newject-slide .newject_list img {width:100%; opacity:0;} .cnnews .newjects .newject-slide .newject_list .pj_titles {display:none;padding: 50px;background:rgba(0,0,0,0.6);color:#fff;position:absolute;bottom:0;left:0;width:100%;} .cnnews .newjects .newject-slide .newject_list .pj_titles h1 {font-size: 30px;margin-bottom: 15px;display: block;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;} .cnnews .newjects .newject-slide .newject_list .pj_titles p {line-height:24px;font-size:16px;padding-top:10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;} .cnnews .newjects .newject-slide.swiper-slide-active .newject_list {padding:0; transition:all 0.5s ease 1.2s;} .cnnews .newjects .newject-slide.swiper-slide-active .newject_list .pj_img{padding:0;transition:all 0.5s ease 1.2s;} .cnnews .newjects .newject-slide.swiper-slide-active .newject_list a .pj_img .picBox { transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s; transition: all 0.5s; overflow:hidden; } .cnnews .newjects .newject-slide.swiper-slide-active .newject_list:hover a .pj_img .picBox{ transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s; } .cnnews .newjects .newject-slide.swiper-slide-active .newject_list .pj_titles {display:block;transition:all 0.5s ease 1.2s;} .cnnews .newjects .newject-slide.swiper-slide-active .newject_list .pj_img .picBox { left:0; bottom:0px; height:100%; transition: height 0.5s ease 1s;} .cnnews .newjects .newject-slide.swiper-slide-prev .newject_list {opacity:0;} .cnnews .newjects .newject-slide.swiper-slide-next .newject_list a .pj_img .picBox { transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s; transition: all 0.5s; overflow:hidden; } .cnnews .newjects .newject-slide.swiper-slide-next .newject_list:hover a .pj_img .picBox{ transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s; } .cnnews .newjects .newject-slide.swiper-slide-next .pj_titles { padding: 20px; left: 120px; width: 86%; display: block; } .cnnews .newjects .newject-slide.swiper-slide-next .pj_titles h1.p_title {font-size:16px;margin:0;} .cnnews .newjects .newject-slide.swiper-slide-next .pj_titles .p_summary {display: none;} .btns {position:absolute;width:80px; height:80px; top:0; background:#666; color:#fff; z-index:4; cursor: pointer;} .btns:hover {background:#be1528;} .btns span {display:block;width:100%;height:80px;font-size: 36px;text-align:center;line-height: 80px;} .btns span .iconfont { font-size: 36px; } .pj-prev-btn {left:calc(50% + 120px);} .pj-prev-btn span {/* transform:rotate(180deg); */} .pj-next-btn {left:calc(50% + 220px);} @media only screen and (max-width: 768px) { .cnnews {padding:30px 20px;} .cnnews .newjects .newject-slide .newject_list .pj_titles {position:relative; padding:20px;} .cnnews .newjects:before ,.cnnews .newjects:after {display:none;} .cnnews .newjects .newject-slide .newject_list img {opacity:1;} .cnnews .newjects .newject-slide.swiper-slide-active .newject_list .pj_img .picBox {display:none;} .cnnews .newjects .newject-slide .newject_list .pj_titles p {font-size:14px;padding-top: 0;} .btns {display:none;} .news_pagination {top: -50px;} .cnnews .newjects .newject-slide .newject_list .pj_titles h1 {font-size:18px;display: block;margin-bottom: 0;} } @media only screen and (min-width: 769px) { } @media only screen and (max-width: 1024px) and (min-width: 769px) { }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{width:100%; margin:0px auto; }/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResEbizads_banner-16186806944809036{ 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_portalResPublic_codeContainer-16186846350454570 .pub_link span{ background:#fff; } #c_portalResPublic_codeContainer-16186846350454570 .pub_link{ color:#fff; } #c_portalResPublic_codeContainer-16186846350454570{ 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_portalResNews_list-16186856928875290{ 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_portalResNews_category-16187487378586137 .pub_link{ color:#fff; } #c_portalResNews_category-16187487378586137 .pub_link span{ background:#fff; } #c_portalResNews_category-16187487378586137{ 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_portalResIntro_category-16187497136889598 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResIntro_category-16187497136889598 >div{ animation-fill-mode:both; } #c_portalResIntro_category-16187497136889598 .pub_link{ color:#fff; } #c_portalResIntro_category-16187497136889598 .pub_link span{ background:#fff; } #c_portalResIntro_category-16187497136889598{ 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_portalResEbizads_banner-16186755378027671 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResEbizads_banner-16186755378027671 >div{ animation-fill-mode:both; } #c_portalResEbizads_banner-16186755378027671{ width:100%; max-width:none; min-width:300px; 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; } #w_grid-1618680694336 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1618680694336 >div{ animation-fill-mode:both; } #w_grid-1618680694336 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1618680694336*/ /*w_grid-1618680694336*/@media only screen and (min-width: 769px){ #w_grid-1618680694336> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1618680694336> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1618680694336> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1618680694336> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } /*w_grid-1618680694336*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1618684494424 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1618684494424 >div{ animation-fill-mode:both; } #w_fimg-1618684494424 .p_dimage{ transform:scale(1); transition:all 0.5s; -webkit-transform:all 1s ease 0s; overflow:hidden; } #w_fimg-1618684494424 .p_dimage:hover{ transform:scale(1.1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; } #w_grid-1618680694336{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:1px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1618684494424{ 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; } #w_common_text-1618684591259{ width:auto; max-width:600px; 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:40px; } #c_portalResIntro_category-16208681178964705 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResIntro_category-16208681178964705 >div{ animation-fill-mode:both; } #c_portalResIntro_category-16208681178964705 .pub_link{ color:#fff; } #c_portalResIntro_category-16208681178964705 .pub_link span{ background:#fff; } #c_portalResIntro_category-16208681178964705 .info_txt .cn_sub:last-child{ display:none; } #c_portalResIntro_category-16208681178964705 .num_pagination{ display:none; } #c_portalResIntro_category-16208681178964705 .cont_pagination{ display:none; } #c_portalResIntro_category-16208681178964705 .ctrbar{ width:27%; top:42px; } #c_portalResIntro_category-16208681178964705 .cont___rim .cont__item{ flex-wrap:wrap-reverse; } #c_portalResIntro_category-16208681178964705{ 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:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }