.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); } .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_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); }.c_public_htmlCode-01001027{ position:absolute; width:300px; height:390px; }.c_public_htmlCode-01001027 h2,h3{text-align:center; }.c_public_htmlCode-01001027 .demo{text-align:center; margin-top:1000px; }.c_public_htmlCode-01001027 span.counter{display:block; margin:20px auto; font-size:72px; font-family:Arial; font-weight:bold; }.c_public_htmlCode-01001027 .htmleaf-container{width:25%; text-align:center; float:left; }.c_public_htmlCode-01001027 .htmleaf-container span{color:#0a7bc2;font-family: Impact,sans-serif;font-size: 80px;font-weight:bold;line-height:30px;}.c_public_htmlCode-01001027 .htmleaf-container1 span{color:#0a7bc2;font-weight:bold;font-family: Impact,sans-serif;font-size: 80px;line-height:30px;}.c_public_htmlCode-01001027 .htmleaf-container1{width:25%;text-align:center;float:left;}.c_public_htmlCode-01001027 .htmleaf-container p{color:#e70022; font-weight:normal; font-size:24px; line-height:26px; }.c_public_htmlCode-01001027 .htmleaf-container1 p{color:#e70022; font-weight:normal; font-size:20px; line-height:26px; }.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_breadcrumb_nav-02001 .p_breadcrumbCurrent{ font-size: 0; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 12px; color: #666; height: 30px; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb{ font-size: 14px; color: #65beba; } .c_breadcrumb_nav-02001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; color: #666; font-size: 12px; } .c_breadcrumb_nav-02001 .p_breadcrumb>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumb .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_breadcrumb_nav-02001 .p_sortLink{ display:inline-block; padding:0; color:rgba(101, 190, 186,1); font-size:14px; text-align:left; } .e_title.c_breadcrumb_nav-02001 .p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:active{ color:rgba(69, 165, 161,1); font-weight:400; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_breadcrumb_nav-02001 .p_sortLink .iconfont:before{ display: inline-block; content:""; } .c_breadcrumb_nav-02001 .p_content{ 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_breadcrumb_nav-02001 .p_breadcrumbSecond{ font-size: 14px; color: #65beba; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_breadcrumb_nav-02001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_breadcrumb_nav-02001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_breadcrumb_nav-02001 .p_end .iconfont:before{display: inline-block;content:"";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst{ font-size: 12px; color: #666; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_breadcrumb_nav-02001 .p_breadcrumbList{ 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_breadcrumb_nav-02001{position:absolute; width:1180px; height:30px; overflow: visible;font-size: 0;} .c_breadcrumb_nav-02001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbList>a{ display: inline-block; } .c_breadcrumb_nav-02001 .p_CurrentBox{ color: #666; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_breadcrumb_nav-02001 .p_content{ width: 240px; position: absolute; border: 1px solid #65beba; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_breadcrumb_nav-02001 .contentBox:hover .p_content{ display: block; } .c_breadcrumb_nav-02001 .p_sortLink{ color: #65beba; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_breadcrumb_nav-02001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink.current{ color: #bcbcbc; } .c_breadcrumb_nav-02001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_breadcrumb_nav-02001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ }.c_breadcrumb_nav-02001 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_breadcrumb_nav-02001 >div{animation-fill-mode:both; }.c_breadcrumb_nav-02001 .p_breadcrumbFirst .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_public_htmlCode-01001{ position:absolute; width:300px; height:390px; } #c_public_htmlCode-15402602745696464{width:100%; left: 0px!important;} .box{ width: 100%; height: 550px; overflow: hidden;} .box div{ width: 25%; float: left; transition: all 1s;} .box:hover div{ width: 20%; } .box div:hover{ width: 40%; } .box div:hover .tup_box{background-color: rgba(0, 0, 0, 0.1);} .tup_111{ background: url(../image/sjgc03.jpg) center rgba(0, 0, 0, 0.8);height: 550px;} .tup_112{ background: url(../image/sjgc06.jpg) center;height: 550px} .tup_113{ background: url(../image/sjgc07.jpg) center;height: 550px} .tup_114{ background: url(../image/sjgc055.jpg) center;height: 550px} .cscb_box{ width: 100%!important;padding: 0 10%;} .scsb_text{ width: 100%!important;padding: 0 5%; text-align: center;} .scsb_icon{width: 40px!important;} .cscb_box{ margin-top: 490px;text-align: center;} .cscb_box img{margin-right:20px;} .box div:hover .cscb_box{margin-top: 380px;} .tup_box{background-color: rgba(0, 0, 0, 0.5); width: 100%!important;height:700px;} .ckjcbg{width:180px;overflow: hidden;} .ckjcbg,.ckjcbg:hover .lsd,.ckjcbg .lsd,.ckjcbg:hover .lsd,.text_assss a:hover,.text_assss a,#c_news_list-15348494656155797 .p_articles:hover .lsd2,#c_news_list-15348494656155797 .p_articles .lsd2{ transition: all 2s;} .text_assss{height:40px;text-align: center; line-height: 40px; font-size: 16px; color: #202020;} .text_assss a:hover{color:#2aa33c} .hsd{width:180px;height:2px;background:#eee;} .lsd{width:180px;height:2px;background:#2aa33c; transform:translate(-180px,0px);-webkit-transform:translate(-180px,0px);-moz-transform:translate(-180px,0px); -o-transform:translate(-180px,0px);-ms-transform:translate(-180px,0px);} .ckjcbg:hover .lsd{ transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px); -o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);} #c_news_list-15348494656155797 .p_articles:hover .lsd2{transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px); -o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);} .hsd2{width:400px;height:2px;background:#eee;margin-bottom:30px;} .lsd2{width:400px;height:2px;background:#2aa33c; transform:translate(-400px,0px);-webkit-transform:translate(-400px,0px);-moz-transform:translate(-400px,0px); -o-transform:translate(-400px,0px);-ms-transform:translate(-400px,0px);} .map-service{position:relative;height:760px;background:url(404.png) center no-repeat} .map-service-right{margin-left:414px;padding-top:60px} .china-map{width:929px;height:419px;background:url(404.png) center no-repeat;position:relative;} .region-list{position:absolute;left:0;top:0} @-webkit-keyframes warn{ 0%{-webkit-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:0} } @-moz-keyframes warn{ 0%{-moz-transform:scale(0);transform:scale(0);opacity:1} 100%{-moz-transform:scale(1);transform:scale(1);opacity:0} } @-o-keyframes warn{ 0%{-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-o-transform:scale(1);transform:scale(1);opacity:0} } @keyframes warn{ 0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0} } .area-box .dot{position:absolute;left:0;width:16px;height:16px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#d4edd8;opacity:1;filter:alpha(opacity=100); left: -3px; top: -3px;} .area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #d4edd8;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0} .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .postition-1{left:132px;top:64px} .postition-2{left:208px;top:124px} .postition-3{left:242px;top:246px} .postition-4{left:262px;top:328px} .postition-5{left:416px;top:170px} .postition-6{left:494px;top:250px} .postition-7{left:494px;top:56px} .postition-8{left:586px;top:125px} .postition-9{left:770px;top:324px} .x_aassss{background:url(404.png) center no-repeat;width:649px;height:273px; top: 60px; left: 140px; position: absolute;}  .scroll_container{ width:1020px; margin:0 auto; } .scroll_container span{ color:#fff; font-size:56px; font-weight:bold; text-align: center; height: 40px; margin-right: 8px; } .scroll_container li{float:left; height:136px; line-height:136px; width:340px; text-align: center;} .scroll_container .danwei{float:left; height: 40px;} .scroll_container p{float:left;clear: both;font-size: 16px;} .scroll_container .lineli{border-right:1px solid #ddd; padding: 0; display: block; height: 60px; margin-top: 55px;} .lxcl{background:url(404.png) center no-repeat;width:1200px;height:480px;} .lxcl li{width:50%;height:240px;} .cscb_box{line-height: 40px;font-size: 20px;font-weight: bold;color: #fff;} .scsb_icon{ float: left; width: 60px; height: 40px; text-align: center;} .lxcl li{ padding:30px 40px; float: left;} .scsb_text{font-size:16px;color:#fff;height:70px;margin-top:20px;} .bj_1 .imgaaaa{top: 0px; position: absolute; left: 0px; z-index: -1;transition: all 2.0s;opacity:0.0;} .bj_2:hover .imgaaaa{top: 0px; position: absolute; left: 600px; z-index: -1;transition: all 2.0s;opacity:1.0;} .lxcl .imgaaaa{width: 600px; height: 240px;} .bj_2 .imgaaaa{top: 0px; position: absolute; left: 600px; z-index: -1;transition: all 2.0s;opacity:0.0;} .bj_3:hover .imgaaaa{top: 240px; position: absolute; left: 0px; z-index: -1;transition: all 2.0s;opacity:1.0;} .bj_3 .imgaaaa{top: 240px; position: absolute; left: 0px; z-index: -1;transition: all 2.0s;opacity:0.0;} .bj_4:hover .imgaaaa{top: 240px; position: absolute; left: 600px; z-index: -1;transition: all 2.0s;opacity:1.0;} .bj_4 .imgaaaa{top: 240px; position: absolute; left: 600px; z-index: -1;transition: all 2.0s;opacity:0.0;} .bj_1 .imgaaaa{top: 0px; position: absolute; left: 0px; z-index: -1;transition: all 2.0s;opacity:1.0;} .bj_2 .imgaaaa{top: 0px; position: absolute; left: 600px; z-index: -1;transition: all 2.0s;opacity:1.0;} .bj_3 .imgaaaa{top: 240px; position: absolute; left: 0px; z-index: -1;transition: all 2.0s;opacity:1.0;} .bj_4 .imgaaaa{top: 240px; position: absolute; left: 600px; z-index: -1;transition: all 2.0s;opacity:1.0;} .lxcl li {overflow: hidden;} .lxcl li:hover{background: rgba(244, 212, 109, 0.6);} .bj_1,.bj_2,.bj_3,.bj_4{ transition: all 0.5s;opacity:1.0;} .bj_1:hover,.bj_2:hover,.bj_3:hover,.bj_4:hover{ transition: all 1s;opacity:1.0;} .lxcl .bj_1 div{opacity:1.0!important;}  .fenxiang{ float: left;cursor: pointer; height: 45px; position: relative;} .fenxiang a{float:left;} .fenxiang .topweixin{opacity: 0;width:120px;text-align: center; line-height: 40px; color: #fff; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .fenxiang .topweixin img{width:120px;height:120px;} .fenxiang:hover .topweixin{opacity: 1; transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } .weixinimg:hover{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); } .weixinimg{width:34px;height:34px; margin-right: 17px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .fenxiang .topweixin{position: absolute; left:-43px; top: -130px;} .fenxiang .topweixin img{width:120px !important;height:120px!important} .fenxiang .topanzhuo{ position: absolute; right: 80px;} .fenxiang .topweixins{position: absolute; left:43px; top: -100px;} .fenxiang .topweixins{opacity: 0;width:120px;text-align: center; line-height: 40px; color: #fff; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .fenxiang .topweixins img{width:120px;height:120px;} .fenxiang:hover .topweixins{opacity: 1; transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } .weixinimgs:hover{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); } .weixinimgs{width:34px;height:34px; margin-right: 43px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease; height: 1px;} .yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;} .yb_bar .yb_top{background:#2aa33c url(404.png) no-repeat 0 0;} .yb_bar .yb_phone{background:#2aa33c url(404.png) no-repeat 0 -57px;} .yb_bar .yb_QQ{text-indent:0;background:#2aa33c url(404.png) no-repeat 0 -113px;} .yb_bar .yb_ercode{background:#2aa33c url(404.png) no-repeat 0 -169px;} .yb_bar .flip{background:#2aa33c url(404.png) no-repeat 0 -226px;} .yb_bar .yb_hd{background:#2aa33c url(404.png) no-repeat 0 -283px;} .hd_qr{padding:0 29px 25px 29px;} .yb_QQ a{display:block;} #c_public_htmlCode-15356406467281206{position: fixed;top:0px;} #top{width:100%;height:0px;background-color: rgba(0, 0, 0, 0.6);}  .m_map{ width:970px; height:860px; position:relative; background:url(404.png) no-repeat 0 0 ;} .mp{ position:absolute; cursor:pointer; background:url(404.png) no-repeat 4px 0px; width:90px; height:24px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;} .mp:hover{ background:url(404.png) no-repeat 4px 0px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; } .hover_tu{background:url(404.png) no-repeat 4px 0px;} .mp .mito{ position:absolute; left:-14px; bottom:0px; font-size:18px; font-weight:bold; -webkit-transform:scale(0.8); color:#333;text-align: center;font-family:"微软雅黑"; width: 110px; text-align: center;} .mp .find_mi1{ left:-12px; width:55px;top: 23px;} .mp .find_mi2{ left:-5px; width:55px;} .feng{ position:absolute; display:none; width:220px; height:68px; left:-89px; top:-78px; background:#595959; z-index:10;} .hunanclass .tree .du_size{ width: 317px!important;} .feng .sang{ position:absolute; left:94px; bottom:-8px; background:url(404.png) no-repeat 0 0; width:14px; height:8px;} .feng .tree{ height:62px; width:200px; margin:9px; } .feng .tree .boou{ width:86px; height:62px; float:left;} .feng .tree .du_size{ float:left; height:62px; width:210px;} .feng .tree .du_size p{ font-size:14px; color:#FFF; line-height:20px;font-family:"微软雅黑"} .mp1{left:680px; top:100px; } .mp2{left: 553px;top: 220px;} .mp3{left:635px; top:190px; } .mp4{left:527px; top:263px; } .mp5{left: 460px;top: 340px;} .mp6{left:604px; top:350px; } .mp7{left:627px; top:417px; } .mp8{left:584px; top:371px; } .mp9{left:528px; top:329px; } .mp10{left:504px; top:293px; } .mp11{left:466px; top:335px; } .mp12{left:528px; top:380px; } .mp13{left:566px; top:447px; } .mp14{left:605px; top:457px; } .mp15{left: 530px;top: 390px;} .mp16{left:439px; top:456px; } .mp17{left:381px; top:403px; } .mp18{left:360px; top:500px; } .mp19{left:393px; top:320px; } .mp20{left:489px; top:584px; } .mp21{left:640px; top:365px; } .mp22{left:448px; top:400px; } .mp23{left:542px; top:228px; } .mp24{left:415px; top:290px; } .mp25{left:448px; top:246px; } .mp26{left:470px; top:510px; } .mp27{left:180px; top:200px; } .mp28{left:540px; top:500px; }  .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/xy11.jpg); height: 100%; width: 100%; } .zq-product-img2 { background: url(../image/lxy22.jpg); height: 100%; width: 100%; } .zq-product-img4 { background: url(../image/lxy44.jpg); height: 100%; width: 100%; } .zq-product-img3 { background: url(../image/lxy33.jpg); height: 100%; width: 100%; } .zq-product-img5 { background: url(../image/lxy55.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: 1260px; margin: 0 auto; position: relative } @media screen and (min-width:1500px) { .main-wrap { width: 1260px } } .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: 145px; 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: 376px; position: absolute; top: 145px } #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: 90%; left: 25px; font-size: 14px; color: #a9b0b4; text-align: left; padding-top: 26px } .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: 159px; 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; }  .phPart1{ display:none;} .indexPart1{ background-color:#efefef; padding-top:95px; padding-bottom:60px;} .indexPart1 .leftDiv{ width:48%; float:right;} .indexPart1 .rightDiv{ width:48%; float:left;} .indexPart1 .rightDiv a{ overflow:hidden; display:block;} .indexPart1 .rightDiv img{ width:100%; transition:all 0.3s; -webkit- transition:all 0.3s; -moz- transition:all 0.3s; -ms- transition:all 0.3s; -o- transition:all 0.3s;} .indexPart1 .rightDiv:hover img{transform:scale(1.2); -webkit-transform:scale(1.2);} .indexPart1 .leftDiv .title{ font-size:36px; color:#004ea2; padding-bottom:15px; background:url(404.png) no-repeat left bottom; margin-top:4px;} .indexPart1 .leftDiv p{ font-size:16px; color:#4f4f50; margin:35px 0; line-height:2;} .indexPart1 .leftDiv .morebox{ height:42px;} .indexPart1 .leftDiv .morebox a{ display:block; float:left; font-size:14px; margin-right:20px; padding:10px 20px;} .indexPart1 .leftDiv .morebox a:hover{ text-decoration:underline;} .indexPart1 .leftDiv .morebox .a01{ color:#035cac; border:1px #035cac solid;} .indexPart1 .leftDiv .morebox .a02{ color:#fff; background-color:#035cac; border:1px #035cac solid;} .indexPart1 .leftDiv .morebox .a03{ color:#fff; background-color:#24abe4;} .indexPart1 .leftDiv .morebox .a03 img{ padding-left:10px;} .indexPart1 .leftDiv .list{ margin-top:31px; width:100%;} .indexPart1 .leftDiv .list .title02{ font-size:16px; color:#035cac; margin-bottom:20px;} .indexPart1 .leftDiv .list .slick{ width:33.33%; float:left; } .indexPart1 .leftDiv .list .slick .box{margin-right:16px; display:block;} .indexPart1 .leftDiv .list .slick .imgbox{ overflow:hidden;} .indexPart1 .leftDiv .list .slick img{ width:100%; transition: 3s; -moz-transition: 3s; -webkit-transition: 3s; -o-transition: 3s;} .indexPart1 .leftDiv .list .slick a:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2);} .indexPart1 .leftDiv .list .slick .name{ margin-top:15px;} .indexPart1 .leftDiv .list .slick .name a{ font-size:14px; color:#7b7b7b;} .indexPart1 .leftDiv .list .slick .name a:hover{ color:#035cac;} .indexPart1 .leftDiv .qiche{ position:relative; padding-right:50px;} .indexPart1 .leftDiv .qiche .slick-prev{ display:block; width:29px; height:29px; background:url(404.png) no-repeat center; position:absolute; z-index:222; right:0; top:40px;} .indexPart1 .leftDiv .qiche .slick-next{ display:block; width:29px; height:29px; background:url(404.png) no-repeat center; position:absolute; z-index:222; right:0; top:80px;}  .apple-banner { width: 100%; height: 720px; overflow: hidden; } .apple-banner .swiper-container { margin-top: -40px; width: 100%; height: 800px; } .swiper-button-prev,.swiper-button-next{ width: 15%; height: 100%; top:0; background:none !important; } .swiper-button-prev{ left:0;} .swiper-button-next{ right:0;} .swiper-button-prev span,.swiper-button-next span{ display:block; width: 64px; height: 64px; position: absolute; left: 20px; top: 50%; margin-top:-32px; border-radius: 100%; background: rgba(180,180,180,0.25) url(../image/arrows1.png) no-repeat center 17px; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .swiper-button-next span{ background: rgba(180,180,180,0.25) url(../image/arrows1.png) no-repeat center -71px; left:auto; right:20px; } .swiper-button-prev:hover span,.swiper-button-next:hover span{ opacity: .6; }  .apple-banner .swiper-pagination{ top:auto; bottom:50px; background:none; } .apple-banner .swiper-pagination-bullet { display: inline-block; width: 50px; height: 30px; margin: 0 3px; cursor: pointer; background: none; border-radius:0; opacity: 1; } .apple-banner .swiper-pagination-bullet span { width: 50px; height: 2px; display: block; background: rgba(128,128,128,0.2); } .apple-banner .swiper-pagination-bullet-active span{ background:gray; } .apple-banner .autoplay .swiper-pagination-bullet-active span{ background: rgba(128,128,128,0.2); } .apple-banner .swiper-pagination-bullet i{ background: gray; height: 2px; transform:scaleX(0); transform-origin: 0; display: block; } .apple-banner .autoplay .firsrCurrent i{ transition:transform 2.9s linear; transform:scaleX(1); } .apple-banner .autoplay .current i{ transition:transform 4s linear; transform:scaleX(1); } .apple-banner .autoplay .replace span{ background:gray; } .slide1 { background: #000 url(../image/iphone_large.jpg) no-repeat 50% 10%; background-size: auto 100%; } .slide1 .title { text-align: center; margin-top: 100px; font-size: 30px; font-weight: normal; color: #fff; } .slide2 { background: #f3f3f3 url(../image/watch_alt_large.jpg) no-repeat center 50%; background-size: auto 100%; } .slide2 .title { padding-top: 100px; text-align: center; } .slide2 h2 { bottom: 100px; text-align: center; font-size: 30px; font-weight: normal; position: absolute; width: 100%; } .slide3 { background: #fff url(../image/macbookpro_large.jpg) no-repeat center 110%; background-size: auto 70%; } .slide3 .title { text-align: center; margin-top: 100px; font-size: 40px; font-weight: normal; }.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; }.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; }.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);} } *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{}body,#-remove--flag{} *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{} .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{}@-webkit-keyframes rotation{from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } #c_public_htmlCode-15471684243234750{ position:absolute; top:32.5px; left:0px; z-index:2; width:1280px; height:135px; } #c_breadcrumb_nav-15471819241702679{ position:absolute; top:8px; left:316px; z-index:2; width:651px; height:30px; } #c_public_htmlCode-15471860812466098{ position:absolute; top:365px; left:53px; z-index:110; width:211px; height:63px; } #c_complaintPage_detail-15471835147144924 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_complaintPage_detail-15471835147144924{ position:absolute; top:141px; left:315px; z-index:3; width:1282px; height:613px; } #w_wbox-1547167465504 .p_wbox{ background-color:rgba(238, 238, 238, 1); background-image:url(../image/zb1.jpg); background-image-part-image:url(../image/zb1.jpg); } #w_wbox-1547167465504 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1547167465504 >div{ animation-fill-mode:both; } #w_wbox-1547181933963 .p_wbox{ background-color:rgba(241, 241, 241, 1); border-bottom:solid 1px rgba(153,153,153,0.2); } #w_wbox-1547181933963 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1547181933963 >div{ animation-fill-mode:both; } #w_wbox-1547167736091 .p_wbox{ background-position:bottom center; } #w_wbox-1547167736091 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1547167736091 >div{ animation-fill-mode:both; } #w_wbox-1547180782441 .p_wbox{ background-image:url(../image/bg15.jpg); background-image-part-image:url(../image/bg15.jpg); } #w_wbox-1547180782441 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1547180782441 >div{ animation-fill-mode:both; } #w_wbox-1547168886163 .p_wbox{ background-color:rgba(238, 238, 238, 1); background-image:url(../image/ls8.jpg); background-image-part-image:url(../image/ls8.jpg); background-position:center center; background-attachment:fixed; } #w_wbox-1547168886163 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1547168886163 >div{ animation-fill-mode:both; } #w_wbox-1547168886163 .reset_style:hover span{ color:#fca750; } #w_common_text-1547168697814 .p_link001{ height:calc(100%); } #w_common_text-1547168776351 .p_link001{ height:calc(100%); } #w_common_text-1547168672255 .p_link001{ height:calc(100%); } #w_common_text-1547168627755 .p_link001{ height:calc(100%); } #w_common_text-1547167762179 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1547167762179 >div{ animation-name:fadeInDown; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1547167762179 .p_link001{ height:calc(100%); } #w_common_text-1547167850120 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1547167850120 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1547183309302 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1547183309302 >div{ animation-name:fadeInDown; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1547183309302 .p_link001{ height:calc(100%); } #w_img-1547182682184 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547182682184 >div{ animation-fill-mode:both; } #w_img-1547184827470 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547184827470 >div{ animation-fill-mode:both; } #w_common_text-1547182682173 .p_link001{ height:calc(100%); } #w_common_text-1547182682196 .p_link001{ height:calc(100%); } #w_img-1547184903909 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547184903909 >div{ animation-fill-mode:both; } #w_img-1547182682206 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547182682206 >div{ animation-fill-mode:both; } #w_common_text-1547182682218 .p_link001{ height:calc(100%); } #w_img-1547182682229 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547182682229 >div{ animation-fill-mode:both; } #w_img-1547185393407 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547185393407 >div{ animation-fill-mode:both; } #w_common_text-1547182682240 .p_link001{ height:calc(100%); } #w_img-1547182682250 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547182682250 >div{ animation-fill-mode:both; } #w_img-1547185881972 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547185881972 >div{ animation-fill-mode:both; } #w_common_text-1547182682261 .p_link001{ height:calc(100%); } #w_img-1547182682271 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547182682271 >div{ animation-fill-mode:both; } #w_img-1547185989592 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547185989592 >div{ animation-fill-mode:both; } #w_common_text-1547182682282 .p_link001{ height:calc(100%); } #w_img-1547182682292 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547182682292 >div{ animation-fill-mode:both; } #w_img-1547186072645 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547186072645 >div{ animation-fill-mode:both; } #w_common_text-1547169250612 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1547169250612 >div{ animation-name:fadeInDown; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1547169250612 .p_link001{ height:calc(100%); } #w_img-1547183036967 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547183036967 >div{ animation-fill-mode:both; } #w_wbox-1547167465504{ position:absolute; top:-7px; left:-316px; z-index:104; width:1912px; height:500px; } #w_wbox-1547181933963{ position:absolute; top:493px; left:-316px; z-index:102; width:1912px; height:45px; } #w_wbox-1547167736091{ position:absolute; top:538px; left:-316px; z-index:101; width:1912px; height:575px; } #w_wbox-1547180782441{ position:absolute; top:1113px; left:-316px; z-index:105; width:1912px; height:860px; } #w_wbox-1547168886163{ position:absolute; top:1971px; left:-316px; z-index:103; width:1912px; height:1408px; } #w_rbox-1547168413844{ position:absolute; top:296px; left:303px; z-index:4; width:1280px; height:257px; } #w_rbox-1547182682112{ position:absolute; top:186px; left:316px; z-index:103; width:661px; height:182px; } #w_rbox-1547182682127{ position:absolute; top:375px; left:927px; z-index:104; width:670px; height:182px; } #w_rbox-1547182682137{ position:absolute; top:565px; left:316px; z-index:106; width:661px; height:182px; } #w_rbox-1547182682147{ position:absolute; top:754px; left:927.391px; z-index:107; width:670px; height:182px; } #w_rbox-1547182682155{ position:absolute; top:944px; left:316px; z-index:108; width:661px; height:182px; } #w_rbox-1547182682163{ position:absolute; top:1135px; left:927px; z-index:109; width:670px; height:182px; } #w_common_text-1547168697803{ position:absolute; top:71px; left:873.391px; z-index:7; width:56px; height:34px; } #w_common_text-1547168776335{ position:absolute; top:74px; left:1212.98px; z-index:9; width:56px; height:34px; } #w_common_text-1547168672243{ position:absolute; top:74px; left:530.594px; z-index:5; width:56px; height:34px; } #w_common_text-1547168697814{ position:absolute; top:121px; left:699px; z-index:8; width:224px; height:27px; } #w_common_text-1547168776351{ position:absolute; top:121px; left:1016.8px; z-index:10; width:224px; height:27px; } #w_common_text-1547168672255{ position:absolute; top:121px; left:363.188px; z-index:6; width:268px; height:27px; } #w_common_text-1547168627755{ position:absolute; top:121px; left:69px; z-index:4; width:200px; height:29px; } #w_common_text-1547168565737{ position:absolute; top:74px; left:213px; z-index:3; width:56px; height:34px; } #w_common_text-1547167762179{ position:absolute; top:73px; left:316px; z-index:1; width:1280px; height:50px; } #w_common_text-1547167850120{ position:absolute; top:156px; left:324px; z-index:2; width:1244px; height:84px; } #w_common_text-1547183309302{ position:absolute; top:83px; left:316.391px; z-index:2; width:1280px; height:50px; } #w_img-1547182682184{ position:absolute; top:10px; left:630px; z-index:2; width:16px; height:16px; } #w_img-1547184827470{ position:absolute; top:0px; left:145px; z-index:3; width:150px; height:150px; } #w_common_text-1547182682173{ position:absolute; top:0px; left:292px; z-index:1; width:303px; height:178px; } #w_common_text-1547182682196{ position:absolute; top:0px; left:70px; z-index:1; width:367px; height:180px; } #w_img-1547184903909{ position:absolute; top:0px; left:448px; z-index:3; width:158px; height:158px; } #w_img-1547182682206{ position:absolute; top:11px; left:19px; z-index:2; width:16px; height:16px; } #w_common_text-1547182682218{ position:absolute; top:0px; left:292px; z-index:1; width:303px; height:178px; } #w_img-1547182682229{ position:absolute; top:10px; left:630px; z-index:2; width:16px; height:16px; } #w_img-1547185393407{ position:absolute; top:0px; left:136.5px; z-index:3; width:166px; height:166px; } #w_common_text-1547182682240{ position:absolute; top:1px; left:70px; z-index:1; width:322px; height:180px; } #w_img-1547182682250{ position:absolute; top:11px; left:19px; z-index:2; width:16px; height:16px; } #w_img-1547185881972{ position:absolute; top:-23px; left:408.609px; z-index:3; width:289px; height:267px; } #w_common_text-1547182682261{ position:absolute; top:0px; left:145px; z-index:1; width:450px; height:158px; } #w_img-1547182682271{ position:absolute; top:10px; left:630px; z-index:2; width:16px; height:16px; } #w_img-1547185989592{ position:absolute; top:0px; left:0px; z-index:3; width:166px; height:166px; } #w_common_text-1547182682282{ position:absolute; top:1px; left:70px; z-index:1; width:391px; height:136px; } #w_img-1547182682292{ position:absolute; top:11px; left:19px; z-index:2; width:16px; height:16px; } #w_img-1547186072645{ position:absolute; top:0px; left:504.391px; z-index:3; width:166px; height:166px; } #w_common_text-1547169250612{ position:absolute; top:77px; left:316px; z-index:101; width:1280px; height:50px; } #w_img-1547183036967{ position:absolute; top:185px; left:936px; z-index:105; width:37px; height:1140px; }