/*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); }/*图片标题列表*/ .w_fimg-001 .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-001 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_fimg-001 .p_title:hover{ color:rgba(87,177,173,1); } .w_fimg-001 .p_title:active{ color:rgba(69,165,161,1); } .w_fimg-001 .p_title .iconfont:before{ display: inline-block; content:""; } .w_fimg-001{ position:relative; width:100%; height:auto; min-height: 200px; } .w_fimg-001 .animated{ width:100%; height:100%; position: relative; min-height: inherit; } .w_fimg-001 .font { white-space: nowrap; } .w_fimg-001 .p_link001{ width:100%; height:calc(100% - 30px); } .w_fimg-001 .p_link002{ width:100%; height:30px; } .w_fimg-001 .p_box{ width: 100%; height: 100%; text-align:center; position: static; } .w_fimg-001 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_fimg-001 .e_image:hover:after { background: transparent; } .w_fimg-001 .p_dimage:empty{ width: 100%; height: 100%; top: 0; left: 0; position:absolute; background: #f2f2f2 url(/img/camera.png) no-repeat center; }/*图片标题列表*/ .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-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; } } @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; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }.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-01001 { min-height: 500px; width: 100%; } .zhizuo { position: absolute; width: 90vw; /* height: 470px; */ padding: 0; left: 5vw; opacity: 1; transition: all 1.5s; } .zhizuo li { overflow: hidden; width: 50%; height: 200px; /* margin: 1%; */ float: left; overflow: hidden; opacity: 1; transition: all 1.5s; } .zhizuo li:nth-child(5){ width: 100%; } .zk1_bg { width: 100%; height: 200px; background: #000; position: relative; } a.zk1_jd { width: 100%; height: 100%; display: block; /* transform: perspective(1000px)translateZ(00px) skewX(-10deg) translateY(0%);*/ position: relative; background: #000 url(/img/probg01.jpg) no-repeat center center; transition: all 1s; opacity: 0.3; } a.zk1_jd:hover { background: #000 url(/img/probg01.jpg) no-repeat center center; transition: all 1s; opacity: 0.9; } a.zk2_jd { width: 100%; height: 200px; display: block; /* transform: perspective(1000px)translateZ(00px) skewX(-10deg) translateY(0%);*/ position: relative; background: #000 url(/img/probg02.jpg) no-repeat center center; transition: all 1s; opacity: 0.3; } a.zk2_jd:hover { background: #000 url(/img/probg02.jpg) no-repeat center center; transition: all 1s; opacity: 0.9; } a.zk3_jd { width: 100%; height: 200px; display: block; /* transform: perspective(1000px)translateZ(00px) skewX(-10deg) translateY(0%);*/ position: relative; background: #000 url(/img/probg03.jpg) no-repeat center center; transition: all 1s; opacity: 0.3; } a.zk3_jd:hover { background: #000 url(/img/probg03.jpg) no-repeat center center; transition: all 1s; opacity: 0.9; } a.zk4_jd { width: 100%; height: 200px; display: block; /* transform: perspective(1000px)translateZ(00px) skewX(-10deg) translateY(0%);*/ position: relative; background: #000 url(/img/probg04.jpg) no-repeat center center; transition: all 1s; opacity: 0.3; } a.zk4_jd:hover { background: #000 url(/img/probg04.jpg) no-repeat center center; transition: all 1s; opacity: 0.9; } a.zk5_jd { width: 100%; height: 200px; display: block; /* transform: perspective(1000px)translateZ(00px) skewX(-10deg) translateY(0%);*/ position: relative; background: #000 url(/img/probg05.jpg) no-repeat center center; transition: all 1s; background-size: 100%; opacity: 0.3; } a.zk5_jd:hover { background: #000 url(/img/probg05.jpg) no-repeat center center; transition: all 1s; opacity: 0.9; } .zk1_bg h1 { width: 85px; height: 85px; text-align: center; display: block; position: absolute; top: 30px; left: 50%; margin-left: -40px; transition: all 1s; } .zk1_bg h2 { width: 85px; height: 85px; text-align: center; display: block; position: absolute; top: 450px; left: 50%; opacity: 0; margin-left: -40px; transition: all 1s; } .zk1_bg span { width: 100%; text-align: center; color: #fff; font-size: 20px; height: 20px; display: block; position: absolute; top: 130px; left: 0; transition: all 1s; } .zk1_bg p { width: 30vw; text-align: center; color: #fff; font-size: 12px; display: block; position: absolute; top: 260px; display: none; line-height: 2; text-transform: uppercase; left: 50%; opacity: .6; margin-left: -15vw; transition: all 1s; } .zk-hover .zk1_bg { transition: all 1s; } .zk-hover .zk1_bg h1 { top: 0px; opacity: 0; transition: all 1s; } .zk-hover .zk1_bg h2 { width: 80px; height: 80px; text-align: center; display: block; position: absolute; top: 194px; left: 50%; margin-left: -40px; transition: all 1s; opacity: 1; } .zk-hover .zk1_bg span { top: 80px; opacity: 0; transition: all 1s; } .zk-hover .zk1_bg p { top: 80px; opacity: 0; transition: all 1s; } } @media only screen and (min-width: 769px) { .c_portalResGroupPublic_codeContainer-01001 { min-height: 500px; width: 100%; } .zhizuo { position: absolute; width: 90vw; height: 470px; padding: 0; left: 5vw; opacity: 1; transition: all 1.5s; } .zhizuo li { overflow: hidden; width: 18%; height: 470px; margin: 1%; float: left; opacity: 1; transition: all 1.5s; } .zk1_bg { width: 100%; height: 470px; background: #000; position: relative; } a.zk1_jd { width: 100%; height: 100%; display: block; /* transform: perspective(1000px)translateZ(00px) skewX(-10deg) translateY(0%);*/ position: relative; background: #000 url(/img/probg01.jpg) no-repeat center center; transition: all 1s; opacity: 0.3; } a.zk1_jd:hover { background: #000 url(/img/probg01.jpg) no-repeat center center; transition: all 1s; opacity: 0.9; } a.zk2_jd { width: 100%; height: 470px; display: block; /* transform: perspective(1000px)translateZ(00px) skewX(-10deg) translateY(0%);*/ position: relative; background: #000 url(/img/probg02.jpg) no-repeat center center; transition: all 1s; opacity: 0.3; } a.zk2_jd:hover { background: #000 url(/img/probg02.jpg) no-repeat center center; transition: all 1s; opacity: 0.9; } a.zk3_jd { width: 100%; height: 470px; display: block; /* transform: perspective(1000px)translateZ(00px) skewX(-10deg) translateY(0%);*/ position: relative; background: #000 url(/img/probg03.jpg) no-repeat center center; transition: all 1s; opacity: 0.3; } a.zk3_jd:hover { background: #000 url(/img/probg03.jpg) no-repeat center center; transition: all 1s; opacity: 0.9; } a.zk4_jd { width: 100%; height: 470px; display: block; /* transform: perspective(1000px)translateZ(00px) skewX(-10deg) translateY(0%);*/ position: relative; background: #000 url(/img/probg04.jpg) no-repeat center center; transition: all 1s; opacity: 0.3; } a.zk4_jd:hover { background: #000 url(/img/probg04.jpg) no-repeat center center; transition: all 1s; opacity: 0.9; } a.zk5_jd { width: 100%; height: 470px; display: block; /* transform: perspective(1000px)translateZ(00px) skewX(-10deg) translateY(0%);*/ position: relative; background: #000 url(/img/probg05.jpg) no-repeat center center; transition: all 1s; opacity: 0.3; } a.zk5_jd:hover { background: #000 url(/img/probg05.jpg) no-repeat center center; transition: all 1s; opacity: 0.9; } .zk1_bg h1 { width: 85px; height: 85px; text-align: center; display: block; position: absolute; top: 120px; left: 50%; margin-left: -40px; transition: all 1s; } .zk1_bg h2 { width: 85px; height: 85px; text-align: center; display: block; position: absolute; top: 450px; left: 50%; opacity: 0; margin-left: -40px; transition: all 1s; } .zk1_bg span { width: 100%; text-align: center; color: #fff; font-size: 26px; height: 20px; display: block; position: absolute; top: 220px; left: 0; transition: all 1s; } .zk1_bg p { width: 200px; text-align: center; color: #fff; font-size: 12px; display: block; position: absolute; top: 260px; line-height: 2; text-transform: uppercase; left: 50%; opacity: .6; margin-left: -100px; transition: all 1s; } .zk-hover .zk1_bg { transition: all 1s; } .zk-hover .zk1_bg h1 { top: 0px; opacity: 0; transition: all 1s; } .zk-hover .zk1_bg h2 { width: 80px; height: 80px; text-align: center; display: block; position: absolute; top: 194px; left: 50%; margin-left: -40px; transition: all 1s; opacity: 1; } .zk-hover .zk1_bg span { top: 80px; opacity: 0; transition: all 1s; } .zk-hover .zk1_bg p { top: 80px; opacity: 0; transition: all 1s; } } @media only screen and (max-width: 1024px) and (min-width: 769px) {} section { text-align: left; font-size: 14px; } .jumbo { font-size: 56px; color: #7fbe25; font-family: 'FjallaOne' !important; } @media only screen and (max-width: 1024px) and (min-width: 769px) { /*中屏*/ } .icoa { width: 40px; height: 40px; display: block; margin: 0 auto; DISPLAY: NONE; } .chanpin-submenu { float: left; padding: 10px 0 0px 30px; } .chanpin-submenu li { float: left; margin: 0; text-align: left; width: 10vw; } .chanpin-submenu li h4 { font-size: 14px; font-weight: normal; color: #fff; margin-top: 10px; margin-bottom: 5px; } .chanpin-submenu li h4 a { font-size: 14px; font-weight: normal; color: #fff; margin-top: 10px; margin-bottom: 5px !important; border-bottom: 2px solid #fff0; } .chanpin-submenu li h4 a:hover { font-size: 14px; font-weight: normal; color: #fff; margin-top: 10px; margin-bottom: 10px; border-bottom: 2px solid #eb6100; } .chanpin-submenu li a { display: block; color: #aeaeae; font-size: 12px; line-height: 25px; border: 0; padding: 0; transition: all 1s; text-decoration: none; } .chanpin-submenu li a:hover { display: block; color: #fff; font-size: 12px; line-height: 25px; border: 0; padding: 0; text-decoration: none; } ul.fenlei { /* left: 50%; */ padding-top: 0px; position: absolute; } ul.fenlei li { padding: 0 10px 10px 0px; height: 35px; float: left; /* border-radius:10px; */ overflow: hidden; } ul.fenlei li.active a { width: 180px; height: 40px; line-height: 40px; display: block; background: #333; color: #fff; text-align: center; } ul.fenlei li a:hover { width: 85px; height: 25px; line-height: 25px; display: block; color: #fff; background: #002a65; text-align: center; border: 1px solid #002a65; transition: all 500ms; font-size: 12px; border-radius: 3px; } ul.fenlei li a { width: 85px; height: 25px; line-height: 25px; display: block; color: #777c81; float: left; text-align: center; border: 1px solid #52565a; transition: all 500ms; font-size: 12px; border-radius: 3px; } ul.fenlei8 { /* left: 50%; */ padding-top: 0px; position: absolute; } ul.fenlei8 li { padding: 0 10px 10px 0px; height: 60px; float: left; /* border-radius:10px; */ overflow: hidden; } ul.fenlei8 li a { width: 175px; height: 50px; line-height: 50px; display: block; color: #777c81; padding-left: 55px; float: left; text-align: left; border: 1px solid #52565a; transition: all 500ms; font-size: 12px; border-radius: 3px; } ul.fenlei8 li:nth-child(1) a { width: 175px; background: url(/img/dibua01.png) no-repeat 20px center; } ul.fenlei8 li:nth-child(2) a { width: 130px; background: url(/img/dibua02.png) no-repeat 20px center; } ul.fenlei8 li:nth-child(3) a { width: 150px; background: url(/img/dibua03.png) no-repeat 20px center; } ul.fenlei8 li:nth-child(4) a { width: 130px; background: url(/img/dibua04.png) no-repeat 20px center; } ul.fenlei8 li:nth-child(5) a { width: 115px; background: url(/img/dibua05.png) no-repeat 20px center; } ul.fenlei8 li:nth-child(1) a:hover { width: 175px; background: #002a65 url(/img/dibua01.png) no-repeat 20px center; border: 1px solid #002a65; } ul.fenlei8 li:nth-child(2) a:hover { width: 130px; border: 1px solid #002a65; background: #002a65 url(/img/dibua02.png) no-repeat 20px center; } ul.fenlei8 li:nth-child(3) a:hover { width: 150px; border: 1px solid #002a65; background: #002a65 url(/img/dibua03.png) no-repeat 20px center; } ul.fenlei8 li:nth-child(4) a:hover { width: 130px; border: 1px solid #002a65; background: #002a65 url(/img/dibua04.png) no-repeat 20px center; } ul.fenlei8 li:nth-child(5) a:hover { width: 115px; border: 1px solid #002a65; background: #002a65 url(/img/dibua05.png) no-repeat 20px center; } ul.fenlei8 li a:hover { color: #FFF; } ul.fenleiabout { padding-top: 0px; /* position: absolute; */ } ul.fenleiabout li { height: 40px; float: left; overflow: hidden; } ul.fenleiabout li.active a { width: 180px; height: 40px; line-height: 40px; display: block; color: #fff; background: #002a65; text-align: center; border: 1px solid #002a65; transition: all 500ms; } ul.fenleiabout li a:hover { width: 180px; height: 40px; line-height: 40px; display: block; color: #fff; background: #002a65; text-align: center; border: 1px solid #002a65; transition: all 500ms; border-radius: 3px; } ul.fenleiabout li a { width: 180px; height: 40px; line-height: 40px; margin-right: 20px; display: block; color: #777c81; float: left; text-align: center; border: 1px solid #e9e9e9; transition: all 500ms; font-size: 16px; border-radius: 3px; }.w_fline-001 .p_FLine{ width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); display: inline-block; vertical-align: middle; } .w_fline-001{ width:100%; min-height:20px; display: block; margin: 0 auto; } .w_fline-001 .w_fline{ width:100%; min-height: inherit; font-size: 0; } .w_fline-001 .w_fline:before{ content: ""; display: inline-block; vertical-align: middle; min-height: inherit; width: 0; }@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*/ #content_box-1553563269535-1{background: url(/img/bb1.jpg) center center / cover no-repeat;} #content_box-1553563269535-0{background: url(/img/bb2.jpg) center center / cover no-repeat;} #c_portalResGroupPublic_codeContainer-15553833776788898{ width:100%; max-width:905px; min-width:0px; height:auto; max-height:none; min-height:80px; margin-top:0px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupPublic_codeContainer-15554011116220014{ width:100%; max-width:359px; min-width:0px; height:auto; max-height:none; min-height:66px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResGroupPublic_codeContainer-15554022803353421{ width:477px; max-width:442px; min-width:0px; height:123px; max-height:none; min-height:120px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1553505930178 > div > .p_gridbox{ background-color:rgba(0, 64, 150, 1); } #w_grid-1553505930178 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1553505930178 >div{ animation-fill-mode:both; } #w_grid-1553505930178 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1553505930178*/ /*w_grid-1553505930178*/@media only screen and (min-width: 769px){ #w_grid-1553505930178> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1553505930178> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1553505930178> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } /*w_grid-1553505930178*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1553505930178> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1553505930178> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1553505930178> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } #w_common_text-1553505968380 .p_link001{ height:calc(100%); } #w_grid-1553506022437 > div > .p_gridbox{ background-color:rgba(0, 64, 150, 0.75); } #w_grid-1553506022437 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1553506022437 >div{ animation-fill-mode:both; } #w_grid-1553506022437 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1553506022437*/ /*w_grid-1553506022437*/@media only screen and (min-width: 769px){ #w_grid-1553506022437> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1553506022437> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:84.67%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1553506022437> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:15.329999999999998%; } #w_grid-1553506022437> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } /*w_grid-1553506022437*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1553506022437> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1553506022437> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:84.67%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1553506022437> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:15.329999999999998%; } #w_grid-1553506022437> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } #w_fimg-1553506062841 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1553506062841 >div{ animation-fill-mode:both; } #w_grid-1555404879822 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1555404879822*/ /*w_grid-1555404879822*/ /*w_grid-1555404879822*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1555404937165 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1555404937165*/ /*w_grid-1555404937165*/ /*w_grid-1555404937165*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1553569113231 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1553569113231*/ /*w_grid-1553569113231*/ /*w_grid-1553569113231*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1553571207749 > div > .p_gridbox{ background-image:url(/img/dibu.jpg); border-top:10px solid #002a65; } #w_grid-1553571207749 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1553571207749 >div{ animation-fill-mode:both; } #w_grid-1553571207749 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1553571207749*/ /*w_grid-1553571207749*/@media only screen and (min-width: 769px){ #w_grid-1553571207749> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1553571207749> div > .p_gridbox > .p_gridCell:nth-child(4n+0){ width:25%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1553571207749> div > .p_gridbox > .p_gridCell:nth-child(4n+1){ margin-left:0px; clear:left; margin-right:0px; width:34.44%; } #w_grid-1553571207749> div > .p_gridbox > .p_gridCell:nth-child(4n+2){ width:27.450000000000003%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1553571207749> div > .p_gridbox > .p_gridCell:nth-child(4n+3){ width:13.11%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1553571207749> div > .p_gridbox > .p_gridCell:nth-child(4n){ margin-right:0px; } } /*w_grid-1553571207749*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1553571207749> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1553571207749> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1553571207749> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1555398423925 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1555398423925 >div{ animation-fill-mode:both; } #w_grid-1555398423925 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } /*w_grid-1555398423925*/ /*w_grid-1555398423925*/@media only screen and (min-width: 769px){ #w_grid-1555398423925> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:0px; } #w_grid-1555398423925> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1555398423925> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } /*w_grid-1555398423925*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1553571571654 .p_link001{ height:calc(100%); } #w_fimg-1553571571654 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1553571571654 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1555398383337 .p_link001{ height:calc(100%); } #w_grid-1555402224941 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1555402224941 >div{ animation-fill-mode:both; } #w_grid-1555402224941 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1555402224941*/ /*w_grid-1555402224941*/@media only screen and (min-width: 769px){ #w_grid-1555402224941> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1555402224941> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1555402224941> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } /*w_grid-1555402224941*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1555402237348 .p_link001{ height:calc(100%); } #w_fimg-1555402237348 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1555402237348 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_grid-1555403084188 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1555403084188*/ /*w_grid-1555403084188*/ /*w_grid-1555403084188*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_common_text-1555403071681 .p_link001{ height:calc(100%); } #w_fline-1555403260457 .p_FLine{ border-top-color:rgba(63, 67, 71, 1); border-top-width:1px; } #w_fline-1555403260457 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1555403260457 >div{ animation-fill-mode:both; } #w_common_text-1555403101863 .p_link001{ height:calc(100%); } #w_grid-1555403306392 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1555403306392*/ /*w_grid-1555403306392*/ /*w_grid-1555403306392*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_common_text-1555403306400 .p_link001{ height:calc(100%); } #w_fline-1555403306403 .p_FLine{ border-top-color:rgba(63, 67, 71, 1); border-top-width:1px; } #w_fline-1555403306403 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1555403306403 >div{ animation-fill-mode:both; } #w_common_text-1555403306407 .p_link001{ height:calc(100%); } #w_fimg-1555403574494 .p_link001{ height:calc(100%); } #w_fimg-1555403574494 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1555403574494 >div{ animation-fill-mode:both; } #w_fimg-1555403630807 .p_link001{ height:calc(100%); } #w_fimg-1555403630807 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1555403630807 >div{ animation-fill-mode:both; } #w_common_text-1555403669896 .p_link001{ height:calc(100%); } #w_grid-1553571784653 > div > .p_gridbox{ background-color:rgba(51, 51, 51, 1); } #w_grid-1553571784653 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1553571784653 >div{ animation-fill-mode:both; } #w_grid-1553571784653 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1553571784653*/ /*w_grid-1553571784653*/@media only screen and (min-width: 769px){ #w_grid-1553571784653> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1553571784653> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:42.730000000000004%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1553571784653> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0px; clear:left; margin-right:0px; width:42.699999999999996%; } #w_grid-1553571784653> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:14.56%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1553571784653> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0px; } } /*w_grid-1553571784653*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1553571784653> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1553571784653> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1553571784653> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:50%; } #w_grid-1553571784653> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } #w_grid-1684746192480 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1684746192480 >div{ animation-fill-mode:both; } #w_grid-1684746192480 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1684746192480*/ /*w_grid-1684746192480*/@media only screen and (min-width: 769px){ #w_grid-1684746192480> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1684746192480> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1684746192480> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1684746192480> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } /*w_grid-1684746192480*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_common_text-1553571813740 .p_link001{ height:calc(100%); } #w_grid-1684746203646 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1684746203646 >div{ animation-fill-mode:both; } #w_grid-1684746203646 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1684746203646*/@media only screen and (max-width: 768px){ #w_grid-1684746203646> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1684746203646> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:87.41%; margin-left:0; margin-right:0; clear:none; } #w_grid-1684746203646> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:12.590000000000002%; } #w_grid-1684746203646> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } /*w_grid-1684746203646*/@media only screen and (min-width: 769px){ #w_grid-1684746203646> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1684746203646> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:88.6%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1684746203646> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:11.4%; } #w_grid-1684746203646> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } /*w_grid-1684746203646*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1684746203646> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1684746203646> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:87.01%; margin-left:0; margin-right:0; clear:none; } #w_grid-1684746203646> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:12.989999999999998%; } #w_grid-1684746203646> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fimg-1684746203654 .p_link001{ height:calc(100%); } #w_fimg-1684746203654 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1684746203654 >div{ animation-fill-mode:both; } #w_common_text-1684746203663 .p_link001{ height:calc(100%); } #w_fimg-1592542089071 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1592542089071 >div{ animation-fill-mode:both; } #w_common_text-1553571826981 .p_link001{ height:calc(100%); } #w_grid-1553505930178{ position:fixed; top:0px; left:50%; bottom:auto; right:auto; transform:translate(-50%, 0px); width:100%; height:42px; z-index:22; content:"tc"; max-width:none; min-width:0px; max-height:none; min-height:42px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; -webkit-transform:translate(-50%, 0px); } #w_common_text-1553505968380{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:42px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:50px; padding-bottom:0px; } #w_grid-1553506022437{ position:fixed; top:42px; left:50%; bottom:auto; right:auto; transform:translate(-50%, 0px); width:100%; height:80px; z-index:33; content:"tc"; max-width:none; min-width:0px; max-height:none; min-height:80px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; -webkit-transform:translate(-50%, 0px); } #w_fimg-1553506062841{ width:462px; max-width:none; min-width:0px; height:auto; max-height:none; min-height:56px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:22px; padding-left:50px; padding-right:0px; padding-bottom:0px; } #w_grid-1555404879822{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:500px; 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-1555404937165{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:439px; 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-1553569113231{ 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-1553571207749{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:299px; 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-1555398423925{ width:100%; max-width:379px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:50px; margin-left:100px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1553571571654{ width:145px; max-width:none; min-width:0px; height:auto; max-height:none; min-height:44px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:10px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1555398383337{ width:auto; max-width:397px; 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_grid-1555402224941{ width:100%; max-width:467px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:50px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1555402237348{ width:121px; max-width:none; min-width:0px; height:auto; max-height:none; min-height:36px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:10px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1555403084188{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:50px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1555403071681{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:26px; 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_fline-1555403260457{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:20px; 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_common_text-1555403101863{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:153px; 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-1555403306392{ width:100%; max-width:365px; min-width:0px; height:auto; max-height:none; min-height:296px; margin-top:50px; margin-left:auto; margin-right:100px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1555403306400{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:26px; 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_fline-1555403306403{ width:100%; max-width:285px; min-width:0px; height:auto; max-height:none; min-height:20px; margin-top:0px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1555403306407{ width:auto; max-width:319px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1555403574494{ width:169px; max-width:none; min-width:0px; height:auto; max-height:none; min-height:29px; margin-top:10px; margin-left:auto; margin-right:0px; margin-bottom:10px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1555403630807{ width:89px; max-width:none; min-width:0px; height:auto; max-height:none; min-height:89px; margin-top:10px; margin-left:auto; margin-right:0px; margin-bottom:10px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1555403669896{ 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; } #w_grid-1553571784653{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:40px; 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-1684746192480{ 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_common_text-1553571813740{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:100px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1684746203646{ width:100%; max-width:300px; 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_fimg-1684746203654{ width:100%; max-width:24px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:6px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1684746203663{ width:auto; 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_fimg-1592542089071{ width:50px; max-width:50px; min-width:0px; height:auto; max-height:50px; min-height:50px; 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_common_text-1553571826981{ width:auto; max-width:548px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:101px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }