.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-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_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-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_ContentMajorStyleBox-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_ContentMajorStyleBox-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; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_public_htmlCode-01001020{ position:absolute; width:300px; height:390px; }.c_public_htmlCode-01001020 .case-content{ overflow:hidden; margin:80px auto 0 auto; width:1200px; height:600px; } .c_public_htmlCode-01001020 .case-item{ float:left; margin:30px 15px; margin-bottom:20px; } .c_public_htmlCode-01001020 .ih-item{ position:relative; -webkit-transition:all .35s ease-in-out; -moz-transition:all .35s ease-in-out; transition:all .35s ease-in-out; } .c_public_htmlCode-01001020 .ih-item,.ih-item *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .c_public_htmlCode-01001020 .ih-item a{ color:#333; } .c_public_htmlCode-01001020 .ih-item a:hover{ text-decoration:none; } .c_public_htmlCode-01001020 .ih-item img{ width:100%; height:100%; } .c_public_htmlCode-01001020 .ih-item.circle,.ih-item.circle .img{ position:relative; border-radius:50%; } .c_public_htmlCode-01001020 .ih-item.circle{ width:210px; } .c_public_htmlCode-01001020 .ih-item.circle .img{ width:162px; height:162px; overflow:hidden; } .c_public_htmlCode-01001020 .ih-item.circle .img:before{ position:absolute; display:block; content:''; width:100%; height:100%; border-radius:50%; box-shadow:inset 0 0 0 16px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.3); -webkit-transition:all .35s ease-in-out; -moz-transition:all .35s ease-in-out; transition:all .35s ease-in-out; } .c_public_htmlCode-01001020 .ih-item.circle .img img{ border-radius:50%; } .c_public_htmlCode-01001020 .ih-item.circle .info{ position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; border-radius:50%; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .c_public_htmlCode-01001020 .ih-item.square{ position:relative; width:316px; height:216px; border:8px solid #fff; box-shadow:1px 1px 3px rgba(0,0,0,.3); } .c_public_htmlCode-01001020 .ih-item.square .info{ position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .c_public_htmlCode-01001020 .ih-item.circle.effect1 .spinner{ width:210px; height:210px; background:url(/img/s3_bg.png?tenantId=129877&viewType=1&v=000); -webkit-transition:all .8s ease-in-out; -moz-transition:all .8s ease-in-out; transition:all .8s ease-in-out; opacity:1; } .c_public_htmlCode-01001020 .ih-item.circle.effect1 .img{ position:absolute; top:24px; bottom:0; left:24px; right:0; width:162px; height:162px; } .c_public_htmlCode-01001020 .ih-item.circle.effect1 .img img{ transform:scale(1); transition:transform 0.35s ease 0s; } .c_public_htmlCode-01001020 .ih-item.circle.effect1 .img:before{ display:none; } .c_public_htmlCode-01001020 .ih-item.circle.effect1.colored .info{ background:rgba(0,0,0,.6); } .c_public_htmlCode-01001020 .ih-item.circle.effect1 .info{ top:24px; bottom:0; width:162px; height:162px; text-align:center; left:24px; right:0; background:rgba(255,255,255,.75); opacity:0.75; -webkit-transition:all .8s ease-in-out; -moz-transition:all .8s ease-in-out; transition:all .8s ease-in-out; } .c_public_htmlCode-01001020 .ih-item.circle.effect1 .info .info-back{ color:#000; border-bottom:1px solid #333; border-top:1px solid #333; text-transform:uppercase; position:relative; left:10px; top:60px; width:138px; text-align:center; letter-spacing:2px; font-family:"微软雅黑"; font-size:18px; font-weight:normal; height:40px; line-height:40px; text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3); } .c_public_htmlCode-01001020 .ih-item.circle.effect1 .info .info-back h3{ opacity:1; transition:opacity 0.2s, transform 0.35s; } .c_public_htmlCode-01001020 .ih-item.circle.effect1 a:hover .info .info-back h3{ opacity:0; } .c_public_htmlCode-01001020 .ih-item.circle.effect1 .info .info-back em{ font-size:12px; font-style:normal; color:rgba(0,0,0,0.6); top:0px; position:relative; opacity:0; -webkit-transition:opacity 0.2s,top 0.2s ease-out; transition:opacity 0.2s, transform 0.35s; } .c_public_htmlCode-01001020 .ih-item.circle.effect1 a:hover .info .info-back em{ top:-40px; -webkit-transition-delay:0.05s; transition-delay:0.05s; -webkit-transition-duration:0.35s; transition-duration:0.35s; opacity:1; } .c_public_htmlCode-01001020 .ih-item.circle.effect1 a:hover .spinner{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transition:all .8s ease-in-out; } .c_public_htmlCode-01001020 .ih-item.circle.effect1 a:hover .info{ opacity:1; } .c_public_htmlCode-01001020 .ih-item.circle.effect1 a:hover .img img{ transform:scale(1.15); } .c_public_htmlCode-01001020 .ih-item.circle.effect1 a:hover em{ opacity:1; } .c_public_htmlCode-01001020 .animate03{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; } .c_public_htmlCode-01001020 .animate{ -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; transition-duration:0.5s; } .c_public_htmlCode-01001020 .animate1{ -webkit-transition-duration:1s; -moz-transition-duration:1s; -ms-transition-duration:1s; transition-duration:1s; } .c_public_htmlCode-01001020 .animate15{ -webkit-transition-duration:1.5s; -moz-transition-duration:1.5s; -ms-transition-duration:1.5s; transition-duration:1.5s; } .c_public_htmlCode-01001020 .animate2{ -webkit-transition-duration:2s; -moz-transition-duration:2s; -ms-transition-duration:2s; transition-duration:2s; } .c_public_htmlCode-01001020 .animate3{ -webkit-transition-duration:3s; -moz-transition-duration:3s; -ms-transition-duration:3s; transition-duration:3s; } .c_public_htmlCode-01001020 .animate4{ -webkit-transition-duration:4s; -moz-transition-duration:4s; -ms-transition-duration:4s; transition-duration:4s; } .c_public_htmlCode-01001020 .animate5{ -webkit-transition-duration:5s; -moz-transition-duration:5s; -ms-transition-duration:5s; transition-duration:5s; } .c_public_htmlCode-01001020 .animate10{ -webkit-transition-duration:10s; -moz-transition-duration:10s; -ms-transition-duration:10s; transition-duration:10s; } .c_public_htmlCode-01001020 .bodyCss{ width:100%; height:100%; position:relative; overflow:hidden; } .c_public_htmlCode-01001020 #container{ width:100%; height:auto; position:absolute; top:0; left:0; } .c_public_htmlCode-01001020 #containers{ width:100%; height:auto; overflow:hidden; position:relative; } .c_public_htmlCode-01001020 #container section{ width:100%; position:relative; float:left; overflow:hidden; } .c_public_htmlCode-01001020 #service{ background:#000; } .c_public_htmlCode-01001020 #service .font{ background:url(/img/our-markets.png?tenantId=129877&viewType=1&v=000); width:472px; height:58px; position:absolute; left:50%; margin-left:-236px; top:50%; margin-top:-250px; } .c_public_htmlCode-01001020 #service .font2{ width:100%; height:22px; line-height:22px; text-align:center; color:#fff; position:absolute; top:50%; font-size:22px; font-weight:bold; margin-top:-150px; } .c_public_htmlCode-01001020 #service .icoList{ width:1100px; height:500px; position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-50px; } .c_public_htmlCode-01001020 #service .icoList li{ width:110px; margin-left:20px; margin-right:20px; float:left; height:160px; position:relative; cursor:pointer; opacity:.6; } .c_public_htmlCode-01001020 #service .icoList li:hover{ opacity:1; } .c_public_htmlCode-01001020 #service .serviceIco1{ width:110px; height:113px; background:url(/img/indexServicIco2.png?tenantId=129877&viewType=1&v=000) left bottom; } .c_public_htmlCode-01001020 #service .serviceIco2{ width:110px; height:113px; background:url(/img/indexServicIco2.png?tenantId=129877&viewType=1&v=000) -120px bottom; } .c_public_htmlCode-01001020 #service .serviceIco3{ width:110px; height:113px; background:url(/img/indexServicIco2.png?tenantId=129877&viewType=1&v=000) -240px bottom; } .c_public_htmlCode-01001020 #service .serviceIco4{ width:110px; height:113px; background:url(/img/indexServicIco2.png?tenantId=129877&viewType=1&v=000) -360px bottom; } .c_public_htmlCode-01001020 #service .serviceIco5{ width:110px; height:113px; background:url(/img/indexServicIco2.png?tenantId=129877&viewType=1&v=000) -480px bottom; } .c_public_htmlCode-01001020 #service .serviceIco6{ width:110px; height:113px; background:url(/img/indexServicIco2.png?tenantId=129877&viewType=1&v=000) -600px bottom; } .c_public_htmlCode-01001020 #service .serviceIco7{ width:100px; height:113px; background:url(/img/indexServicIco2.png?tenantId=129877&viewType=1&v=000) -723px bottom; } .c_public_htmlCode-01001020 #service .icoList li b{ display:block; width:100%; height:auto; font-size:22px; font-weight:bold; text-align:center; color:#fff; margin-top:10px; } .c_public_htmlCode-01001020 #service .icoList li .a{ display:block; width:110px; height:40px; border:2px solid #fff; border-radius:20px; text-align:center; opacity:0; line-height:40px; margin-top:10px; color:#fff; font-weight:bold; -webkit-transform:translateY(20px); transform:translateY(20px); } .c_public_htmlCode-01001020 #service .icoList li .text{ color:#fff; text-align:center; font-size:12px; margin-top:20px; -webkit-transform:translateY(50px); transform:translateY(50px); opacity:0; } .c_public_htmlCode-01001020 #service .icoList li .a:hover{ background:#de2829; border:2px solid #de2829; -webkit-transform:scale(.5); transform:scale(.5); } .c_public_htmlCode-01001020 #service .icoList li.cur .a{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } .c_public_htmlCode-01001020 #service .icoList li.cur .text{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } .c_public_htmlCode-01001020 #service .icoList li.cur{ opacity:1; } .c_public_htmlCode-01001020 #service .icoList li.cur .serviceIco1{ -webkit-transform:translateY(-5px); transform:translateY(-5px); } .c_public_htmlCode-01001020 #service .icoList li.cur .serviceIco2{ -webkit-transform:translateY(-5px); transform:translateY(-5px); } .c_public_htmlCode-01001020 #service .icoList li.cur .serviceIco3{ -webkit-transform:translateY(-5px); transform:translateY(-5px); } .c_public_htmlCode-01001020 #service .icoList li.cur .serviceIco4{ -webkit-transform:translateY(-5px); transform:translateY(-5px); } .c_public_htmlCode-01001020 #service .icoList li.cur .serviceIco5{ -webkit-transform:translateY(-5px); transform:translateY(-5px); } .c_public_htmlCode-01001020 #service .ImgList{ width:100%; height:100%; position:absolute; top:0; left:0; } .c_public_htmlCode-01001020 #service .ImgList li{ width:100%; height:100%; position:absolute; top:0; left:0; -webkit-transform:scale(1.4); transform:scale(1.4); opacity:0; } .c_public_htmlCode-01001020 #service .ImgList li .img{ display:block; width:100%; height:100%; -webkit-transform:scale(1); transform:scale(1); } .c_public_htmlCode-01001020 #service .ImgList li.cur1 .img{ background:url(/img/banner_I_a.jpg?tenantId=129877&viewType=1&v=000) center; background-size:cover; } .c_public_htmlCode-01001020 #service .ImgList li.cur2 .img{ background:url(/img/cybn566.png?tenantId=129877&viewType=1&v=000) center; background-size:cover; } .c_public_htmlCode-01001020 #service .ImgList li.cur3 .img{ background:url(/img/banner_I_b.jpg?tenantId=129877&viewType=1&v=000) center; background-size:cover; } .c_public_htmlCode-01001020 #service .ImgList li.cur4 .img{ background:url(/img/banner_I_c.jpg?tenantId=129877&viewType=1&v=000) center; background-size:cover; } .c_public_htmlCode-01001020 #service .ImgList li.cur5 .img{ background:url(/img/banner_I_d.jpg?tenantId=129877&viewType=1&v=000) center; background-size:cover; } .c_public_htmlCode-01001020 #service .ImgList li.cur6 .img{ background:url(/img/banner_I_e.jpg?tenantId=129877&viewType=1&v=000) center; background-size:cover; } .c_public_htmlCode-01001020 #service .ImgList li.cur7 .img{ background:url(/img/banner_I_f.jpg?tenantId=129877&viewType=1&v=000) center; background-size:cover; } .c_public_htmlCode-01001020 #service .ImgList li .img.cur{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:1; } .c_public_htmlCode-01001020 #service .ImgList li.cur{ -webkit-transform:scale(1); transform:scale(1); opacity:1; } .c_public_htmlCode-01001020 .icoList div{ position:static; } .c_public_htmlCode-01001020 .box div.b4_title{ text-align:center; width:100%; top:220px; } .c_public_htmlCode-01001020 .box div.b4_list{ width:1120px; margin-left:-560px; left:50%; top:320px; } .c_public_htmlCode-01001020 .b4_list li{ width:333px; margin:0px 20px; float:left; position:relative; } .c_public_htmlCode-01001020 .b4_list li a{ display:block; overflow:hidden; } .c_public_htmlCode-01001020 .b4_list li a img{ transform:scale(1,1); transition:all 0.4s; } .c_public_htmlCode-01001020 .b4_list li:hover a img{ transform:scale(1.2,1.2); transition:transform 0.5s ease-in-out 0.4s; box-shadow:0 6px 10px rgba(0, 0, 0, .1); } .c_public_htmlCode-01001020 .b4_list li h1{ text-align:center; height:65px; font-weight:normal; line-height:65px; font-size:18px; } .c_public_htmlCode-01001020 .b4_list li h1 a{ display:block; background:#fff; transition:all 1s; color:#333; } .c_public_htmlCode-01001020 .b4_list li:hover h1 a{ background:#dd2828; color:#fff; } .c_public_htmlCode-01001020 .box div.b2_title{ width:100%; text-align:center; top:220px; } .c_public_htmlCode-01001020 .coins a{ width:100px; padding-top:100px; margin:0px 50px; text-align:center; height:100px; display:block; float:left; transition:all 0.5s; color:#232323; } .c_public_htmlCode-01001020 .coins01{ background:url(/img/coins_10.png?tenantId=129877&viewType=1&v=000) no-repeat center top; } .c_public_htmlCode-01001020 .coins01:hover{ background:url(images/coins2_10.png?tenantId=129877&viewType=1&v=000) no-repeat center top; color:#bf1a21; } .c_public_htmlCode-01001020 .coins02{ background:url(/img/coins_03.png?tenantId=129877&viewType=1&v=000) no-repeat center top; } .c_public_htmlCode-01001020 .coins02:hover{ background:url(/img/coins2_03.png?tenantId=129877&viewType=1&v=000) no-repeat center top; color:#bf1a21; } .c_public_htmlCode-01001020 .coins03{ background:url(/img/coins_05.png?tenantId=129877&viewType=1&v=000) no-repeat center top; } .c_public_htmlCode-01001020 .coins03:hover{ background:url(images/coins2_05.png?tenantId=129877&viewType=1&v=000) no-repeat center top; color:#bf1a21; } .c_public_htmlCode-01001020 .coins04{ background:url(/img/coins_07.png?tenantId=129877&viewType=1&v=000) no-repeat center top; } .c_public_htmlCode-01001020 .coins04:hover{ background:url(/img/coins2_07.png?tenantId=129877&viewType=1&v=000) no-repeat center top; color:#bf1a21; } .c_public_htmlCode-01001020 .coins{ width:1200px; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{background-color:rgba(153, 153, 153, 1);width:1920px;}body,#-remove--flag{background-color:rgba(153, 153, 153, 1);} #c_public_htmlCode-15505445547411953 .case-content{ overflow:hidden; margin:80px auto 0 auto; width:1200px; height:600px; } #c_public_htmlCode-15505445547411953 .case-item{ float:left; margin:30px 15px; margin-bottom:20px; } #c_public_htmlCode-15505445547411953 .ih-item{ position:relative; -webkit-transition:all .35s ease-in-out; -moz-transition:all .35s ease-in-out; transition:all .35s ease-in-out; } #c_public_htmlCode-15505445547411953 .ih-item,.ih-item *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #c_public_htmlCode-15505445547411953 .ih-item a{ color:#333; } #c_public_htmlCode-15505445547411953 .ih-item a:hover{ text-decoration:none; } #c_public_htmlCode-15505445547411953 .ih-item img{ width:100%; height:100%; } #c_public_htmlCode-15505445547411953 .ih-item.circle,.ih-item.circle .img{ position:relative; border-radius:50%; } #c_public_htmlCode-15505445547411953 .ih-item.circle{ width:210px; } #c_public_htmlCode-15505445547411953 .ih-item.circle .img{ width:162px; height:162px; overflow:hidden; } #c_public_htmlCode-15505445547411953 .ih-item.circle .img:before{ position:absolute; display:block; content:''; width:100%; height:100%; border-radius:50%; box-shadow:inset 0 0 0 16px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.3); -webkit-transition:all .35s ease-in-out; -moz-transition:all .35s ease-in-out; transition:all .35s ease-in-out; } #c_public_htmlCode-15505445547411953 .ih-item.circle .img img{ border-radius:50%; } #c_public_htmlCode-15505445547411953 .ih-item.circle .info{ position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; border-radius:50%; -webkit-backface-visibility:hidden; backface-visibility:hidden; } #c_public_htmlCode-15505445547411953 .ih-item.square{ position:relative; width:316px; height:216px; border:8px solid #fff; box-shadow:1px 1px 3px rgba(0,0,0,.3); } #c_public_htmlCode-15505445547411953 .ih-item.square .info{ position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; -webkit-backface-visibility:hidden; backface-visibility:hidden; } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1 .spinner{ width:210px; height:210px; background:url(/img/s3_bg.png?tenantId=129877&viewType=1&v=000); -webkit-transition:all .8s ease-in-out; -moz-transition:all .8s ease-in-out; transition:all .8s ease-in-out; opacity:1; } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1 .img{ position:absolute; top:24px; bottom:0; left:24px; right:0; width:162px; height:162px; } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1 .img img{ transform:scale(1); transition:transform 0.35s ease 0s; } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1 .img:before{ display:none; } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1.colored .info{ background:rgba(0,0,0,.6); } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1 .info{ top:24px; bottom:0; width:162px; height:162px; text-align:center; left:24px; right:0; background:rgba(255,255,255,.75); opacity:0.75; -webkit-transition:all .8s ease-in-out; -moz-transition:all .8s ease-in-out; transition:all .8s ease-in-out; } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1 .info .info-back{ color:#000; border-bottom:1px solid #333; border-top:1px solid #333; text-transform:uppercase; position:relative; left:10px; top:60px; width:138px; text-align:center; letter-spacing:2px; font-family:"微软雅黑"; font-size:18px; font-weight:normal; height:40px; line-height:40px; text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3); } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1 .info .info-back h3{ opacity:1; transition:opacity 0.2s, transform 0.35s; } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1 a:hover .info .info-back h3{ opacity:0; } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1 .info .info-back em{ font-size:12px; font-style:normal; color:rgba(0,0,0,0.6); top:0px; position:relative; opacity:0; -webkit-transition:opacity 0.2s,top 0.2s ease-out; transition:opacity 0.2s, transform 0.35s; } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1 a:hover .info .info-back em{ top:-40px; -webkit-transition-delay:0.05s; transition-delay:0.05s; -webkit-transition-duration:0.35s; transition-duration:0.35s; opacity:1; } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1 a:hover .spinner{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transition:all .8s ease-in-out; } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1 a:hover .info{ opacity:1; } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1 a:hover .img img{ transform:scale(1.15); } #c_public_htmlCode-15505445547411953 .ih-item.circle.effect1 a:hover em{ opacity:1; } #c_public_htmlCode-15505445547411953 .animate03{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; } #c_public_htmlCode-15505445547411953 .animate{ -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; transition-duration:0.5s; } #c_public_htmlCode-15505445547411953 .animate1{ -webkit-transition-duration:1s; -moz-transition-duration:1s; -ms-transition-duration:1s; transition-duration:1s; } #c_public_htmlCode-15505445547411953 .animate15{ -webkit-transition-duration:1.5s; -moz-transition-duration:1.5s; -ms-transition-duration:1.5s; transition-duration:1.5s; } #c_public_htmlCode-15505445547411953 .animate2{ -webkit-transition-duration:2s; -moz-transition-duration:2s; -ms-transition-duration:2s; transition-duration:2s; } #c_public_htmlCode-15505445547411953 .animate3{ -webkit-transition-duration:3s; -moz-transition-duration:3s; -ms-transition-duration:3s; transition-duration:3s; } #c_public_htmlCode-15505445547411953 .animate4{ -webkit-transition-duration:4s; -moz-transition-duration:4s; -ms-transition-duration:4s; transition-duration:4s; } #c_public_htmlCode-15505445547411953 .animate5{ -webkit-transition-duration:5s; -moz-transition-duration:5s; -ms-transition-duration:5s; transition-duration:5s; } #c_public_htmlCode-15505445547411953 .animate10{ -webkit-transition-duration:10s; -moz-transition-duration:10s; -ms-transition-duration:10s; transition-duration:10s; } #c_public_htmlCode-15505445547411953 .bodyCss{ width:100%; height:100%; position:relative; overflow:hidden; } #c_public_htmlCode-15505445547411953 #container{ width:100%; height:auto; position:absolute; top:0; left:0; } #c_public_htmlCode-15505445547411953 #containers{ width:100%; height:auto; overflow:hidden; position:relative; } #c_public_htmlCode-15505445547411953 #container section{ width:100%; position:relative; float:left; overflow:hidden; } #c_public_htmlCode-15505445547411953 #service{ background:#000; } #c_public_htmlCode-15505445547411953 #service .font{ background:url(/img/our-markets.png?tenantId=129877&viewType=1&v=000); width:472px; height:58px; position:absolute; left:50%; margin-left:-236px; top:50%; margin-top:-250px; } #c_public_htmlCode-15505445547411953 #service .font2{ width:100%; height:22px; line-height:22px; text-align:center; color:#fff; position:absolute; top:50%; font-size:22px; font-weight:bold; margin-top:-150px; } #c_public_htmlCode-15505445547411953 #service .icoList{ width:1200px; height:500px; position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-50px; } #c_public_htmlCode-15505445547411953 #service .icoList li{ width:110px; margin-left:20px; margin-right:20px; float:left; height:160px; position:relative; cursor:pointer; opacity:.6; } #c_public_htmlCode-15505445547411953 #service .icoList li:hover{ opacity:1; } #c_public_htmlCode-15505445547411953 #service .serviceIco1{ width:110px; height:113px; background:url(/img/cy11.png?tenantId=129877&viewType=1&v=000) left bottom; } #c_public_htmlCode-15505445547411953 #service .serviceIco2{ width:110px; height:113px; background:url(/img/cy444.png?tenantId=129877&viewType=1&v=000) bottom; } #c_public_htmlCode-15505445547411953 #service .serviceIco3{ width:110px; height:113px; background:url(/img/cy22.png?tenantId=129877&viewType=1&v=000) bottom; } #c_public_htmlCode-15505445547411953 #service .serviceIco4{ width:110px; height:113px; background:url(/img/cy4445.png?tenantId=129877&viewType=1&v=000) bottom; } #c_public_htmlCode-15505445547411953 #service .serviceIco5{ width:110px; height:113px; background:url(/img/cy33.png?tenantId=129877&viewType=1&v=000) bottom; } #c_public_htmlCode-15505445547411953 #service .serviceIco6{ width:110px; height:113px; background:url(/img/cy66.png?tenantId=129877&viewType=1&v=000) bottom; } #c_public_htmlCode-15505445547411953 #service .serviceIco7{ width:100px; height:113px; background:url(/img/cy777.png?tenantId=129877&viewType=1&v=000) bottom; } #c_public_htmlCode-15505445547411953 #service .serviceIco8{ width:100px; height:113px; background:url(/img/cy88.png?tenantId=129877&viewType=1&v=000) bottom; } #c_public_htmlCode-15505445547411953 #service .icoList li b{ display:block; width:100%; height:auto; font-size:22px; font-weight:bold; text-align:center; color:#fff; margin-top:10px; } #c_public_htmlCode-15505445547411953 #service .icoList li .a{ display:block; width:110px; height:40px; border:2px solid #fff; border-radius:20px; text-align:center; opacity:0; line-height:40px; margin-top:10px; color:#fff; font-weight:bold; -webkit-transform:translateY(20px); transform:translateY(20px); } #c_public_htmlCode-15505445547411953 #service .icoList li .text{ color:#fff; text-align:center; font-size:12px; margin-top:20px; -webkit-transform:translateY(50px); transform:translateY(50px); opacity:0; } #c_public_htmlCode-15505445547411953 #service .icoList li .a:hover{ background:#de2829; border:2px solid #de2829; -webkit-transform:scale(.5); transform:scale(.5); } #c_public_htmlCode-15505445547411953 #service .icoList li.cur .a{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } #c_public_htmlCode-15505445547411953 #service .icoList li.cur .text{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1; } #c_public_htmlCode-15505445547411953 #service .icoList li.cur{ opacity:1; } #c_public_htmlCode-15505445547411953 #service .icoList li.cur .serviceIco1{ -webkit-transform:translateY(-5px); transform:translateY(-5px); } #c_public_htmlCode-15505445547411953 #service .icoList li.cur .serviceIco2{ -webkit-transform:translateY(-5px); transform:translateY(-5px); } #c_public_htmlCode-15505445547411953 #service .icoList li.cur .serviceIco3{ -webkit-transform:translateY(-5px); transform:translateY(-5px); } #c_public_htmlCode-15505445547411953 #service .icoList li.cur .serviceIco4{ -webkit-transform:translateY(-5px); transform:translateY(-5px); } #c_public_htmlCode-15505445547411953 #service .icoList li.cur .serviceIco5{ -webkit-transform:translateY(-5px); transform:translateY(-5px); } #c_public_htmlCode-15505445547411953 #service .ImgList{ width:100%; height:100%; position:absolute; top:0; left:0; } #c_public_htmlCode-15505445547411953 #service .ImgList li{ width:100%; height:100%; position:absolute; top:0; left:0; -webkit-transform:scale(1.4); transform:scale(1.4); opacity:0; } #c_public_htmlCode-15505445547411953 #service .ImgList li .img{ display:block; width:100%; height:100%; -webkit-transform:scale(1); transform:scale(1); } #c_public_htmlCode-15505445547411953 #service .ImgList li.cur1 .img{ background:url(/img/cybn1x.png?tenantId=129877&viewType=1&v=000) center; background-size:cover; } #c_public_htmlCode-15505445547411953 #service .ImgList li.cur2 .img{ background:url(/img/cybn2.png?tenantId=129877&viewType=1&v=000) center; background-size:cover; } #c_public_htmlCode-15505445547411953 #service .ImgList li.cur3 .img{ background:url(/img/cybn777.png?tenantId=129877&viewType=1&v=000) center; background-size:cover; } #c_public_htmlCode-15505445547411953 #service .ImgList li.cur4 .img{ background:url(/img/cybn5.png?tenantId=129877&viewType=1&v=000) center; background-size:cover; } #c_public_htmlCode-15505445547411953 #service .ImgList li.cur5 .img{ background:url(/img/cybn88.png?tenantId=129877&viewType=1&v=000) center; background-size:cover; } #c_public_htmlCode-15505445547411953 #service .ImgList li.cur6 .img{ background:url(/img/cybn6.png?tenantId=129877&viewType=1&v=000) center; background-size:cover; } #c_public_htmlCode-15505445547411953 #service .ImgList li.cur7 .img{ background:url(/img/cybn3.png?tenantId=129877&viewType=1&v=000) center; background-size:cover; } #c_public_htmlCode-15505445547411953 #service .ImgList li.cur8 .img{ background:url(/img/cybn8.png?tenantId=129877&viewType=1&v=000) center; background-size:cover; } #c_public_htmlCode-15505445547411953 #service .ImgList li .img.cur{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:1; } #c_public_htmlCode-15505445547411953 #service .ImgList li.cur{ -webkit-transform:scale(1); transform:scale(1); opacity:1; } #c_public_htmlCode-15505445547411953 .icoList div{ position:static; } #c_public_htmlCode-15505445547411953 .box div.b4_title{ text-align:center; width:100%; top:220px; } #c_public_htmlCode-15505445547411953 .box div.b4_list{ width:1120px; margin-left:-560px; left:50%; top:320px; } #c_public_htmlCode-15505445547411953 .b4_list li{ width:333px; margin:0px 20px; float:left; position:relative; } #c_public_htmlCode-15505445547411953 .b4_list li a{ display:block; overflow:hidden; } #c_public_htmlCode-15505445547411953 .b4_list li a img{ transform:scale(1,1); transition:all 0.4s; } #c_public_htmlCode-15505445547411953 .b4_list li:hover a img{ transform:scale(1.2,1.2); transition:transform 0.5s ease-in-out 0.4s; box-shadow:0 6px 10px rgba(0, 0, 0, .1); } #c_public_htmlCode-15505445547411953 .b4_list li h1{ text-align:center; height:65px; font-weight:normal; line-height:65px; font-size:18px; } #c_public_htmlCode-15505445547411953 .b4_list li h1 a{ display:block; background:#fff; transition:all 1s; color:#333; } #c_public_htmlCode-15505445547411953 .b4_list li:hover h1 a{ background:#dd2828; color:#fff; } #c_public_htmlCode-15505445547411953 .box div.b2_title{ width:100%; text-align:center; top:220px; } #c_public_htmlCode-15505445547411953 .coins a{ width:100px; padding-top:100px; margin:0px 50px; text-align:center; height:100px; display:block; float:left; transition:all 0.5s; color:#232323; } #c_public_htmlCode-15505445547411953 .coins01{ background:url(/img/cybn1.png?tenantId=129877&viewType=1&v=000) no-repeat center top; } #c_public_htmlCode-15505445547411953 .coins01:hover{ background:url(images/coins2_10.png?tenantId=129877&viewType=1&v=000) no-repeat center top; color:#bf1a21; } #c_public_htmlCode-15505445547411953 .coins02{ background:url(/img/coins_03.png?tenantId=129877&viewType=1&v=000) no-repeat center top; } #c_public_htmlCode-15505445547411953 .coins02:hover{ background:url(/img/coins2_03.png?tenantId=129877&viewType=1&v=000) no-repeat center top; color:#bf1a21; } #c_public_htmlCode-15505445547411953 .coins03{ background:url(/img/coins_05.png?tenantId=129877&viewType=1&v=000) no-repeat center top; } #c_public_htmlCode-15505445547411953 .coins03:hover{ background:url(images/coins2_05.png?tenantId=129877&viewType=1&v=000) no-repeat center top; color:#bf1a21; } #c_public_htmlCode-15505445547411953 .coins04{ background:url(/img/coins_07.png?tenantId=129877&viewType=1&v=000) no-repeat center top; } #c_public_htmlCode-15505445547411953 .coins04:hover{ background:url(/img/coins2_07.png?tenantId=129877&viewType=1&v=000) no-repeat center top; color:#bf1a21; } #c_public_htmlCode-15505445547411953 .coins{ width:1200px; } #c_public_htmlCode-15505445547411953{ max-height:none; z-index:2; -webkit-transform:none; bottom:auto; min-height:0px; right:0px; content:"rt"; margin-right:0px; margin-left:0px; transform:none; top:0px; max-width:none; left:auto; width:100%; margin-top:0px; position:fixed; margin-bottom:0px; height:1000px; min-width:0px; }