/*初始化111*/ html,body{margin: 0;padding: 0;} .pagebox{position:relative;}body{ overflow-x:hidden; } #w_common_text-1558080745490 span,#w_common_text-1558083362075 span{font-size:100px !important;opacity: .5;} #c_intro_detail-1537324861723 .resetHtmlCssStyle p{ line-height: inherit; font-size: 16px;} #w_img-1536744433500 img,#w_img-1536744799680 img,#w_img-1536745023128 img,#w_img-1536744747776 img{ opacity: 0; } #w_img-1536742470397:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #w_img-1536742470397 img{ -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .reset_style a, .resetHtmlCssStyle .reset_style a{ color:#666; } .reset_style a:hover{ color:#4db13f; } .e_SideMajorStyleBox-001 .stylebox_top_line,.e_SideMajorStyleBox-001 .stylebox_bottom_line{ height:0px !important; } .e_ContentMajorStyleBox-001 .stylebox_top,.e_ContentMajorStyleBox-001 .stylebox_title{background-color: #0068b7 !important;} #w_rbox-1537258961460 div.w_rbox>.p_rbox{ box-shadow:0 1px 3px rgba(0, 0, 0, 0.15); } .e_SideMajorStyleBox-001 .title_main,.e_IndexMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 130px !important; color: rgba(255,255,255,1); font-weight: normal; font-size: 28px !Important; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_top,.e_IndexMajorStyleBox-001 .stylebox_top{width: auto;height: 130px !important;background-color: #0068b7 !important;margin-bottom: 15px;text-align: center;} .e_SideMajorStyleBox-001 .stylebox_title,.e_IndexMajorStyleBox-001 .stylebox_title{display: inline-block;width: auto;height: inherit;background-color: #0068b7 !important;padding-left: 15px;padding-right: 15px;font-size: 0;vertical-align: bottom;white-space: nowrap;} .resetHtmlCssStyle p,.reset_style p{ font-size:14px; color:#666; line-height:24px; } #c_intro_detail-15372578085134116 .resetHtmlCssStyle p{ padding-bottom:10px; } #c_news_detail-15372640628042381 .resetHtmlCssStyle p{ padding-bottom:10px; } #w_btn-1536743290275 .p_CommonBtn::before{ content: ""; width: 100%; height: 100%; background-color: #fff; z-index:0; position: absolute; left: 0; bottom: 0px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .42s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .42s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; } #w_btn-1536743290275 .p_CommonBtn:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; } /*幻灯片*/ #c_ads_banner-15367420164692240{ left:50% !important; margin-left:-960px; } /*联系我们*/ #w_rbox-1536827901108:hover #w_img-1536832286608,#w_rbox-1536828004192:hover #w_img-1536832316699,#w_rbox-1536828044184:hover #w_img-1536832334777{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); } #w_img-1536832286608,#w_rbox-1536827901108,#w_rbox-1536828004192,#w_img-1536832316699,#w_rbox-1536828044184,#w_img-1536832334777{ transition: all 0.42s; } #w_rbox-1536827901108:hover,#w_rbox-1536828004192:hover,#w_rbox-1536828044184:hover{ top:345px; } /*a标签*/ #w_rbox-1536828044184 a{ color:#333; } #w_common_text-1536828158666 a{ color:#fff; } #w_common_text-1536828158666 a:hover{ color:#4db13f; } #w_rbox-1536828044184 a:hover{ color:#4db13f; } /*合作客户*/ #w_img-1536822793368:hover,#w_img-1536822832587:hover,#w_img-1536822848123:hover,#w_img-1536822864962:hover,#w_img-1536822892820:hover,#w_img-1536822905257:hover,#w_img-1536822918233:hover,#w_img-1536822926527:hover{ transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -moz-transform: translate(0,-10px); -o-transform: translate(0,-10px); -ms-transform: translate(0,-10px); box-shadow: 5px 8px 5px rgba(0,0,0,.2); } #w_img-1536822793368,#w_img-1536822832587,#w_img-1536822848123,#w_img-1536822864962,#w_img-1536822892820,#w_img-1536822905257,#w_img-1536822918233,#w_img-1536822926527{ transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; } /*服务领域*/ /*卡片背景*/ #w_rbox-1536746932508:hover,#w_rbox-1536747327118:hover,#w_rbox-1536747333303:hover,#w_rbox-1536747355656:hover,#w_rbox-1536747362984:hover,#w_rbox-1536747386781:hover{ background:#4db13f; } #w_rbox-1536746932508,#w_rbox-1536747327118,#w_rbox-1536747333303,#w_rbox-1536747355656,#w_rbox-1536747362984,#w_rbox-1536747386781{ transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; } /*主图*/ #w_img-1536747433244,#w_img-1536747583367,#w_img-1536747636258,#w_img-1536747677346,#w_img-1536747689982,#w_img-1536747735919{ transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; } #w_rbox-1536746932508:hover .w_img-002,#w_rbox-1536747327118:hover .w_img-002,#w_rbox-1536747333303:hover .w_img-002,#w_rbox-1536747355656:hover .w_img-002,#w_rbox-1536747362984:hover .w_img-002,#w_rbox-1536747386781:hover .w_img-002{ top:37px; } /*标题文字*/ #w_common_text-1536747777201,#w_common_text-1536748528294,#w_common_text-1536748532720,#w_common_text-1536748538408,#w_common_text-1536748545919,#w_common_text-1536748557903{ transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; } #w_rbox-1536746932508:hover #w_common_text-1536747777201,#w_rbox-1536747327118:hover #w_common_text-1536748528294,#w_rbox-1536747333303:hover #w_common_text-1536748532720,#w_rbox-1536747355656:hover #w_common_text-1536748538408,#w_rbox-1536747362984:hover #w_common_text-1536748545919,#w_rbox-1536747386781:hover #w_common_text-1536748557903{ top: 224px; } /*装饰标签*/ #w_rbox-1536746932508:hover #w_img-1536747892989,#w_rbox-1536747327118:hover #w_img-1536748566550,#w_rbox-1536747333303:hover #w_img-1536748574007,#w_rbox-1536747355656:hover #w_img-1536748679516,#w_rbox-1536747362984:hover #w_img-1536748696783,#w_rbox-1536747386781:hover #w_img-1536748709766{ opacity: 0; top:270px; } /*概要文字*/ #w_rbox-1536746932508:hover span,#w_rbox-1536747327118:hover span,#w_rbox-1536747333303:hover span,#w_rbox-1536747355656:hover span,#w_rbox-1536747362984:hover span,#w_rbox-1536747386781:hover span{ color:#fff; } #w_common_text-1536807757731,#w_common_text-1536809757232,#w_common_text-1536818079214,#w_common_text-1536818091545,#w_common_text-1536818116350,#w_common_text-1536818136361{ opacity: 0; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; } #w_rbox-1536746932508:hover #w_common_text-1536807757731,#w_rbox-1536747327118:hover #w_common_text-1536809757232,#w_rbox-1536747333303:hover #w_common_text-1536818079214,#w_rbox-1536747355656:hover #w_common_text-1536818091545,#w_rbox-1536747362984:hover #w_common_text-1536818116350,#w_rbox-1536747386781:hover #w_common_text-1536818136361{ opacity: 1; top:269px; } #w_img-1536744433500:before,#w_img-1536744799680:before,#w_img-1536745023128:before,#w_img-1536744747776:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #2ea23b;transform: scale(0);-webkit-transform: scale(0);transition: all .3s;-webkit-transition: all .3s;opacity: 0;visibility: hidden\9;z-index: -1;border-radius:55px;} #w_img-1536744433500:hover:before,#w_img-1536744799680:hover:before,#w_img-1536745023128:hover:before,#w_img-1536744747776:hover:before{ transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9; } #w_img-1536744433500,#w_img-1536744799680,#w_img-1536745023128,#w_img-1536744747776{ border-radius:55px; border:1px solid #2ea23b; background:#fff; } /*翻页*/ .e_pagebox { width: auto; height: auto; clear: both; position: relative } .p_page{ float: right; right: 30px; } .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px } .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px } /*左翻页*/ .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1 } .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; margin:0 5px 0 18px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(242, 242, 242, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; } .p_page .pre:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); cursor: pointer } .p_page .pre:active { background-color: rgba(90, 170, 167, 1) } .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .p_page .pre:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pre:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pre .iconfont:before { content: ""; margin-right: 5px } /*右翻页*/ .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px } .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1 } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; } .p_page .next:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); cursor: pointer } .p_page .next:active { background-color: rgba(90, 170, 167, 1) } .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .p_page .next:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .next:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .next .iconfont:before { content: ""; margin-top: 3px; float: right; margin-left: 5px } /*翻页数字*/ .p_page .pageNum { position: relative; float: left; height: 30px; width: 30px; margin:0 5px 0 0; background-size: 100% 100%; color: rgba(102, 102, 102, 1); border:0 solid rgba(255, 255, 255, 0); cursor: pointer; line-height: 30px; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: rgba(242, 242, 242, 1); text-align: center; } .p_page .pageNum:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); cursor: pointer; text-decoration: none; background-color: rgba(101, 190, 186, 1) } .p_page .pageNum:active { text-decoration: none; background-color: rgba(90, 170, 167, 1) } .p_page .pageNum.active { text-decoration: none; background-color: rgba(90, 170, 167, 1); color: rgba(255, 255, 255, 1) } .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0 } .p_page .pageNum .iconfont { display: inline; color: rgba(255, 255, 255, 1); vertical-align: middle } .p_page .pageNum:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pageNum:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pageNum .iconfont:before { content: "" } /*翻页省略*/ .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1) } .p_page .p_PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1) } /*占位容器*/ .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: none; overflow: hidden } /* 跑马灯 start */ .p_CommonInteraction{ 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; } .p_CommonLanternBox{ position: relative; margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .p_CommonSwitchBtnA{ position: absolute; top: 50%; left: 50%; display:inline-block; vertical-align:middle; cursor:pointer; font-size: 45px; color: #e5e5e5; transform: translate(-50%,-50%); } .p_CommonSwitchBtnA .iconfont:before{ content: "\e687"; display: inline-block; } .p_CommonSwitchBtnA:hover{ cursor:pointer; color:rgba(105,192,188,1); } .p_CommonSwitchBtnB{ position: absolute; top: 50%; right: 50%; display: inline-block; vertical-align: middle; cursor: pointer; transform: translate(50%,-50%); font-size: 45px; color: #e5e5e5; vertical-align: middle; cursor: pointer; } .p_CommonSwitchBtnB .iconfont:before{ content: "\e6ae"; display: inline-block; } .p_CommonSwitchBtnB:hover { color: rgba(105, 192, 188, 1); cursor: pointer } .d_CommonInteractionA{ left: 0; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .d_CommonInteractionB{ right: 0; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } /*方形图片组符*/ .p_CommonSummaryBoxA { margin: 0 0 20px; width: auto; height: auto; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; text-align:center; } .p_CommonThumbnailBox { margin: 0; width: auto; height: auto; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden } .p_CommonSquareNumBtn { display: inline-block; height: 10px; width: 100px; margin: 0 8px; padding: 0; background-color: rgba(228, 228, 228, 1); border-width: 1px; border-color: transparent; color: rgba(153, 153, 153, 1); font-size: 12px; font-family: "Microsoft YaHei"; text-align: center; cursor: pointer } .p_CommonSquareNumBtn img { display: none } .p_CommonSquareNumBtn .shape { text-indent: -9999em; width: inherit; height: inherit; vertical-align: middle } .p_CommonSquareNumBtn.active, .p_CommonSquareNumBtn:hover { background-color: rgba(103, 184, 180, 1); color: rgba(255, 255, 255, 1) } .p_CommonSquareNumBtn.j-nav-active { background-color: rgba(103, 184, 180, 1); color: rgba(255, 255, 255, 1) } /* 跑马灯 end */ /* 显示拖动条 */ .p_scroll { width: 100%; height: auto; position: relative } .p_scroll .vline { width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #F0F0F0; opacity: 1; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } .p_scroll .scrolling { width: 77px; height: 25px; border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F2F2F3); background: -o-linear-gradient(#fff, #F2F2F3); background: -moz-linear-gradient(#fff, #F2F2F3); background: linear-gradient(#fff, #F2F2F3); border-radius: 6px; position: relative; left: 50%; text-align: center; font-size: 15px; box-shadow: 0 0 10px #fff inset, 0 1px 1px rgba(0, 0, 0, .1); color: #AAA; cursor: pointer } .p_scroll .scrolling:hover { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F7F7F8); background: -o-linear-gradient(#fff, #F7F7F8); background: -moz-linear-gradient(#fff, #F7F7F8); background: linear-gradient(#fff, #F7F7F8) } .p_scroll .scrolling:active { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #E4E4E4); background: -o-linear-gradient(#fff, #E4E4E4); background: -moz-linear-gradient(#fff, #E4E4E4); background: linear-gradient(#fff, #E4E4E4); box-shadow: 0 0 10px #fff inset, 0 1px 2px rgba(0, 0, 0, .1) } /* 滚动加载 */ .p_more { position: static; width: 100%; margin: 0 auto; text-align: center; padding-right: 20px; padding-left: 20px; height: 70px; background-color: #F6F7F8; position: relative; border-radius: 0; border-width: 0; color: rgba(115, 115, 131, 1); font-size: 18px } .p_more:active { background-color: #F6F7F8 } .p_more .font { vertical-align: middle; text-align: inherit; line-height: 70px; } .p_more .iconfont { display: inline; vertical-align: middle; font-style: normal } .p_more .iconfont:before { content: "\e6d1" }