.icon{ width:430px; height:88px; display:block; margin:0px 0px 23px 400px; float: none; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; position:relative; } .icon img{ margin-top: 20px; margin-right:20px; width:66px; height:66px; border-bottom:1px solid #fff; float:left; } .icon h3{ position:absolute; top:0px; left:108px; width: 411px; display:block; height:86px; line-height:86px; font-size: 18px; font-weight:bold; font-family:"微软雅黑"; } .icon span{ float: none; display:block; line-height:20px; font-size: 14px; width: 411px; margin-top: 0; font-family:"微软雅黑"; position: relative; top: 40px; } .icon.active{ color:#fffbdc; } .product_bg{ width:1920px; height:670px; position:absolute; top:0px; left:0px; z-index:-1; } #wrapper{ width:1920px; height:670px; position:relative; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:left; -webkit-justify-content:left; -ms-flex-pack:left; justify-content:left; overflow:hidden; left:50%; margin-left:-960px; } #left-side{ position:absolute; left:0px; top:0px; z-index:999; height:100%; width:750px; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; } #left-side ul { height: 670px; width: 100%; position: relative; background:#0e7dc4; background-image: url(../image/rBQBG1qncCmEHJASAAAAAJp8_Qs835.png); } #left-side ul li{ height:135px; display:flex; line-height:135px; color:#fff; font-weight:500; cursor:pointer; -webkit-transition:all .2s ease-out; transition:all .8s ease-out; width:0; } #left-side ul li:hover{ color:#fff; background: rgba(100,180,255,0.4); -webkit-transition:all .2s ease-out; transition:all .2s ease-out; } #left-side ul li:hover > .icon{ fill:#333; } #left-side ul li.active{ transition:all .8s ease-out; color:#333333; background: rgba(3, 92, 172, 1); width:750px; } #left-side ul li.active:hover > .icon{ fill:#E74C3C; } #border{ height:670px; width:1px; position:absolute; left:750px; z-index:999; } .more{ line-height:134px; display:block; width:100%; font-size:100px; text-align:center; color:#fff; cursor:pointer; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; text-decoration:none; font-family:'Raleway'; } .more:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); } #border #line.one{ width:134px; height:134px; background-color: #ed1b23; margin-left:0px; margin-top:0px; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out; } #border #line.two{ width:134px; height:134px; background-color: #ed1b23; margin-left:0px; margin-top:134px; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out; } #border #line.three{ width:134px; height:134px; background-color: #ed1b23; margin-left:0px; margin-top:268px; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out; } #border #line.four{ width:134px; height:134px; background-color: #ed1b23; margin-left:0px; margin-top:402px; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out; } #border #line.four01{ width:134px; height:134px; background-color: #ed1b23; margin-left:0px; margin-top:536px; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out; } #right-side{ height:670px; width:100%; overflow:hidden; } #right-side #first, #right-side #second, #right-side #third, #right-side #fourth, #right-side #fourth01{ position:absolute; z-index:99; height:670px; width:100%; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; margin-top:-670px; opacity:0; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; } #right-side #first h1, #right-side #second h1, #right-side #third h1, #right-side #fourth h1, #right-side #fourth01 h1{ font-weight:800; color:#333; } #right-side #first.active, #right-side #second.active, #right-side #third.active, #right-side #fourth.active, #right-side #fourth01.active{ margin-top:0px; opacity:1; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; } #right-side #first p{ color: #fff!important; font-weight:500; width: 134px; height: 134px; background-color: rgba(3, 92, 172, 1); margin-left: -286px; margin-top: -572px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; line-height: 134px; font-size: 40px; text-align: center; } #right-side #first p a{ color: #fff!important; font-size: 50px; text-align: center; } #right-side #second p{ color: #fff!important; font-weight: 500; width: 134px; height: 134px; background-color: rgba(3, 92, 172, 1); margin-left: -286px; margin-top: -304px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; line-height: 134px; font-size: 40px; text-align: center; } #right-side #second p a{ color: #fff!important; font-size: 50px; text-align: center; } #right-side #third p{ color: #fff!important; font-weight:500; width: 134px; height: 134px; background-color: rgba(3, 92, 172, 1); margin-left: -286px; margin-top: -32px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; line-height: 134px; font-size: 40px; text-align: center; } #right-side #third p a{ color: #fff!important; font-size: 50px; text-align: center; } #right-side #fourth p{ color: #fff!important; font-weight:500; width: 134px; height: 134px; background-color: rgba(3, 92, 172, 1); margin-left: -286px; margin-top: 237px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; line-height: 134px; font-size: 40px; text-align: center; } #right-side #fourth p a{ color: #fff!important; font-size: 50px; text-align: center; } #right-side #fourth01 p{ color: #fff!important; font-weight:500; width: 134px; height: 134px; background-color: rgba(3, 92, 172, 1); margin-left: -286px; margin-top: 506px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; line-height: 134px; font-size: 40px; text-align: center; } #right-side #fourth01 p a{ color: #fff!important; font-size: 50px; text-align: center; } .w_img-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; margin-top: 5px; } .w_img-001 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-001 .p_title:hover{ color:#0a74d6; } .w_img-001 .p_title:active{ color:r#0a74d6; } .w_img-001 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-001 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-001 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-001 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; }  .e_title.w_img-001 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-001 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-001 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-001 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-001 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-001 .p_link002 .iconfont:before{ display: inline-block; content:""; }  .e_title.w_img-001 .p_link001{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-001 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-001 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-001 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-001 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-001 .p_link001 .iconfont:before{ display: inline-block; content:""; }  .w_img-001 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-001{ position:absolute; width:280px; height:250px; } .w_img-001 .animated{ width:100%; height:100%; } .w_img-001 .font { white-space: nowrap; } .w_img-001 .p_link001{ width:100%; height:calc(100% - 30px); } .w_img-001 .p_link002{ width:100%; height:30px; } .w_img-001 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-001 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-001 .e_image:hover:after { background: transparent; }.ipart3 { padding-bottom: 50px;} .iprt3_cell { position:relative; float:left; margin-left:-.11%; width:33.433333%; height:530px; overflow:hidden; } .iprt3_cell .iprt3_cell_bg { position:absolute; left:50%; top:0; margin-left:-330px; width:660px; max-width:none; height:auto; } .iprt3_cell_con { position:relative; padding-top:13%; margin:0 auto; width:82%; max-width:380px; height:100%; } .iprt3_cell .cell_tit { margin-bottom:20px; font-size:30px; color:#fff; } .iprt3_cell .cell_desc { margin-bottom:30px; font-size:14px; color:#c1cad8; } .iprt3_cell .ysl_uni_btn_more{color:#fff;visibility:hidden;opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);} .iprt3_cell .ysl_uni_btn_more:before{background:#fff;} .iprt3_cell:hover .ysl_uni_btn_more{visibility:visible;opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);} .iprt3_cell .stock_data { height:44px; line-height:44px; font-family:Arial,sans-serif; color:#be1e2d; } .iprt3_cell .stock_data .stock_price { display:inline-block; position:relative; margin-right:15px; padding-right:20px; font-size:40px; } .iprt3_cell .stock_data .stock_wave { font-size:16px; } .iprt3_cell .stock_data .stock_price:after { content:'--'; display:block; position:absolute;bottom:7px; right:0; font-size:0; background-image:none; } .iprt3_cell .stock_data.gored .stock_price:after,.iprt3_cell .stock_data.gogreen .stock_price:after { width:17px; height:17px; background-image:url(404.png); background-repeat:no-repeat; } .iprt3_cell .stock_data.gored .stock_price:after { background-position:0 0; } .iprt3_cell .stock_data.gogreen .stock_price:after { background-position:0 -20px; } .iprt3_cell .stock_data.unchanged .stock_price:after { font-size:14px; line-height:20px; background-image:none; } .iprt3_cell .stock_data.gored { color:#c70125; } .iprt3_cell .stock_data.gogreen { color:#35d11e; } .iprt3_cell .stock_name { font-size:16px; } .iprt3_cell .stock_name_tag { color:#fff; } .iprt3_cell .stock_name_num { font-family:Arial,sans-serif; color:#a4a7ad; } .iprt3_cell .stock_desc { margin-bottom:30px; color:#a4a7ad; } .iprt3_cell.cell3 .iprt3_cell_con { display:table; padding-top:0; height:100%; text-align:center; color:#fff; } .iprt3_cell.cell3 .iprt3_table_cell { display:table-cell; width:100%; vertical-align:middle; } .iprt3_cell.cell3 .cell_tit_cn { font-size:30px; } .iprt3_cell.cell3 .cell_tit_en { font-size:16px; } .ysl_uni_btn_more_wrap {} .ysl_uni_btn_more { display:block; position:relative; padding-bottom:10px; width:100px; color:#2e74b5;} .ysl_uni_btn_more .ico{margin-top: 4px;} .ysl_uni_btn_more:before,.ysl_uni_btn_more:after{content:'';display:block;position:absolute;} .ysl_uni_btn_more:before {width:100%;height:1px;background:#fff;opacity:0.4;bottom:0;left:0;z-index:1;background:#005bab;} .ysl_uni_btn_more:after {bottom:0px;right:80%;width:30%;height:1px;background:#fff;z-index:2;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;opacity:0;visibility:hidden;} .ysl_uni_btn_more_wrap:hover .ysl_uni_btn_more { color:#fff; } .ysl_uni_btn_more_wrap:hover .ysl_uni_btn_more:after{right:0;opacity:1;visibility:visible;} .ysl_uni_btn_more_wrap:hover .ysl_uni_btn_more:before{background:#fff;} .ysl_uni_btn_more_wrap:hover .ysl_uni_btn_more .ico{background-position:-20px -20px;} .ysl_uni_btn_more.white { color:#fff; } .ysl_uni_btn_more.white:before { background:#fff; } .ysl_uni_btn_more.white .ico{background-position:-20px -20px;} .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }  #c_public_htmlCode-15464048131442469 { left: 0px !important; width: 100% !important; }.c_complaintPage_detail-01001 { position: absolute; width: 890px; height: 680px; overflow: hidden; } .c_complaintPage_detail-01001 .p_complaintPageDetails { width: inherit; height: auto; white-space: normal; background: transparent; } .c_complaintPage_detail-01001 .p_articles { width: inherit; height: auto; font-size: 14px; line-height: 21px; color: #656565; } .c_complaintPage_detail-01001 .p_MatteIcon .iconfont:before { content: '\e602'; } .fl { float: left; } #function_index .function_tab_container { height: 230px; width: 100%; } #function_index .function_tab { width: 1200px; margin: 0 auto; } #function_index .tab_item { width: 180px; height: 200px; margin-left: 60px; position: relative; text-align: center; background: transparent; transition: all ease .3s; -webkit-transition: all ease .3s; border-radius: 3px; cursor: pointer; } #function_index .tab_item.active { background: rgba(7,125,197); box-shadow: 0 5px 7px rgba(7, 125, 197, 0.49); } #function_index .tab_item:after { content: ''; display: block; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid transparent; position: absolute; bottom: -15px; left: 75px; transition: all ease .3s; -webkit-transition: all ease .3s; } #function_index .tab_item.active:after { border-top: 15px solid #077dc5; } #function_index .tab_item .icon { width: 102px; height: 102px; display: block; margin: 30px auto 16px; text-indent: -9999px; background: url(../image/function_icon2.png) no-repeat; } #function_index .tab_item:nth-child(1) .icon { background-position: 0 0; } #function_index .tab_item:nth-child(2) .icon { background-position: -102px 0; } #function_index .tab_item:nth-child(3) .icon { background-position: -204px 0; } #function_index .tab_item:nth-child(4) .icon { background-position: -306px 0; } #function_index .tab_item:nth-child(5) .icon { background-position: -408px 0; } #function_index .tab_item:nth-child(6) .icon { background-position: right 0; } #function_index .tab_item:nth-child(1).active .icon { background-position: 0 -102px; } #function_index .tab_item:nth-child(2).active .icon { background-position: -102px -102px; } #function_index .tab_item:nth-child(3).active .icon { background-position: -204px -102px; } #function_index .tab_item:nth-child(4).active .icon { background-position: -306px -102px; } #function_index .tab_item:nth-child(5).active .icon { background-position: -408px -102px; } #function_index .tab_item:nth-child(6).active .icon { background-position: right -102px; } #function_index .tab_item .name { font-size: 18px; line-height: 1; color: #000; transition: all ease .3s; -webkit-transition: all ease .3s; } #function_index .tab_item.active .name { color: #fff; } #function_index .function_content_container { display: none; width: 100%; height: 360px; position: relative; } #function_index .function_content_container.active { animation: zoomInOut 1.3s ease-out 1 forwards; -webkit-animation: zoomInOut 1.3s ease-out 1 forwards; } #function_index .function_content_container_1 { background: url(../image/222.jpg) no-repeat center; background-size: auto 100%; } #function_index .function_content_container_2 { background: url(../image/hy01.jpg) no-repeat center; background-size: auto 100%; } #function_index .function_content_container_3 { background: url(../image/hy01.jpg) no-repeat center; background-size: auto 100%; } #function_index .function_content_container_4 { background: url(../image/hy01.jpg) no-repeat center; background-size: auto 100%; } #function_index .function_content_container_5 { background: url(../image/hy01.jpg) no-repeat center; background-size: auto 100%; } #function_index .function_content_container_6 { background: url(../image/hy01.jpg) no-repeat center; background-size: auto 100%; } #function_index .function_content_container.active { display: block; } #function_index .function_content { width: 1200px; height: auto; margin: 0 auto; padding-top: 50px; } #function_index .content_item { position: relative; height: auto; margin-left: -80px; color: #fff; overflow: hidden; } #function_index .active .content_item {  animation: slideIn .5s ease 1 forwards; -webkit-animation: slideIn .5s ease 1 forwards; } #function_index .content_item .logo { position: absolute; display: inline-block; width: 100px; height: 100px; text-indent: -9999px; background: url(404.png) no-repeat; } #function_index .function_content_container_1 .content_item .logo { background-position: 0 0; } #function_index .function_content_container_2 .content_item .logo { background-position: 0 -128px; } #function_index .function_content_container_3 .content_item .logo { background-position: 0 -264px; } #function_index .function_content_container_4 .content_item .logo { background-position: 0 -408px; } #function_index .function_content_container_5 .content_item .logo { background-position: 0 -539px; } #function_index .function_content_container_6 .content_item .logo { background: url(404.png) no-repeat; } #function_index .content_item .title { font-size: 28px; line-height: 1; margin: 16px 0 0 147px; font-weight: 400; color: #fff; } #function_index .content_item .title a { color: #fff; } #function_index .content_item .desc { color: #fff; font-size: 18px; line-height: 1; margin: 19px 0 0 147px; } #function_index .content_item .detail { margin: 16px 0 0 167px; list-style-type: decimal; font-size: 14px; line-height: 30px; color: #fff; } .detail p { color: #fff } #function_index .content_item .detail.spec { margin-left: 147px; } #function_index .content_item .detail .item { margin: 0; list-style-type: decimal; } #function_index .content_item .try, #function_index .content_item .buy { display: block; width: 110px; height: 36px; } #function_index .content_item .try { height: 38px; line-height: 38px; width: 135px; color: #fff; font-size: 14px; border-radius: 30px; margin-top: 20px; margin-left: 150px; border: 1px solid #077dc5; text-align: center; background: linear-gradient(to right,#31d2ea,#077dc5); background: -webkit-linear-gradient(to right,#31d2ea,#3cbbfe); } #function_index .content_item .try:hover { color: #FFFFFF; background: #3cbbfe; background: linear-gradient(to right,#3cbbfe,#31d2ea); background: -webkit-linear-gradient(to right,#3cbbfe,#31d2ea); } #function_index .content_item .buy { right: 0; bottom: 0; height: 32px; line-height: 32px; display: block; width: 108px; font-size: 16px; border-radius: 17px; border: 1px solid #32d0ec; text-align: center; background: rgba(112,206,252); color: #32d0ec; } #function_index .content_item .buy:hover { background: rgba(112,206,252,0.2); }  @keyframes zoomInOut { 0% { background-size: auto 100%; } 50% { background-size: auto 110%; } 100% { background-size: auto 100%; } } @-webkit-keyframes zoomInOut { 0% { background-size: auto 100%; } 50% { background-size: auto 110%; } 100% { background-size: auto 100%; } }  @keyframes slideIn { 0% { transform: translateY(-22%); -webkit-transform: translateY(-22%); -ms-transform: translateY(-22%); } 100% { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } } @-webkit-keyframes slideIn { 0% { transform: translateY(-22%); -webkit-transform: translateY(-22%); -ms-transform: translateY(-22%); } 100% { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } }  @keyframes slideIn2 { 0% { transform: translateX(-22%); -webkit-transform: translateX(-22%); -ms-transform: translateX(-22%); } 100% { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } } @-webkit-keyframes slideIn2 { 0% { transform: translateX(-22%); -webkit-transform: translateX(-22%); -ms-transform: translateX(-22%); } 100% { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } }  @keyframes slideIn3 { 0% { transform: translateX(22%); -webkit-transform: translateX(22%); -ms-transform: translateX(22%); } 100% { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } } @-webkit-keyframes slideIn2 { 0% { transform: translateX(22%); -webkit-transform: translateX(22%); -ms-transform: translateX(22%); } 100% { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } } [ripple] { z-index: 1; position: relative; overflow: hidden; } [ripple] .ripple { position: absolute; background: #FFFFFF; width: 12px; height: 12px; border-radius: 100%; -webkit-animation: ripple 1.6s; animation: ripple 1.6s; } @-webkit-keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.2; } 100% { -webkit-transform: scale(40); transform: scale(40); opacity: 0; } } @keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.2; } 100% { -webkit-transform: scale(40); transform: scale(40); opacity: 0; } } #my_tabs { position: relative; height: auto; width: 1142px; } #my_tabs .tabs-header { position: relative; } #my_tabs .tabs-header .border { position: absolute; bottom: 0; left: 0; background: #F4B142; width: auto; height: 2px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #my_tabs .tabs-header ul { display: flex; } #my_tabs .tabs-header li { -webkit-transition: 0.3s ease; transition: 0.3s ease; width: 20%; padding-left: 1px; list-style: none; } #my_tabs .tabs-header a { z-index: 1; display: block; box-sizing: border-box; text-align: center; line-height: 50px; font-size: 16px; color: #FFFFFF; font-weight: 400; background: #666666; } #my_tabs .tabs-header a:hover { background: linear-gradient(to right,#666666,#959595); background: -webkit-linear-gradient(to right,#666666,#7d7d7d); } .tabs-nav { position: absolute; top: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 10px; color: #FFFFFF; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #my_tabs .tabs-nav:before { content: ''; z-index: 1; position: absolute; top: 0; left: 0; height: 100%; } #my_tabs .tabs-nav i { border-radius: 100%; cursor: pointer; } #my_tabs .tabs-content { position: relative; -webkit-transition: 0.3s ease; transition: 0.3s ease; box-sizing: border-box; padding: 20px 50px; } #my_tabs .tabs-content:after { content: ''; position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 1px; } #my_tabs .tabs-content .tab { display: none; } #my_tabs .tabs-content .tab.active { display: block; } #my_tabs .tabs-header .active a { background: linear-gradient(to right,#31d2ea,#3cbbfe); background: -webkit-linear-gradient(to right,#31d2ea,#3cbbfe); } #my_tabs .tabs-header .active a:after { content: ''; position: absolute; bottom: -18px; left: 50%; width: 0; height: 0; z-index: 9999; border-width: 10px; border-style: solid; border-color: #37c6f5 transparent transparent transparent; } #my_tabs #prev,#my_tabs #next { position: absolute; display: inline-block; height: 54px; width: 31px; top: 280px; text-indent: -9999px; cursor: pointer; background: url(404.png) no-repeat; } #my_tabs #prev:hover,#my_tabs #next:hover { background: url(404.png) no-repeat; } #my_tabs #prev { left: -52px; } #my_tabs #next { right: -52px; transform: rotate(180deg); -ms-transform: rotate(180deg);  -moz-transform: rotate(180deg);  -webkit-transform: rotate(180deg);  -o-transform: rotate(180deg);  } #my_tabs .g-txt { float: left; width: 400px; margin-top: 90px; margin-left: 50px; animation: slideIn2 .5s ease 1 forwards; -webkit-animation: slideIn2 .5s ease 1 forwards; } #my_tabs .g-txt h4 { font-size: 30px; font-weight: normal; color: #333; margin-bottom: 10px; position: relative; } #my_tabs .g-txt h4:before { content: ''; height: 2px; width: 24px; display: inline-block; position: absolute; background: #333; left: -42px; top: 50%; } #my_tabs .g-txt p { font-size: 14px; color: #444; line-height: 23px; margin-bottom: 30px; } #my_tabs .mk-button-align { position: relative; } .mk-button-align.left .mk-button.register_bt { font-size: 15px; font-weight: normal; border-color: #1580e4!important; padding: 10px 40px; border-radius: 4px; background: linear-gradient(to right,#31d2ea,#3cbbfe); background: -webkit-linear-gradient(to right,#31d2ea,#3cbbfe); color: #ffffff !important; } .mk-button-align.left .mk-button.register_bt:hover { background: linear-gradient(to right,#28a7ea,#25cfe8); background: -webkit-linear-gradient(to right,#28a7ea,#25cfe8); } .register_bt:hover:before { width: 100%; } #my_tabs .g-pic { float: right; width: 585px; margin-top: 30px; animation: slideIn3 .5s ease 1 forwards; -webkit-animation: slideIn3 .5s ease 1 forwards; } #my_tabs .g-pic img{ display:inline-block; width:100%; } #g-cont { height: 50px; background: linear-gradient(#25cfe8,#28a7ea); background: -webkit-linear-gradient(#25cfe8,#28a7ea); box-shadow: 0px -2px 10px #0681b0; } #g-cont .clear { clear: both; } #g-cont .w1140 { width: 1142px; margin: 0 auto; } #g-cont .w1140 ul { display: block; text-align: center; font-size: 0; border-left: 1px solid #159cc3; border-right: 1px solid #60d2f4; } #g-cont .w1140 ul li { list-style: none; width: 20%; float: left; position: relative; display: inline-block; font-size: 16px; padding-left: 1px; cursor: pointer; border-left: 1px solid #60d2f4; border-right: 1px solid #159cc3; } #g-cont .w1140 ul li h3 { line-height: 50px; color: #fff; font-weight: normal; font-size: 16px; } #g-cont .mk-main { width: 100%; margin: 0 auto; height: 200px; position: absolute; top: -200px; display: none; border-top-left-radius: 8px; border-top-right-radius: 8px; background: linear-gradient(#25cfe8,#28a7ea); background: -webkit-linear-gradient(#25cfe8,#28a7ea); } #g-cont .mk-main::after { content: ''; width: 0; height: 0; border-width: 0 8px 8px; border-style: solid; border-color: transparent transparent #25c4e8; position: absolute; bottom: 0; left: 50%; margin-left: -8px; } #g-cont .mk-main .mk-txt { padding: 20px 0; } #g-cont .mk-main .mk-txt p { line-height: 20px; color: #333; font-size: 14px; margin: 16px 0; padding: 0 20px; } #g-cont .mk-main .mk-txt p a{ color: #333; padding:8px 20px; display:block; border:1px solid #000; } #g-cont .w1140 ul li:hover { height: 200px; background: #fff; cursor: inherit; background: linear-gradient(to right,#31d2ea,#3cbbfe); background: -webkit-linear-gradient(to right,#31d2ea,#3cbbfe); } #g-cont .w1140 ul li:hover h3 { border-bottom: 1px solid #e6e6e6; color: #ffffff; font-weight: bold; } #g-cont .w1140 ul li:hover .mk-main { display: block; } #g-cont .dizhi { background: url(404.png) no-repeat; } #g-cont .dizhi .mk-txt { padding-top: 34px; } #g-cont .dizhi .mk-txt p { color: #000; padding: 0px 30px; } #g-cont .zc { background: url(404.png) no-repeat; } #g-cont .zc .mk-txt p { padding: 0 30px; margin: 10px 0; } #g-cont .zc p a { display: block; color: #000; } #g-cont .mk-txt p a:hover { border:1px solid #005886; background: linear-gradient(to right,#31d2ea,#3cbbfe); background: -webkit-linear-gradient(to right,#31d2ea,#3cbbfe); } #g-cont .wx { width: 440px; left: -107px; } #g-cont .wx .mk-txt ul { text-align: center; width: 100%; display: block; overflow: hidden; padding-top: 8px; } #g-cont .wx .mk-txt ul li { list-style: none; border: 0; width: auto; display: inline-block; float: none; margin: 0 10px; } #g-cont .wx .mk-txt ul li:hover { background: none; border: 0; } #g-case {overflow: hidden;} #g-case li { list-style: none; float: left; margin-right: 10px; position:relative; margin-bottom: 10px; } #g-case li h3{ position:absolute; width:100%; height:36px; line-height:36px; top:50%; z-index:999; margin-top:-18px; text-align:center; color:#fff; font-size:22px; text-shadow: 0px 1px 30px #0a5880; } #g-case li h3 a{ color:#fff; } #g-case li .g-link{ position:absolute; width:100%; height:0; z-index:888; background:rgba(22, 153, 222, 0.8); opacity:0; transition: 300ms ease-out; -webkit-transition: 300ms ease-out; -ms-transition: 300ms ease-out; -moz-transition: 300ms ease-out; -o-transition: 300ms ease-out; } #g-case li:hover .g-link{ height:100%; opacity:1; }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_bbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_bbox-001 .p_wbox { margin-top: 20px; }.w_bbox-001{ position:absolute; width:100%; height:120px; }.w_rbox-001{position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%; }.w_rbox-001 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_rbox-001 >div{animation-fill-mode:both; }.c_public_htmlCode-01001021{ position:absolute; width:300px; height:390px; } .footer__burger.active .footer__burger-line:nth-child(1) { -webkit-animation-delay: .1s; animation-delay: .1s; } .footer__burger.active .footer__burger-line { -webkit-animation: move-up-and-down .3s infinite alternate; animation: move-up-and-down .3s infinite alternate; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } .footer__burger.active .footer__burger-line:nth-child(2) { -webkit-animation-delay: .5s; animation-delay: .5s; } .footer__burger.active .footer__burger-line:nth-child(3) { -webkit-animation-delay: .2s; animation-delay: .2s; } .footer__burger-line { width: 100%; height: 2px; margin-bottom: 4px; background-color: #fff; -webkit-transition: .3s linear; transition: .3s linear; } .footer__burger-line--middle { width: 10px; margin-left: auto; margin-right: auto; } .footer__burger-line:last-child { margin-bottom: 0; } .footer__burger { width: 16px; bottom: 25px; left: 33px; } @keyframes move-up-and-down{ 0% { opacity: .3; -webkit-transform: scaleX(.05); transform: scaleX(.05); } commin.min.css:1 100% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } .cc4 { top: -129px!important; left: 122px!important; } .cc3{left: -158px!important;top: -66px!important;} .cc1 { top: -104px!important; left: 714px!important; } .cc2{ top: -150px!important; left: 160px!important; } .c_public_htmlCode-01001021 .lizi{width:100%; height:600px; border:none; } .e_IndexOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .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_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); }.w_btn-002 .p_CommonBtn{ font-size:18px; width: 100%; height:50px; color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(106,186,190,1); padding-top:0; padding-right:20px; padding-left:20px; text-align: center; } .w_btn-002 .p_CommonBtn:hover{ color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(106,186,190,1); } .w_btn-002 .p_CommonBtn:hover .font{ color:rgba(255,255,255,1); } .w_btn-002 .p_CommonBtn:active{ color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(106,186,190,1); } .w_btn-002 .p_CommonBtn .font{ display:table-cell; vertical-align:middle; text-align: inherit; } .iconfont:before{ content: ""; } .e_title.w_btn-002 .p_link{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_btn-002 .p_link{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_btn-002 .p_link:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_btn-002 .p_link:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_btn-002 .p_link:active{ text-decoration:none; margin-top:0; } .e_title.w_btn-002 .p_link .iconfont:before{ display: inline-block; content:""; } .w_btn-002{position:absolute; width:157px; height:50px; } .w_btn-002 .p_CommonBtn{width: 100%;height: inherit;padding:0;background-color:rgba(255, 102, 0, 1); } .w_btn-002 .animated{ width:100%; height:100%; } .w_btn-002 .p_CommonBtn{ border-style: solid; }.w_btn-002 .p_CommonBtn:hover{background-color:rgba(255, 102, 0, 1); box-shadow:-0px -2px 3px 0px rgba(0, 0, 0, 0.35) inset; shadow-angle-ofInset:-90px; shadow-distance-ofInset:2px; }.w_btn-002 .p_CommonBtn:active{background-color:rgba(255, 102, 0, 1); box-shadow:-0px -2px 3px 0px rgba(0, 0, 0, 0.35) inset; shadow-angle-ofInset:-90px; shadow-distance-ofInset:2px; }.w_btn-002 .p_MatteIcon iconfont:before{content:'\e752'; }.w_btn-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_btn-002 >div{animation-fill-mode:both; }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; }.c_nav_bottom-01001002 .p_succ{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#F7FBFB; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999; } .c_nav_bottom-01001002 .p_succ .iconfont{ height: auto; color: #A2D465; margin-right:20px; display: inline-block; margin-left: 40px; } .c_nav_bottom-01001002 .p_succ .iconfont:before{ content: "\e648"; } .c_nav_bottom-01001002 .p_succ .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_nav_bottom-01001002 .p_succ .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_nav_bottom-01001002 .p_succ .assistfont{ display: none; } .c_nav_bottom-01001002 .p_succ .closebtn { display: none; } .c_nav_bottom-01001002 .p_fail{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#FDFCF3; border: 2px solid #FFDC90; font-size: 22px; position: absolute; z-index: 99999999999; } .c_nav_bottom-01001002 .p_fail .iconfont{ height: auto; color: #FF0000; margin-right:20px; display: inline-block; margin-left: 40px; } .c_nav_bottom-01001002 .p_fail .iconfont:before{ content: "\e641"; } .c_nav_bottom-01001002 .p_fail .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_nav_bottom-01001002 .p_fail .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_nav_bottom-01001002 .p_fail .assistfont{ font-size: 14px; color: #999999; margin-top: 5px; } .c_nav_bottom-01001002 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_nav_bottom-01001002 .p_fail .closebtn:hover{ cursor: pointer; }.c_nav_bottom-01001002 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_nav_bottom-01001002 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_nav_bottom-01001002 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_nav_bottom-01001002 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_nav_bottom-01001002 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_nav_bottom-01001002 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_nav_bottom-01001002 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_nav_bottom-01001002 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } .c_nav_bottom-01001002 .p_BottomLevelB{ display:inline-block; margin:0; padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; color:rgba(255,255,255,1); font-size: 14px; text-align:left; } .c_nav_bottom-01001002 .p_BottomLevelB .font{ vertical-align:middle; line-height: 16px; } a>.c_nav_bottom-01001002 .p_BottomLevelB:hover{ color:rgba(255,255,255,1); cursor:pointer; } .c_nav_bottom-01001002 .p_BottomLevelB .iconfont:before{ content:""; } .c_nav_bottom-01001002 .p_imageA{ padding:0; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_nav_bottom-01001002 .p_imageA:hover{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_nav_bottom-01001002 .p_imageA:active{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_nav_bottom-01001002 .p_icon{ position:relative; z-index:3; vertical-align:middle; color:rgba(153,153,153,1); width:20px; height:auto; font-size:14px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; text-align: center; } .c_nav_bottom-01001002 .p_icon:hover{ color:rgba(153,153,153,1); } .c_nav_bottom-01001002 .p_icon:active{ color:rgba(153,153,153,1); } .c_nav_bottom-01001002 .p_icon .font{ font-size: inherit; } .c_nav_bottom-01001002 .p_icon .iconfont::before{ display: inline-block; content:"\e6ae"; } .c_nav_bottom-01001002 .p_articlesC{ width:164px; height:110px; border-width:1px; border-style:none; border-color:rgba(240, 240, 240, 1); } .c_nav_bottom-01001002 .p_articlesB{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_nav_bottom-01001002 .p_NavVLine{ border-top-color:rgba(255,255,255,1); opacity:1; filter:alpha(opacity:100); } .c_nav_bottom-01001002 .p_BottomLevelA{ display:inline-block; margin:0; padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; color:rgba(255,255,255,1); font-size: 16px; text-align: center; } .c_nav_bottom-01001002 .p_BottomLevelA .font{ vertical-align:middle; line-height: 21px; } a>.c_nav_bottom-01001002 .p_BottomLevelA:hover{ color:rgba(255,255,255,1); cursor:pointer; } .c_nav_bottom-01001002 .p_BottomLevelA .iconfont:before{ content:""; } .e_title.c_nav_bottom-01001002 .p_link{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_nav_bottom-01001002 .p_link{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_nav_bottom-01001002 .p_link:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_nav_bottom-01001002 .p_link:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_nav_bottom-01001002 .p_link:active{ text-decoration:none; margin-top:0; } .e_title.c_nav_bottom-01001002 .p_link .iconfont:before{ display: inline-block; content:""; } .c_nav_bottom-01001002 .p_image{ padding:0; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_nav_bottom-01001002 .p_image:hover{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_nav_bottom-01001002 .p_image:active{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_nav_bottom-01001002 .p_articlesA{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_nav_bottom-01001002 .p_articles{margin:0px; width: 236px;height:317px;padding:0;border-width:1px;border-style: none;border-color:rgba(228,228,228,0);background-color:transparent;overflow: hidden;margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } .c_nav_bottom-01001002 .p_nav{ margin:0; width: 1350px; height:62px; padding:0; border-width:1px; border-style:none; border-color:#ccc; word-wrap:break-word; word-break:break-all; } .c_nav_bottom-01001002 .p_main{ margin:0; width: 1350px; height:62px; padding:0; border-width:1px; border-style:none; border-color:color:transparent; word-wrap:break-word; word-break:break-all; } .c_nav_bottom-01001002{ position:absolute; width:1180px; height:230px; overflow: visible; } .c_nav_bottom-01001002 .p_articles{ width:auto; height:auto; } .c_nav_bottom-01001002 .p_articlesA{ width:auto; height:auto; vertical-align: middle; text-align: left; } .c_nav_bottom-01001002 .p_articlesB{ width:auto; height:auto; } .c_nav_bottom-01001002 .p_articlesB .p_articlesA{ text-align: left; margin: 10px 0; padding: 0; } .c_nav_bottom-01001002 .p_main { text-align: center; vertical-align: middle; width: 100%; height: auto; font-size: 0; } .c_nav_bottom-01001002 .p_nav{ height:auto; width:100%; display: inline-block; text-align: center; padding: 20px 0; } .c_nav_bottom-01001002 .p_nav:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; } .c_nav_bottom-01001002 .p_image{ display:inline-block; vertical-align:middle; border-width:0; background:none; position:relative; margin-right: 5px; } .c_nav_bottom-01001002 .p_BottomLevelA{ display:inline-block; vertical-align:middle; color: #fff; } .c_nav_bottom-01001002 .p_imageA{ display:inline-block; vertical-align:middle; border-width:0; background:none; position:relative; margin-right: 5px; } .c_nav_bottom-01001002 .p_BottomLevelB{ vertical-align: middle; } .c_nav_bottom-01001002 .p_icon{ display:inline-block; vertical-align: middle; margin-right: 5px; } .c_nav_bottom-01001002 .p_icon:before{ content:"\e669"; color:#d0efee; } .c_nav_bottom-01001002 .p_articlesC{ width: inherit; height: auto; } .c_nav_bottom-01001002 .p_BottomLevelA{ line-height:32px; } .c_nav_bottom-01001002 .p_articles{ display: inline-block; width: calc((100% - 280px)/6); vertical-align: top; margin: 0px 5px; } .c_nav_bottom-01001002 .p_image:hover, .c_nav_bottom-01001002 .p_imageA:hover{ background-color:transparent; border-width:0px; } .c_nav_bottom-01001002 .p_ImageMore:hover{ background-color:transparent; border-width:0px; } .c_nav_bottom-01001002 .p_image:hover:after{ background-color:transparent; } .c_nav_bottom-01001002 .p_imageA:hover:after{ background-color:transparent; } .c_nav_bottom-01001002 .p_ImageMore:hover:after{ background-color:transparent; } .c_nav_bottom-01001002 .p_articlesC .p_BottomLevelB{ color: #999; } .c_nav_bottom-01001002 .p_articlesC .p_BottomLevelB:hover{ color: #fff; } .c_nav_bottom-01001002 .p_articlesC:hover{ background-color: transparent; } .c_nav_bottom-01001002 .p_articlesC:active{ background-color: transparent; } .c_nav_bottom-01001002 .p_NavVLine{ height: 20px; background:url(404.png) no-repeat top; }.c_nav_bottom-01001002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_nav_bottom-01001002 >div{animation-fill-mode:both; } .e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .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); } .e_IndexMajorStyleBox-001{  width: 100%; height:auto; width-uint:%; }  .e_IndexMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_IndexMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_IndexMajorStyleBox-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_IndexMajorStyleBox-001 .title_icon::before{ content: ""; } .e_IndexMajorStyleBox-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_IndexMajorStyleBox-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_IndexMajorStyleBox-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_IndexMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_IndexMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.w_img-002 .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_img-002 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-002 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-002 .p_title:active{ color:rgba(69,165,161,1); } .w_img-002 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-002 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .e_title.w_img-002 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-002 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link002 .iconfont:before{ display: inline-block; content:""; } .e_title.w_img-002 .p_link001{display:inline-block;padding:0;color:#707070;font-size:14px;text-align:left;height:calc(100%); } .e_title.w_img-002 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link001 .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-002{position:absolute; width:300px; height:249px; } .w_img-002 .animated{ width:100%; height:100%; } .w_img-002 .font { white-space: nowrap; } .w_img-002 .p_link001{ width:100%; height:calc(100%); } .w_img-002 .p_link002{ width:100%; height:30px; } .w_img-002 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-002 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-002 .e_image:hover:after { background: transparent; }.w_img-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_img-002 >div{animation-fill-mode:both; } @-webkit-keyframes rotation{ from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} }.w_relationbtntab-001{ width:100%; min-height:200px; margin: 0 auto; } .w_relationbtntab-001 .w_relationbtntab{ height:100%; width:100%; min-height: inherit; } .w_relationbtntab-001 .p_box001{ width:100%; height:50px; display: block; font-size: 0; position:relative !important; } .w_relationbtntab-001 > div > div > .e_link-000{ width: calc(100% / 3); height: inherit; display: inline-block; } .w_relationbtntab-001 .p_relationbtntab{ width: 100%; height: 100%; display: inline-block; vertical-align: middle; text-align: center; color: #333; } .w_relationbtntab-001 .p_relationbtntab.active { color: rgba(255,255,255,1); background:url(../image/sbf.png) no-repeat center; z-index: 9; position: relative; } .w_relationbtntab-001 .p_relationbtntab:before{ content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .w_relationbtntab-001 .p_relationbtntab .font{ width: 100%; border-left: solid 1px #e3e3e3; height: auto; font-size: 20px; background-color: inherit; color: inherit; display: inline-block; vertical-align: middle; margin-top:-12px; } .w_relationbtntab-001 .p_vline{ width: 0; height: 100%; display: inline-block; vertical-align: middle; border-left-width: 0px; border-left-style: solid; border-color:rgba(225,225,225,1); } .w_relationbtntab-001 .p_vline:last-of-type{ display: none; } .w_relationbtntab-001 .p_relationbtntab .iconfont:before { content: ""; } .w_relationbtntab-001 .p_relationbtntab .iconfont { color: rgba(225,225,225,1); margin-right: 15px; font-size: 30px; line-height: 90px;  } .w_relationbtntab-001 .p_box002{ width: 100%; height:calc(100% - 50px); border-width:0px; border-style: solid; border-color:rgba(228, 228, 228, 1); background-color:rgba(255,255,255,1); } .w_relationbtntab-001 .p_box003{ width:1280px; margin:0 auto; height:100%; display:none; overflow: auto; } .w_relationbtntab-001 .p_box003.active{ display: block; background: #efefef; margin-top:-12px; } div#w_relationbtntab-1546392920153 { left: 0px !important; border-top: solid 1px #e3e3e3; } #w_relationbtntab-1546392920153 { position: absolute; top: 0px; left: 0px !important; z-index: 1; width: 100% !important; height: 761px; }.c_nav_main-12001004{position:absolute;width:400px;height:200px;} .c_nav_main-12001004{position:absolute;width:1920px;height:200px; } .c_nav_main-12001004 .fix { margin-left: 305px; } .c_nav_main-12001004 .fix::before, .fix::after { clear: both; content: ""; display: table; } .c_nav_main-12001004 .pa { position: absolute; } .c_nav_main-12001004 .pr { position: relative; } .c_nav_main-12001004 .l { float: left; } .c_nav_main-12001004 .r { float: right; } .c_nav_main-12001004 .c { margin-bottom: -9999px; padding-bottom: 9999px; } .c_nav_main-12001004 .wrap { margin-left: auto; margin-right: auto; width: 1200px; } .c_nav_main-12001004 a { color: #333; } .c_nav_main-12001004 a:hover { color: #026daf; font-weight:bold; } .c_nav_main-12001004 a { outline: 0 none; text-decoration: none; transition: all 0.3s ease 0s; } .nav{ width: 100%; margin-top:0px; *width:1200px; } .nav .nav_li{ float:left; padding: 0 3%; height:90px; } .nav .nav_li .nav_a{font-size:16px;display:block;padding-bottom: 0px;height:90px;line-height: 90px;} .nav .nav_li .setNav{ width:100%; left:0; right:0; background: rgba(255,255,255,0.99); box-shadow: 0px 0px 5px #999; display:none; border-top: 1px #eee solid; } .nav .nav_li .setNav .set-img{ width:27%; padding-top:0px; } .nav .nav_li .setNav .set-img img{ height:175px; width:310px; } .nav .nav_li .setNav .setCon .tit{ font-size:24px; text-align: left; color:#272727; margin-bottom: 10px; } .nav .nav_li .setNav .setMenu{ width:64%; } .nav .nav_li .setNav .setMenu li{ float: left; width: 28%; margin-right: 2%; margin-bottom: -1px; } .nav .nav_li .setNav .setMenu li a{display: block;height: 54px;line-height: 54px;padding: 0 6%;color: #242424;font-size: 14px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;} .nav .nav_li .setNav .setMenu li a:hover{ background:#037bc4; color:#fff; } .nav .nav_li .setNav .setCon{ width: 100%; padding: 50px 0px 20px 0px; border-right: none; } .nav .nav_li .setNav .setCon .p{ color: #2b2b2b; line-height: 28px; height: auto; overflow: hidden; text-align: justify; letter-spacing: 0.5px; font-size:13px; } .nav .nav_li .setNav .setbottom{ height:50px; clear:both; } .nav .nav_li .setNav .set_close{ display:block; width:21px; height:21px; background:url(../image/rBQBHFmf2zaEcnTXAAAAAHIvhaw641.png) 0 0 no-repeat;right: 0;bottom:7%; } .nav .line { position: absolute; bottom: 0px; width: 0px; height: 4px; font-size: 3px; background-color: #026daf; display: none; } .nav .nav_li .setNav .tech-menuItems{ border:none; } .c_nav_main-12001004003 .nav .nav1 .setNav{ display:none !important; } .c_nav_main-12001004003 .nav .nav8 .setNav{ display:none !important; }.c_nav_main-12001004 .p_MatteIcon .iconfont:before{content:'\e602'; } .e_ContentOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_ContentOrdinaryStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_ContentOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_ContentOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: transparent; } .e_ContentOrdinaryStyleBox-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_ContentOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_ContentOrdinaryStyleBox-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_ContentOrdinaryStyleBox-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_ContentOrdinaryStyleBox-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_ContentOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_ContentOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.w_hline-001 .p_HLine{ border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); } .w_hline-001{ position:absolute; width:300px; height:1px; left:100px; top:20px; } .w_hline-001 .w_hline{ width:100%; height:inherit; }.cloud-service .card-area .card-item .card .card-title .zq-product-img { line-height: 50pxIMPORTANT; font-size: 48pxIMPORTANT; width: 50pxIMPORTANT; color: #fffIMPORTANT; border-bottom: 1px solid #fffIMPORTANT; text-align: centerIMPORTANT; margin: 10px autoIMPORTANT; position: relativeIMPORTANT; } #c_product_category-15006414890236399 .zq-product-img1 { height: 100%IMPORTANT; width: 100%IMPORTANT; position: absoluteIMPORTANT; } #c_product_category-15006414890236399 .cloud-service .card-area .card-item.active .card .card-title h1 { color: #fffIMPORTANT; width: 100%IMPORTANT; } #c_product_category-15006414890236399 .cloud-service .card-area .card-item.active .card .card-title h1 { color: #fffIMPORTANT; width: 100%IMPORTANT; Z-INDEX: 999IMPORTANT; POSITION: absoluteIMPORTANT; BOTTOM: 40%IMPORTANT; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block } .zq-product-img6 { background: url(../image/rBQBHFmBZ56EBNm1AAAAAJHjHYs078.jpg) ; height: 100%; width: 100%; } .zq-product-img1 { background: url(../image/sr2.jpg); height: 100%; width: 100%; } .zq-product-img2 { background: url(../image/sr4.jpg); height: 100%; width: 100%; } .zq-product-img4 { background: url(../image/sr3.jpg); height: 100%; width: 100%; } .zq-product-img3 { background: url(404.png); height: 100%; width: 100%; } .zq-product-img5 { background: url(../image/sr5.jpg); height: 100%; width: 100%; } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } [hidden], template { display:none } .cloud-service .card-area .card-item .card .card-title .content{ position:absolute; top:0px; bottom:auto !important; width:100%; height: 100%; } html { background: #fff; color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } button, html, input, select, textarea { font-family: sans-serif } body { margin: 0 } a { background: transparent } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } h1 { font-size: 2em; margin: .67em 0 } h2 { font-size: 1.5em; margin: .83em 0 } h3 { font-size: 1.17em; margin: 1em 0 } h4 { font-size: 1em; margin: 1.33em 0 } h5 { font-size: .83em; margin: 1.67em 0 } h6 { font-size: .75em; margin: 2.33em 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } mark { background: #ff0; color: #000 } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word } q { quotes: "\201C" "\201D" "\2018" "\2019" } q:after, q:before { content: ""; content: none } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 0 } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0; white-space: normal } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; vertical-align: baseline } button, input { line-height: normal } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance:none } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } .clearfix:after { content: "."; display: block; height: 0; visibility: hidden } .clearfix { display: inline-block } * html .clearfix { height: 1% } .clearfix { display: block } .clearfix:after, .fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .clearfix, .fix { zoom: 1 } .floatL { float: left } .floatR { float: right } body { font-family: Microsoft Yahei; font-size: 14px; background: #fff } a { text-decoration: none } h1, h2, h3, h4, h5, h6 { font-weight: 400 } dd, dl, dt, li, ul { list-style-type: none; margin: 0; padding: 0 } .main-wrap { width: 100%; margin: 0 auto; position: relative } @media screen and (min-width:1500px) { .main-wrap { width: 100%; } } .cloud-service .card-area { margin: 82px auto 0; height: 560px } .cloud-service .card-area .bg-e8e8e8 { background: #e8e8e8 } .cloud-service .card-area .bg-e1e1e1 { background: #e1e1e1 } .cloud-service .card-area .card-item { z-index: 4; transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s; position: relative; float: left; width: 12%; height: 521px; background-color: transparent } .cloud-service .card-area .card-item+.card-item { margin-left: -1px } .cloud-service .card-area .card-item .card { transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s; width: 100%; height: 100%; text-align: center; background: #fff } .cloud-service .card-area .card-item .card .card-content { width: 100%; line-height: 2 } .cloud-service .card-area .card-item .card .card-content.content-first { transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s; z-index: 3; opacity: 1; filter: alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100)) } .cloud-service .card-area .card-item .card .card-content.content-second { transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s; z-index: 2; opacity: 0; filter: alpha(opacity=0); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); line-height: 2 } .cloud-service .card-area .card-item .card .card-content.content-second li { float: left; width: 50% } .cloud-service .card-area .card-item .card .card-content, .cloud-service .card-area .card-item .card .card-title { position: absolute; left: 0; right: 0; z-index: 1 } .cloud-service .card-area .card-item .card .card-title { padding-top: 1px; transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s; height: 400px; line-height: 26px; font-size: 14px; top: 0; background: #215e21; border-left: 1px solid #276d27; } .cloud-service .card-area .card-item .card .card-title .content { position: absolute; bottom: -2px; width: 100% } .cloud-service .card-area .card-item .card .card-title h1 { font-size: 18px; font-weight: 700; margin-bottom: 0 } .cloud-service .card-area .card-item .card .card-title .short-info { color: #8dbbdc; font-size: 14px; margin-top: 0; margin-bottom: 20px } .cloud-service .card-area .card-item .card .card-title .zq-product-img { line-height: 50px; font-size: 48px; width: 50px; color: #fff; border-bottom: 1px solid #fff; text-align: center; margin: 10px auto; position: relative; } .cloud-service .card-area .card-item .card .card-title .zq-product-img img { position: absolute; left: 0; width: 100% } .cloud-service .card-area .card-item .card .card-title .zq-product-img .un-hover { z-index: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100)) } .cloud-service .card-area .card-item .card .card-title .zq-product-img .with-hover { z-index: 2; opacity: 0; filter: alpha(opacity=0); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0)) } .cloud-service .card-area .card-item .card .card-title .short-info, .cloud-service .card-area .card-item .card .card-title .zq-product-img img, .cloud-service .card-area .card-item .card .card-title h1 { transition: all .15s cubic-bezier(.4, 0, .2, 1) 0s } .cloud-service .card-area .card-item .card .card-content { height: 210px; position: absolute; top: 400px; } #c_product_category-15006414890236399 .cloud-service .card-area .card-item .card .card-content.content-first .content-first-list { width: 100%; max-width: 250px; font-size: 25px; color: #373d41; margin-top: 47px; margin-bottom: 47px } #c_product_category-15006414890236399 .cloud-service .card-area .card-item .card .card-content.content-first .content-first-list li { margin-bottom: 3px } .cloud-service .card-area .card-item .card .card-content.content-second { width: 80%; margin: 0 auto; left: 25px; font-size: 14px; color: #a9b0b4; text-align: left; padding-top: 20px } .cloud-service .card-area .card-item .card .card-content.content-second .main-head { color: #2b712b; font-size: 18px; line-height: 28px; margin-bottom: 10px } .cloud-service .card-area .card-item .card .card-content.content-second p { margin: 5px 0 } .cloud-service .card-area .card-item .card .card-content.content-second .main-tip { color: #232933 } .cloud-service .card-area .card-item .card .card-content.content-second .main-desc { color: #8c8c8c; font-size: 12px; line-height: 22px } .cloud-service .card-area .card-item .card .card-content.content-second .main-btn { display: inline-block; text-align: center; cursor: pointer; width: 160px; height: 38px; line-height: 38px; font-size: 16px!important; color: #fff; margin-top: 22px; margin-bottom: 33px; border-radius: 19px; background: #307f30; border: none; transition: opacity 0.5s, transform 0.5s; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .cloud-service .card-area .card-item .card .card-content.content-second .main-btn:hover { color: #fff; background: #1b77b9 opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .cloud-service .card-area .card-item .card .card-content.content-second .main-white-btn { display: inline-block; text-align: center; cursor: pointer; width: 160px; height: 36px; line-height: 36px; border: 1px solid #3db1ea; font-size: 16px!important; color: #3db1ea; margin-top: 22px; margin-bottom: 33px; border-radius: 19px; background: #fff; transition: color .3s ease-in-out, background .3s ease-in-out } .cloud-service .card-area .card-item .card .card-content.content-second .main-white-btn:hover { color: #fff; background: #3db1ea } .cloud-service .card-area .card-item .card .card-content .other-info { width: 105%; overflow: hidden; line-height: 22px; padding-top: 0px; font-size: 12px } .cloud-service .card-area .card-item .card .card-content .other-info .other-info-list { width: 90px; text-align: center; padding-left:0px; padding-right:0px; margin-right: 25px; padding: 0 0 0 10px; position: relative } .cloud-service .card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow { position: absolute; right: 10px; top: 15px; background-position: -200px 0 } .cloud-service .card-area .card-item .card .card-content .other-info .other-info-list:hover { } .cloud-service .card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow { background-position: -200px -17px } .cloud-service .card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc, .cloud-service .card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head { color: #307f30; } .cloud-service .card-area .card-item .card .card-content .other-info .other-info-list .list-context { color: #00c1de } .cloud-service .card-area .card-item .card .card-content .other-info .other-head { font-size: 16px; font-weight: 400; color: #000; margin-bottom: 0 } .cloud-service .card-area .card-item .card .card-content .other-info .other-desc { margin-top: 2px; font-size: 12px; color: #999 text-align:center; } .cloud-service .card-area .card-item.active { z-index: 6; box-shadow: 0 0 30px rgba(0,0,0,.2); width: 40%; height: 535px } .cloud-service .card-area .card-item.active .card .card-title { background-color: #307f30; height: 410px; top: -15px; border: none } .cloud-service .card-area .card-item.active .card .card-title .short-info { color: #9ed8f5 } .cloud-service .card-area .card-item.active .card .card-title h1 { color: #fff } .cloud-service .card-area .card-item.active .card .card-content.content-first { transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s; z-index: 2; opacity: 0; filter: alpha(opacity=0); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0)) } .cloud-service .card-area .card-item.active .card .card-content.content-second { transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s; z-index: 3; opacity: 1; filter: alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100)) } .c_product_category-02001001 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_product_category-02001001 .p_stylebox .stylebox_content{clear:both; }.c_product_category-02001001 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_product_category-02001001{position:absolute; top:912.741px; left:1.99405px; width:1260px; height:730px; z-index:112; } #c_product_category-1546391411958{ left:0px !important; width:100% !important; } .w_vline-001 .p_Vline{ width:1px; height:200px; background-color:rgba(189,189,189,0); width:0px; border-left-width: 1px; border-left-style: solid; border-left-color:rgba(189,189,189,1); opacity:1; filter:alpha(opacity:100); }.w_vline-001{ position:absolute; width:1px; height:300px; left:20px; top:20px; } .w_vline-001 .w_vline{ width:inherit; height:100%; } .w_vline-001 .p_Vline{ width:inherit; height:100%; }.w_icons-001 .p_icon{ margin:0; width:inherit; height:inherit; color:rgba(102,102,102,1); } .w_icons-001 .p_icon .iconfont:before{ content: '\e754'; font-size: 50px; }.w_icons-001{ position:absolute; width:100px; height:100px; }.c_ebizads_banner-81001 .p_succ{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#F7FBFB; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999; } .c_ebizads_banner-81001 .p_succ .iconfont{ height: auto; color: #A2D465; margin-right:20px; display: inline-block; margin-left: 40px; } .c_ebizads_banner-81001 .p_succ .iconfont:before{ content: "\e648"; } .c_ebizads_banner-81001 .p_succ .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_ebizads_banner-81001 .p_succ .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_ebizads_banner-81001 .p_succ .assistfont{ display: none; } .c_ebizads_banner-81001 .p_succ .closebtn { display: none; } .c_ebizads_banner-81001 .p_fail{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#FDFCF3; border: 2px solid #FFDC90; font-size: 22px; position: absolute; z-index: 99999999999; } .c_ebizads_banner-81001 .p_fail .iconfont{ height: auto; color: #FF0000; margin-right:20px; display: inline-block; margin-left: 40px; } .c_ebizads_banner-81001 .p_fail .iconfont:before{ content: "\e641"; } .c_ebizads_banner-81001 .p_fail .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_ebizads_banner-81001 .p_fail .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_ebizads_banner-81001 .p_fail .assistfont{ font-size: 14px; color: #999999; margin-top: 5px; } .c_ebizads_banner-81001 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_ebizads_banner-81001 .p_fail .closebtn:hover{ cursor: pointer; }.c_ebizads_banner-81001 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_ebizads_banner-81001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_ebizads_banner-81001 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_ebizads_banner-81001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_ebizads_banner-81001 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_ebizads_banner-81001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_ebizads_banner-81001 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_ebizads_banner-81001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; }  .c_ebizads_banner-81001 .p_SwitchBtnD{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:28px; color:rgba(154,155,155,1); } .c_ebizads_banner-81001 .p_SwitchBtnD .iconfont:before{ content: "\e6b0"; display: inline-block; } .c_ebizads_banner-81001 .p_SwitchBtnD:hover{ color:rgba(105,192,188,1); } .c_ebizads_banner-81001 .p_SwitchBtnD:hover{ cursor:pointer; } .c_ebizads_banner-81001 .p_SwitchBtnC{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:28px; color:rgba(154,155,155,1); } .c_ebizads_banner-81001 .p_SwitchBtnC .iconfont:before{ content: "\e6b0"; display: inline-block; } .c_ebizads_banner-81001 .p_SwitchBtnC:hover{ color:rgba(105,192,188,1); } .c_ebizads_banner-81001 .p_SwitchBtnC:hover{ cursor:pointer; } .c_ebizads_banner-81001 .p_ListNumBtn{ display:inline-table; height:30px; width:30px; background-color:rgba(228,228,228,1); border-width:0px; border-color:transparent; color:rgba(153,153,153,1); font-size: 12px; font-family:"Microsoft YaHei"; text-align:center; cursor:pointer; } .c_ebizads_banner-81001 .p_ListNumBtn img{ display:none; } .c_ebizads_banner-81001 .p_ListNumBtn .shape{ display:table-cell; width:inherit; height:inherit; vertical-align:middle; } .c_ebizads_banner-81001 .p_ListNumBtn:hover, .c_ebizads_banner-81001 .p_ListNumBtn.active{ background-color:rgba(103,184,180,1); color:rgba(255,255,255,1); } .c_ebizads_banner-81001 .p_ListNumBtn.j-nav-active{ background-color:rgba(103,184,180,1); color:rgba(255,255,255,1); } .c_ebizads_banner-81001 .p_SquareNumBtn{ display:inline-block; height:10px; width:100px; padding:0; background-color:rgba(228,228,228,1); border-width:0px; border-color:transparent; color:rgba(153,153,153,1); font-size: 12px; font-family:"Microsoft YaHei"; text-align:center; cursor:pointer; } .c_ebizads_banner-81001 .p_SquareNumBtn img{ display:none; } .c_ebizads_banner-81001 .p_SquareNumBtn .shape{ text-indent:-9999em; width:inherit; height:inherit; vertical-align:middle; } .c_ebizads_banner-81001 .p_SquareNumBtn:hover, .c_ebizads_banner-81001 .p_SquareNumBtn.active{ background-color:rgba(103,184,180,1); color:rgba(255,255,255,1); } .c_ebizads_banner-81001 .p_SquareNumBtn.j-nav-active{ background-color:rgba(103,184,180,1); color:rgba(255,255,255,1); } .c_ebizads_banner-81001 .p_CircleNumBtn{ width:15px; height:15px; display: inline-table; border-radius: 10px; -moz-border-radius: 10px; cursor:pointer; background-color:rgba(228,228,228,1); color:rgba(153,153,153,1); font-size: 12px; text-align: center; } .c_ebizads_banner-81001 .p_CircleNumBtn img{ display:none; } .c_ebizads_banner-81001 .p_CircleNumBtn .shape{ width:inherit; height:inherit; text-indent: -99999px; border-radius: inherit; -moz-border-radius: inherit; display:table-cell; vertical-align: middle; } .c_ebizads_banner-81001 .p_CircleNumBtn:hover, .c_ebizads_banner-81001 .p_CircleNumBtn.active{ background-color:rgba(105,192,188,1); } .c_ebizads_banner-81001 .p_CircleNumBtn.j-nav-active{ background-color:rgba(105,192,188,1); } .c_ebizads_banner-81001 .p_NumBtn{ width:150px; height:66px; border-color:rgba(154,155,155,1); border-width:2px; border-style:solid; cursor:pointer; } .c_ebizads_banner-81001 .p_NumBtn .shape{ display:none; } .c_ebizads_banner-81001 .p_NumBtn:hover, .c_ebizads_banner-81001 .p_NumBtn.active{ border-color:rgba(105,192,188,1); } .c_ebizads_banner-81001 .p_NumBtn.j-nav-active{ border-color:rgba(105,192,188,1); }  .c_ebizads_banner-81001 .p_ThumbnailBox{ margin:0; width: 236px; height:317px; padding:0; border-width:0px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; }  .c_ebizads_banner-81001 .p_ImgSummary{ color:rgba(199,199,199,1); font-family:"Heiti SC"; font-size:14px; line-height:26px; text-align:left; vertical-align:top; word-break:break-all; } .c_ebizads_banner-81001 .p_ImgHead{ display:inline-table; margin:0; padding:0; color:rgba(251, 248, 243,1); font-size:16px; font-weight:400; text-align:left; } .c_ebizads_banner-81001 .p_ImgHead .font{ display:table-cell; white-space:nowrap; vertical-align:middle; line-height: 21px; } .c_ebizads_banner-81001 .p_ImgHead .iconfont:before{ content:""; } .c_ebizads_banner-81001 .p_TitleBox{ margin:0; width: 236px; height:317px; padding:0; border-width:0px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; }  .e_title.c_ebizads_banner-81001 .p_LinkB{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_ebizads_banner-81001 .p_LinkB{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_ebizads_banner-81001 .p_LinkB:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_ebizads_banner-81001 .p_LinkB:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_ebizads_banner-81001 .p_LinkB:active{ text-decoration:none; margin-top:0; } .e_title.c_ebizads_banner-81001 .p_LinkB .iconfont:before{ display: inline-block; content:""; }  .c_ebizads_banner-81001 .p_SummaryBox{ margin:0; width: 1179px; height:100px; padding:0; border-width:0px; border-style:none; border-color:rgba(228,228,228,0); background-color:rgba(27, 27, 27,.6); word-wrap:break-word; word-break:break-all; color:rgba(255,255,225,1); }  .c_ebizads_banner-81001 .p_SwitchBtnB{ background:rgba(81,80,80,.3); width:64px; height:139px; cursor:pointer; color:rgba(255,255,255,1); text-align:center; font-size:40px; } .c_ebizads_banner-81001 .p_SwitchBtnB .font{ display:table; width:inherit; height:inherit; } .c_ebizads_banner-81001 .p_SwitchBtnB .iconfont{ display:table-cell; vertical-align:middle; } .c_ebizads_banner-81001 .p_SwitchBtnB .iconfont:before{ content: "\e687"; display:inline-block; margin-left:-2px; } .c_ebizads_banner-81001 .p_SwitchBtnB:hover{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(115,115,115,.7); } .c_ebizads_banner-81001 .p_SwitchBtnB:hover{ color:rgba(106,192,189,1); } .c_ebizads_banner-81001 .p_SwitchBtnB:active{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(81,80,80,.7); } .c_ebizads_banner-81001 .p_interactionB{ margin:0; width: 236px; height:317px; padding:0; border-width:0px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; }  .c_ebizads_banner-81001 .p_SwitchBtnA{ background:rgba(81,80,80,.3); width:64px; height:139px; cursor:pointer; color:rgba(255,255,255,1); text-align:center; font-size:40px; } .c_ebizads_banner-81001 .p_SwitchBtnA .font{ display:table; width:inherit; height:inherit; } .c_ebizads_banner-81001 .p_SwitchBtnA .iconfont{ display:table-cell; vertical-align:middle; } .c_ebizads_banner-81001 .p_SwitchBtnA .iconfont:before{ content: "\e687"; display:inline-block; margin-left:-2px; } .c_ebizads_banner-81001 .p_SwitchBtnA:hover{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(115,115,115,.7); } .c_ebizads_banner-81001 .p_SwitchBtnA:hover{ color:rgba(106,192,189,1); } .c_ebizads_banner-81001 .p_SwitchBtnA:active{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(81,80,80,.7); } .c_ebizads_banner-81001 .p_interactionA{ margin:0; width: 236px; height:317px; padding:0; border-width:0px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; }  .c_ebizads_banner-81001 .p_imageA{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color:transparent; overflow: hidden; } .c_ebizads_banner-81001 .p_imageA:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color:transparent; } .c_ebizads_banner-81001 .p_imageA:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color:transparent; }  .e_title.c_ebizads_banner-81001 .p_LinkA{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_ebizads_banner-81001 .p_LinkA{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_ebizads_banner-81001 .p_LinkA:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_ebizads_banner-81001 .p_LinkA:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_ebizads_banner-81001 .p_LinkA:active{ text-decoration:none; margin-top:0; } .e_title.c_ebizads_banner-81001 .p_LinkA .iconfont:before{ display: inline-block; content:""; }  .c_ebizads_banner-81001 .p_images{ margin:0; width: 236px; height:317px; padding:0; border-width:0px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; }  .c_ebizads_banner-81001 .p_banner{ margin:0; width: 880px; height:auto; padding:0; border-width:0px; border-style:none; border-color:rgba(255, 255, 255,1); background-color:transparent; white-space:nowrap; } .c_ebizads_banner-81001{ position:absolute; width:1180px; height:340px; overflow:hidden; } .c_ebizads_banner-81001 .p_banner{ width:100%; height:100%; background: transparent; } .c_ebizads_banner-81001 .p_ThumbnailBox{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_ebizads_banner-81001 .p_ThumbnailBoxA{ width:auto; height:auto; } .c_ebizads_banner-81001 .p_interactionA{ width:auto; height:auto; } .c_ebizads_banner-81001 .p_interactionB{ width:auto; height:auto; } .c_ebizads_banner-81001 .p_TitleBox{ border-width: 0; background-color: transparent; } .c_ebizads_banner-81001 .p_TitleBox .p_ImgSummary{ white-space: normal; } .c_ebizads_banner-81001 .p_TitleBoxA{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_ebizads_banner-81001 .c_banner{ width:inherit; height:inherit; } .c_ebizads_banner-81001 .p_images{ width:inherit; height:inherit; box-sizing:border-box; -moz-box-sizing:border-box; } .c_ebizads_banner-81001 .p_LinkA{ width:inherit; height:auto; display: block; position: static; } .c_ebizads_banner-81001 .p_imageA{ vertical-align:baseline; text-align:center; width:inherit; height:100%; position: absolute; } .c_ebizads_banner-81001 .p_imageA:hover{ background-color:transparent; } .c_ebizads_banner-81001 .p_imageA:hover:after{ background-color:transparent; } .c_ebizads_banner-81001 .p_interactionA{ cursor: pointer; left: 0; height: 100%; position: absolute; top: 0; z-index: 99; overflow:visible; } .c_ebizads_banner-81001 .p_interactionA + .p_interactionA{ left: initial; right: 0; } .c_ebizads_banner-81001 .p_SwitchBtnA{ position: absolute; top: 50%; margin-top: -37px; left: 0; width:40px; height:76px; } .c_ebizads_banner-81001 .p_SwitchBtnB{ position: absolute; top: 50%; margin-top: -37px; right: 0; width:40px; height:76px; } .c_ebizads_banner-81001 .p_SwitchBtnB .iconfont:before{ content: "\e6ae"; } .c_ebizads_banner-81001 .p_SummaryBox{ width:100%; position:absolute; bottom:0; left:0; z-index:5; background-color:transparent; } .c_ebizads_banner-81001 .p_SummaryBox:hover{ background-color:transparent; } .c_ebizads_banner-81001 .p_SummaryBox .p_LinkB{ display: block; background-color:rgba(27, 27, 27,.6); } .c_ebizads_banner-81001 .p_TitleBox{ width:40%; height:inherit; padding-left:20px; } .c_ebizads_banner-81001 .p_TitleBoxA{ width:100%; height:inherit; padding-left:20px; padding-right:20px; } .c_ebizads_banner-81001 .p_ImgHead{ padding-top:10px; padding-bottom:12px; white-space: normal; } .c_ebizads_banner-81001 .p_ThumbnailBox{ padding-right:30px; padding-left:30px; width: 60%; position:absolute; right:0; top: 50%; text-align:right; font-size:0; z-index:6; overflow:visible; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_ebizads_banner-81001 .p_ThumbnailBoxA{ padding-right: 30px; padding-left: 30px; width: 100%; position: absolute; right: 0; bottom: 0; text-align: right; font-size: 0; z-index: 6; overflow: hidden; } .c_ebizads_banner-81001 .p_NumBtn{ margin-left:10px; font-size:0; overflow:hidden; } .c_ebizads_banner-81001 .p_NumBtn .AtlasRelationImgBoxA{ height: auto; width: auto; } .c_ebizads_banner-81001 .p_CircleNumBtn{ margin-left:10px; } .c_ebizads_banner-81001 .p_SquareNumBtn{ margin-left:10px; } .c_ebizads_banner-81001 .p_SwitchBtnC{ position:absolute; top: 50%; left: 0; cursor: pointer; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_ebizads_banner-81001 .p_SwitchBtnD{ position:absolute; top: 50%; right: 0; cursor: pointer; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_ebizads_banner-81001 .p_CircleNumBtn, .c_ebizads_banner-81001 .p_SquareNumBtn, .c_ebizads_banner-81001 .p_ListNumBtn{ margin-top:20px; margin-bottom:20px; } .c_ebizads_banner-81001 .p_SquareNumBtn{ width:98px; } .c_ebizads_banner-81001 .p_SwitchBtnD .iconfont:before{ content: '\e6af'; }  .c_ebizads_banner-81001[data-fullscreen]{ width: 100%; right: 50% !important; left: auto !important; -webkit-transform:translate(50%,0) !important; -ms-transform:translate(50%,0) !important; transform:translate(50%,0) !important; }  *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{}body,#-remove--flag{}#c_public_htmlCode-1546391411938{ position:absolute; top:559px; left:-343px; z-index:101; width:1917px; height:42px; } *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{}#c_complaintPage_detail-1546391411968 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_complaintPage_detail-1546391411968{ position:absolute; top:417.5px; left:159px; z-index:2; width:890px; height:39px; } .hb-loaded{ overflow-x:hidden; } html{ overflow-x: hidden; } .c_onlineService_categorylay-01001 { width: 82px !important; } *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{width:1280px;margin:0px auto;}body,#-remove--flag{}#c_nav_main-1546391411928{ position:absolute; top:6px; left:-4px; z-index:101; width:1920px; height:94px; }@-webkit-keyframes rotation{from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} }#c_public_htmlCode-15464048131442469{ position:absolute; top:188px; left:0px; z-index:113; width:1912px; height:531px; } #c_nav_bottom-1546391411963 .e_box.e_box-000.p_articles:nth-child(1){ display:none; } #c_nav_bottom-1546391411963{ position:absolute; top:38px; left:100px; z-index:1; width:991px; height:298px; } #c_product_categorylay-15480543988687316 .cloud-service .card-area .card-item .card .card-content.content-first .content-first-list{ width:80%; max-width:250px; margin:0 auto; font-size:22px; color:#373d41; margin-top:50px; margin-bottom:47px; } #c_product_categorylay-15480543988687316 .cloud-service .card-area{ margin:82px auto 0; height:560px; } #c_product_categorylay-15480543988687316 .cloud-service .card-area .card-item .card .card-content .other-info .other-info-list{ width:110px; text-align:center; padding-left:0px; padding-right:0px; margin-right:35px; padding:0 0 0 10px; position:relative; } #c_product_categorylay-15480543988687316 .cloud-service .card-area .card-item .card .card-content .other-info{ width:470px !Important; overflow:hidden; line-height:22px; padding-top:0px; font-size:12px; } #c_product_categorylay-15480543988687316 img{ border:0; width:100%; height:auto; } #c_product_categorylay-15480543988687316 .cloud-service .card-area .card-item.active{ z-index:6; box-shadow:0 0 30px rgba(0,0,0,.2); width:40%; height:600px; } #c_product_categorylay-15480543988687316 .cloud-service .card-area .card-item{ z-index:4; transition:all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s; position:relative; float:left; width:20%; height:600px; background-color:transparent; } #c_product_categorylay-15480543988687316 .cloud-service .card-area .card-item .card .card-content.content-second .main-desc{ color:#8c8c8c; font-size:14px; line-height:22px; height:50px; } #c_product_categorylay-15480543988687316 h1{ display:none; } #c_product_categorylay-15480543988687316 .cloud-service .card-area .card-item .card .card-content.content-second .main-head{ color:#0e82c8; font-size:22px; line-height:28px; margin-bottom:10px; } #c_product_categorylay-15480543988687316 .cloud-service .card-area .card-item .card .card-content.content-second .main-btn{ display:inline-block; text-align:center; cursor:pointer; width:160px; height:38px; line-height:38px; font-size:16px!important; color:#fff; margin-top:-22px !important; margin-bottom:33px; border-radius:19px; background:#0e82c8; border:none; transition:opacity 0.5s, transform 0.5s; -webkit-transition:opacity 0.5s, -webkit-transform 0.5s; -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0); } #c_product_categorylay-15480543988687316 .cloud-service .card-area .card-item .card .card-content.content-second .main-btn:hover{ color:#fff; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } #c_product_categorylay-15480543988687316 .w_wbox-001 .p_wbox{ background-color:none !important; } #c_product_categorylay-15480543988687316{ position:absolute; top:176px; left:0px; z-index:104; width:1912px; height:699px; } #c_public_htmlCode-1546391411953 .icon h3{ color:#fff; } #c_public_htmlCode-1546391411953{ position:absolute; top:201px; left:-4px; z-index:1; width:1920px; height:670px; } #c_ebizads_banner-15533335096337769 .p_ThumbnailBox{ text-align:center; } #c_ebizads_banner-15533335096337769 .p_SummaryBox{ display:none; } #c_ebizads_banner-15533335096337769 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_ebizads_banner-15533335096337769 >div{ animation-fill-mode:both; } #c_ebizads_banner-15533335096337769 .b_img_box{ width:1200px; margin:0 auto; position:relative; top:300px; animation-name:fadeInDown; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #c_ebizads_banner-15533335096337769 .banner_img{ width:auto!important; height:100; left:0 !important; top:0 !important; -webkit-transform:translate(0%,0%)!important; -ms-transform:translate(0%,0%)!important; transform:translate(0%,0%)!important; position:relative !important; } #c_ebizads_banner-15533335096337769{ position:absolute; top:0px; left:-320px; z-index:100; width:1920px; height:962px; } #w_wbox-1546391411573 .p_wbox{ background-color:rgba(255, 255, 255, 1); border-bottom:solid 1px #eee; } #w_wbox-1546391411573 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1546391411573 >div{ animation-name:fadeInDown; animation-duration:1s; animation-delay:0s; animation-fill-mode:both; } #w_wbox-1546391411683 .p_wbox{ background-position:top center; background-image:url(../image/srtb.jpg); background-image-part-image:url(../image/srtb.jpg); } #w_wbox-1546391411683 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1546391411683 >div{ animation-fill-mode:both; } #w_wbox-1546391411723 .p_wbox{ background-color:rgba(0, 0, 0, 0); background-position:center center; background-attachment:fixed; } #w_wbox-1546391411723 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1546391411723 >div{ animation-fill-mode:both; } #w_bbox-1546391411793 .p_wbox{ background-color:rgba(25, 24, 23, 1); } #w_bbox-1546391411793 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_bbox-1546391411793 >div{ animation-fill-mode:both; } #w_relationbtntab-1546392920153 .p_box001{ margin:0 auto; height:102px; border-right:solid 1px #e3e3e3; width:88%; } #w_relationbtntab-1546392920153 .p_link-000000{ width:calc((100% - 0px)/4); } #w_relationbtntab-1546392920153 .p_box002{ height:calc(100% - 102px); background:#efefef; } #w_relationbtntab-1546392920153 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_relationbtntab-1546392920153 >div{ animation-fill-mode:both; } #w_relationbtntab-1546392920153 .iconfont12356:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; content:'\e67f'; } #w_relationbtntab-1546392920153 .iconfont12356789:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; content:'\e614'; } #w_relationbtntab-1546392920153 .iconfont12356987645:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; content:'\e679'; } #w_relationbtntab-1546392920153 .iconfont_1546391717453:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; content:'\e636'; } #w_img-1548010061826 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1548010061826 >div{ animation-fill-mode:both; } #w_icons-1548010061782 .p_icon{ color:rgba(164, 164, 164, 1); } #w_icons-1548010061782 .p_icon:before{ content:'\e676'; font-size:24px; } #w_icons-1548010061782 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_icons-1548010061782 >div{ animation-fill-mode:both; } #w_img-1546391411583 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1546391411583 >div{ animation-fill-mode:both; } #w_common_text-1546408343779 .p_link001{ height:calc(100%); } #w_common_text-1546408343834 .p_link001{ height:calc(100%); } #w_img-1546408343767 .p_link001{ height:calc(100%); } #w_img-1546408343767 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1546408343767 >div{ animation-fill-mode:both; } #w_img-1546408343767 IMG{ transform:scale(1.0); transition:all 1s ease 0s; } #w_img-1546408343767 IMG:hover{ transform:scale(1.1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; } #w_btn-1546408343808 .p_CommonBtn{ background-color:rgba(3, 92, 172, 1); border-color:rgba(3, 92, 172, 1); font-size:14px; } #w_btn-1546408343808 .p_CommonBtn .font{ color:rgba(255, 255, 255, 1); } #w_btn-1546408343808 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_btn-1546408343808 >div{ animation-fill-mode:both; } #w_common_text-1546408343798 .p_link001{ height:calc(100%); } #w_hline-1546408343788 .p_HLine{ border-top-width:3px; border-top-style:solid; border-top-color:#cacaca; } #w_img-1546408343822 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1546408343822 >div{ animation-fill-mode:both; } #w_img-1548225090369 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1548225090369 >div{ animation-fill-mode:both; } #w_hline-1546396526887 .p_HLine{ border-top-width:3px; border-top-style:solid; border-top-color:#cacaca; } #w_common_text-1546396526897 .p_link001{ height:calc(100%); } #w_btn-1546396526904 .p_CommonBtn{ background-color:rgba(3, 92, 172, 1); border-color:rgba(3, 92, 172, 1); font-size:14px; } #w_btn-1546396526904 .p_CommonBtn .font{ color:rgba(255, 255, 255, 1); } #w_btn-1546396526904 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_btn-1546396526904 >div{ animation-fill-mode:both; } #w_common_text-1546396526918 .p_link001{ height:calc(100%); } #w_img-1546396526868 .p_link001{ height:calc(100%); } #w_img-1546396526868 IMG{ transform:scale(1.0); transition:all 1s ease 0s; } #w_img-1546396526868 IMG:hover{ transform:scale(1.1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; } #w_common_text-1546396526879 .p_link001{ height:calc(100%); } #w_img-1548225332051 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1548225332051 >div{ animation-fill-mode:both; } #w_img-1548225332070 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1548225332070 >div{ animation-fill-mode:both; } #w_img-1546408377247 .p_link001{ height:calc(100%); } #w_img-1546408377247 IMG{ transform:scale(1.0); transition:all 1s ease 0s; } #w_img-1546408377247 IMG:hover{ transform:scale(1.1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; } #w_common_text-1546408377259 .p_link001{ height:calc(100%); } #w_hline-1546408377269 .p_HLine{ border-top-width:3px; border-top-style:solid; border-top-color:#cacaca; } #w_common_text-1546408377280 .p_link001{ height:calc(100%); } #w_btn-1546408377290 .p_CommonBtn{ background-color:rgba(3, 92, 172, 1); border-color:rgba(3, 92, 172, 1); font-size:14px; } #w_btn-1546408377290 .p_CommonBtn .font{ color:rgba(255, 255, 255, 1); } #w_btn-1546408377290 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_btn-1546408377290 >div{ animation-fill-mode:both; } #w_common_text-1546408377318 .p_link001{ height:calc(100%); } #w_img-1548225614770 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1548225614770 >div{ animation-fill-mode:both; } #w_img-1548225614788 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1548225614788 >div{ animation-fill-mode:both; } #w_common_text-1546408389311 .p_link001{ height:calc(100%); } #w_hline-1546408389301 .p_HLine{ border-top-width:3px; border-top-style:solid; border-top-color:#cacaca; } #w_common_text-1546408389291 .p_link001{ height:calc(100%); } #w_btn-1546408389321 .p_CommonBtn{ background-color:rgba(3, 92, 172, 1); border-color:rgba(3, 92, 172, 1); font-size:14px; } #w_btn-1546408389321 .p_CommonBtn .font{ color:rgba(255, 255, 255, 1); } #w_btn-1546408389321 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_btn-1546408389321 >div{ animation-fill-mode:both; } #w_img-1546408389278 .p_link001{ height:calc(100%); } #w_img-1546408389278 IMG{ transform:scale(1.0); transition:all 1s ease 0s; } #w_img-1546408389278 IMG:hover{ transform:scale(1.1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; } #w_common_text-1546408389350 .p_link001{ height:calc(100%); } #w_img-1548225694866 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1548225694866 >div{ animation-fill-mode:both; } #w_img-1548225694884 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1548225694884 >div{ animation-fill-mode:both; } #w_common_text-1546567467174 .p_link001{ height:calc(100%); } #w_hline-1546567467197 .p_HLine{ border-top-color:#dcdcdc; } #w_common_text-1546567467208 .p_link001{ height:calc(100%); } #w_hline-1546567467186 .p_HLine{ border-top-color:#dcdcdc; } #w_common_text-1548222858082 .p_link001{ height:calc(100%); } #w_hline-1546391411673 .p_HLine{ border-top-color:#dcdcdc; } #w_common_text-1546391411858 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1546391411858 >div{ animation-fill-mode:both; } #w_common_text-1546391411858 .p_link001{ height:calc(100%); } #w_common_text-1546391411853 .p_link001{ height:calc(100%); } #w_hline-1546391411663 .p_HLine{ border-top-color:#dcdcdc; } #w_common_text-1548224314057 .p_link001{ height:calc(100%); } #w_common_text-1546391411868 .p_link001{ height:calc(100%); } #w_hline-1546391411703 .p_HLine{ border-top-color:#dcdcdc; } #w_hline-1546391411713 .p_HLine{ border-top-color:#dcdcdc; } #w_common_text-1546391411863 .p_link001{ height:calc(100%); } #w_common_text-1546405063228 .p_link001{ height:calc(100%); } #w_common_text-1546405063245 .p_link001{ height:calc(100%); } #w_hline-1546405063255 .p_HLine{ border-top-color:#dcdcdc; } #w_hline-1546405063268 .p_HLine{ border-top-color:#dcdcdc; } #w_common_text-1546391411923 .p_link001{ height:calc(100%); } #w_img-1546391411813 .p_link001{ height:calc(100%); } #w_common_text-1546391411918 .p_link001{ height:calc(100%); } #w_wbox-1546391411573{ position:fixed; top:0px; left:50%; bottom:auto; right:auto; transform:translate(-50%, 0px); width:1912px; height:100px; z-index:107; content:"tc"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:translate(-50%, 0px); } #w_wbox-1546405877540{ position:absolute; top:960px; left:-316px; z-index:102; width:1912px; height:744px; } #w_wbox-1546391411643{ position:absolute; top:1878px; left:-316px; z-index:105; width:1912px; height:865px; } #w_wbox-1546391411683{ position:absolute; top:2749px; left:-316px; z-index:104; width:1912px; height:875px; } #w_wbox-1546391411723{ position:absolute; top:3651px; left:-316px; z-index:103; width:1912px; height:798px; } #w_bbox-1546391411793{ position:absolute; top:4449px; left:-316px; z-index:106; width:1912px; height:521px; } #w_rbox-1548010061766{ position:absolute; top:26.5px; left:1666.77px; z-index:103; width:207px; height:58px; } #w_relationbtntab-1546392920153{ position:absolute; top:178px; left:0px; z-index:1; width:1912px; height:776px; } #w_rbox-1546567467160{ position:absolute; top:19.5px; left:707px; z-index:2; width:498px; height:128px; } #w_rbox-1546391411653{ position:absolute; top:20px; left:707px; z-index:2; width:498px; height:134px; } #w_rbox-1546391411693{ position:absolute; top:44.5px; left:707px; z-index:100; width:498px; height:161px; } #w_rbox-1546405063197{ position:absolute; top:19.5px; left:707px; z-index:117; width:498px; height:144px; } #w_rbox-1546391411833{ position:absolute; top:34px; left:824.766px; z-index:100; width:1049px; height:470px; } #w_rbox-1546391411803{ position:absolute; top:64px; left:38.2344px; z-index:101; width:277px; height:432px; } #w_rbox-1546408343755{ position:absolute; top:37.5px; left:0px; z-index:102; width:1276px; height:598px; } #w_rbox-1546407645003{ position:absolute; top:37px; left:0px; z-index:100; width:1276px; height:598px; } #w_rbox-1546408377236{ position:absolute; top:37.5px; left:0px; z-index:8; width:1276px; height:598px; } #w_rbox-1546408389268{ position:absolute; top:37.5px; left:0px; z-index:8; width:1276px; height:598px; } #w_img-1548010061826{ position:absolute; top:15.5px; left:178px; z-index:6; width:19px; height:19px; } #w_icons-1548010061782{ position:absolute; top:14px; left:83px; z-index:2; width:25px; height:24px; } #w_vline-1548010061789{ position:absolute; top:12.5px; left:122px; z-index:3; width:13px; height:25px; } #w_common_text-1548010061794{ position:absolute; top:13px; left:141px; z-index:4; width:32px; height:26px; } #w_img-1546391411583{ position:absolute; top:18.5px; left:38.2344px; z-index:100; width:161px; height:63px; } #w_common_text-1546408343779{ position:absolute; top:63.75px; left:720px; z-index:2; width:560px; height:33px; } #w_common_text-1546408343834{ position:absolute; top:299.5px; left:721px; z-index:7; width:560px; height:33px; } #w_img-1546408343767{ position:absolute; top:63.75px; left:1px; z-index:1; width:640px; height:450px; } #w_btn-1546408343808{ position:absolute; top:234.25px; left:720px; z-index:5; width:157px; height:50px; } #w_common_text-1546408343798{ position:absolute; top:117.75px; left:720px; z-index:4; width:560px; height:108px; } #w_hline-1546408343788{ position:absolute; top:102.75px; left:721px; z-index:3; width:58px; height:15px; } #w_img-1546408343822{ position:absolute; top:342.75px; left:721px; z-index:6; width:236px; height:166px; } #w_img-1548225090369{ position:absolute; top:342.75px; left:980px; z-index:8; width:236px; height:166px; } #w_hline-1546396526887{ position:absolute; top:102.75px; left:721px; z-index:3; width:58px; height:15px; } #w_common_text-1546396526897{ position:absolute; top:117.75px; left:720px; z-index:4; width:560px; height:81px; } #w_btn-1546396526904{ position:absolute; top:212.25px; left:721px; z-index:5; width:157px; height:50px; } #w_common_text-1546396526918{ position:absolute; top:289px; left:721px; z-index:7; width:560px; height:33px; } #w_img-1546396526868{ position:absolute; top:63.75px; left:1px; z-index:1; width:640px; height:450px; } #w_common_text-1546396526879{ position:absolute; top:63.75px; left:720px; z-index:2; width:560px; height:40px; } #w_img-1548225332051{ position:absolute; top:347.75px; left:721px; z-index:8; width:236px; height:166px; } #w_img-1548225332070{ position:absolute; top:347.75px; left:980px; z-index:9; width:236px; height:166px; } #w_img-1546408377247{ position:absolute; top:63.75px; left:1px; z-index:1; width:640px; height:450px; } #w_common_text-1546408377259{ position:absolute; top:63.75px; left:720px; z-index:2; width:560px; height:33px; } #w_hline-1546408377269{ position:absolute; top:102.75px; left:721px; z-index:3; width:58px; height:15px; } #w_common_text-1546408377280{ position:absolute; top:117.75px; left:720px; z-index:4; width:560px; height:108px; } #w_btn-1546408377290{ position:absolute; top:239px; left:716px; z-index:5; width:157px; height:50px; } #w_common_text-1546408377318{ position:absolute; top:311px; left:716px; z-index:7; width:560px; height:33px; } #w_img-1548225614770{ position:absolute; top:354px; left:716px; z-index:8; width:236px; height:166px; } #w_img-1548225614788{ position:absolute; top:354px; left:975px; z-index:9; width:236px; height:166px; } #w_common_text-1546408389311{ position:absolute; top:117.75px; left:720px; z-index:4; width:560px; height:81px; } #w_hline-1546408389301{ position:absolute; top:102.75px; left:721px; z-index:3; width:58px; height:15px; } #w_common_text-1546408389291{ position:absolute; top:63.75px; left:720px; z-index:2; width:560px; height:33px; } #w_btn-1546408389321{ position:absolute; top:212.25px; left:721px; z-index:5; width:157px; height:50px; } #w_img-1546408389278{ position:absolute; top:63.75px; left:1px; z-index:1; width:640px; height:450px; } #w_common_text-1546408389350{ position:absolute; top:289px; left:721px; z-index:7; width:560px; height:33px; } #w_img-1548225694866{ position:absolute; top:354px; left:721px; z-index:8; width:236px; height:166px; } #w_img-1548225694884{ position:absolute; top:354px; left:980px; z-index:9; width:236px; height:166px; } #w_common_text-1546567467174{ position:absolute; top:49px; left:-53px; z-index:100; width:560px; height:34px; } #w_hline-1546567467197{ position:absolute; top:27px; left:325px; z-index:102; width:60px; height:22px; } #w_common_text-1546567467208{ position:absolute; top:16.5px; left:-53px; z-index:103; width:560px; height:24px; } #w_hline-1546567467186{ position:absolute; top:27px; left:80px; z-index:101; width:60px; height:22px; } #w_common_text-1548222858082{ position:absolute; top:97px; left:2px; z-index:104; width:450px; height:31px; } #w_hline-1546391411673{ position:absolute; top:27px; left:374px; z-index:4; width:60px; height:22px; } #w_common_text-1546391411858{ position:absolute; top:16px; left:-44px; z-index:1; width:560px; height:24px; } #w_common_text-1546391411853{ position:absolute; top:52px; left:-44px; z-index:2; width:560px; height:35px; } #w_hline-1546391411663{ position:absolute; top:27px; left:32px; z-index:3; width:60px; height:22px; } #w_common_text-1548224314057{ position:absolute; top:99px; left:42px; z-index:5; width:388px; height:31px; } #w_common_text-1546391411868{ position:absolute; top:16px; left:-44px; z-index:1; width:560px; height:21px; } #w_common_text-1546391411873{ position:absolute; top:112.5px; left:-40px; z-index:5; width:551px; height:37px; } #w_hline-1546391411703{ position:absolute; top:27px; left:32px; z-index:3; width:60px; height:22px; } #w_hline-1546391411713{ position:absolute; top:27px; left:374px; z-index:4; width:60px; height:22px; } #w_common_text-1546391411863{ position:absolute; top:57px; left:-44px; z-index:2; width:560px; height:35px; } #w_common_text-1546405063228{ position:absolute; top:0px; left:-44px; z-index:1; width:560px; height:21px; } #w_common_text-1546405063245{ position:absolute; top:36px; left:-44px; z-index:2; width:560px; height:35px; } #w_hline-1546405063255{ position:absolute; top:11px; left:32px; z-index:3; width:60px; height:22px; } #w_hline-1546405063268{ position:absolute; top:11px; left:374px; z-index:4; width:60px; height:22px; } #w_common_text-1548224680032{ position:absolute; top:100px; left:58.5px; z-index:5; width:380px; height:37px; } #w_common_text-1546391411923{ position:absolute; top:80.5px; left:0px; z-index:1; width:293px; height:186px; } #w_img-1546391411813{ position:absolute; top:0px; left:0px; z-index:2; width:161px; height:63px; } #w_common_text-1546391411918{ position:absolute; top:387.5px; left:0px; z-index:4; width:560px; height:27px; }