.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /** * Swiper 3.4.1 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} @charset "utf-8"; html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;} blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} /* table,th,td{border: 1px solid black;} */ fieldset,img{border:0} address,caption,cite,code,dfn,var{font-style:normal;font-weight:400;} dl,ol,ul{list-style-type:none} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;} a{text-decoration:none;color: inherit;} a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())} sup{vertical-align:text-top} sub{vertical-align:text-bottom} textarea{resize:none;outline: none;font-family: Arial,Microsoft Yahei;} img{vertical-align:middle;max-width: 100%;height: auto;} button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())} input{outline: 0;} input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/} body{font-size: 14px;color: #000;font-family: Arial,Microsoft Yahei;} body *{box-sizing: border-box;line-height: 1;} #web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;} #web-ietip a{display: block; width: 65px; height: 80px; float: left;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .ellipsis{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} html{font-size: calc(100vw / 1920 * 100);} @media(max-width: 900px){ html{font-size: calc(900px / 1920 * 100);} } body{font-size: calc(16 * 100vw / 1920);} @media(max-width: 1584px){ body{font-size: 13.2px;} } .s12{font-size: calc(12 * 100vw / 1920);} @media(max-width: 1920px){ .s12{font-size: 12.0px;} } .s13{font-size: calc(13 * 100vw / 1920);} @media(max-width: 1816px){ .s13{font-size: 12.3px;} } .s14{font-size: calc(14 * 100vw / 1920);} @media(max-width: 1728px){ .s14{font-size: 12.6px;} } .s15{font-size: calc(15 * 100vw / 1920);} @media(max-width: 1651px){ .s15{font-size: 12.9px;} } .s16{font-size: calc(16 * 100vw / 1920);} @media(max-width: 1584px){ .s16{font-size: 13.2px;} } .s17{font-size: calc(17 * 100vw / 1920);} @media(max-width: 1524px){ .s17{font-size: 13.5px;} } .s18{font-size: calc(18 * 100vw / 1920);} @media(max-width: 1472px){ .s18{font-size: 13.8px;} } .s19{font-size: calc(19 * 100vw / 1920);} @media(max-width: 1424px){ .s19{font-size: 14.1px;} } .s20{font-size: calc(20 * 100vw / 1920);} @media(max-width: 1382px){ .s20{font-size: 14.4px;} } .s21{font-size: calc(21 * 100vw / 1920);} @media(max-width: 1344px){ .s21{font-size: 14.7px;} } .s22{font-size: calc(22 * 100vw / 1920);} @media(max-width: 1309px){ .s22{font-size: 15.0px;} } .s23{font-size: calc(23 * 100vw / 1920);} @media(max-width: 1277px){ .s23{font-size: 15.3px;} } .s24{font-size: calc(24 * 100vw / 1920);} @media(max-width: 1248px){ .s24{font-size: 15.6px;} } .s25{font-size: calc(25 * 100vw / 1920);} @media(max-width: 1221px){ .s25{font-size: 15.9px;} } .s26{font-size: calc(26 * 100vw / 1920);} @media(max-width: 1196px){ .s26{font-size: 16.2px;} } .s27{font-size: calc(27 * 100vw / 1920);} @media(max-width: 1173px){ .s27{font-size: 16.5px;} } .s28{font-size: calc(28 * 100vw / 1920);} @media(max-width: 1152px){ .s28{font-size: 16.8px;} } .s29{font-size: calc(29 * 100vw / 1920);} @media(max-width: 1132px){ .s29{font-size: 17.1px;} } .s30{font-size: calc(30 * 100vw / 1920);} @media(max-width: 1113px){ .s30{font-size: 17.4px;} } .s31{font-size: calc(31 * 100vw / 1920);} @media(max-width: 1096px){ .s31{font-size: 17.7px;} } .s32{font-size: calc(32 * 100vw / 1920);} @media(max-width: 1080px){ .s32{font-size: 18.0px;} } .s33{font-size: calc(33 * 100vw / 1920);} @media(max-width: 1064px){ .s33{font-size: 18.3px;} } .s34{font-size: calc(34 * 100vw / 1920);} @media(max-width: 1050px){ .s34{font-size: 18.6px;} } .s35{font-size: calc(35 * 100vw / 1920);} @media(max-width: 1036px){ .s35{font-size: 18.9px;} } .s36{font-size: calc(36 * 100vw / 1920);} @media(max-width: 1024px){ .s36{font-size: 19.2px;} } .s37{font-size: calc(37 * 100vw / 1920);} @media(max-width: 1011px){ .s37{font-size: 19.5px;} } .s38{font-size: calc(38 * 100vw / 1920);} @media(max-width: 1000px){ .s38{font-size: 19.8px;} } .s39{font-size: calc(39 * 100vw / 1920);} @media(max-width: 989px){ .s39{font-size: 20.1px;} } .s40{font-size: calc(40 * 100vw / 1920);} @media(max-width: 979px){ .s40{font-size: 20.4px;} } .s41{font-size: calc(41 * 100vw / 1920);} @media(max-width: 969px){ .s41{font-size: 20.7px;} } .s42{font-size: calc(42 * 100vw / 1920);} @media(max-width: 960px){ .s42{font-size: 21.0px;} } .s43{font-size: calc(43 * 100vw / 1920);} @media(max-width: 951px){ .s43{font-size: 21.3px;} } .s44{font-size: calc(44 * 100vw / 1920);} @media(max-width: 942px){ .s44{font-size: 21.6px;} } .s45{font-size: calc(45 * 100vw / 1920);} @media(max-width: 934px){ .s45{font-size: 21.9px;} } .s46{font-size: calc(46 * 100vw / 1920);} @media(max-width: 926px){ .s46{font-size: 22.2px;} } .s47{font-size: calc(47 * 100vw / 1920);} @media(max-width: 919px){ .s47{font-size: 22.5px;} } .s48{font-size: calc(48 * 100vw / 1920);} @media(max-width: 911px){ .s48{font-size: 22.8px;} } .s49{font-size: calc(49 * 100vw / 1920);} @media(max-width: 905px){ .s49{font-size: 23.1px;} } .s50{font-size: calc(50 * 100vw / 1920);} @media(max-width: 898px){ .s50{font-size: 23.4px;} } .s51{font-size: calc(51 * 100vw / 1920);} @media(max-width: 892px){ .s51{font-size: 23.7px;} } .s52{font-size: calc(52 * 100vw / 1920);} @media(max-width: 886px){ .s52{font-size: 24.0px;} } .s53{font-size: calc(53 * 100vw / 1920);} @media(max-width: 880px){ .s53{font-size: 24.3px;} } .s54{font-size: calc(54 * 100vw / 1920);} @media(max-width: 874px){ .s54{font-size: 24.6px;} } .s55{font-size: calc(55 * 100vw / 1920);} @media(max-width: 869px){ .s55{font-size: 24.9px;} } .s56{font-size: calc(56 * 100vw / 1920);} @media(max-width: 864px){ .s56{font-size: 25.2px;} } .s57{font-size: calc(57 * 100vw / 1920);} @media(max-width: 858px){ .s57{font-size: 25.5px;} } .s58{font-size: calc(58 * 100vw / 1920);} @media(max-width: 854px){ .s58{font-size: 25.8px;} } .s59{font-size: calc(59 * 100vw / 1920);} @media(max-width: 849px){ .s59{font-size: 26.1px;} } .s60{font-size: calc(60 * 100vw / 1920);} @media(max-width: 844px){ .s60{font-size: 26.4px;} } .s61{font-size: calc(61 * 100vw / 1920);} @media(max-width: 840px){ .s61{font-size: 26.7px;} } .s62{font-size: calc(62 * 100vw / 1920);} @media(max-width: 836px){ .s62{font-size: 27.0px;} } .s63{font-size: calc(63 * 100vw / 1920);} @media(max-width: 832px){ .s63{font-size: 27.3px;} } .s64{font-size: calc(64 * 100vw / 1920);} @media(max-width: 828px){ .s64{font-size: 27.6px;} } .s65{font-size: calc(65 * 100vw / 1920);} @media(max-width: 824px){ .s65{font-size: 27.9px;} } .s66{font-size: calc(66 * 100vw / 1920);} @media(max-width: 820px){ .s66{font-size: 28.2px;} } .s67{font-size: calc(67 * 100vw / 1920);} @media(max-width: 816px){ .s67{font-size: 28.5px;} } .s68{font-size: calc(68 * 100vw / 1920);} @media(max-width: 813px){ .s68{font-size: 28.8px;} } .s69{font-size: calc(69 * 100vw / 1920);} @media(max-width: 809px){ .s69{font-size: 29.1px;} } .s70{font-size: calc(70 * 100vw / 1920);} @media(max-width: 806px){ .s70{font-size: 29.4px;} } .s71{font-size: calc(71 * 100vw / 1920);} @media(max-width: 800px){ .s71{font-size: 30px;} } .s72{font-size: calc(72 * 100vw / 1920);} @media(max-width: 796px){ .s72{font-size: 30.3px;} } .s73{font-size: calc(73 * 100vw / 1920);} @media(max-width: 793px){ .s73{font-size: 30.6px;} } .s74{font-size: calc(74 * 100vw / 1920);} @media(max-width: 791px){ .s74{font-size: 30.9px;} } .s75{font-size: calc(75 * 100vw / 1920);} @media(max-width: 788px){ .s75{font-size: 31.2px;} } .s76{font-size: calc(76 * 100vw / 1920);} @media(max-width: 79px){ .s76{font-size: 31.5px;} } .s77{font-size: calc(77 * 100vw / 1920);} @media(max-width: 785px){ .s77{font-size: 31.8px;} } .s78{font-size: calc(78 * 100vw / 1920);} @media(max-width: 782px){ .s78{font-size: 32.1px;} } .s79{font-size: calc(79 * 100vw / 1920);} @media(max-width: 780px){ .s79{font-size: 32.4px;} } .s80{font-size: calc(80 * 100vw / 1920);} @media(max-width: 777px){ .s80{font-size: 32.7px;} } div.mCSB_scrollTools{opacity: 1;width: 3px;} div.mCSB_scrollTools .mCSB_draggerRail{width: 3px;background-color: #c6dbf2;filter: none;-ms-filter: none;} div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 3px;background-color: #044fa0;border-radius: 2px;filter: none;-ms-filter: none;} div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #044fa0;filter: none;-ms-filter: none;} div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #044fa0;filter: none;-ms-filter: none;} div.mCSB_inside>.mCSB_container{margin-right: 0 ;} form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder{color: #666;} form input:-moz-placeholder, form textarea:-moz-placeholder{color: #666;} form input::-moz-placeholder, form textarea::-moz-placeholder{color: #666;} form input:-ms-input-placeholder, form textarea:-ms-input-placeholder{color: #666;} .f-form input::-webkit-input-placeholder, .f-form textarea::-webkit-input-placeholder{color: rgba(255,255,255,.8);} .f-form input:-moz-placeholder, .f-form textarea:-moz-placeholder{color: rgba(255,255,255,.8);} .f-form input::-moz-placeholder, .f-form textarea::-moz-placeholder{color: rgba(255,255,255,.8);} .f-form input:-ms-input-placeholder, .f-form textarea:-ms-input-placeholder{color: rgba(255,255,255,.8);} .header{position: fixed;top: 0;left: 0;z-index: 288;padding-top: .35rem; width: 100%;background-color: rgba(255,255,255,.1); box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.5);} .h-a{width: 100%; } .h-b{position: absolute;top: 0;left: 0;z-index: 188; width: 100%;border-bottom: 1px solid rgba(255,255,255,.12);} .h-top{width: 15.2rem;margin: 0 auto; text-align: right; } .h-log{display: inline-block;vertical-align: middle;cursor: pointer;line-height: .35rem;margin-right: .2rem; color: #ffffff;} .h-share{display: inline-block;vertical-align: middle;font-size: 0;position: relative;padding-left: .05rem;line-height: 1 !important;} .h-share:before{content: '';position: absolute;top: 50%;left: 0;margin-top: -.09rem; width: 1px;height: .18rem;background-color: #ffffff;opacity: 0.3;} .h-one{display: inline-block;vertical-align: middle;cursor: pointer;margin-left: .15rem; } .h-oneimg1{display: block; height: .35rem;line-height: .35rem; } .h-oneimg1 img{ height: 42.8%;} .h-oneimg2{display: none; height: 40px;line-height: 40px; } .h-oneimg2 img{ height: 42.8%;} .h-user{display: inline-block;vertical-align: middle;} .h-after{display: inline-block;vertical-align: middle;font-size: 0;} .hf-my{display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin-right: .4rem;} .hf-my:after{content: '';position: absolute;top: 50%;right: -.2rem;margin-top: -.09rem;width: 1px;height: .18rem;background-color: #ffffff; opacity: 0.3;} .hf-icon{display: inline-block;vertical-align: middle;margin-right: .1rem;} .hf-icon1{display: block; height: .35rem;line-height: .35rem;} .hf-icon1 img{height: 42.8%;max-width: none;} .hf-icon2{display: none; height: .35rem;line-height: .35rem;} .hf-icon2 img{height: 42.8%;max-width: none;} .hf-name{display: inline-block;vertical-align: middle;color: #ffffff; max-width: 5em; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .hf-quit{display: inline-block;vertical-align: middle;margin-right: .2rem; line-height: .35rem;cursor: pointer; color: #ffffff;} .h-cont{width: 15.2rem;margin: 0 auto;} .h-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .h-left{float: left;} .h-logo{display: block;cursor: pointer;height: .8rem;line-height: .8rem;} .h-logo img{height: 50%;} .h-right{float: right;font-size: 0;} .h-h{display: inline-block;vertical-align: middle; } .h-nav{width: 100%;} .h-i {display: inline-block;vertical-align: top; padding: 0 .23rem;} .h-j {display: inline-block;vertical-align: top;cursor: pointer;color: #ffffff;height: .8rem;line-height: .8rem; position: relative;} .h-i:first-child .h-j{width: 1em; height: .8rem;background-image: url('../images/a2.png');background-size: 1em auto;background-position: center center;background-repeat: no-repeat;} .has-nav2{position: relative;} .h-sub {display: none;min-width: 180px;white-space: nowrap; padding: .1rem 0; background-color: #e2eef8;background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#ffffff, #ffffff);position: absolute;left: 50%;top: .8rem;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);} .h-sub>li>a {display: block;cursor: pointer; text-align: left; width: 100%;padding: .05rem 15px;line-height:1.5; color: #555555;transition: background-color .3s;} .h-sub>li>a:hover {color: #015aaa; } .hb-cont{display: none;overflow: hidden; position: absolute;left: 10%;top: 1.15rem;z-index: 188; width: 80%;padding: .1rem 0; background-color: #e2eef8;background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#ffffff, #ffffff);} .hb-tip{display: none !important; width: 15.2rem;margin: 0 auto;color: #000000;font-weight: bold; border-bottom: 1px solid #c1d9f3;padding-bottom: .3rem;margin-bottom: .3rem;} .hb-list{width:100%; margin: 0 auto; display: flex;flex-wrap: wrap; } .hb-item{display: inline-block;vertical-align: top;padding: 0 15px; width: 33.33%;font-size: 0;position: relative;} .hb-item:after{content: '';position: absolute;top: -50%;right: 0;transform: translate(0,-50%); width: 1px;height: 100vh;background-color: #ccc;} .hb-item:last-child:after{display: none;} .hb-one{display: block; cursor: pointer; color: #666666;line-height: 1.6;padding: .05rem 0;} .hb-one:hover{color: #015aaa; } /* 搜索 */ .h-search{display: inline-block;vertical-align: middle;position: relative;} .h-search:after{content: '';position: absolute;top: 50%;right: 0;width: 1px;margin-top: -.09rem; height: .18rem;background-color: #ffffff;opacity: 0.3;} .hs-icon{display: inline-block;vertical-align: middle; width: .2rem;height:.5rem;background-image: url('../images/a3.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;} /* .hs-a{display: none;z-index: 108;white-space: nowrap; position: fixed;top: 1.5rem;left: 50%;transform: translate(-50%,0);} .hs-form{font-size: 0;display: inline-block;} .hs-text{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #333;} .hs-submit{border: none;display: inline-block;vertical-align: middle;cursor: pointer; width: 45px;height: 45px; background-color: #015aaa;background-image: url('../images/a3.png');background-size: 15px auto;background-position: center center;background-repeat: no-repeat;} */ .hs-link{display: none;vertical-align: middle;margin-right: .2rem;margin-left: .57rem; border-bottom: 1px solid rgba(255,255,255,.5);cursor: pointer;} .hs-search{display: inline-block;vertical-align: middle;border: none;background-color: transparent; line-height: .5rem;min-width: 1.7rem;padding-right: .3rem; color: #ffffff;} .h-search input::-webkit-input-placeholder, .h-search textarea::-webkit-input-placeholder{color: #fff;} .h-search input:-moz-placeholder, .h-search textarea:-moz-placeholder{color: #fff;} .h-search input::-moz-placeholder, .h-search textarea::-moz-placeholder{color: #fff;} .h-search input:-ms-input-placeholder, .h-search textarea:-ms-input-placeholder{color: #fff;} .hs-a{display: inline-block;vertical-align: middle;margin-right: .2rem;margin-left: .57rem; border-bottom: 1px solid rgba(255,255,255,.5); } .hs-form{font-size: 0;display: inline-block;} .hs-text{border: none;background-color: transparent; display: inline-block;vertical-align: middle;border: none;background-color: transparent; line-height: .5rem;min-width: 100px; width: 1.7rem;padding-right: .3rem; color: #ffffff;} .hs-submit{border: none;background-color: transparent;display: inline-block;vertical-align: middle;cursor: pointer; width: .2rem;height:.5rem;background-image: url('../images/a3.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;} /* .header.search-state .hs-a {display: block;} .header.search-state .h-opa {display: block;} */ .h-language{display: inline-block;vertical-align: middle;cursor: pointer; position: relative;margin-left: .2rem;} .hl-a{display: block;} .hl-b{display: none !important;vertical-align: middle;margin-right: .15rem;} .hl-bimg{display: inline-block;vertical-align: middle;margin-right: .1rem;height: 1.28em;} .hl-bimg img{height: 100%;} .hl-btext{display: inline-block;vertical-align: middle;color: #ffffff;line-height: .8rem;} .hl-c{display: inline-block;vertical-align: middle; } .hl-cimg{display: inline-block;vertical-align: middle;margin-right: .1rem;height: 1.28em;} .hl-cimg img{height: 100%;} .hl-ctext{display: inline-block;vertical-align: middle;color: #ffffff;line-height: .8rem;} .hl-list{display: none; position: absolute;top: .8rem;right: 0; min-width: 100px; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);} .hl-item{display: block;width: 100%;cursor: pointer;padding: .05rem .15rem ;white-space: nowrap;} .hl-img{display: inline-block;vertical-align: middle;width: 1.25em;margin-right: .15rem;} .hl-img img{width: 100%;} .hl-text{display: inline-block;vertical-align: middle;width: calc(100% - .5rem);word-break: break-all; color: #333;line-height: 1.5; } .hl-item:hover .hl-text{color: #015aaa;} .h-menu {display: none; position: absolute;cursor: pointer; top: 0;right:0; width: .8rem;height: .8rem;background-image: url('../images/a-menu.png');background-size: .6rem auto;background-position: center center;background-repeat: no-repeat;} /* .h-menu { display: none; padding-left: .7rem;color: #fff; height: .8rem;line-height: .8rem; background-image: url('../images/a-menu.png');background-size: .6rem auto;background-position: left center;background-repeat: no-repeat;} */ .h-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, .5);z-index: 10;cursor: pointer;} .header.fixed{background-color: #015aaa;} body.no-banner{padding-top: 1.15rem;} body.no-banner .header{background-color: #015aaa;} @media(min-width: 900px) { .h-i:hover .h-j{border-bottom: .02rem solid #fff;} .header.show .h-opa {display: block;top: 1.15rem;} } @media(max-width: 1200px) { .h-cont{width: 100%;padding: 0 10px;} .h-top{width: 100%;padding: 0 10px;} } /* @media (min-width: 900px) and (max-width: 1200px){ .h-i{padding: 0 0 0 0;margin-right: .3rem;} .h-i.has-nav{padding: 0 .4rem 0 0;position: relative;} .h-i.has-nav2{padding: 0 .4rem 0 0;} .h-i.has-nav:after {content: "+"; display: inline-block;width: .4rem;height: .8rem;line-height: .8rem;text-align: center;position: absolute;right: 0;top: 0;font-size: 16px;color: #fff;} .h-i.has-nav.show:after { content: "-";} .h-i.has-nav2:after {content: "+"; display: inline-block;width: .4rem;height: .8rem;line-height: .8rem;text-align: center;position: absolute;right: 0;top: 0;font-size: 16px;color: #fff;} .h-i.has-nav2.show:after { content: "-";} .hb-cont{width: 10rem;top: .8rem; left: 50%;transform: translate( -50% ,0);} } */ @media(max-width: 900px) { body.no-banner{padding-top: .8rem;} .header{padding-top: 0;} .h-b{position: relative;padding-top: 1rem;} .h-top{width: 100%;padding: 0 20px;text-align: center;} .h-log{line-height: .4rem;color: #333;font-size: 16px;margin-right: 0;} .h-user{width: 100%;} .hf-icon1{display: none;} .hf-icon2{display: block;height: 40px;line-height: 40px;} .hf-name{line-height: .4rem;color: #333;font-size: 16px;} .hf-quit{margin-right: 0;color: #333;font-size: 16px;line-height: .4rem;} .h-share{width: 100%;padding-left: 0;padding-top: 30px;} .h-one{margin: 0 8px 10px ;} .h-oneimg1{display: none;} .h-oneimg2{display: block;} .h-right{margin-right: .8rem;} .h-h {width: 260px;position: fixed;right: 0;top: 0;height: 100vh;background-color: #f8f8f8;margin-right: 0;padding-top: 10px;padding-bottom: 10px;overflow: auto;z-index: 1000;transform: translate(100%, 0);transition: transform .3s;} .h-i {width: 100%;padding: 0;margin: 0;position: relative;} .h-j {padding: 0;padding-left: 20px;height: 40px;line-height: 40px;color: #333; font-size: 16px;} .h-i:first-child .h-j{width: 20px;height: 40px;padding-left: 0;margin-left: 20px;background-image: url('../images/a2-b.png');} .h-menu {display: block; } /* .h-menu {display: inline-block;vertical-align: middle; margin-left: .2rem; } */ /* .h-i.has-nav:after {content: "";background-image: url('../images/a-right.png');background-size: 18px 18px;background-position: center center;background-repeat: no-repeat; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;} .h-i.has-nav.show:after {background-image: url('../images/a-down.png');} */ .h-i.has-nav:after {content: "+"; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;} .h-i.has-nav.show:after { content: "-";} .h-i.has-nav2:after {content: "+"; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;} .h-i.has-nav2.show:after { content: "-";} .h-sub {position: relative;top: 0; box-shadow: none;left: 0;transform: translate(0,0);min-width: 10px;white-space: normal; width: 100%;padding: .3rem 20px;} .h-sub>li>a {text-align: left; color: #666666; line-height: 1.6;padding: .2rem 0; border-top: none; } .h-sub>li>a:hover {background-color: transparent;color: #015aaa; } /* 菜单 */ .header.menu-state .h-h {transform: translate(0, 0);} .header.menu-state .h-opa {display: block;} .hb-cont{position: relative;top: 0;left: 0;width: 100%;padding: .3rem 20px; background-color: #fff;box-shadow: none;} .hb-tip{width: 100%;} .hb-list{width: 100%;} .hb-item{width: 100%;padding: 0 0;border-bottom: 1px solid #015aaa;padding-bottom: .3rem;margin-bottom: .3rem;} .hb-item:after{display: none;} .hb-item:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;} .hb-one{width: 100%;padding: .2rem 0;} } @media(max-width: 750px) { body{padding-top: .8rem;} .header{background-color: #015aaa;} .hl-b{display: none;} /* .hs-link{margin-left: 0; border-bottom: none;} .hs-icon{width: 45px;height: .8rem;background-size: auto 1.28em;} */ /* .hs-search{display: none;} */ /* .hs-text{width: 5rem;height: 35px;} .hs-submit{height: 35px;} */ .hs-a{margin-left: 0; border-bottom: none;} .hs-text{display: none;} .hs-submit{width: 45px;height: .8rem;background-size: auto 1.28em;} } .footer{width: 100%; } .f-a{width: 100%;background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #2077b8 100%), linear-gradient(#015aaa, #015aaa);} .f-b{width: 15.2rem;margin: 0 auto;} .f-cont{width: 100%;font-size: 0;padding-top: .8rem;padding-bottom: .65rem;border-bottom: 1px solid rgba(255,255,255,.2);} .f-left{display: inline-block;vertical-align: top;width: 3.4rem;} .f-logo{display: block;cursor: pointer;width: 2.5rem;margin-bottom: .35rem;} .f-logo img{width: 100%;} .f-c{width: 100%;padding-bottom: .05rem;} .f-d{display: block;cursor: pointer;width: 100%;margin-bottom: .2rem; padding-left: 1.75em;position: relative;} .f-dimg{position: absolute;top: 0;left: 0; line-height: 1.37em;} .f-dimg img{max-width: 1em;max-height: 1em;opacity: .8;} .f-dtext{width: 100%;color: rgba(255,255,255,.8);line-height: 1.37;word-break: break-all;} .f-d:hover .f-dimg img{opacity: 1;} .f-d:hover .f-dtext{color: #fff;} .f-share{width: 100%;font-size: 0;} .f-one{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .15rem;margin-bottom: .15rem; width: .44rem;height: .44rem;text-align: center;line-height: .44rem; border-radius: 50%;background-color: rgba(255,255,255,.1);} .f-one img{max-width: 45.4%;max-height: 45.4%;} .f-one:last-child{margin-right: 0;} .f-one:hover{background-color: #0069c7;} .f-middle{display: inline-block;vertical-align: top;width: calc(100% - 11.3rem);text-align: center;border-right: 1px solid rgba(255,255,255,.2);} .f-e{display: inline-block;text-align: left;max-width: 100%; min-width: 2.8rem;padding-left: .6rem; } .f-tip{color: #ffffff;font-weight: bold;margin-bottom: .3rem;} .f-list{width: 100%;font-size: 0;min-height: 1.6rem;} .f-item{display: inline-block;vertical-align: top;width: 50%;line-height: 1.6;margin-bottom: .15rem;cursor: pointer; color: rgba(255,255,255,.8);} .f-item:hover{color: #fff;} .f-subscription{display: inline-block;border: none;cursor: pointer;padding: 0 .15rem; min-width: 2.4rem;color: #015aaa;height: .46rem;text-align: center;line-height: .46rem;background-color: #ffffff;border-radius: 3px;} .f-products{display: inline-block;vertical-align: top;width: 3.6rem;text-align: center;} .f-box{display: inline-block;max-width: 90%;text-align: left;} .f-links{display: inline-block;} .f-link{display: block; line-height: 1.6;margin-bottom: .15rem;cursor: pointer; color: rgba(255,255,255,.8);} .f-link:hover{color: #fff;} .f-right{display: inline-block;vertical-align: top;width: 4.3rem;} .f-form{width: 100%;} .f-f{width: 100%;font-size: 0;} .f-g{display: inline-block;vertical-align: top;width: 100%; border-radius: 3px;border: solid 1px rgba(255,255,255,.5);margin-bottom: .1rem;} .f-h{border: none;background-color: transparent; width: 100%;padding: 0 .2rem;height: .46rem;color: #fff;} .f-textarea{border: none;background-color: transparent; width: 100%;padding: .1rem .2rem;line-height: .26rem; height: .8rem;color: #fff;} .f-submit{display: inline-block;border: none;cursor: pointer; width: 2.4rem;color: #015aaa;height: .46rem;text-align: center;line-height: .46rem;background-color: #ffffff;border-radius: 3px;} .f-bottom{width: 100%;padding: .25rem 0;} .f-bottom:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .f-i{float: left;color: rgba(255,255,255,.5); line-height: 1.6;} .f-j{float: right;font-size: 0;} .f-k{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .4rem; color: rgba(255,255,255,.5); line-height: 1.6;} .f-k:hover{color: #fff;} .f-k:last-child{margin-right: 0;} .popup-window{width: 100%;} .popup-window.hide{display: none;} .f-m{position: fixed;bottom: 0;left: 0;z-index: 188; width: 100%;background-color: #2e2f31;} .f-text{width: 15.2rem;margin: 0 auto;padding: .1rem .5rem .1rem 0;position: relative;} .f-text:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .f-n{float: left;color: #ffffff;line-height: .36rem;padding: .1rem 0;} .f-o{float: right;font-size: 0;padding: .1rem 0;} .f-p{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .15rem; padding: 0 .15rem;min-width: 1.3rem;height: .34rem;text-align: center;line-height: .34rem;color: #ffffff; border-radius: .17rem;border: solid 1px #ffffff;} .f-q{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .15rem; padding: 0 .15rem;min-width: 1.3rem;height: .34rem;text-align: center;line-height: .34rem;color: #ffffff; border-radius: .17rem;border:none;background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #2a8dd6 100%), linear-gradient(#258dda, #258dda);} .f-close{position: absolute;top: 50%;right: 0;cursor: pointer; margin-top: -.2rem; width: .4rem; height: .4rem;border-radius: 50%;border: solid 1px rgba(255,255,255,.2); background-image: url('../images/a14.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat;} .f-close:hover{border: 1px solid #0069c7;background-color: #0069c7;} @media(min-width: 750px){ .f-f .f-g{width: calc(50% - .05rem);margin-right: .1rem;} .f-f .f-g:nth-child(2n){margin-right: 0;} } @media(max-width: 750px){ .f-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .f-left{width: 100%;margin-bottom: .5rem;} .f-one{width: 30px;height: 30px;line-height: 30px;} .f-middle{width: 100%;margin-bottom: .5rem;text-align: left;border: none;} .f-e{width: 100%;padding-left: 0;} .f-subscription{height: 30px;line-height: 30px;} .f-products{width: 100%;text-align: left;margin-bottom: .5rem;} .f-h{height: 30px;} .f-submit{width: 50%; height: 30px;line-height: 30px;} .f-i{width: 100%;text-align: center;} .f-j{width: 100%;text-align: center;} .f-g{margin-bottom: 10px;} .f-textarea{height: 60px;line-height: 1.5;} .f-text{width: 100%; max-width: 500px;padding: .7rem 10px 15px 10px; text-align: center;} .f-n{line-height: 1.8;} .f-o{width: 100%;text-align: center;} .f-p{height: 30px;line-height: 30px;min-width: 100px;} .f-q{height: 30px;line-height: 30px;min-width: 100px;} .f-close{top: .2rem;right: 10px;margin-top: 0;width: 25px;height: 25px;background-size: 10px auto;} .f-link{display: inline-block;vertical-align: top;width: 50%;padding-right: .05rem;} .f-right{width: 100%;} } .sidebar{position: fixed;top: 50%;right: 0;z-index: 188;transform: translate(0,-50%); width: .5rem;min-width: 35px;} .sidebar-item{width: 100%;margin: 1px 0;position: relative;} .sidebar-icon{display: block;cursor: pointer; width: 100%;height: .5rem;line-height: .5rem;text-align: center;background-color: #8db9e8;} .sidebar-icon img{max-width: 50%;max-height: 50%;} .sidebar-item:nth-child(1):hover .sidebar-icon{background-color: #0a66c2;} .sidebar-item:nth-child(2):hover .sidebar-icon{background-color: #365899;} .sidebar-item:nth-child(3):hover .sidebar-icon{background-color: #ff0000;} .sidebar-item:nth-child(4):hover .sidebar-icon{background-color: #1d9bf0;} .sidebar-item:nth-child(5):hover .sidebar-icon{background-color: #044fa0;} .sidebar-item:nth-child(6):hover .sidebar-icon{background-color: #2aae67;} .sidebar-sub{ position: absolute;top: 50%;left: 0;transform: translate(0,-50%); transition: all .5s; width: 0; overflow: hidden;} .sidebar-code{width:115px;padding: 10px;text-align: center;background-color: #044fa0; position: relative;} .sidebar-code:after{content: ''; position: absolute;top: 50%;right: -6px;margin-top: -8px; width: 6px;height: 16px; background-image: url('../images/a22.png');background-size: 6px auto; background-position: center center;background-repeat: no-repeat;} .sidebar-img{width: 100%;margin-bottom: .1rem;} .sidebar-img img{width: 100%;} .sidebar-text{color: #fff;} .sidebar-item.active .sidebar-sub{width: 130px;left: -130px; } .backTop{display: none; position: fixed; bottom: 10%;right: 0;z-index: 88;cursor: pointer; width: .5rem;height: .5rem;background-color: #044fa0;background-image: url('../images/a23.png'); background-size: 28% auto;background-position: center center;background-repeat: no-repeat;} body.down .backTop{display: block;} @media(max-width:1200px){ .sidebar{min-width: 30px; width: 30px;} .sidebar-icon{height: 30px;line-height: 30px;} .backTop{width: 30px; height: 30px;line-height: 30px;} } .banner{width: 100%;position: relative;} .banner-img{width: 100%;} .banner-img img{width: 100%;} .banner-text{position: absolute;top:51.33%;left: 50%;transform: translate(-50%,0); width: 15.2rem;} .banner-titles{color: #ffffff;font-weight: bold;margin-bottom: .25rem;} .banner-intro{color: #ffffff;font-weight: bold;line-height: 1.5;} @media(max-width: 750px) { .banner-text{top: 50%;transform: translate(-50%,-50%); width: 100% ;padding: 0 10px;} .banner-img img{min-height: 150px;object-fit: cover;} } .nav{width: 100%;} .nav-b{ width: 100%;background-color: #fff;} .nav-cont{width: 15.2rem;margin: 0 auto;} .nav-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .nav-left{float: left;font-size: 0;white-space: nowrap; overflow: auto;} .nav-item{display: inline-block;vertical-align: middle;cursor: pointer; color: #666666;line-height: .8rem;margin-right: .9rem;} .nav-item:last-child{margin-right: 0 !important;} .nav-item:hover{color: #0069c5;} .nav-item.active{color: #0069c5;} .nav-right{float: right;font-size: 0;} .nav-one{display: inline-block;vertical-align: middle;cursor: pointer; color: #999999;line-height: .8rem;} .nav-one:after{content: ">";margin: 0 2px;} .nav-one:last-child:after{display: none;} .nav-one:first-child:before{content: ''; display: inline-block;vertical-align: top;margin-right: .1rem; width: 1em;height: .8rem;background-image: url('../images/a37.png');background-size: 1em auto;background-position: center center;background-repeat: no-repeat;} .nav-more{display: inline-block;vertical-align: middle;margin: .18rem 0; cursor: pointer;line-height: .44rem; height: .44rem;color: #ffffff;padding: 0 .2rem;background-color: #0ba3f4;background-image: linear-gradient(45deg, #0ba3f4 0%, #3bb9fc 100%), linear-gradient(#0ba3f4, #0ba3f4);} .nav-more:after{content: '>'; margin-left: .2rem;} .nav.fixed .nav-b{position: fixed;top: 1.15rem;left: 0;z-index: 128;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.5);} body.product-presentation2 .nav-item{margin-right: .45rem;} @media(max-width:1400px){ .nav-item{font-size: 12px;} .nav-one{font-size: 12px;} } @media(max-width:1200px){ .nav-right{display: none;} } @media(max-width:900px){ .nav.fixed .nav-b{top: .8rem;} body.product-presentation2 .nav-item{margin-right: .25rem;} } @media(max-width: 750px){ .nav-cont{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .nav-left{width: 100%;text-align: center;white-space: nowrap; overflow: auto;} .nav-item{margin-right: 15px;} .nav-more{height: 30px;line-height: 30px;} } .paging{width: 100%;text-align: center;font-size: 0;} .paging-up{display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .5rem; min-width: 2.08em;height: 2.08em;background-image: url('../images/a38.png');background-size: 2.05em;background-position: center center;background-repeat: no-repeat;} .paging-up:hover{background-image: url('../images/a38-b.png');} .paging-next{transform: rotate(-180deg); display: inline-block;vertical-align: middle;cursor: pointer; margin: .1rem .5rem;min-width: 2.08em;height: 2.08em;background-image: url('../images/a38.png');background-size: 2.05em;background-position: center center;background-repeat: no-repeat;} .paging-next:hover{background-image: url('../images/a38-b.png');} .paging-item{display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .2rem; min-width: 2.08em;height: 2.08em;text-align: center;line-height: 2.08em;color: #999999;font-weight: bold;} .paging-item:hover{color: #0069c5;} .paging-item.active{color: #0069c5;} @media(max-width: 750px){ .paging-up{ margin: .1rem .2rem; } .paging-next{ margin: .1rem .2rem; } .paging-item{ margin: .1rem .2rem; } } .a-a{width: 100%; position: relative;overflow: hidden;} .a-cont{width: 100%;position: relative;} .a-b{width: 100%;} .a-item{width: 100%;} .a-c{display: block;cursor: pointer; width: 100%;} .a-bg{width: 100%;height: 9.5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;} .a-text{position: absolute;top: 2.7rem;left: 50%;transform: translate(-50%,0); width: 15.2rem; } .a-titles{color: #ffffff;font-weight: bold;line-height: 1.15;margin-bottom: .95rem;} .a-more{display: inline-block;padding: 0 .43rem;line-height: .56rem; color: #ffffff; border-radius: .3rem;border: solid .02rem #ffffff;} .a-more:after{content: '>';display: inline-block;vertical-align: middle; margin-left: .3rem; font-size: 1.4em;} .a-pagination{display: none; position: absolute;bottom: 2.5rem; left: 50%;transform: translate(-50%,0);text-align: left; width: 15.2rem;} .a-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin-right: .07rem;border-radius: 0; width: .25rem;height: .05rem;background-color: #ffffff;opacity: 0.5;} .a-pagination .swiper-pagination-bullet-active{ width: .5rem; opacity: 1;} .a-list{position: absolute;bottom: .5rem;left: 50%;z-index: 88; transform: translate(-50%,0); width: 15.4rem;} .a-d{width: 100%;} /* .a-nav{width: 2.92rem;margin-right: .15rem; } */ .a-nav{width: 20%; padding: .1rem ;overflow: hidden; } /* .a-nav:last-child{margin-right: 0;} */ .a-e{width: 100%;display: block;cursor: pointer;position: relative;} .a-e:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a24.png');background-color: rgba(0,0,0,.1); background-size: cover;background-position: center center;background-repeat: no-repeat;} .a-img{transition: all ease .5s; width: 100%;padding-top: 49.18%; background-size: cover;background-position: center center;background-repeat: no-repeat;} .a-nub{display: none; position: absolute;right: .3rem;bottom: -.5em;font-size: 1.5rem;color: transparent; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;} .a-nav.active .a-img{transform: scale(1.1); } .a-prev{left: -.6rem;margin-top: -.23rem;width: .46rem;height: .46rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .a-prev:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} .a-next{transform: rotate(-180deg); right: -.6rem;margin-top: -.23rem;width: .46rem;height: .46rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .a-next:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} @media(max-width: 750px){ .a-text{width: 100%; top: 50%;transform: translate(-50%,-50%); padding-left: 10px;padding-right: 10px;} .a-bg{height: auto;padding-top: 49.4%;min-height: 150px;} .a-titles{font-size: 18px;margin-bottom: .25rem;line-height: 1.3;} .a-pagination{display: block; width: 100%;text-align: center;bottom: .2rem;} .a-more{padding: 0 10px;} .a-more:after{margin-left: .15rem;} .a-list{display: none; position: relative;bottom: .3rem; width: 100%;padding: 0 10px;} .a-nav{width: calc(25% - .1rem);margin-right: .133rem;} .a-img{height: auto;padding-top: 48.9%;} } .b-a{width: 100%;padding: .5rem 0;background-size: cover;background-position: center center;background-repeat: no-repeat;} .b-b{width: 15.2rem;margin: 0 auto;} .b-cont{width: 100%;font-size: 0;display: flex;flex-wrap:wrap ;} .b-item{display: inline-block;vertical-align: middle;padding: .15rem ; width: 33.33%;text-align: center;position: relative;} .b-item:after{content: '';position: absolute;top: 50%;right: 0;margin-top: -.2rem; width: 1px;height: .4rem;background-color: #bad5f1;} .b-item:nth-child(3n):after{display: none;} .b-c{width: 100%;margin-bottom: .2rem;} .b-nub{display: inline-block;vertical-align: middle;color: #0069c7;font-weight: bold;} .b-d{display: inline-block;vertical-align: middle;color: #0069c7;font-weight: bold;} .b-e{color: #666666;line-height: 1.6;} .b-item:nth-child(3n + 2) .b-nub{color: #3cc168;} .b-item:nth-child(3n + 2) .b-d{color: #3cc168;} .b-item:nth-child(3n + 3){padding:.15rem .1rem;} .b-item:nth-child(3n + 3) .b-nub{color: #ff9900;} .b-item:nth-child(3n + 3) .b-d{color: #ff9900;} @media(max-width: 750px){ .b-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .b-a{padding: .4rem 0;} } .c-a{width: 100%;padding-top: 1rem;padding-bottom: .7rem;} .c-b{width: 100%;margin: 0 auto;} .c-titles{color: #000000;font-weight: bold; text-align: center;position: relative;padding-bottom: .35rem;margin-bottom: .6rem;} .c-titles:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.25rem; width: .5rem;height: .05rem;background-color: #015aaa;} .c-cont{width: 100%;font-size: 0;} .c-item{display: inline-block;vertical-align: top;overflow: hidden; width: calc(50% - .15rem);cursor: pointer; position: relative;margin-right: .3rem;margin-bottom: .3rem;} .c-bg{display: block;width: 100%;height: 3.55rem; background-size: cover;background-position: center center;background-repeat: no-repeat;} .c-text{position: absolute;bottom: 0;left: 0;width: 100%;padding:.25rem .35rem;transition: all ease .5s;} .c-text:before{content: '';position: absolute;bottom: 0;left: 0;z-index: 8; width: 100%;height: .06rem;background-color: #ff4d00; } .c-text:after{content: ''; position: absolute;bottom: 0;opacity: 0; left: 0;z-index: 10;transition: all ease .5s; width: 100%;height: 100%;background-color: #ff4200;background-image: linear-gradient(180deg, #ffaa6c 0%, #ff4d00 100%);} .c-name{position: relative;z-index: 18;margin-bottom: .15rem; color: #ffffff;font-weight: bold;line-height: 1.38;display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .c-intro{position: relative;z-index: 18;line-height: 1.3;height: 2.6; color: rgba(255,255,255,.8);overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } .c-more{display: none; position: relative;z-index: 18;width: 100%; color: #ffffff;margin-top: .15rem;font-size: 0 !important; height: .13rem;background-image: url('../images/a145.png');background-size: auto 100%;background-position: right center ;background-repeat: no-repeat; } /* .c-more:after{content: '>';display: inline-block;vertical-align: middle; margin-left: .3rem; font-size: 1.4em;} */ .c-item:hover .c-name{margin-bottom: .1rem;} .c-item:hover .c-text:after{opacity: 1;} .c-item:hover .c-intro{color: #ffffff;} .c-item:hover .c-more{display: block;} .c-item:nth-child(5n + 2) .c-text:before{background-color: #ff9900;} .c-item:nth-child(5n + 2) .c-text:after{background-color: #ff9900;background-image: linear-gradient(180deg, #ffc063 0%, #ff9900 100%);} .c-item:nth-child(5n + 3) .c-text:before{background-color: #0069c7;} .c-item:nth-child(5n + 3) .c-text:after{background-color: #015aaa;background-image: linear-gradient(180deg, #2593f6 0%, #015aaa 100%);} .c-item:nth-child(5n + 4) .c-text:before{background-color: #3cc168;} .c-item:nth-child(5n + 4) .c-text:after{background-color: #3cc168;background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%);} .c-item:nth-child(5n + 5) .c-text:before{background-color: #0ba3f4;} .c-item:nth-child(5n + 5) .c-text:after{background-color: #0ba3f4;background-image: linear-gradient(180deg, #5cc6ff 0%, #0ba3f4 100%);} @media(min-width: 750px){ .c-item:nth-child(5n + 2){margin-right: 0;} .c-item:nth-child(5n + 3){width: calc(33.33% - .2rem);} .c-item:nth-child(5n + 3) .c-bg{height: 2.55rem;} .c-item:nth-child(5n + 4){width: calc(33.33% - .2rem);} .c-item:nth-child(5n + 4) .c-bg{height: 2.55rem;} .c-item:nth-child(5n + 5){width: calc(33.33% - .2rem);margin-right: 0;} .c-item:nth-child(5n + 5) .c-bg{height: 2.55rem;} } @media(max-width: 750px){ .c-b{width: 100%; max-width: 500px; padding-left: 5px;padding-right: 5px;} .c-item:nth-child(5n + 1){width: calc(100% - 10px);} .c-item{width: calc(50% - 10px);margin: 0 5px .35rem;} .c-bg{height: auto;padding-top: 40.8%;} .c-text{position: relative; padding: 10px 15px;} .c-text:before{background-color: #ff9900;} .c-text:after{opacity: 1;} .c-more{margin-top: .25rem;display: block;} .c-name{font-size: 14px;} .c-intro{font-size: 12px;color: #fff;} .c-more{font-size: 12px;} .c-more:after{font-size: 12px;} } .d-a{width: 100%;padding: 1rem 0;overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;} .d-a .c-titles{margin-bottom: .5rem;} .d-b{width: 100%;margin: 0 auto;} .d-cont{width: 100%;} .d-navbox{width: 100%;text-align: center;font-size: 0;padding-bottom: .2rem;} .d-nav{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .15rem .3rem; padding: 0 .15rem ;min-width: 2.4rem;background-color: #ffffff; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .28rem;} .d-icon{display: inline-block;vertical-align: middle; width: 1.25em;margin-right: .15rem;} .d-icon1 {display: block;width: 100%;height: .6rem;line-height: .6rem;} .d-icon1 img{max-width: 100%;max-height: 90%;} .d-icon2 {display: none;width: 100%;height: .6rem;line-height: .6rem;} .d-icon2 img{max-width: 100%;max-height: 90%;} .d-c{display: inline-block;vertical-align: middle;color: #666666;line-height: .56rem;} .d-nav:hover .d-icon1{display: none;} .d-nav:hover .d-icon2{display: block;} .d-nav:hover .d-c{ color: #ffffff;} .d-nav.active .d-icon1{display: none;} .d-nav.active .d-icon2{display: block;} .d-nav.active .d-c{ color: #ffffff;} .d-nav:hover {background-color: #0ba3f4;background-image: linear-gradient(180deg, #5cc6ff 0%, #0ba3f4 100%);} .d-nav.active {background-color: #0ba3f4;background-image: linear-gradient(180deg, #5cc6ff 0%, #0ba3f4 100%);} .d-nav:nth-child(5n+2):hover {background-color: #ff4200;background-image: linear-gradient(180deg, #ffaa6c 0%, #ff4d00 100%);} .d-nav:nth-child(5n+2).active {background-color: #ff4200;background-image: linear-gradient(180deg, #ffaa6c 0%, #ff4d00 100%);} .d-nav:nth-child(5n+3):hover {background-color: #ff9900;background-image: linear-gradient(180deg, #ffc063 0%, #ff9900 100%);} .d-nav:nth-child(5n+3).active {background-color: #ff9900;background-image: linear-gradient(180deg, #ffc063 0%, #ff9900 100%);} .d-nav:nth-child(5n+4):hover {background-color: #015aaa;background-image: linear-gradient(180deg, #2593f6 0%, #015aaa 100%);} .d-nav:nth-child(5n+4).active {background-color: #015aaa;background-image: linear-gradient(180deg, #2593f6 0%, #015aaa 100%);} .d-nav:nth-child(5n+5):hover {background-color: #3cc168;background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%);} .d-nav:nth-child(5n+5).active {background-color: #3cc168;background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%);} .d-cont{width: 100%;position: relative;} .d-one{position: absolute;top: 0;left: -1200%;width: 100%;} .d-one.show{position: relative;left: 0;} .d-container{width: 100%;} .d-item{width: 4.57rem;margin-right: .3rem;cursor: pointer;} .d-item:last-child{margin-right: 0;} .d-d{display: block;width: 100%;} .d-bg{width: 100%;height: 4.3rem;background-size: cover;background-position: center center;background-repeat: no-repeat;} .d-text{position: absolute;bottom: 0;left: 0; width: 100%; padding: .25rem .3rem;} .d-text:before{content: '';position: absolute;bottom: 0;left: 0;z-index: 8; width: 100%;height: .06rem;background-color: #ff4200; } .d-text:after{content: ''; position: absolute;bottom: 0;opacity: 0; left: 0;z-index: 10;transition: all ease .5s; width: 100%;height: 100%;background-color: #ff4200;background-image: linear-gradient(180deg, #ffaa6c 0%, #ff4d00 100%);} .d-name{position: relative;z-index: 18; color: #ffffff;font-weight: bold;line-height: 1.15;height: 2.3em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .d-intro{position: relative;z-index: 18; color: #ffffff;line-height: 1.5;height: 3em; margin-top: .15rem; overflow : hidden;text-overflow: ellipsis;display: none;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .d-more{display: none; position: relative;z-index: 18;color: #ffffff;margin-top: .2rem;font-size: 0 !important; height: .13rem;background-image: url('../images/a145.png');background-size: auto 100%;background-position: right center ;background-repeat: no-repeat;} /* .d-more:after{content: '>';display: inline-block;vertical-align: middle; margin-left: .3rem; font-size: 1.4em;} */ .d-item:nth-child(4n + 2) .d-text:before{background-color: #ff9900;} .d-item:nth-child(4n + 2) .d-text:after{background-color: #ff9900;background-image: linear-gradient(180deg, #ffc063 0%, #ff9900 100%);} .d-item:nth-child(4n + 3) .d-text:before{background-color: #3cc168;} .d-item:nth-child(4n + 3) .d-text:after{background-color: #3cc168;background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%);} .d-item:nth-child(4n + 4) .d-text:before{background-color: #0ba3f4;} .d-item:nth-child(4n + 4) .d-text:after{background-color: #0ba3f4;background-image: linear-gradient(180deg, #5cc6ff 0%, #0ba3f4 100%);} .d-item:hover .d-text:after{opacity: 1;} .d-item:hover .d-intro{display: block;display: -webkit-box;} .d-item:hover .d-more{display: block;} @media(max-width: 750px){ .d-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .d-item{width: 100%;margin-right: 0;} .d-bg{height: auto;padding-top: 120%;} .d-text{padding: 10px 15px;} .d-text:after{font-size: 1em;} .d-intro{-webkit-line-clamp: 2;} .d-navbox{width: 100%;text-align: center;white-space: nowrap;overflow: auto;} .d-nav{margin: 0 .15rem .3rem 0; border-radius: .3rem;} .d-icon1{line-height: .6rem;height: .6rem;} .d-icon2{line-height: .6rem;height: .6rem;} .d-icon1 img{max-height: 50%;} .d-icon2 img{max-height: 50%;} .d-more{margin-top: .25rem;} .d-icon{width: 1em;margin-right: 0;} .d-nav{min-width: .6rem;padding: 0 0;transition: all ease .5s;} .d-c{display: none; } .d-nav.active{padding: 0 15px;} .d-nav.active .d-c{display: inline-block;margin-left: .15rem;} } .e-a{width: 100%;padding: 1rem 0;overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;} .e-a .c-titles{margin-bottom: .5rem;} .e-b{width: 15.2rem;margin: 0 auto;} .e-cont{width: 100%;} .e-navbox{width: 100%;text-align: center;font-size: 0;padding-bottom: .2rem;} .e-nav{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .15rem .3rem; padding: 0 .15rem ;min-width: 2.4rem;background-color: #ffffff; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .28rem;} .e-icon{display: inline-block;vertical-align: middle; width: 1.25em;margin-right: .15rem;} .e-icon1 {display: block;width: 100%;height: .6rem;line-height: .6rem;} .e-icon1 img{max-width: 100%;max-height: 90%;} .e-icon2 {display: none;width: 100%;height: .6rem;line-height: .6rem;} .e-icon2 img{max-width: 100%;max-height: 90%;} .e-c{display: inline-block;vertical-align: middle;color: #666666;line-height: .56rem;} .e-nav:hover {background-color: #ff9900;background-image: linear-gradient(45deg, #ff9900 0%, #faab36 100%), linear-gradient(#ffffff, #ffffff);} .e-nav:hover .e-icon1{display: none;} .e-nav:hover .e-icon2{display: block;} .e-nav:hover .e-c{ color: #ffffff;} .e-nav.active {background-color: #ff9900;background-image: linear-gradient(45deg, #ff9900 0%, #faab36 100%), linear-gradient(#ffffff, #ffffff);} .e-nav.active .e-icon1{display: none;} .e-nav.active .e-icon2{display: block;} .e-nav.active .e-c{ color: #ffffff;} .e-nav:hover:nth-child(2n){background-color: #3cc168;background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%);} .e-nav.active:nth-child(2n){background-color: #3cc168;background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%);} .e-cont{width: 100%;position: relative;} .e-one{position: absolute;top: 0;left: -1200%;width: 100%;text-align: center;} .e-one.show{position: relative;left: 0;} .e-container{width: 100%;text-align: left;padding-bottom: .4rem;} .e-item{width: 4.85rem;margin-right: .3rem;cursor: pointer;} .e-item:last-child{margin-right: 0;} .e-d{display: block;width: 100%;} .e-img{width: 100%;overflow: hidden; position: relative;height: 2.6rem;} .e-img img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;} .e-text{position: relative; width: 100%; padding: .2rem .3rem;background-color: #fff;} .e-text:before{content: '';position: absolute;bottom: 0;left: 0;z-index: 8; width: 100%;height: .06rem;background-color: #ff4200; } .e-text:after{content: ''; position: absolute;bottom: 0;opacity: 0; left: 0;z-index: 10;transition: all ease .5s; width: 100%;height: 100%;background-color: #ff4200;background-image: linear-gradient(180deg, #ffaa6c 0%, #ff4d00 100%);} .e-name{position: relative;z-index: 18; color: #000000;font-weight: bold;line-height: 1.15;height: 2.3em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .e-intro{position: relative;z-index: 18; color: #666666;line-height: 1.5;height: 3em; margin-top: .15rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .e-intro *{line-height: inherit;} .e-time{ position: relative;z-index: 18;color: #999999;margin-top: .15rem;} .e-item:nth-child(3n + 2) .e-text:before{background-color: #ff9900;} .e-item:nth-child(3n + 2) .e-text:after{background-color: #ff9900;background-image: linear-gradient(180deg, #ffc063 0%, #ff9900 100%);} .e-item:nth-child(3n + 3) .e-text:before{background-color: #3cc168;} .e-item:nth-child(3n + 3) .e-text:after{background-color: #3cc168;background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%);} .e-item:hover .e-img img{transform: scale(1.05);} .e-item:hover .e-text:after{opacity: 1;} .e-item:hover .e-name{color: #ffffff;} .e-item:hover .e-intro{color: #ffffff;} .e-item:hover .e-time{color: #ffffff;} .e-more{display: inline-block;cursor: pointer; background-color: #ffffff;color: #666666; padding: 0 .43rem;line-height: .56rem; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .28rem; } .e-more:after{content: '>';display: inline-block;vertical-align: middle; margin-left: .3rem; font-size: 1.4em;} .e-more:hover{color: #fff;background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #2a8dd6 100%), linear-gradient(#258dda, #258dda);} .e-titlesbox{width: 100%;} .e-titlesbox .c-titles:after{background-color: #ff9900;} .e-titlesbox .c-titles:nth-child(2n):after{background-color: #17ae49;} .e-titlesbox .c-titles{display: none;} .c-titles.show{display: block;} @media(max-width: 750px){ .e-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .e-item{width: 100%;margin-right: 0;} .e-text{padding: 10px 15px;} .e-navbox{width: 100%;overflow: auto;white-space: nowrap;} .e-nav{margin: 0 .15rem .3rem 0; padding: 0 15px;border-radius: .4rem;} .e-icon1{line-height: .8rem;height: .8rem;} .e-icon2{line-height: .8rem;height: .8rem;} .e-time{margin-top: .25rem;} .e-more{height: .8rem;line-height: .8rem;border-radius: .4rem;} .e-icon{width: 1em;} .e-img{height: auto;padding-top: 53.49%;} } .g-a{width: 100%;padding: 1rem 0; background-size: cover;background-position: center center;background-repeat: no-repeat;} .g-b{width: 100%;margin: 0 auto;} .g-cont{width: 100%;position: relative;} .g-c{width: 100%;} .g-item{width: 12rem;margin: 0 .15rem;position: relative;} .g-d{display: block;width: 100%;cursor: pointer;border-bottom: .06rem solid #ff4d00;} .g-item:nth-child(3n + 2) .g-d{border-bottom: .06rem solid #ff9900;} .g-item:nth-child(3n + 3) .g-d{border-bottom: .06rem solid #3cc168;} .g-img{width: 100%;position: relative;height: 6rem;} .g-img img{width: 100%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} .g-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .88rem;} .g-play img{width: 100%;} .g-text{position: absolute;bottom: .25rem ;left: 0;padding: 0 .3rem;line-height: 1.38; color: #ffffff;display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .g-prev{left: .95rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .g-prev:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} .g-next{transform: rotate(-180deg); right: .95rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .g-next:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} .g-item video{opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;} .g-item.swiper-slide-active video{opacity: 1;z-index: 88;} .g-a .c-titles:after{background-color: #0ba3f4;} @media(max-width: 750px){ .g-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .g-item{width: 100%;margin: 0 auto;} .g-img{height: auto;padding-top: 50%;} .g-text{padding: 0 .2rem;} .g-prev{left: .2rem;} .g-next{right: .2rem;} } /*视频容器样式*/ .xv-a {position: fixed;left: 0;top: 120%;z-index: 888; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);transition: top .5s ease-in-out;} .xv-a.show {top: 0;} .xv-a.show .xv-e {visibility: visible;} .xv-a.show .xv-f {display: block;} .xv-b {position: absolute;left: 50%;top: 50%;margin-left: -550px;margin-top: -300px;width: 1000px;height: 600px;} .xv-c {display: block;width: 40px;height: 40px;background-color: #015aaa;position: absolute;right: 0; top: 0;cursor: pointer;z-index: 10000;} .xv-d {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;} .xv-e {visibility: hidden;width: 100%; height: 100%;} .xv-f {display: none;width: 100%;height: 100%;} @media(max-width:1200px) { .xv-b {width: 90vw;height: auto;margin-top: 0;margin-left: 0;transform: translate(-50%, -50%);} .xv-f {max-height: 90vh;} .xv-e {height: 60vh;} } .i-a{width: 100%;padding: 1rem 0; background-size: cover;background-position: center center;background-repeat: no-repeat;} .i-b{width: 15.2rem;margin: 0 auto;} .i-top{width: 100%;position: relative;margin-bottom: .6rem;} .i-top:before{content: '';position: absolute;top: 18px;left: 0;width: 100%;height: 1px; background-color: #ff4d00;opacity: 0.2;} .i-c{width: 100%;} .i-nav{width: 20%;padding-top: 50px;text-align: center;cursor: pointer; position: relative;} .i-nav:before{content: '';position: absolute;top: 7px;left: 50%;transform: translate(-50%,0);background-color: #f5f5f7; width: 21px;height: 21px;border-radius: 50%;border: solid 2px #ff4d00;} .i-d{color: #666666;font-size: 1em;font-weight: bold;} .i-nav.active .i-d{color: #ff4d00;font-size: 1.3em;} .i-nav.active:before{top: 0;width: 34px;height: 34px;} .i-nav.active:after{content: ''; position: absolute;top: 12px;left: 50%;transform: translate(-50%,0);width: 13px;height: 13px;border-radius: 50%;background-color: #ff4d00;} .i-cont{width: 100%;position: relative;} .i-e{width: 100%;background-color: #fff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.1);} .i-item{width: 100%;} .i-f{display: block;cursor: pointer;width: 100%;font-size: 0;} .i-img{display: inline-block;vertical-align: middle;width: 7.6rem;} .i-img img{width: 100%;} .i-text{display: inline-block;vertical-align: middle;width: calc(100% - 7.6rem);padding: .1rem .6rem;} .i-year{color: #000000;font-weight: bold;position: relative;padding-bottom: .35rem;margin-bottom: .45rem;} .i-year:before{content: '';position: absolute;bottom: 0;left: 0;width: .5rem;height: .05rem;background-color: #ff4d00;} .i-textbox{color: #666666;line-height: 2;} .i-textbox *{line-height: inherit;} .i-prev{left: -1rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33-c.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .i-prev:hover{background-color: #ff4d00;background-image: url('../images/a33-b.png');} .i-next{transform: rotate(-180deg); right: -1rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33-c.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .i-next:hover{background-color: #ff4d00;background-image: url('../images/a33-b.png');} .i-a .c-titles:after{background-color: #ff4d00;} @media(max-width: 750px){ .i-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .i-nav{width: 33.33%;} .i-img{width: 100%;} .i-text{width: 100%; padding: .25rem .3rem;} .i-cont{padding-bottom: .8rem;} .i-prev{top: auto;bottom: 0; margin-top: 0;left: calc(50% - .8rem); } .i-next{top: auto;bottom: 0; margin-top: 0; right: calc(50% - .8rem);} } .j-a{width: 100%;padding: 1rem 0; background-size: cover;background-position: center center;background-repeat: no-repeat;} .j-b{width: 15.2rem;margin: 0 auto;} .j-cont{width: 100%;} .j-c{width: 100%;} .j-item{width: 2.28rem;margin-right: .3rem;} .j-item:last-child{margin-right: 0;} .j-img{display: block;cursor: pointer;overflow: hidden; width: 100%;height: 1.2rem;text-align: center;line-height: 1.2rem;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .j-img img{max-width: 100%;max-height: 100%; transform: scale(1.00);transition: all ease .5s;} .j-img:hover img{transform: scale(1.05);} .j-a .c-titles:after{background-color: #3cc168;} @media(max-width: 750px){ .j-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .j-item{width: calc(33.33% - .1rem);margin-right: .15rem;} } .k-a{width: 100%;padding: .8rem 0; background-size: cover;background-position: center center;background-repeat: no-repeat;} .k-b{width: 11.94rem;margin: 0 auto;position: relative;} .k-cont{width: 100%;position: relative;} .k-map{width: 100%;} .k-map img{width: 100%;} .k-list{width: 100%;} .k-item{position: absolute;top: 0; text-align: center;cursor: pointer;} .k-item:before{content: '';animation:am-fd 4.5s 2.5s infinite ease-out; position: absolute;top: 50%;left: 50%; border-radius: 50%;width: .6rem;height: .6rem;opacity: 1;transform: scale(0); background-color: #3cc168;} .k-item:after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); border-radius: 50%;width: .15rem;height: .15rem;background-color: #3cc168;} .k-icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); } .k-icon:before{content: '';animation:am-fd 4.5s 3.5s infinite ease-out; position: absolute;top: 50%;left: 50%; border-radius: 50%;width: .6rem;height: .6rem;opacity: 1;transform: scale(0); background-color: #3cc168;} .k-icon:after{content: ''; animation:am-fd 4.5s 4.5s infinite ease-out; position: absolute;top: 50%;left: 50%; border-radius: 50%;width: .6rem;height: .6rem;opacity: 1;transform: scale(0); background-color: #3cc168;} .k-c{position: absolute;top: .35rem;left: 50%;transform: translate(-50%,0);color: #000000;font-weight: bold;line-height: 1.12;} .k-sub{display: none;z-index: 18; position: absolute;top: .35rem;left: 50%;transform: translate(-50%,0);width: 11.6em;padding: .13rem; background-color: #3cc168;border-radius: 5px;} .k-sub:before{content: '';position: absolute;top: -.055rem;left: 0;width: 100%;height: .06rem;background-image: url('../images/a36.png');background-size: auto .06rem;background-position: center center;background-repeat: no-repeat;} .k-d{color: #ffffff;line-height: 1.12;} /* .k-item.active .k-sub{display: block;} */ .k-item.color2:before{background-color: #ff4d00;} .k-item.color2 .k-icon:before{background-color: #ff4d00;} .k-item.color2 .k-icon:after{background-color: #ff4d00;} .k-item.color2:after{background-color: #ff4d00;} .k-item.color3:before{background-color: #f40b0b;} .k-item.color3:after{background-color: #f40b0b;} .k-item.color3 .k-icon:before{background-color: #f40b0b;} .k-item.color3 .k-icon:after{background-color: #f40b0b;} .k-item.color4:before{background-color: #0069c7;} .k-item.color4:after{background-color: #0069c7;} .k-item.color4 .k-icon:before{background-color: #0069c7;} .k-item.color4 .k-icon:after{background-color: #0069c7;} .k-item.color5:before{background-color: #ff9900;} .k-item.color5:after{background-color: #ff9900;} .k-item.color5 .k-icon:before{background-color: #ff9900;} .k-item.color5 .k-icon:after{background-color: #ff9900;} .k-item.color6:before{background-color: #0ba3f4;} .k-item.color6:after{background-color: #0ba3f4;} .k-item.color6 .k-icon:before{background-color: #0ba3f4;} .k-item.color6 .k-icon:after{background-color: #0ba3f4;} .k-item.color7:before{background-color: #453cc1;} .k-item.color7:after{background-color: #453cc1;} .k-item.color7 .k-icon:before{background-color: #453cc1;} .k-item.color7 .k-icon:after{background-color: #453cc1;} .k-item.color8:before{background-color: #c13caa;} .k-item.color8:after{background-color: #c13caa;} .k-item.color8 .k-icon:before{background-color: #c13caa;} .k-item.color8 .k-icon:after{background-color: #c13caa;} .k-item.lt .k-c{top: 50%;left: 0;transform: translate(-100%,-50%);white-space: nowrap; padding-right: .2rem;} .k-item.lt2 .k-c{top: 50%;left: 0;transform: translate(-100%,-50%);white-space: nowrap;padding-bottom: .3rem; padding-right: .2rem;} .k-item.rt .k-c{top: 50%;left: auto; right: -.3rem;transform: translate(100%,-50%);white-space: nowrap;} .k-item.rt2 .k-c{top: 50%;left: auto; right: -.3rem;transform: translate(100%,-50%);white-space: nowrap;padding-top: .3rem;} .k-a .c-titles{margin-bottom: .38rem;padding-bottom: .27rem;} .k-l{position: absolute;bottom: 0;right: 0;z-index: 188; width: 4rem;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);} .k-one{display: none;width: 100%;position: relative;} .k-one.show{display: block;} .k-close{position: absolute;top: -.2rem;right: -.2rem;z-index: 88;cursor: pointer; width: .45rem;height: .45rem;border-radius: 50%; background-color: rgba(255,255,255,.15);background-image: url('../images/a47.png');background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;} .k-close:hover{background-color: #f40b0b;} .k-img{width: 100%;position: relative;top: -.3rem;right: -.3rem;} .k-img img{width: 100%;} .k-text{width: 100%;padding: .1rem .3rem .2rem;} .k-name{color: #0064c6;font-weight: bold;margin-bottom: .2rem;} .k-intro{color: #000000;line-height: 1.5;min-height: .86rem;padding-bottom: .2rem;} .k-button{display: block;cursor: pointer;position: relative; width: 100%;margin-bottom: .2rem;padding: 0 .6rem 0 .4rem; line-height: .56rem;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .k-button:after{content: '';position: absolute;top: 0;right: .4rem;width: .5em;height: 100%; background-image: url('../images/a41.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;} .k-button:hover{color: #ffffff;background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .k-button:hover:after{background-image: url('../images/a41-b.png');} @keyframes am-fd{ 0%{transform:translate(-50%,-50%) scale(0) ; opacity: 1; } 100%{transform: translate(-50%,-50%) scale(1.2) ; opacity: 0; } } @media(max-width: 750px){ .k-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .k-c{font-size: 8px;white-space: normal !important;} .k-sub{font-size: 11px;width: 100px;padding: .1rem 0;} .k-d{font-size: 11px;} .k-item:before{width: 15px;height: 15px;} .k-item:after{width: 6px;height: 6px;} .k-item .k-icon:before{width: 15px;height: 15px;} .k-item .k-icon:after{width: 15px;height: 15px;} .k-l{position: relative;bottom: 0;width: 90%;margin-top: .6rem;} } .l-a{width: 100%;padding-top: 1rem;padding-bottom: .9rem; background-color: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd);} .l-b{width: 15.2rem;margin: 0 auto;} .my-titles{text-align: center;width: 100%;color: #000000;font-weight: bold;position: relative;padding-bottom: .27rem;margin-bottom: .6rem;} .my-titles:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.25rem;width: .5rem;height: .05rem;background-color: #0064c6;} .l-top{width: 100%;padding-bottom: .3rem;position: relative;} .l-c{width: 100%;background-color: #fff;} .l-one{width: 100%;} .l-d{display: block;width: 100%;cursor: pointer;} .l-one .l-img{display: inline-block;vertical-align: middle;width: 7.6rem;height: 4.05rem;position: relative; overflow: hidden;} .l-one .l-img img{position: absolute;top: 0;left: 0; height: 100%; width: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;} .l-one .l-text{display: inline-block;vertical-align: middle;width: 6.15rem;margin-left: .6rem;} .l-one .l-name{color: #000000;font-weight: bold;margin-bottom: .25rem; line-height: 1.23;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .l-one .l-intro{margin-bottom: .45rem;min-height: 4.5em; color: #666666;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .l-one .l-time{color: #999999; } .l-one:hover .l-img img{transform: scale(1.05);} .l-one:hover .l-name{color: #015aaa;} .l-prev{left: -.9rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .l-prev:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} .l-next{transform: rotate(-180deg); right: -.9rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px -.05rem .15rem 0px rgba(1, 90, 170, 0.08);} .l-next:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} .l-cont{width: 100%;font-size: 0;padding-bottom: .1rem;} .l-item{display: inline-block;vertical-align: top;cursor: pointer;position: relative; width: 4.85rem;margin-bottom: .3rem; margin-right: .31rem;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .l-item:after{content: '';transition: all ease .5s;position: absolute;bottom: 0;left: 0;width: 0;height: .04rem;background-color: #0064c6;} .l-item:nth-child(3n){margin-right: 0;} .l-item .l-img{display: inline-block;vertical-align: middle;width: 100%;overflow: hidden;height: 2.6rem;position: relative;} .l-item .l-img img{position: absolute;top: 0;left: 0; height: 100%; width: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;} .l-item .l-text{display: inline-block;vertical-align: middle;width: 100%; padding:.37rem .3rem;} .l-item .l-name{color: #000000;font-weight: bold;margin-bottom: .18rem;height: 2.46em; line-height: 1.23;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .l-item .l-intro{margin-bottom: .4rem;min-height: 3em; color: #666666;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .l-item .l-intro *{line-height: inherit ;} .l-item .l-time{color: #999999; } .l-item:hover:after{width: 100%;} .l-item:hover .l-img img{transform: scale(1.05);} .l-item:hover .l-name{color: #015aaa;} @media(max-width: 750px){ .l-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .l-one .l-img{width: 100%;height: auto;padding-top: 53.28%;} .l-one .l-text{width: 100%;margin-left: 0;padding: .3rem;} .l-item{width: calc(50% - 5px);margin-right: 10px;} .l-item:nth-child(3n){margin-right: 10px;} .l-item:nth-child(2n){margin-right: 0;} .l-item .l-text{padding: .3rem .2rem;} .l-item .l-img{height: auto;padding-top: 53.49%;} .l-top{padding: 0 .8rem .5rem;} .l-prev{left: 0; } .l-next{right: 0;} } .m-a{width: 100%;padding-top: 1rem;padding-bottom: .9rem; background-color: #e2eef8;background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd);} .m-form{width: 100%;} .m-b{width: 15.2rem;margin: 0 auto;} .m-a .my-titles{padding-bottom: .35rem; } .m-top{width: 100%;padding-bottom: .2rem;text-align: center;} .m-c{display: inline-block;vertical-align: middle;width: 3.57rem;margin-right: .2rem; margin-bottom: .3rem;text-align: left;} .m-d{display: inline-block;vertical-align: middle;font-size: 0;text-align: left; margin-bottom: .3rem;width: 4.03rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .03rem ;border: solid 1px #aecdef;} .m-e{display: inline-block;vertical-align: middle;width: calc(100% - .46rem);border: none;height: .46rem; color: #666666;padding: 0 .2rem;} .m-submit{display: inline-block;vertical-align: middle;cursor: pointer; border: none;width: .46rem;height: .46rem; color: transparent;background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);background-image: url('../images/a40.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat; } .m-cont{width: 100%;padding-bottom: .4rem;} .m-g{width: 100%;padding-left: .9rem;font-size: 0; background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#000000, #000000);} .m-h{display: inline-block;vertical-align: middle;color: #ffffff;padding: .25rem 0;text-align: center; line-height: 1.66;} .m-h:nth-child(1){width: 2.9rem;text-align: left;} .m-h:nth-child(2){width: 3.6rem;} .m-h:nth-child(3){width: 4rem;} .m-list{width: 100%;} .m-item{display: block;cursor: pointer;background-color: #fff; padding-left: .9rem;font-size: 0;border-bottom: 1px solid rgba(174,205,239,.6);} .m-i{display: inline-block;vertical-align: middle;text-align: center;padding: .17rem 0;} .m-i:nth-child(1){width: 2.9rem;text-align: left;} .m-i:nth-child(2){width: 3.6rem;} .m-i:nth-child(3){width: 4rem;} .m-i:nth-child(4){width: 3.6rem;} .m-j{color: #666666;line-height: 1.5;} .m-details{display: inline-block;padding: 0 .3rem;color: #666666;line-height: .46rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .23rem;} .m-details:after{content: '';display: inline-block;vertical-align: middle; margin-left: .35rem;width: .08rem;height: .46rem; background-image: url('../images/a41.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;} .m-item:hover .m-details{color: #ffffff;background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff); } .m-item:hover .m-details:after{background-image: url('../images/a41-b.png'); } .m-form .select-w{box-sizing: border-box;display: inline-block;vertical-align: top;width: 100%; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .03rem;border: solid 1px #aecdef;position: relative;padding-right: .5rem;padding-left: .2rem;white-space:nowrap} .m-form .select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: .46rem;line-height: .46rem; color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .m-form .select-w select{cursor: pointer; position: absolute;width: 100%;height: 100%;padding-left: .2rem;color: #666666;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);} .m-form .select-w:after{ content: ""; position: absolute;right: .2rem;top:0;z-index: 1;width: .12rem;height: 100%;background-image: url('../images/a39.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;} @media(max-width: 750px){ .m-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .m-c{width: 100%;margin-right: 0;} .m-form .select-w .cur{height: 30px;line-height: 30px;} .m-d{width: 100%;} .m-e{width: calc(100% - 30px);height: 30px;} .m-submit{width: 30px;height: 30px;background-size: 13px auto;} .m-g{padding: 0 .2rem;} .m-h{font-size: 12px;} .m-h:nth-child(1){width: 30%; } .m-h:nth-child(2){width: 20%; } .m-h:nth-child(3){width: 20%; } .m-item{padding: 0 .2rem;} .m-j{font-size: 12px;} .m-details{font-size: 12px;} .m-i:nth-child(1){width: 30%; } .m-i:nth-child(2){width:20%;} .m-i:nth-child(3){width: 20%;} .m-i:nth-child(4){width: 30%;} .m-details:after{display: none;} } .n-a{width: 100%;padding-top: 1rem;padding-bottom: .4rem; background-color: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd);} .n-b{width: 15.2rem;margin: 0 auto;} .n-top{width: 100%;margin-bottom: .6rem; display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between; padding: .6rem .6rem .3rem; background-image: url('../images/b45.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;} .n-left{display: block;} .n-c{display: block;font-size: 0;} .n-titles{display: inline-block;vertical-align: middle;font-weight: bold;margin-right: .4rem;margin-bottom: .3rem;line-height: 1.2; color: #ffffff;} .n-d{display: inline-block;vertical-align: middle;color: #ffffff;padding: .14rem .2rem;margin-bottom: .3rem;border-radius: .03rem;background-color: rgba(255,255,255,.3);} .n-e{font-size: 0;} .n-f{display: inline-block;vertical-align: middle;margin-right: .6rem;margin-bottom: .3rem; position: relative;color: rgba(255,255,255,.8);} .n-f:after{content: '';position: absolute;top: 50%;right: -.3rem;margin-top: -.1rem; width: 1px;height: .2rem;background-color: #ffffff;opacity: 0.3;} .n-f:last-child:after{display: none;} .n-right{display: block;margin-bottom: .3rem;} .n-send{display: inline-block;cursor: pointer;padding: 0 .4rem;color: #015aaa;line-height: .56rem; border-radius: .28rem; background-color: #ffffff;} .n-send:after{content: '';display: inline-block;vertical-align: middle;margin-left: .5rem; width: .5em;height: .5rem;background-image: url('../images/a41-c.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;} .n-cont{width: 100%;} .n-item{width: 100%;margin-bottom: .5rem;} .n-g{width: 100%;font-size: 0;margin-bottom: .3rem;} .n-icon{display: inline-block;vertical-align: middle;width: .6rem;} .n-icon img{width: 100%;border-radius: 50%;} .n-name{ display: inline-block;vertical-align: middle;max-width: calc(100% - 1rem);font-weight: bold; color: #000000;padding-left: .25rem;line-height: 1.5;} .n-textbox{color: #666666;line-height: 1.55;} .n-textbox *{line-height: inherit;} .n-item:nth-child(3n + 1) .n-icon img{box-shadow: 0px .05rem .15rem 0px rgba(255, 77, 0, 0.2);} .n-item:nth-child(3n + 2) .n-icon img{box-shadow: 0px .05rem .15rem 0px rgba(255, 153, 0, 0.2);} .n-item:nth-child(3n + 3) .n-icon img{box-shadow: 0px .05rem .15rem 0px rgba(60, 193, 104, 0.2);} @media(max-width: 750px){ .n-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .n-top{padding: .3rem .2rem .1rem;} .n-left{width: 100%;margin-bottom: .3rem;} .n-f{font-size: 12px;margin-right: .4rem;} .n-f:after{right: -.2rem;} } .o-a{width: 100%;padding-top: 2.15rem;padding-bottom: 2.3rem; background-size: cover;background-position: center center;background-repeat: no-repeat;} .o-form{width: 100%;} .o-b{width: 15.2rem;margin: 0 auto;text-align: center;} .o-titles{color: #000000;position: relative;line-height: 1.19;font-weight: bold;padding-bottom: .3rem;margin-bottom: .45rem;} .o-titles:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -.25rem;width: .5rem;height: .05rem;background-color: #0064c6;} .o-intro{color: #666666;font-weight: bold;line-height: 1.38;margin-bottom: .7rem;} .o-c{display: inline-block;border-radius: .03rem;font-size: 0;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .o-input{display: inline-block;vertical-align: middle;border: none;width: 6.2rem;height: .46rem;padding: 0 .2rem; color: #666666; background-color: #ffffff;} .o-submit{display: inline-block;vertical-align: middle;border: none;cursor: pointer;padding: 0 .4rem;height: .46rem;line-height: .46rem;color: #ffffff; background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #086fcb 100%), linear-gradient(#044fa0, #044fa0);} @media(max-width: 750px){ .o-a{padding: 1.2rem 0;} .o-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .o-c{width: 100%;} .o-input{width: 60%;height: 30px;} .o-submit{width: 40%;height: 30px;line-height: 30px;padding: 0 0 ;text-align: center;} } .p-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem; background-color: #dff1f6;position: relative; background-image: linear-gradient(45deg, #dff1f6 0%, #f1fbff 100%), linear-gradient(#e8f2fd, #e8f2fd);} .p-b{width: 15.2rem;margin: 0 auto;} .p-navbox{width: 100%;text-align: center;padding-bottom: .15rem;} .p-nav{display: inline-block;vertical-align: middle;cursor: pointer; margin: 0 .15rem .3rem;padding: 0 .15rem; min-width: 2.4rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .p-icon{display: inline-block;vertical-align: middle;} .p-iocn1{display: block;width: 1.37em;} .p-iocn1 img{width: 100%;} .p-iocn2{display: none;width: 1.37em;} .p-iocn2 img{width: 100%;} .p-text{display: inline-block;vertical-align: middle; color: #666666;margin-left: .15rem;line-height: .56rem;} .p-nav:hover{ background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .p-nav:hover .p-iocn1{display: none;} .p-nav:hover .p-iocn2{display: block;} .p-nav:hover .p-text{color: #ffffff;} .p-nav.active{ background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .p-nav.active .p-iocn1{display: none;} .p-nav.active .p-iocn2{display: block;} .p-nav.active .p-text{color: #ffffff;} .p-list{width: 100%;} .p-item{display: none;width: 100%;} .p-item.show{display: block;} .p-form{width: 100%;} .p-cont{width: 100%;position: relative; padding: .5rem 0; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .p-left{display: none; position: absolute;top: 0;left: 0;width: 6.1rem;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;} .p-scrollbar{display: block;width: 100%;padding: 0 .3rem; max-height: 1000rem; overflow: auto;} .p-right{display: block;width: 100%;padding: 0 .3rem;} .p-one{display: inline-block;vertical-align: middle; width: 100%;margin-bottom: .2rem;position: relative;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .03rem;border: solid 1px #aecdef;} .p-c {width: 100%;font-size: 0;} .p-two {width: 100%;font-size: 0;} .p-tip{position: absolute;top: 0;left: 0;width: 100%;color: #666666;line-height: .46rem;padding: 0 .2rem; display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .p-tip *{color: #ff4d00;} .p-d{position: relative;z-index: 18;border: none; background-color: transparent; width: 100%;padding: 0 .2rem;height: .46rem;color: #666666;} .p-textarea{position: relative;z-index: 18;border: none; background-color: transparent; width: 100%;padding: 0 .2rem;color: #666666;line-height: .46rem;height: 1rem;} .input-box.hide .p-tip{display: none;} .input-box.hide2 .p-tip{display: none;} .p-button{display: inline-block;vertical-align: middle;position: relative;margin-top: .2rem; background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);border-radius: .28rem;} .p-button:after{content: ''; position: absolute;top: 0;right: .4rem;width: .5em;height: 100%;background-image: url('../images/a41-b.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;} .p-submit{cursor: pointer; display: inline-block;vertical-align: middle;position: relative;z-index: 18;line-height: .46rem;color: #ffffff; padding: 0 1.1rem 0 .4rem;border: none; background-color: transparent;} .p-form .select-w{box-sizing: border-box;display: inline-block;vertical-align: top;width: 100%; position: relative;padding-right: .5rem;padding-left: .2rem;white-space:nowrap} .p-form .select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: .46rem;line-height: .46rem; color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .p-form .select-w .cur span{color: #ff4d00;} .p-form .select-w select{cursor: pointer; position: absolute;width: 100%;height: 100%;padding-left: .2rem;color: #666666;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);} .p-form .select-w:after{ content: ""; position: absolute;right: .2rem;top:0;z-index: 1;width: .12rem;height: 100%;background-image: url('../images/a39.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;} .p-time{width: 100%; position: relative; } .p-time:after{ content: ""; position: absolute;right: .2rem;top:0;z-index: 1;width: .12rem;height: 100%;background-image: url('../images/a39.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;} .p-layui{cursor: pointer; position: relative;z-index: 18;border: none; background-color: transparent; width: 100%;padding: 0 .5rem 0 .2rem;height: .46rem;color: #666666;} .layui-laydate-header *{line-height: inherit;} .p-picture{width: 100%;margin-bottom: .2rem;} .picture-tip{color: #666666;padding-left: .2rem;margin-bottom: .2rem;} .picture-label{display: inline-block;cursor: pointer;position: relative; width: 1.28rem;height: 1.28rem;background-color: #ffffff;border-radius: .03rem;border: solid 1px #aecdef;} .picture-icon{position: absolute;top: 50%;left: 50%;width: .15rem;transform: translate(-50%,-50%);} .picture-icon img{width: 100%;} .picture-file{display: none;} .product-presentation2 .p-a{background-color: #fff;background-image: linear-gradient(45deg, #fff 0%, #fff 100%), linear-gradient(#fff, #fff);} @media(min-width: 750px){ .p-c .p-one{width: calc(33.33% - .134rem);margin-right: .2rem;} .p-c .p-one:nth-child(3n){margin-right: 0;} .p-two .p-one{width: calc(50% - .15rem);margin-right: .3rem;} .p-two .p-one:nth-child(2n){margin-right: 0;} } @media(max-width: 750px){ .p-cont{padding: 0;} .p-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .p-nav{padding: 0 15px;} .p-left{width: 100%;position: relative;height: auto; padding-top: 91.8%;} .p-scrollbar{width: 100%;margin-left: 0;padding: .3rem;height: auto;} .p-right{width: 100%;padding: 0;} .p-form .select-w .cur{height: 30px;line-height: 30px;} .p-d{height: 30px;line-height: 30px;} .p-tip{height: 30px;line-height: 30px;} .p-layui{height: 30px;line-height: 30px;} .p-textarea{height: 80px;line-height: 30px;} .p-button{border-radius: 15px;} .p-submit{height: 30px;line-height: 30px;} } .q-a{width: 100%;background: #e2eef8;padding-top: 1rem;padding-bottom: 1rem; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd);} .q-b{width: 15.2rem;margin: 0 auto;} .q-top{width: 100%;font-size: 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center; padding-bottom: .2rem;margin-bottom: .45rem; border-bottom: 1px solid #c6d5e6;} .q-left{display: block;} .q-titles{color: #000000;font-weight: bold;line-height: 1.3;margin-bottom: .2rem;} .q-c{width: 100%;} .q-d{display: inline-block;vertical-align: middle;margin-right: .4rem;padding-bottom: .2rem;} .q-e{display: inline-block;vertical-align: middle; color: #999999;} .q-e:after{content: '|'; } .q-e:last-child:after{display: none;} .q-share{display: inline-block;vertical-align: middle;padding-bottom: .2rem;} .q-tip{display: inline-block;vertical-align: middle;color: #999999;margin-right: .05rem;} .q-list{display: inline-block;vertical-align: middle;} .q-one{display: inline-block;vertical-align: middle;cursor: pointer;width: .44rem;margin-left: .15rem;} .q-one img{width: 100%;} .q-one:hover{opacity: .8;} .q-right{display: block;width: 3.2rem;padding-bottom: .2rem;} .q-form{display: block;font-size: 0;width:100%; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .28rem;} .q-input{display: inline-block;vertical-align: middle;border: none;background-color: transparent; width: calc(100% - .8rem);color: #666666;height: .56rem; padding: 0 .2rem;} .q-submit{display: inline-block;vertical-align: middle;cursor: pointer; border: none;background-color: transparent;width: .8rem;height: .56rem;color: transparent;background-image: url('../images/a3-b.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;} .q-textbox{color: #666666;line-height: 1.555;} .q-textbox *{line-height: inherit;max-width: 100%;} @media(max-width: 750px){ .q-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .q-right{width: 80%;} .q-form{border-radius: 15px;} .q-input{height: 30px;} .q-submit{height: 30px;} } .r-a{width: 100%;padding-top: 1rem;padding-bottom: .85rem;} .r-b{width: 17.4rem;margin: 0 auto;} .r-cont{width: 100%;position: relative;} .r-c{width: 15.45rem;margin: 0 auto;} .r-item{width: 33.33%;padding: .15rem ;} .r-d{display: block;cursor: pointer;position: relative; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);} .r-d:after{content: '';position: absolute;bottom: 0;left: 0; width: 0;transition: all ease .5s;height: .04rem;background-color: #0064c6;} .r-img{width: 100%;overflow: hidden;position: relative;height: 2.6rem;} .r-img img{position: absolute;top: 0;left: 0;height: 100%; width: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;} .r-text{width: 100%;padding: .35rem .3rem;} .r-name{margin-bottom: .2rem; color: #000000;font-weight: bold;line-height: 1.2;height: 2.4em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .r-intro{margin-bottom: .4rem; color: #666666;line-height: 1.5;height: 3em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .r-time{color: #999999;} .r-d:hover:after{width: 100%;} .r-d:hover .r-img img{transform: scale(1.05);} .r-d:hover .r-name{color: #015aaa;} .r-prev{left: 0;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .r-prev:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} .r-next{transform: rotate(-180deg); right: 0;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px -.05rem .15rem 0px rgba(1, 90, 170, 0.08);} .r-next:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} @media(max-width: 750px){ .r-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .r-cont{padding: 0 .7rem;} .r-c{width: 100%;} .r-item{width: 80%;} .r-img{height: auto;padding-top: 53.49%;} } .s-a{width: 100%;padding-top: 1rem;padding-bottom: .9rem; background: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd);} .s-form{width: 100%;} .s-b{width: 15.2rem;margin: 0 auto;} .s-top{width: 100%;border-bottom: 1px solid #c6d5e6;text-align: center;padding-bottom: .4rem;margin-bottom: .6rem; } .s-c{display: inline-block; width: 7.8rem;font-size: 0;margin-bottom: .55rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .s-input{display: inline-block;vertical-align: middle;border: none;background-color: transparent; width: calc(100% - 1rem);color: #666666;height: .56rem; padding: 0 .2rem;} .s-submit{display: inline-block;vertical-align: middle;cursor: pointer; border: none;background-color: transparent;width: 1rem;height: .56rem;color: transparent;background-image: url('../images/a3-b.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;} .s-tip{color: #000000;font-weight: bold;text-align: left;line-height: 1.38;} .s-tip span{color: #ff4d00;} .s-middle{width: 100%;text-align: center;} .s-titles{color: #000000;font-weight: bold;line-height: 1.3;margin-bottom: .2rem;} .s-default{color: #666666;margin-bottom: .5rem;line-height: 1.55;} .s-navbox{width: 100%;font-size: 0;padding-bottom: .2rem;} .s-nav{display: inline-block;vertical-align: middle;cursor: pointer; padding: 0 .5rem;margin:0 .15rem .3rem; min-width: 1.65rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .s-iocn{display: inline-block;vertical-align: middle;margin-right: .1rem;} .s-iocn1{display: block;height: 1.25em;} .s-iocn1 img{height: 100%;} .s-iocn2{display: none;height: 1.25em;} .s-iocn2 img{height: 100%;} .s-d{display: inline-block;vertical-align: middle;color: #666666;line-height: .56rem;} .s-d span{ margin-left: .1rem; color: #ff4d00;} .s-nav:hover{background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .s-nav:hover .s-iocn1{display: none;} .s-nav:hover .s-iocn2{display: block;} .s-nav:hover .s-d{color: #ffffff;} .s-nav.active{background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .s-nav.active .s-iocn1{display: none;} .s-nav.active .s-iocn2{display: block;} .s-nav.active .s-d{color: #ffffff;} .s-bottom{width: 100%;} .s-cont{width: 100%;padding-bottom: .1rem;font-size: 0;} .s-item{display: block;margin-bottom: .3rem; width: 100%;cursor: pointer;font-size: 0;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .s-img{display: inline-block;vertical-align: middle;width: 4.2rem;height: 2.25rem; overflow: hidden;position: relative;} .s-img img{position: absolute;top: 0;left: 0;height: 100%; width: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;} .s-text{display: inline-block;vertical-align: middle;width: calc(100% - 4.2rem);padding: 0 .3rem;} .s-name{color: #000000;margin-bottom: .1rem;display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .s-intro{margin-bottom: .55rem; color: #666666;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .s-time{color: #999999;} .s-item:hover:after{width: 100%;} .s-item:hover .s-img img{transform: scale(1.05);} .s-item:hover .s-name{color: #015aaa;} @media(max-width: 750px){ .s-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .s-c{border-radius: 15px;width: 100%;} .s-input{height: 30px;} .s-submit{height: 30px;} .s-intro{margin-bottom: .2rem;} .s-item{display: inline-block;vertical-align: top;width: calc(50% - 5px);margin-right: 10px;} .s-item:nth-child(2n){margin-right: 0;} .s-img{width: 100%;height: auto;padding-top: 53.57%;} .s-text{width: 100%;padding: .3rem;} .s-nav{margin: 0 .1rem .3rem;} .s-iocn{font-size: 12px;} .s-d{font-size: 12px;} } .t-a{width: 100%;} .t-form{width: 100%;} .t-top{width: 100%;text-align: center;padding-top: 2rem;padding-bottom: 2.4rem; background-size: cover;background-position: center center;background-repeat: no-repeat;} .t-b{width: 15.2rem;margin: 0 auto;} .t-c{display: inline-block;font-size: 0; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: 3px;} .t-input{display: inline-block;vertical-align: middle;border: none;background-color: transparent; width: 6.2rem;color: #666666;height: .46rem; padding: 0 .2rem;} .t-submit{display: inline-block;vertical-align: middle;cursor: pointer; border: none; width: 1.6rem;height: .46rem;color: #ffffff;text-align: center;line-height: .46rem; background-image: linear-gradient(45deg, #015aaa 0%, #086fcb 100%), linear-gradient(#044fa0, #044fa0);} .t-middle{width: 100%;background-color: #fff;padding: .6rem 0 .3rem;} .t-d{width: 15.2rem;margin: 0 auto;} .t-tip{color: #000000;margin-bottom: .4rem;line-height: 1.6;} .t-tip span{color: #ff4d00;} .t-navbox{width: 100%;font-size: 0; text-align: center;} .t-nav{display: inline-block;vertical-align: middle;cursor: pointer; padding: 0 .3rem;margin:0 .15rem .3rem; min-width: 2.55rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .t-icon{display: inline-block;vertical-align: middle;margin-right: .15rem;} .t-icon1{display: block;height: 1.25em;} .t-icon1 img{height: 100%;} .t-icon2{display: none;height: 1.25em;} .t-icon2 img{height: 100%;} .t-e{display: inline-block;vertical-align: middle;color: #666666;line-height: .56rem;} .t-nav:hover{ background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .t-nav:hover .t-icon1{display: none;} .t-nav:hover .t-icon2{display: block;} .t-nav:hover .t-e{color: #ffffff;} .t-nav.active{ background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .t-nav.active .t-icon1{display: none;} .t-nav.active .t-icon2{display: block;} .t-nav.active .t-e{color: #ffffff;} .t-bottom{width: 100%;padding-top: .6rem;padding-bottom: 1rem; background: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd);} .t-f{width: 15.2rem;margin: 0 auto;} .t-g{color: #000000;font-weight: bold;margin-bottom: .4rem;line-height: 1.3;} .t-h{width: 100%;padding-bottom: .2rem;} .t-i{display: inline-block;vertical-align: middle;font-size: 0 ;} .t-buttom{display: inline-block;vertical-align: middle;cursor: pointer;margin-bottom: .3rem;} .t-j{display: inline-block;vertical-align: middle;width: .21rem;margin-right: .15rem;} .t-j img{width: 100%;} .t-k{display: inline-block;vertical-align: middle;color: #0064c6;line-height: 1.5;} .t-cont{width: 100%;font-size: 0;} .t-item{display: inline-block;vertical-align: top;cursor: pointer;text-align: center; width: 3.55rem;margin-right: .3rem;margin-bottom: .3rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .t-item:nth-child(4n){margin-right: 0;} .t-img{width: 100%;height: 3.15rem;line-height: 3.15rem;overflow: hidden;} .t-img img{max-width: 70%;max-height: 70%;transform: scale(1.00);transition: all ease .5s;} .t-text{width: 100%;padding: 0 .6rem .45rem;} .t-name{color: #000000;font-weight: bold;line-height: 1.55;height: 3.1em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .t-f .select-w{box-sizing: border-box;display: inline-block;vertical-align: top;width:2.8rem;margin-right: .3rem;margin-bottom: .3rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .03rem;border: solid 1px #aecdef;position: relative;padding-right: .5rem;padding-left: .2rem;white-space:nowrap} .t-f .select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: .46rem;line-height: .46rem; color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .t-f .select-w select{cursor: pointer; position: absolute;width: 100%;height: 100%;padding-left: .2rem;color: #666666;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);} .t-f .select-w:after{ content: ""; position: absolute;right: .2rem;top:0;z-index: 1;width: .12rem;height: 100%;background-image: url('../images/a39.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;} .t-item:hover .t-img img{transform: scale(1.05);} .t-item:hover .t-name{color: #015aaa;} .xp-a.special .t-img{width: 100%;height: auto;line-height: 1;} .xp-a.special .t-img img{max-width: 100%;max-height: 100%;width: 100%;} .xp-a.special .t-text{padding: .45rem .6rem .45rem;} @media(max-width: 750px){ .t-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .t-c{width: 100%;} .t-input{width: 60%; height: 30px;} .t-submit{width: 40%; height: 30px;line-height: 30px;} .t-d{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .t-f{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .t-text{padding: 0 .2rem .3rem;} .t-i{width: 100%;} .t-f .select-w{width: calc(50% - 5px);margin-right: 10px;} .t-f .select-w:nth-child(2n){margin-right: 0;} .t-f .select-w .cur{height: 30px;line-height: 30px;} .t-item{width: calc(50% - 5px);margin-right: 10px;} .t-item:nth-child(2n){margin-right: 0;} .xp-a.special .t-text{padding: .3rem .2rem;} } .u-a{width: 100%; background: #e2eef8;padding-top: 1rem;padding-bottom: .9rem; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd);} .u-form{width: 100%;} .u-top{width: 100%;text-align: center; } .u-b{width: 15.2rem;margin: 0 auto;} .u-c{display: inline-block; width: 7.8rem;font-size: 0;margin-bottom: .5rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .u-input{display: inline-block;vertical-align: middle;border: none;background-color: transparent; width: calc(100% - 1rem);color: #666666;height: .56rem; padding: 0 .2rem;} .u-submit{display: inline-block;vertical-align: middle;cursor: pointer; border: none;background-color: transparent;width: 1rem;height: .56rem;color: transparent;background-image: url('../images/a3-b.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;} .u-cont{width: 100%;padding-bottom: .1rem;font-size: 0;} .u-item{display: inline-block;vertical-align: top;width: calc(25% - .23rem);margin-right: .3rem;margin-bottom: .3rem;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .u-item:nth-child(4n){margin-right: 0;} .u-d{width: 100%;position: relative;} .u-img{width: 100%;} .u-img img{width: 100%;} .u-name{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);text-align: center;padding: 0 .15rem; width: 100%;color: #ffffff;font-weight: bold;} .u-button{width: 100%;position: relative;font-size: 0;padding: .25rem 0; } .u-button:after{content: '';position: absolute;top: 50%;left: 50%;margin-top: -.1rem; width: 1px;height: .2rem;background-color: #aeceef;} .u-button1{display: inline-block;vertical-align: middle;cursor: pointer;text-align: center; width: 50%;} .u-button1 .u-icon{display: inline-block;vertical-align: middle;width: .45rem;} .u-button1 .u-icon img{width: 100%;border-radius: 50%;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);} .u-button1 .u-text{display: inline-block;vertical-align: middle;max-width: calc(100% - .6rem);padding-left: .1rem;color: #666666;line-height: 1.5;} .u-button2{display: inline-block;vertical-align: middle;cursor: pointer;text-align: center; width: 50%;} .u-button2 .u-icon{display: inline-block;vertical-align: middle;width: .45rem;} .u-button2 .u-icon img{width: 100%;border-radius: 50%;box-shadow: 0px .05rem .15rem 0px rgba(255, 153, 0, 0.2);} .u-button2 .u-text{display: inline-block;vertical-align: middle;max-width: calc(100% - .6rem);padding-left: .1rem;color: #666666;line-height: 1.5;} @media(max-width: 750px){ .u-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .u-c{width: 100%;} .u-input{ height: 30px;} .u-submit{ height: 30px;line-height: 30px;} .u-item{width: 100%;margin-right: 0;} /* .u-item:nth-child(3n){margin-right: 10px;} */ /* .u-item:nth-child(2n){margin-right: 0;} */ /* .u-button{padding: .15rem 0;} .u-button:after{display: none;} .u-button1{width: 100%;padding: .15rem 0;border-bottom: 1px solid #ccc;} .u-button2{width: 100%;padding: .15rem 0;} */ } .v-a{width: 100%;padding: 1rem 0; background-size: cover;background-position: center center;background-repeat: no-repeat;} .v-b{width: 8rem;margin: 0 auto;} .v-cont{width: 100%;min-height: 5.55rem;padding: .8rem .9rem .6rem;background-color: rgba(255,255,255,.75);} .v-list{width: 100%;font-size: 0;} .v-one{display: inline-block;vertical-align: middle; width: 100%;margin-bottom: .2rem;position: relative;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .03rem;border: solid 1px #aecdef;} .v-tip{position: absolute;top: 0;left: 0;width: 100%;color: #999999;line-height: .46rem;padding: 0 .2rem; display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .v-tip *{color: #ff4d00;} .v-c{position: relative;z-index: 18;border: none; background-color: transparent; width: 100%;padding: 0 .2rem;height: .46rem;color: #666666;} .input-box.hide .v-tip{display: none;} .v-d{width: 100%;padding-top: .3rem;text-align: center;} .v-d .v-submit{display: inline-block;cursor: pointer;cursor: pointer;border: none;color: #ffffff; min-width: 3rem;height: .46rem;padding: 0 .15rem;text-align: center;line-height: .46rem;background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #086fcb 100%), linear-gradient(#044fa0, #044fa0);box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);border-radius: 3px;} .v-one img{position: absolute;top: 0;right: 0; height: 100% !important;} .v-button{width: 100%;font-size: 0;padding-top: .3rem; } .v-register{display: inline-block;vertical-align: middle; margin-bottom: .15rem; cursor: pointer;color: #000000; width: calc(50% - .1rem);margin-right: .2rem;height: .46rem;text-align: center;line-height: .46rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .03rem;border: solid 1px #aecdef;} .v-button .v-submit{display: inline-block;vertical-align: middle; margin-bottom: .15rem;cursor: pointer;border: none;color: #ffffff; width: calc(50% - .1rem); height: .46rem;text-align: center;line-height: .46rem;background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #086fcb 100%), linear-gradient(#044fa0, #044fa0);box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);border-radius: 3px;} .v-forget{display: block;cursor: pointer;text-align: center;color: #0064c6;line-height: 1.3;} .v-form .select-w{box-sizing: border-box;display: inline-block;vertical-align: top;width: 100%; position: relative;padding-right: .5rem;padding-left: .2rem;white-space:nowrap} .v-form .select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: .46rem;line-height: .46rem; color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .v-form .select-w .cur span{color: #ff4d00;} .v-form .select-w select{cursor: pointer; position: absolute;width: 100%;height: 100%;padding-left: .2rem;color: #666666;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);} .v-form .select-w:after{ content: ""; position: absolute;right: .2rem;top:0;z-index: 1;width: .12rem;height: 100%;background-image: url('../images/a39.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;} .v-a .my-titles{margin-bottom: .5rem;} .v-e{width: 100%;text-align: center;padding: .8rem .3rem;min-height: 5.55rem; background-color: rgba(255,255,255,.75);} .v-textbox{width: 100%;color: #666666;line-height: 1.5;margin-bottom: .25rem;} .v-textbox *{line-height: inherit;} .v-share{width: 100%; font-size: 0;} .v-f{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 7px .25rem; width: .45rem;} .v-f img{width: 100%;} .v-h{width: 100%; color: #333333;font-weight: bold;line-height: 1.625;margin-bottom: .4rem;} .v-back{display: inline-block;vertical-align: middle;cursor: pointer;min-width: 3rem;padding: .15rem;color: #ffffff;background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #086fcb 100%), linear-gradient(#044fa0, #044fa0); box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);border-radius: .03rem;} .v-i{ width: 100%; text-align: right; color: #666666;line-height: 1.5;} .v-i a{color: #015aaa;cursor: pointer;border-bottom: 1px solid #015aaa;} .v-label{width: 100%; cursor: pointer;margin-bottom: .2rem;} .v-label .lb-label{display: block; font-size: 0;position: relative;cursor: pointer;} .v-label .lb-icon{box-sizing: border-box;display: inline-block;vertical-align: top;width: 1.25em;height: 1.25em; border: 1px solid #cee1f5;} .v-label .lb-text{display: inline-block;vertical-align: top;max-width: calc(100% - 1.5em); padding-left: .1rem; color: #666666;line-height: 1.5; } .v-label .lb-label.selected .lb-icon{border: 1px solid #cee1f5;background-image: url('../images/a129.png');background-size: cover;background-position: center center;background-repeat: no-repeat;} .v-label .lb-label.selected .lb-text{color: #015aaa; } .v-label .lb-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;} /* .v-j{width: 100%;} .v-j:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .v-k{float: left; color: #015aaa;cursor: pointer;border-bottom: 1px solid #015aaa;} */ @media(min-width: 750px){ .v-list .v-one{width: calc(50% - .1rem);margin-right: .2rem;} .v-list .v-one:nth-child(2n){margin-right: 0;} } @media(max-width: 750px){ .v-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .v-cont{padding: .5rem .4rem;} .v-tip{line-height: 30px;} .v-c{ height: 30px;} .v-form .select-w .cur{height: 30px;line-height: 30px;} .v-d .v-submit{height: 30px;line-height: 30px;} .v-register{width: 100%;height: 30px;line-height: 30px;margin-right: 0;} .v-button .v-submit{width: 100%; height: 30px;line-height: 30px;} .v-e{padding: .5rem .4rem;} } .w-a{width: 100%; background: #e2eef8;padding-top: 1rem;padding-bottom: .9rem; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd);} .w-form{width: 100%;} .w-top{width: 100%;text-align: center; } .w-b{width: 15.2rem;margin: 0 auto;} .w-c{display: inline-block; width: 7.8rem;font-size: 0;margin-bottom: .5rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .w-input{display: inline-block;vertical-align: middle;border: none;background-color: transparent; width: calc(100% - 1rem);color: #666666;height: .56rem; padding: 0 .2rem;} .w-submit{display: inline-block;vertical-align: middle;cursor: pointer; border: none;background-color: transparent;width: 1rem;height: .56rem;color: transparent;background-image: url('../images/a3-b.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;} .w-cont{width: 100%;} .w-item{width: 100%;border-bottom: 1px solid #d6e6f3;background-color: #ffffff;} .w-tip{width: 100%;position: relative;cursor: pointer; color: #000000;font-weight: bold;line-height: 1.8;padding: .2rem .8rem .2rem .4rem;} .w-tip:after{content: '';position: absolute;top: 0;right: .4rem;width: .72em;height: 100%;background-image: url('../images/a77.png');background-size: .72em auto;background-position: center center;background-repeat: no-repeat;} .w-sub{display: none; width: 100%;background-color: #d6e6f3;padding: .6rem 1.15rem .5rem; } .w-list{width: 100%;font-size: 0;} .w-one{display: inline-block;vertical-align: top;cursor: pointer;text-align: center; width: calc(20% - .3rem); margin: 0 .15rem .3rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .w-img{width: 100%;height: 2rem;line-height: 2rem;overflow: hidden;} .w-img img{max-width: 70%;max-height: 70%;transform: scale(1.00);transition: all ease .5s;} .w-text{width: 100%;padding:0 .1rem .2rem;} .w-name{color: #000000;font-weight: bold;line-height: 1.5;height: 3em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .w-item.show .w-tip:after{background-image: url('../images/a77-b.png');} .w-one:hover .w-img img{transform: scale(1.05);} .w-one:hover .w-name{color: #015aaa;} @media(max-width: 750px){ .w-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .w-c{width: 100%;} .w-input{ height: 30px;} .w-submit{ height: 30px;line-height: 30px;} .w-sub{padding: .5rem .15rem .6rem;} .w-one{width: calc(50% - .3rem);} } .x-a{width: 100%;background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #086fcb 100%), linear-gradient(#000000, #000000);} .x-b{width: 100%;} .x-titles{width: 15.2rem;margin: 0 auto;font-weight: bold;line-height: .8rem; color: #ffffff;} .x-cont{width: 100%;position: relative;} .x-c{width: 100%;position: relative;} .x-d{width: 100%;} .x-item{width: 100%;} .x-img{display: block;cursor: pointer;width: 100%;} .x-img img{width: 100%;} .x-pagination{ position: absolute;bottom: .3rem; left: 0; text-align: center; width: 100%;} .x-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 3.5px; border-radius: 0; width: .25rem;height: .05rem;background-color: #ffffff;opacity: 0.5;} .x-pagination .swiper-pagination-bullet-active{ width: .5rem; opacity: 1;} .x-l{position: absolute; bottom: .45rem;left: 50%;z-index: 88; margin-left: -7.6rem; width: 15.4rem;font-size: 0;} .x-form{width: 100%;} .x-m{display: inline-block;vertical-align: middle;width: 100%; font-size: 0;} .x-input{display: inline-block;vertical-align: middle;border: none; width:calc(16.66% - .2rem);margin: 0 .1rem ;margin-bottom: .3rem; background-color: #ffffff;border-radius: .03rem;padding: 0 .2rem;color: #666;height: .46rem;} .x-n{display: inline-block;vertical-align: middle;width:calc(16.66% - .2rem); margin: 0 .1rem ;margin-bottom: .3rem; } .x-submit{display: inline-block;vertical-align: middle;border: none;cursor: pointer;color: #fff; width: calc(100% - .72rem);height: .46rem;line-height: .46rem;text-align: center; background-color: #015aaa; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);border-radius: .03rem; } .x-form .select-w{box-sizing: border-box;display: inline-block;vertical-align: top;width:calc(16.66% - .2rem);margin: 0 .1rem ;margin-bottom: .3rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .03rem; position: relative;padding-right: .5rem;padding-left: .2rem;white-space:nowrap} .x-form .select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: .46rem;line-height: .46rem; color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .x-form .select-w select{cursor: pointer; position: absolute;width: 100%;height: 100%;padding-left: .2rem;color: #666666;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);} .x-form .select-w:after{ content: ""; position: absolute;right: .2rem;top:0;z-index: 1;width: .12rem;height: 100%;background-image: url('../images/a39.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;} .x-button{display: inline-block;vertical-align: middle;border: none; cursor: pointer;color: transparent; margin-right: .1rem; width: .6rem; height: .46rem; background-color: #015aaa; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);border-radius: .03rem;background-image: url('../images/a147.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;} .x-one{display: inline-block;vertical-align: top;cursor: pointer; width:calc(16.66% - .2rem);margin: 0 .1rem ;margin-bottom: .3rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .03rem; position: relative; } .x-one .x-tip{width: 100%;display: inline-block;vertical-align: top;height: .46rem;line-height: .46rem; color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: .5rem;padding-left: .2rem;} .x-one .x-tip:after{ content: ""; position: absolute;right: .2rem;top:0;z-index: 1;width: .12rem;height: 100%;background-image: url('../images/a39.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;} .x-tr{display: none; position: absolute;top: .46rem;left: 0;z-index: 88; max-height: 20em; padding: .5em .2rem; overflow: auto; background-color: #fff; width: 100%;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);} .x-one.show .x-tr{display: block;} .x-td{width: 100%;} .x-tr .lb-label{padding: .05rem 0;display: block; font-size: 0;position: relative;cursor: pointer;} .x-tr .lb-icon{box-sizing: border-box;display: inline-block;vertical-align: top;width: 1.25em;height: 1.25em; border: 1px solid #cee1f5;} .x-tr .lb-text{display: inline-block;vertical-align: top;width: calc(100% - 1.5em);padding-left: .1rem; color: #666666;line-height: 1.5; } .x-tr .lb-label.selected .lb-icon{border: 1px solid #cee1f5;background-image: url('../images/a129.png');background-size: cover;background-position: center center;background-repeat: no-repeat;} .x-tr .lb-label.selected .lb-text{color: #015aaa;font-weight: bold;} .x-tr .lb-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;} @media(max-width: 750px){ .x-titles{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .x-l{position: relative;bottom: 0;left: 0;padding: .3rem 10px; margin-left: 0;width: 100%; } .x-m{width: 100%;} .x-n{width: 100%; margin: 0 0 .3rem;} .x-form .select-w{width: calc(50% - 5px);margin-right: 10px;margin-left: 0;} .x-form .select-w:nth-child(2n){margin-right: 0;} .x-form .select-w .cur{height: 30px;line-height: 30px;} .x-input{width: 100%;margin: 0 0 .3rem; height: 30px;} .x-submit{width: calc(70% - .1rem); height: 30px; line-height: 30px;} .x-one{width: calc(50% - 5px);margin-right: 10px;margin-left: 0;} .x-one:nth-child(2n){margin-right: 0;} .x-button{width: 30%; line-height: 30px;height: 30px;} } .y-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem; background-color: #e2eef8;background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient( #002345, #002345);} .y-b{width: 15.2rem;margin: 0 auto;} .y-top{width: 100%;} .y-intro{color: #666666;line-height: 1.55;margin-bottom: .4rem;} .y-intro *{line-height: inherit;max-width: 100%;} .y-cont{width: 100%;display: flex; flex-wrap: wrap;font-size: 0;padding-bottom: .2rem;} .y-item{display: inline-block;vertical-align: middle; padding: .35rem .35rem; width: 7.45rem;margin-right: .3rem;margin-bottom: .3rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .y-item:nth-child(2n){margin-right: 0;} .y-top{width: 100%;font-size: 0;} .y-img{display: inline-block;vertical-align: middle;width: 2.2rem;height: 2.2rem;line-height: 2.2rem;text-align: center;} .y-img img{max-width: 100%;max-height: 100%;} .y-text{display: inline-block;vertical-align: middle;width: calc(100% - 2.2rem);padding-left: .35rem;} .y-name{display: block;cursor: pointer; margin-bottom: .2rem; color: #0064c6;line-height: 1.1;height: 2.2em; font-weight: bold;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .y-spe{color: #000000;font-weight: bold;margin-bottom: .15rem;} .y-textbox{color: #666666;line-height: 1.5 !important;height: 11.8em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;} .y-textbox *{line-height: inherit !important;} .y-textbox p{padding-left: 1em;position: relative;} .y-textbox p:before{ content: "•";position: absolute;top: 0;left: 0; width: 1em;line-height: 1.5; color: #a0a0a0;} .y-item .y-bottom{width: 100%;padding-top: .2rem;text-align: left;} .y-list{display: inline-block;vertical-align: middle;width: 2.2rem;margin-right: .3rem;} .y-icon{display: inline-block;vertical-align: middle;width: 25%;padding: .1rem .05rem 0;} .y-icon img{width: 100%;} .y-button{display: inline-block;vertical-align: middle;cursor: pointer;margin: .06rem; text-align: center; color: #ffffff;padding: 0 .1rem; min-width: 2rem;height: .56rem;line-height: .56rem;background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff); box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);border-radius: .28rem;} .y-button:before{content: '';display: inline-block;vertical-align: middle;width: .22rem;height: .56rem; margin-right: .15rem;background-image: url('../images/a148.png');background-size: .22rem auto;background-position: center center;background-repeat: no-repeat;} .y-more{display: inline-block;vertical-align: middle;cursor: pointer;margin: .06rem; text-align: center; color: #ffffff;padding: 0 .1rem; min-width: 2rem;height: .56rem;line-height: .56rem;background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff); box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);border-radius: .28rem;} .y-more:before{content: '';display: inline-block;vertical-align: middle;width: .22rem;height: .56rem; margin-right: .15rem;background-image: url('../images/a149.png');background-size: .22rem auto;background-position: center center;background-repeat: no-repeat;} .y-bottom{width: 100%;text-align: center; } .y-back{display: inline-block;vertical-align: middle;cursor: pointer;color: #666666; padding:0 .4rem ; height: .56rem;line-height: .56rem;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .y-back:after{content: '>';margin-left: .5rem;} @media(max-width: 750px){ .y-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .y-item{width: 100%;margin-right: 0;padding: .3rem 10px;} .y-item:nth-child(2n){margin-right: 0;} .y-img{width: 100%;margin-bottom: .3rem;height: 200px;line-height: 200px;} .y-icon{text-align: center;} .y-icon img{width: auto;max-width: 80%;} .y-textbox{ height: auto;} .y-text{width: 100%;padding-left: 0;} .y-list{width: 100%;margin-bottom: .35rem;} .y-button{width: 100%;margin: .15rem 0;} .y-more{width: 100%;margin: .15rem 0} } .z-a{width: 100%;padding-top: 1rem;padding-bottom: .6rem; background-color: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#002345, #002345);} .z-b{width: 100%;padding: 0 1.8rem; margin: 0 auto;} .z-cont{width: 100%;position: relative;} .z-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .z-left{float: left;} .z-navbox{display: block;position: relative;} .z-nav{display: block;padding: 1px 0;cursor: pointer;} .z-c{display: inline-block;transition: all ease .5s;width: 36px;line-height: calc(100vh / 27 - 2rem / 27 - 3px); font-size: 1em;text-align: center; color: #999999; background-color: #ffffff;} .z-nav.goto .z-c{color: #000 ;font-weight: bold;} .z-nav.goto.active .z-c{ width: 50px;padding: .05rem 0; color: #ffffff;font-size: 1.4em;background-color: #015aaa;} .z-right{float: right;width: 14.1rem;padding-top: .4rem;} .z-one{width: 100%;padding-top: .1rem;} .z-tip{color: #000000;font-weight: bold;padding-bottom: .2rem; border-bottom: 1px solid #c0cfe2;} .z-list{width: 100%;padding-top: .3rem; font-size: 0;} .z-item{display: inline-block;vertical-align: middle;text-align: center;cursor: pointer; width: 2.58rem;margin-right: .3rem;margin-bottom: .3rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .z-item:nth-child(5n){margin-right: 0;} .z-img{width: 100%;height: 2.25rem;line-height: 2.25rem;overflow: hidden;} .z-img img{max-width: 70%;max-height: 70%;transform: scale(1.00);transition: all ease .5s;} .z-text{width: 100%;padding: 0 .3rem .3rem;} .z-name{color: #000000;font-weight: bold;line-height: 1.5;height: 3em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .z-item:hover .z-img img{transform: scale(1.05);} .z-item:hover .z-name{color: #015aaa;} @media(min-width: 900px){ .z-left.fixed .z-navbox{position: fixed; top: 1.6rem; left: 1.8rem;z-index: 29; } .z-left.fixed1 .z-navbox{position: absolute;bottom: 0;left: 0;top: auto !important;} } @media(min-width: 1200px){ .z-left.fixed .z-navbox{top: 2rem;} } @media(max-width: 900px){ .z-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .z-left{position: fixed;top: 1.6rem;left: 0;width: 100%;background-color: #fff;text-align: center; z-index: 88;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .z-navbox{width: 100%;white-space: nowrap;overflow: auto;font-size: 0;} .z-nav{display: inline-block; padding: 0;} .z-c{font-size: 1em !important; width: auto !important;padding: 0 .15rem !important;line-height: 30px !important;} .z-right{width: 100%; } .z-item{width: calc(50% - 5px);margin-right: 10px;padding: .3rem 10px;} .z-item:nth-child(5n){margin-right: 10px;} .z-item:nth-child(2n){margin-right: 0;} } .xa-a{width: 100%;} .xa-cont{width: 100%;} .xa-top{width: 100%;background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #086fcb 100%), linear-gradient(#000000, #000000);} .xa-titles{width: 15.2rem;margin: 0 auto;padding: .2rem 0; line-height: 1.66;color: #ffffff;font-weight: bold;} .xa-middle{display: block; width: 100%;position: relative;cursor: pointer;} .xa-bg{width: 100%;height: 7.5rem;background-size: cover;background-position: center center;background-repeat: no-repeat;} .xa-b{position: absolute;bottom: .8rem;left: 50%;margin-left: -7.6rem; width: 15.2rem;text-align: left;} .xa-c{display: inline-block;padding: .4rem;background-color: rgba(255,255,255,.9);width: 6rem;text-align: left;} .xa-name{color: #000000;font-weight: bold;line-height: 1.3;margin-bottom: .25rem;} .xa-intro{margin-bottom: .45rem; color: #666666;line-height: 1.55;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .xa-more{display: inline-block;vertical-align: middle; min-width: 2rem;padding: 0 .3rem;height: .56rem;line-height: .56rem; color: #ffffff;background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);border-radius: .28rem;} .xa-more:after{content: '>';margin-left: .3rem;} .xa-bottom{width: 100%;font-size: 0;padding-top: .6rem;padding-bottom: .5rem; background-color: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#000000, #000000);} .xa-list{width: 15.2rem;margin: 0 auto;font-size: 0;} .xa-item{display: inline-block;vertical-align: middle;text-align: center;cursor: pointer; margin-right: .3rem;margin-bottom: .3rem; width: 2.28rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xa-item:nth-child(6n){margin-right: 0;} .xa-img{width: 100%;height: 2rem;line-height: 2rem;overflow: hidden;} .xa-img img{max-width: 70%;max-height: 70%;transform: scale(1.00);transition: all ease .5s;} .xa-text{width: 100%;padding: 0 .2rem .2rem;} .xa-d{color: #000000;font-weight: bold;line-height: 1.5;height: 3em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .xa-item:hover .xa-img img{transform: scale(1.05);} .xa-item:hover .xa-d{color: #015aaa;} .xa-cont:nth-child(2n) .xa-b{text-align: right;} .xa-cont:nth-child(5n + 2) .xa-top{background-color: #ff9900; background-image: linear-gradient(45deg, #ff9900 0%, #faab36 100%), linear-gradient(#000000, #000000);} .xa-cont:nth-child(5n + 2) .xa-more{background-color: #ff9900; background-image: linear-gradient(45deg, #ff9900 0%, #faab36 100%), linear-gradient(#000000, #000000);} .xa-cont:nth-child(5n + 3) .xa-top{background-color: #0ba3f4;background-image: linear-gradient(45deg, #0ba3f4 0%, #3bb9fc 100%), linear-gradient(#000000, #000000);} .xa-cont:nth-child(5n + 3) .xa-more{background-color: #0ba3f4;background-image: linear-gradient(45deg, #0ba3f4 0%, #3bb9fc 100%), linear-gradient(#000000, #000000);} .xa-cont:nth-child(5n + 4) .xa-top{background-color: #ff4d00;background-image: linear-gradient(45deg, #ff4d00 0%, #ff773c 100%), linear-gradient(#000000, #000000);} .xa-cont:nth-child(5n + 4) .xa-more{background-color: #ff4d00;background-image: linear-gradient(45deg, #ff4d00 0%, #ff773c 100%), linear-gradient(#000000, #000000);} .xa-cont:nth-child(5n + 5) .xa-top{background-color: #3cc168;background-image: linear-gradient(45deg, #3cc168 0%, #69d58d 100%), linear-gradient(#000000, #000000);} .xa-cont:nth-child(5n + 5) .xa-more{background-color: #3cc168;background-image: linear-gradient(45deg, #3cc168 0%, #69d58d 100%), linear-gradient(#000000, #000000);} @media(max-width: 750px){ .xa-titles{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xa-b{width: 100%;left: 50%;transform: translate(-50%,0);margin-left: 0; width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xa-list{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xa-item{width: calc(50% - 5px);margin-right: 10px; } .xa-item:nth-child(6n){margin-right: 10px;} .xa-item:nth-child(2n){margin-right: 0;} } .xb-a{width: 100%;padding-top: 1rem;padding-bottom: .9rem;background-color: #e2eef8;background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#eaf3fb, #eaf3fb);} .xb-b{width: 15.2rem;margin: 0 auto;} .xb-cont{width: 100%;padding-bottom: .1rem;font-size: 0;} .xb-item{display: inline-block;vertical-align: top;cursor: pointer;position: relative; width: 3.57rem;margin-right: .28rem;margin-bottom: .3rem;} .xb-item:nth-child(4n){margin-right: 0;} .xb-bg{width: 100%;height: 4.28rem;background-size: cover;background-position: center center;background-repeat: no-repeat;} .xb-text{position: absolute;bottom: 0;left: 0; width: 100%; padding: .3rem .3rem;} .xb-text:before{content: '';position: absolute;bottom: 0;left: 0;z-index: 8; width: 100%;height: .06rem;background-color: #015aaa; } .xb-text:after{content: ''; position: absolute;bottom: 0;opacity: 0; left: 0;z-index: 10;transition: all ease .5s; width: 100%;height: 100%; background-color: #015aaa;background-image: linear-gradient(180deg, #2593f6 0%, #015aaa 100%);} .xb-name{position: relative;z-index: 18; color: #ffffff;font-weight: bold;line-height: 1.18;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .xb-intro{position: relative;z-index: 18; color: #ffffff;line-height: 1.5;margin-top: .15rem; overflow : hidden;text-overflow: ellipsis;display: none;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .xb-more{display: none; position: relative;z-index: 18;color: #ffffff;margin-top: .3rem;font-size: 0 !important; height: .13rem;background-image: url('../images/a145.png');background-size: auto 100%;background-position: right center ;background-repeat: no-repeat;} /* .xb-more:after{content: '>';display: inline-block;vertical-align: middle; margin-left: .3rem; font-size: 1.4em;} */ .xb-item:hover .xb-text:after{opacity: 1;} .xb-item:hover .xb-intro{display: block;display: -webkit-box;} .xb-item:hover .xb-more{display: block;} @media(max-width: 750px){ .xb-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xb-item{width: calc(50% - 5px);margin-right: 10px; } .xb-item:nth-child(4n){margin-right: 10px;} .xb-item:nth-child(2n){margin-right: 0;} .xb-bg{height: auto;padding-top: 119.8%;} .xb-intro{-webkit-line-clamp: 2;} } .xc-a{width: 100%;background-color: #e2eef8;padding-top: 1rem;padding-bottom: .9rem; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd);} .xc-b{width: 15.2rem;margin: 0 auto;} .xc-top{width: 100%;font-size: 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center; margin-bottom: .3rem; } .xc-c{display: block;margin-bottom: .3rem;} .xc-titles{color: #000000;font-weight: bold;line-height: 1.3;margin-bottom: .2rem;} .xc-d{display: inline-block;color: #ffffff; padding: .11rem .2rem;background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#0069c7, #0069c7);box-shadow: 0px.05rem .15rem 0px rgba(1, 90, 170, 0.2);border-radius: .17rem;} .xc-e{display: block;width: 3.2rem;padding-bottom: .3rem;} .xc-form{display: block;font-size: 0;width:100%; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .28rem;} .xc-input{display: inline-block;vertical-align: middle;border: none;background-color: transparent; width: calc(100% - .8rem);color: #666666;height: .56rem; padding: 0 .2rem;} .xc-submit{display: inline-block;vertical-align: middle;cursor: pointer; border: none;background-color: transparent;width: .8rem;height: .56rem;color: transparent;background-image: url('../images/a3-b.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;} .xc-cont{width: 100%;margin-bottom: .35rem;} .xc-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .xc-left{float: left; width: 12rem;} .xc-f{width: 100%;} .xc-item{width: 100%;} .xc-img{display: block;width: 100%;} .xc-img img{width: 100%;} .xc-right{float: right;padding-right: .2rem;position: relative;} .xc-g{width: 2.75rem;height: 7.2rem;} .xc-nav{display: block;width: 100%;height: 1.65rem;margin-bottom: .2rem;} .xc-bg{width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;} .xc-bg:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);} .xc-nav.active{border: .04rem solid #015aaa;} .xc-nav.active .xc-bg:after{display: none;} .xc-scrollbar{position: absolute;top: 0;right: 0;width: .04rem;height: 100%;background-color: #8db9e8;} .xc-scrollbar .swiper-scrollbar-drag{background-color: #3392e6; background-image: linear-gradient(0deg, #3392e6 0%, #0069c7 100%), linear-gradient(#8db9e8, #8db9e8);} .xc-bottom{width: 100%;} .xc-textbox{color: #666666;line-height: 1.55;} .xc-textbox *{line-height: inherit;} @media(max-width: 750px){ .xc-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xc-e{width: 100%;} .xc-form{border-radius: 15px;} .xc-input{height: 30px;} .xc-submit{height: 30px;} .xc-left{width: 100%;margin-bottom: .3rem;} .xc-right{width: 100%;padding-bottom: .15rem;padding-right: 0;margin-bottom: 0;} .xc-g{width: 100%;height: auto;} .xc-nav{width: calc(33.33% - .1rem);margin-right: .15rem; height: auto;} .xc-bg{height: auto;padding-top: 59.78%;} .xc-scrollbar{position: absolute;bottom: 0;left: 0;top: auto;right: auto;width: 100%;height: .04rem;} } .xd-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem;position: relative;} .xd-b{width: 15.5rem;margin: 0 auto;} .xd-cont{width: 100%;position: relative;} .xd-c{width: 100%;padding-bottom: .2rem;} .xd-item{width: 33.33%;padding: 0 .15rem .3rem;} .xd-d{display: block;cursor: pointer;width: 100%;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);} .xd-img{width: 100%;overflow: hidden;} .xd-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;} .xd-text{width: 100%;padding: .4rem .3rem .5rem;} .xd-name{color: #000000;font-weight: bold;line-height: 1.2;height: 2.4em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .xd-item:hover .xd-img img{transform: scale(1.05);} .xd-item:hover .xd-name{color: #015aaa;} .xd-prev{left: -.9rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xd-prev:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} .xd-next{transform: rotate(-180deg); right: -.9rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px -.05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xd-next:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} .xd-button{width: 100%;text-align: center;} .xc-more{display: inline-block;cursor: pointer;padding: .2rem .4rem;color: #666666; background-color: #ffffff; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .xc-more:after{content: '>';margin-left: .3rem;} @media(max-width: 750px){ .xd-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xd-cont{padding: 0 .8rem;} .xd-item{width: 80%;} .xd-prev{left: 0;} .xd-next{right: 0;} } .xe-a{width: 100%;padding-top: 1rem;padding-bottom: .7rem;overflow: hidden;position: relative; background-color: #dff1f6;background-image: linear-gradient(45deg, #dff1f6 0%, #f1fbff 100%), linear-gradient(#edf9fd, #edf9fd);} .xe-b{width: 15.5rem;margin: 0 auto;} .xe-navbox{width: 100%;font-size: 0; text-align: center; padding-bottom: .3rem;} .xe-nav{display: inline-block;vertical-align: middle;cursor: pointer; padding: 0 .3rem;margin:0 .15rem .3rem; min-width: 2.65rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .xe-icon{display: inline-block;vertical-align: middle;margin-right: .15rem;} .xe-icon1{display: block;height: 1.25em;} .xe-icon1 img{height: 100%;} .xe-icon2{display: none;height: 1.25em;} .xe-icon2 img{height: 100%;} .xe-tip{display: inline-block;vertical-align: middle;color: #666666;line-height: .56rem;} .xe-nav:hover{ background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .xe-nav:hover .xe-icon1{display: none;} .xe-nav:hover .xe-icon2{display: block;} .xe-nav:hover .xe-tip{color: #ffffff;} .xe-nav.active{ background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .xe-nav.active .xe-icon1{display: none;} .xe-nav.active .xe-icon2{display: block;} .xe-nav.active .xe-tip{color: #ffffff;} .xe-list{width: 100%;position: relative; } .xe-one{position: absolute;top: 0;left: 19rem;width: 100%;} .xe-one.show{position: relative;left: 0;} .xe-c{width: 100%;padding-bottom: .2rem;} .xe-item{width:25%;padding: 0 .15rem .3rem;} .xe-d{display: block;cursor: pointer;width: 100%;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);} .xe-img{width: 100%;overflow: hidden;height: 2.35rem;position: relative;} .xe-img img{position: absolute;top: 0;left: 0;height: 100%; width: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;} .xe-text{width: 100%;padding: .4rem .3rem .3rem;} .xe-name{color: #000000;font-weight: bold;line-height: 1.2;height: 2.4em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .xe-item:hover .xe-img img{transform: scale(1.05);} .xe-item:hover .xe-name{color: #015aaa;} .xe-prev{left: -.9rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xe-prev:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} .xe-next{transform: rotate(-180deg); right: -.9rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px -.05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xe-next:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} @media(max-width: 750px){ .xe-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xe-one{padding: 0 .8rem;} .xe-item{width: 80%;} .xe-prev{left: 0;} .xe-next{right: 0;} .xe-img{height: auto;padding-top: 62.66%;} .xe-navbox{white-space: nowrap;overflow: auto;} .xe-nav{min-width: .6rem;border-radius: .3rem;margin: 0 .15rem .3rem 0;padding: 0;transition: all ease .5s;} .xe-icon{margin-right: 0;} .xe-icon1{line-height: .6rem;height: .6rem;} .xe-icon1 img{height: 50%;} .xe-icon2{line-height: .6rem;height: .6rem;} .xe-icon2 img{height: 50%;} .xe-tip{display: none;font-size: 12px;margin-left: .15rem;} .xe-nav.active{padding: 0 .15rem;} .xe-nav.active .xe-tip{display: inline-block;} } .xf-a{width: 100%;padding-top: 1rem;padding-bottom: .7rem; background-color: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#eaf3fb, #eaf3fb);} .xf-b{width: 15.2rem;margin: 0 auto;} .xf-cont{width: 100%;font-size: 0;} .xf-item{display: inline-block;vertical-align: top;overflow: hidden; width: calc(50% - .15rem);cursor: pointer; position: relative;margin-right: .3rem;margin-bottom: .3rem;} .xf-bg{display: block;width: 100%;height: 3.95rem; background-size: cover;background-position: center center;background-repeat: no-repeat;} .xf-text{position: absolute;bottom: 0;left: 0;width: 100%;padding: .3rem;transition: all ease .5s;} .xf-text:before{content: '';position: absolute;bottom: 0;left: 0;z-index: 8; width: 100%;height: .06rem;background-color: #0069c7; } .xf-text:after{content: ''; position: absolute;bottom: 0;opacity: 0; left: 0;z-index: 10;transition: all ease .5s; width: 100%;height: 100%;background-color: #015aaa;background-image: linear-gradient(180deg, #2593f6 0%, #015aaa 100%);} .xf-name{position: relative;z-index: 18; color: #ffffff;font-weight: bold;line-height: 1.38;display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .xf-intro{display: none; margin-top: .15rem; position: relative;z-index: 18;line-height: 1.5;color: #ffffff; overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .xf-more{display: none; position: relative;z-index: 18;color: #ffffff;margin-top: .25rem;font-size: 0 !important; height: .13rem;background-image: url('../images/a145.png');background-size: auto 100%;background-position: right center ;background-repeat: no-repeat;} /* .xf-more:after{content: '>';display: inline-block;vertical-align: middle; margin-left: .3rem; font-size: 1.4em;} */ .xf-item:hover .xf-text:after{opacity: 1;} .xf-item:hover .xf-intro{display: -webkit-box; } .xf-item:hover .xf-more{display: block;} @media(min-width: 750px){ .xf-item:nth-child(5n + 2){margin-right: 0;} .xf-item:nth-child(5n + 3){width: calc(33.33% - .2rem);} .xf-item:nth-child(5n + 3) .xf-bg{height: 3rem;} .xf-item:nth-child(5n + 4){width: calc(33.33% - .2rem);} .xf-item:nth-child(5n + 4) .xf-bg{height: 3rem;} .xf-item:nth-child(5n + 5){width: calc(33.33% - .2rem);margin-right: 0;} .xf-item:nth-child(5n + 5) .xf-bg{height: 3rem;} } @media(max-width: 750px){ .xf-b{width: 100%; max-width: 500px; padding-left: 5px;padding-right: 5px;} .xf-item:nth-child(5n + 1){width: calc(100% - 10px);} .xf-item{width: calc(50% - 10px);margin: 0 5px .35rem;} .xf-bg{height: auto;padding-top: 61.2%;} .xf-text{position: relative; padding: 10px 15px;} .xf-text:before{background-color: #ff9900;} .xf-text:after{opacity: 1;} .xf-more{margin-top: .25rem;display: block;} .xf-name{font-size: 14px;} .xf-intro{font-size: 12px;color: #fff;display: -webkit-box;} .xf-more{font-size: 12px;} .xf-more:after{font-size: 12px;} } .xg-a{width: 100%;padding-top: 1rem;padding-bottom: .7rem;} .xg-b{width: 15.2rem;margin: 0 auto;} .xg-cont{width: 100%;} .xg-item{display: block;cursor: pointer;font-size: 0;margin-bottom: .3rem; width: 100%;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);} .xg-img{display: inline-block;vertical-align: middle; width: 4.2rem;overflow: hidden;} .xg-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;} .xg-text{display: inline-block;vertical-align: middle;width: calc(100% - 4.2rem);padding: 0 .3rem;} .xg-name{color: #000000;line-height: 1.3;font-weight: bold;margin-bottom: .2rem;} .xg-intro{margin-bottom: .5rem; color: #666666;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .xg-more{color: #999999;width: 100%;font-size: 0 !important; height: .13rem;background-image: url('../images/a145-b.png');background-size: auto 100%;background-position: right center ;background-repeat: no-repeat;} /* .xg-more:after{content: '>';margin-left: .3rem;} */ .xg-item:hover .xg-img img{transform: scale(1.05);} .xg-item:hover .xg-name{color: #015aaa;} .xg-item:hover .xg-more{color: #015aaa;background-image: url('../images/a145-c.png');} @media(max-width: 750px){ .xg-b{width: 100%; max-width: 500px; padding-left: 5px;padding-right: 5px;} .xg-item{width: 100%;padding: .2rem;} .xg-img{width: 3rem;} .xg-text{width: calc(100% - 3rem);padding: 0 0 0 .2rem;} .xg-intro{margin-bottom: .3rem;} } .my-button{width: 100%;text-align: center;padding-top: .5rem;} .my-back{display: inline-block;vertical-align: middle;cursor: pointer;color: #666666; padding:0 .4rem ; height: .56rem;line-height: .56rem;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .my-back:after{content: '>';margin-left: .5rem;} .xh-a{width: 100%;padding-top: 1rem;padding-bottom: .9rem;position: relative; background-color: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient( #e8f2fd, #e8f2fd);} .xh-b{width: 15.2rem;margin: 0 auto;} .my-id{position: absolute;top: -1.95rem;left: 0;} .xh-cont{width:100% ;} .xh-textbox{width: 100%;line-height: 1.55;color: #666666;padding-bottom: .15rem;} .xh-textbox *{line-height: inherit;max-width: 100%;} .xh-imgbox{width: 100%;font-size: 0;} .xh-img{display: inline-block;vertical-align: middle;width: calc(50% - .15rem);margin-right: .3rem;margin-bottom: .3rem;} .xh-img:nth-child(2n){margin-right: 0;} .xh-img img{width: 100%;} .xh-list{width: 100%;font-size: 0;padding-bottom: .2rem;} .xh-item{display: inline-block;vertical-align: top;width: 36%;padding-right: 1.95rem;margin-bottom: .3rem; position: relative;} .xh-item:after{content: '';position: absolute;top: 50%;right: .8rem;margin-top: -.2rem; width: 1px;height: .4rem;background-color: #bad5f1;} .xh-item:nth-child(3n):after{display: none;} .xh-icon{position: absolute;top: 50%;transform: translate(0,-50%); right: 1.6rem;width: .35rem;} .xh-icon img{width: 100%;} .xh-c{display: block;} .xh-tip{width: 100%;margin-bottom: .2rem;} .xh-nub{display: inline-block;vertical-align: bottom; color: #0069c7;font-weight: bold;} .xh-d{display: inline-block;vertical-align: bottom; color: #0069c7;font-weight: bold;} .xh-intro{color: #666666;line-height: 1.55;} .xh-video{width: 100%;position: relative;margin-bottom: .6rem;cursor: pointer;} .xh-bg{width: 100%;height: 5.9rem;background-size: cover;background-position: center center;background-repeat: no-repeat;} .xh-text{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: 100%;padding: 0 10px;text-align: center;} .xh-name{width: 100%;font-weight: bold;line-height: 1.25;margin-bottom: .4rem; color: #ffffff;} .xh-play{width: 100%;} .xh-play img{width:.85rem;} .xh-video video{position: absolute;top: 0;left: 0;z-index: -1;opacity: 0; width: 100%;height: 100%;background-color: #000;} .xh-video.play video{z-index: 18;opacity: 1;} .xh-item:nth-child(3n+2) .xh-tip{color: #3cc168;} .xh-item:nth-child(3n+2) .xh-nub{color: #3cc168;} .xh-item:nth-child(3n+2) .xh-d{color: #3cc168;} .xh-item:nth-child(3n+3) .xh-tip{color: #ff9900;} .xh-item:nth-child(3n+3) .xh-nub{color: #ff9900;} .xh-item:nth-child(3n+3) .xh-d{color: #ff9900;} @media(min-width: 750px){ .xh-item:nth-child(3n+3) {width: 28%;padding-right: .4rem;} .xh-item:nth-child(3n+3) .xh-icon{right: 0;} } @media(max-width: 750px){ .xh-b{width: 100%; max-width: 500px; padding-left: 5px;padding-right: 5px;} .xh-text{display: none;} .xh-video video{z-index: 18;opacity: 18;} .xh-item{width: 33.33%;text-align: center;padding: 0 .1rem;} .xh-item:after{right: 0;} .xh-icon{position: relative;transform: translate(0,0);right: 0;top: 0;width: 100%;text-align: center;margin-bottom: .2rem;} .xh-icon img{width: .35rem;} .xh-intro{font-size: 12px;} } .xi-a{width: 100%;position: relative;padding-top: 1rem;padding-bottom: .7rem;} .xi-b{width: 15.2rem;margin: 0 auto;} .xi-top{width: 100%;font-size: 0;padding-bottom: .2rem;} .xi-item{display: inline-block;vertical-align: top;text-align: center; width: 2.55rem;margin-bottom: .5rem; margin-right: .6rem;} .xi-item:nth-child(5n){margin-right: 0;} .xi-img{width: 100%;margin-bottom: .2rem;} .xi-img img{width: 100%;border-radius: 50%; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);} .xi-text{width: 100%;} .xi-name{color: #000000;line-height: 1.5;font-weight: bold;margin-bottom: .1rem;} .xi-intro{color: #666666;line-height: 1.6;} .xi-navbox{width: 100%;font-size: 0; text-align: center; padding-bottom: .3rem;} .xi-nav{display: inline-block;vertical-align: middle;cursor: pointer; padding: 0 .3rem;margin:0 .15rem .3rem; min-width: 2.4rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .xi-icon{display: inline-block;vertical-align: middle;margin-right: .15rem;} .xi-icon1{display: block;height: 1.25em;} .xi-icon1 img{height: 100%;} .xi-icon2{display: none;height: 1.25em;} .xi-icon2 img{height: 100%;} .xi-tip{display: inline-block;vertical-align: middle;color: #666666;line-height: .56rem;} .xi-nav.active{ background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .xi-nav.active .xi-icon1{display: none;} .xi-nav.active .xi-icon2{display: block;} .xi-nav.active .xi-tip{color: #ffffff;} .xi-cont{width: 100%;} .xi-one{display: none;width: 100%;} .xi-one.show{display: block;} .xi-c{ width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .xi-d{display: block;width: 7.45rem;margin-bottom: .3rem;} .xi-e{display: flex;width: 100%;flex-wrap: wrap;} .xi-f{display: block;width: 50%;color: #666666;line-height: 1.6; background-color: #eff7ff;padding: .15rem .3rem;border: solid 1px #abd7ff;} .xi-f:nth-child(2n){ color: #000000;background-color: #fff;} .xi-l{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .xi-m{display: block;width: 4.85rem;} .xi-n{width: 100%;margin-bottom: .3rem;} .xi-o{width: 100%;line-height: 1.44;color: #ffffff;font-weight: bold;padding: .15rem .3rem; background-color: #ff4d00; background-image: linear-gradient(45deg, #ff4d00 0%, #ff773c 100%), linear-gradient(#015aaa, #015aaa);} .xi-p{width: 100%;} .xi-q{display: flex;width: 100%;flex-wrap: wrap;} .xi-r{display: block;width: 50%;color: #666666;line-height: 1.6; padding: .15rem .3rem;background-color: #fff7f4;border: solid 1px #fad2c1;} .xi-r:nth-child(2n){color: #000000;background-color: #fff;} .xi-n.color2 .xi-o{background-color: #ff9900; background-image: linear-gradient(45deg, #ff9900 0%, #faab36 100%), linear-gradient(#015aaa, #015aaa);} .xi-n.color3 .xi-o{background-color: #015aaa;background-image: linear-gradient(180deg, #2593f6 0%, #015aaa 100%);} .xi-n.color3 .xi-r{background-color: #eff7ff;border: solid 1px #abd7ff;} .xi-n.color3 .xi-r:nth-child(2n){background-color: #ffffff;} .xi-n.color4 .xi-o{background-color: #3cc168; background-image: linear-gradient(45deg, #3cc168 0%, #69d58d 100%), linear-gradient(#015aaa, #015aaa);} .xi-n.color4 .xi-r{background-color: #eff7ff;border: solid 1px #abd7ff;} .xi-n.color4 .xi-r:nth-child(2n){background-color: #ffffff;} .xi-n.color5 .xi-o{background-color: #0ba3f4; background-image: linear-gradient(45deg, #0ba3f4 0%, #3bb9fc 100%), linear-gradient(#015aaa, #015aaa);} .xi-n.color5 .xi-r{background-color: #eff7ff;border: solid 1px #abd7ff;} .xi-n.color5 .xi-r:nth-child(2n){background-color: #ffffff;} @media(min-width: 750px){ .xi-nav:hover{ background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .xi-nav:hover .xi-icon1{display: none;} .xi-nav:hover .xi-icon2{display: block;} .xi-nav:hover .xi-tip{color: #ffffff;} } @media(max-width: 750px){ .xi-b{width: 100%; max-width: 500px; padding-left: 5px;padding-right: 5px;} .xi-item{width: calc(50% - 5px);margin-right: 10px;} .xi-item:nth-child(5n){margin-right:10px;} .xi-item:nth-child(2n){margin-right: 0;} .xi-img img{width: 80%;} .xi-d{width: 100%;} .xi-m{width: 100%;} } .xj-a{width: 100%;overflow: hidden; padding-top: 1rem;padding-bottom: 1rem; position: relative;background-color: #dff1f6; background-image: linear-gradient(45deg, #dff1f6 0%, #f1fbff 100%), linear-gradient(#ffffff, #ffffff);} .xj-b{width: 15.2rem;margin: 0 auto;} .xj-top{width: 100%;position: relative;margin-bottom: .6rem;} .xj-top:before{content: '';position: absolute;top: 18px;left: 0;width: 100%;height: 1px; background-color: #015aaa;opacity: 0.2;} .xj-c{width: 100%;} .xj-nav{width: 20%;padding-top: 50px;text-align: center;cursor: pointer; position: relative;} .xj-nav:before{content: '';position: absolute;top: 7px;left: 50%;transform: translate(-50%,0);background-color: #dff1f6; width: 21px;height: 21px;border-radius: 50%;border: solid 2px #015aaa;} .xj-d{color: #666666;font-size: 1em;font-weight: bold;} .xj-nav.active .xj-d{color: #0064c6;font-size: 1.3em;} .xj-nav.active:before{top: 0;width: 34px;height: 34px;} .xj-nav.active:after{content: ''; position: absolute;top: 12px;left: 50%;transform: translate(-50%,0);width: 13px;height: 13px;border-radius: 50%;background-color: #0064c6;} .xj-cont{width: 100%;position: relative;} .xj-one{position: absolute;top: 0;left: -250%;width: 100%;} .xj-one.show{position: relative;left: 0;} .xj-e{width: 100%;background-color: #fff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xj-item{width: 100%;} .xj-f{display: block;cursor: pointer;width: 100%;font-size: 0;} .xj-img{display: inline-block;vertical-align: middle;width: 7.6rem;} .xj-img img{width: 100%;} .xj-text{display: inline-block;vertical-align: middle;width: calc(100% - 7.6rem);padding: .1rem .6rem;} .xj-year{color: #000000;font-weight: bold;position: relative;padding-bottom: .35rem;margin-bottom: .45rem;} .xj-year:before{content: '';position: absolute;bottom: 0;left: 0;width: .5rem;height: .05rem;background-color: #0064c6;} .xj-textbox{color: #666666;line-height: 2;} .xj-textbox *{line-height: inherit;} .xj-prev{top: auto;bottom: .2rem;right: .85rem; left:auto;margin-top: 0;width: .56rem;height: .56rem;border-radius: 0; background-color: #0064c6;background-image: url('../images/a33-b.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xj-next{transform: rotate(-180deg);top: auto;bottom: .2rem; right: .2rem;margin-top: 0;width: .56rem;height: .56rem;border-radius: 0; background-color: #0064c6;background-image: url('../images/a33-b.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xj-one.hide .xj-prev{display: none;} .xj-one.hide .xj-next{display: none;} .xj-prev2{left: -1rem;top: 25px; margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xj-prev2:hover{background-color: #0064c6;background-image: url('../images/a33-b.png');} .xj-next2{transform: rotate(-180deg); top: 25px; right: -1rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xj-next2:hover{background-color: #0064c6;background-image: url('../images/a33-b.png');} @media(max-width: 750px){ .xj-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xj-nav{width: 33.33%;} .xj-img{width: 100%;} .xj-text{width: 100%; padding: .25rem .3rem;} .xj-prev2{display: none;} .xj-next2{display: none;} .xj-one{padding-bottom: .8rem;} .xj-prev{top: auto;bottom: 0;border-radius: 50%; margin-top: 0;left: calc(50% - .8rem); } .xj-next{top: auto;bottom: 0;border-radius: 50%; margin-top: 0; right: calc(50% - .8rem);} } .xk-a{width: 100%;position: relative;padding-top: 1rem;padding-bottom: .7rem;} .xk-b{width: 15.2rem;margin: 0 auto;} .xk-cont{width: 100%;font-size: 0;} .xk-item{display: inline-block;vertical-align: top;text-align: center;width: calc(20% - .25rem);margin-right: .3rem;margin-bottom: .3rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);} .xk-item:nth-child(5n){margin-right: 0;} .xk-img{width: 100%; overflow: hidden;} .xk-img img{ width: 100%; cursor: pointer;transform: scale(1.00);transition: all ease .5s;} .xk-text{width: 100%;padding: .2rem;} .xk-name{color: #000000;line-height: 1.44;font-weight: bold; height: 2.88em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .xk-item:hover .xk-img img{transform: scale(1.05);} @media(max-width: 750px){ .xk-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xk-item{width: calc(50% - 5px);margin-right: 10px;} .xk-item:nth-child(5n){margin-right: 10px;} .xk-item:nth-child(2n){margin-right: 0;} .xk-name br{display: none;} } .xl-a{position: relative;overflow: hidden; width: 100%;padding-top: 1rem;padding-bottom: 1rem; background-size: cover;background-position: center center;background-repeat: no-repeat;} .xl-b{width: 15.2rem;margin: 0 auto;} .xl-cont{width: 100%;font-size: 0;} .xl-left{display: inline-block;vertical-align: middle;width: 8.6rem;font-size: 0;} .xl-c{display: inline-block;vertical-align: middle;width: .9rem;position: relative;z-index: 8; padding: .4rem 0;} .xl-d{width: 100%;height: 4rem;} .xl-nav{width: 100%;height: .8rem;padding: .05rem 0;cursor: pointer;} .xl-nav .xl-img{width: 100%;height: .7rem;text-align: center;line-height: .68rem;background-color: #ffffff;border: solid .01rem #bdcde0;} .xl-nav .xl-img img{max-width: 80%;max-height: 80%;} .xl-nav.active .xl-img{line-height: .66rem; border: solid .02rem #015aaa;} .xl-e{display: inline-block;vertical-align: middle;width: calc(100% - .9rem);padding-left: 1.1rem;} .xl-f{display: inline-block;width: 5.7rem;} .xl-item { width: 100%;} .xl-item .xl-img{display: block;width: 100%;height: 5.7rem;line-height: 5.7rem;text-align: center;} .xl-item .xl-img img{ max-width: 100%;max-height: 100%;} .xl-type{width: 100%;text-align: center; color: #666666; line-height: 1.55;} .xl-right{display: inline-block;vertical-align: middle;width: calc(100% - 8.6rem);padding-left: 1.1rem;} .xl-name{color: #000000;line-height: 1.23;font-weight: bold;margin-bottom: .35rem;} .xl-share{display: block;font-size: 0; margin-bottom: .45rem;} .xl-tip{display: inline-block;vertical-align: middle;color: #999999;line-height: 1.3;margin-right: .2rem;} .xl-list{display: inline-block;vertical-align: middle;} .xl-one{display: inline-block;vertical-align: middle;cursor: pointer; width: .44rem;margin-right: .15rem;} .xl-one img{width: 100%;} .xl-textbox{width: 100%;color: #666666;line-height: 1.55;margin-bottom: .25rem;text-align: justify;} .xl-textbox *{line-height: inherit;} .xl-g{width: 100%;font-size: 0;} .xl-button{display: inline-block;vertical-align: middle;cursor: pointer;margin-top: .25rem;text-align: center; margin-right: .3rem;min-width: 2.06rem; padding: 0 .25rem;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .xl-icon{display: inline-block;vertical-align: middle;margin-right: .15rem;} .xl-icon1{display: block;width: 1.3em;} .xl-icon1 img{width: 100%;} .xl-icon2{display: none;width: 1.3em;} .xl-icon2 img{width: 100%;} .xl-text{display: inline-block;vertical-align: middle;line-height: .56rem;} .xl-button:hover{background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .xl-button:hover .xl-icon1{display: none;} .xl-button:hover .xl-icon2{display: block;} .xl-button:hover .xl-text{color: #ffffff;} @media(min-width: 750px){ .xl-prev{left: 0;margin-top: 0;top: 0; width: 100%;height: .26rem; background-color: transparent;background-image: url('../images/a112.png');background-size: .26rem auto;background-position: center center;background-repeat: no-repeat; } .xl-prev:hover{ background-image: url('../images/a112-b.png');} .xl-next{transform: rotate(-180deg); left: 0;margin-top: 0;top: auto;bottom: 0; width: 100%;height: .26rem; background-color: transparent;background-image: url('../images/a112.png');background-size: .26rem auto;background-position: center center;background-repeat: no-repeat; } .xl-next:hover{ background-image: url('../images/a112-b.png');} } @media(max-width: 750px){ .xl-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xl-left{display: flex;flex-wrap: wrap;flex-direction: column-reverse; width: 100%;margin-bottom: .5rem;} .xl-e{width: 100%;padding-left: 0;margin-bottom: .3rem;} .xl-c{width: 100%;padding: 0 .8rem;} .xl-d{height: auto;} .xl-nav{width: calc(25% - .2rem);margin-right: .266rem;} .xl-e{text-align: center;padding-left: 0;} .xl-f{text-align: left;} .xl-prev{left: 0;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xl-prev:hover{background-color: #0064c6;background-image: url('../images/a33-b.png');} .xl-next{transform: rotate(-180deg); right: 0;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xl-next:hover{background-color: #0064c6;background-image: url('../images/a33-b.png');} .xl-right{width: 100%;padding-left: 0;} .xl-button{width: calc(50% - .15rem); border-radius: 20px;padding: 0 15px;} .xl-button:nth-child(2n){margin-right: 0;} .xl-text{line-height: 40px;} .MagicZoomPup{display: none !important;} } .xm-a{width: 100%;padding-top: 1rem;padding-bottom: .7rem;position: relative;} .xm-b{width: 15.2rem;margin: 0 auto;} .xm-cont{width: 100%;} .xm-item{display: block; width: 100%;padding: .3rem ;font-size: 0; margin-bottom: .3rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);} .xm-icon{display: inline-block;vertical-align: middle;width: 1rem;} .xm-icon img{width: 100%;} .xm-text{display: inline-block;vertical-align: middle;width: calc(100% - 1rem);padding-left: .3rem;} .xm-name{color: #000000;font-weight: bold;line-height: 1.38;margin-bottom: .15rem;} .xm-intro{color: #666666;line-height: 1.5;} .xm-intro *{line-height: inherit;} .xm-intro p{margin-bottom: 16px;} .xm-intro p:last-child{margin-bottom: 0;} .my-textbox{color: #666666;line-height: 1.555;margin-bottom: .45rem;} .my-textbox *{line-height: inherit;max-width: 100%;} @media(max-width: 750px){ .xm-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} } .xn-a{position: relative; width: 100%;padding-top: 1rem;padding-bottom: 1rem; background-color: dff1f6; background-image: linear-gradient(45deg, #dff1f6 0%, #f1fbff 100%), linear-gradient(#000000, #000000);} .xn-b{width: 15.2rem;margin: 0 auto;} .xn-cont{width: 100%;} .xn-top{display: flex;background-color: #015aaa; background-image: linear-gradient(90deg, #015aaa 0%, #086fcb 100%), linear-gradient(#015aaa, #015aaa);} .xn-c{display: flex;align-items: center; justify-content: center; padding: .15rem .3rem;line-height: 1.5; flex: 1;color: #ffffff;text-align: center;border: 1px solid rgba(255,255,255,.2);} .xn-c:first-child{flex: none;width: 3.8rem;} .xn-bottom{width: 100%;} .xn-item{display: flex;background-color: #015aaa; background-color: #ffffff;} .xn-d{display: flex;align-items: center; min-height: calc(.3rem + 3.2em); padding: .15rem .3rem;line-height: 1.6; flex: 1;color: #666666;border: solid 1px #abd7ff;} .xn-d:first-child{flex: none;width: 3.8rem; justify-content: center;} .xn-table{width: 100%;} .xn-table table{width: 100%;} .xn-table tr{width: 100%;background-color: #ffffff;} .xn-table td{text-align: center; word-break: break-all;padding: .3rem .1rem;line-height: 1.6; color: #666666;border: solid 1px #abd7ff;} .xn-table tr:first-child{background-color: #015aaa; background-image: linear-gradient(90deg, #015aaa 0%, #086fcb 100%), linear-gradient(#015aaa, #015aaa);} .xn-table tr:first-child td{color: #ffffff;padding: .2rem .1rem;} .xn-table tr:first-child td{font-size: calc(20 * 100vw / 1920);} @media(max-width: 1382px){ .xn-table tr:first-child td{font-size: 14.4px;} } @media(min-width: 750px){ .xn-table td:first-child{width: 3.8rem;} } @media(max-width: 750px){ .xn-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xn-c{flex: 2;} .xn-d{flex: 2;} .xn-c:first-child{width: auto;flex:1;} .xn-d:first-child{width: auto;flex: 1;} } .xo-a{width: 100%;padding-top: 1rem;padding-bottom: .7rem;position: relative;} .xo-b{width: 15.5rem;margin: 0 auto;} .xo-cont{width: 100%;position: relative;} .xo-cont{width: 100%;font-size: 0;} .xo-item{display: block; cursor: pointer; text-align: center; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);} .xo-img{width: 100%;margin-bottom: .35rem; height: 2.9rem;line-height: 2.9rem;overflow: hidden;position: relative;} .xo-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;} .xo-text{width: 100%;padding: 0 .25rem .35rem;} .xo-name{font-weight: bold; color: #000000;line-height: 1.55; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .xo-item:hover .xo-img img{transform: scale(1.05);} .xo-item:hover .xo-name{color: #015aaa;} .xo-c{width: 100%;} .xo-d{width: 25%; padding: 0 .15rem .3rem;} .xo-item:last-child{margin-right: 0;} .xo-prev{left: -.9rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xo-prev:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} .xo-next{transform: rotate(-180deg); right: -.9rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px -.05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xo-next:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} @media(max-width: 750px){ .xo-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xo-cont{padding: 0 .28rem;} .xo-d{width: 50%;padding: 5px ;} .xo-prev{left: 0;} .xo-next{right: 0;} .xo-img{height: auto;padding-top: 81.3%;} .xo-text{padding: 0 .2rem .3rem;} } .xp-a{width: 100%;padding-top: 1rem; padding-bottom: .7rem; background-color: #e2eef8;position: relative; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#000000, #000000);} .xp-b{width: 15.2rem;margin: 0 auto;} .xp-navbox{width: 100%;font-size: 0;padding-bottom: .2rem;text-align: center;} .xp-nav{display: inline-block;vertical-align: middle;cursor: pointer; padding: 0 .3rem;margin:0 .15rem .3rem; min-width: 2.08rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .xp-iocn{display: inline-block;vertical-align: middle;margin-right: .1rem;} .xp-iocn1{display: block;height: 1.25em;} .xp-iocn1 img{height: 100%;} .xp-iocn2{display: none;height: 1.25em;} .xp-iocn2 img{height: 100%;} .xp-d{display: inline-block;vertical-align: middle;color: #666666;line-height: .56rem;} .xp-nav:hover{background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .xp-nav:hover .xp-iocn1{display: none;} .xp-nav:hover .xp-iocn2{display: block;} .xp-nav:hover .xp-d{color: #ffffff;} .xp-nav.active{background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .xp-nav.active .xp-iocn1{display: none;} .xp-nav.active .xp-iocn2{display: block;} .xp-nav.active .xp-d{color: #ffffff;} .xp-cont{width: 100%;} .xp-one{display: none; width: 100%;} .xp-one.show{display: block; } @media(max-width: 750px){ .xp-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xp-navbox{width: 100%;white-space: nowrap;overflow: auto;} } .xq-a{width: 100%;padding: .25rem 0; background-color: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#144394, #144394);} .xq-b{width: 15.2rem;margin: 0 auto;} .xq-cont{width: 100%;font-size: 0;} .xq-nav{display: inline-block;vertical-align: middle;cursor: pointer;border: solid .03rem transparent; width: 3.55rem; margin: .25rem .3rem .25rem 0; font-size: 0; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);} .xq-nav:nth-child(4n){margin-right: 0;} .xq-img{display: inline-block;vertical-align: middle;text-align: center; width: 1.4rem;height: 1.87rem;line-height: 1.87rem;} .xq-img img{max-width: 70%;max-height: 60%;} .xq-text{display: inline-block;vertical-align: middle;width: calc(100% - 1.4rem);padding-right: .2rem;} .xq-name{color: #666666;line-height: 1.55; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;} .xq-nav:hover{border: solid .03rem #0064c6;} .xq-nav:hover .xq-name{color: #000000;} .xq-nav.active{border: solid .03rem #0064c6;} .xq-nav.active .xq-name{color: #000000;} @media(max-width: 750px){ .xq-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xq-cont{display: flex;flex-wrap: wrap;} .xq-nav{width: calc(50% - 5px);margin-right: 10px;} .xq-nav:nth-child(2n){margin-right: 0;} .xq-img{width: 100%;} .xq-text{width: 100%;text-align: center;padding: 0 .2rem .3rem;} .xq-name{-webkit-line-clamp:2;} .xq-name br{display: none;} } .xr-cont{width: 100%;padding-bottom: .6rem;} .xr-item{width: 100%;border-bottom: 1px solid #d6e6f3;background-color: #ffffff;} .xr-tip{width: 100%;position: relative;cursor: pointer; color: #000000;font-weight: bold;line-height: 1.8;padding: .2rem .8rem .2rem .4rem;} .xr-tip:after{content: '';position: absolute;top: 0;right: .4rem;width: .72em;height: 100%;background-image: url('../images/a77.png');background-size: .72em auto;background-position: center center;background-repeat: no-repeat;} .xr-sub{display: none; width: 100%;background-color: #d6e6f3;padding: .6rem .4rem; } .xr-textbox{width: 100%;line-height: 2;color: #000;} .xr-textbox *{line-height: inherit;} .xr-item.show .xr-tip:after{background-image: url('../images/a77-b.png');} body.solution-details .nav-item{margin-right: .45rem;} body.solution-details .nav-item:last-child{margin-right: 0;} body.solution-details .xp-a{background-color: #fff;background-image: linear-gradient(45deg, #fff 0%, #fff 100%), linear-gradient(#fff, #fff);} body.Maintenance_Contracts .nav-item{margin-right: .45rem;} body.Maintenance_Contracts .nav-item:last-child{margin-right: 0;} .xs-a{width: 100%;min-height: 35px;} .xs-b{width: 100%;z-index: 188;position: relative;background-color: #015aaa;background-image: linear-gradient(90deg, #015aaa 0%, #086fcb 100%), linear-gradient(#000000, #000000);} .xs-cont{width: 15.2rem;margin: 0 auto;} .xs-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .xs-left{float: left;} .xs-titles{display: inline-block;line-height: .8rem;transition: all ease .5s; color: #ffffff;font-weight: bold;} .xs-right{float: right;font-size: 0;} .xs-nav{display: inline-block;vertical-align: middle;position: relative;line-height: .8rem;transition: all ease .5s; cursor: pointer;color: rgba(255,255,255,.7);margin-right: .45rem;} .xs-nav:after{content: '';display: none; position: absolute;bottom: 0;left: 0;width: 100%; height: .03rem;background-color: #ffffff;} .xs-nav:last-child{margin-right: 0;} .xs-nav.active{color: #fff;} .xs-nav.active:after{display: block;} .xs-a.fixed .xs-b{position: fixed;top: 1.95rem;left: 0;} .xs-a.fixed .xs-titles{ line-height: 35px;} .xs-a.fixed .xs-nav{ line-height: 35px;} @media(max-width: 900px){ .xs-a.fixed .xs-b{position: fixed;top: 1.6rem;left: 0;} } @media(max-width: 750px){ .xs-cont{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xs-left{display: none;} .xs-right{width: 100%;white-space: nowrap;overflow: auto;} } .xt-a{width: 100%;padding-top: .8rem;padding-bottom: 1rem; position: relative;background-color: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd);} .my-nav{position: absolute;top: calc(-1.95rem - 35px);left: 0; } .xt-banner{width: 100%;} .xt-banner img{width: 100%;} .xt-b{width: 15.2rem;margin: 0 auto; } .xt-titles{color: #000000;font-weight: bold;margin-bottom: .5rem;line-height: 1.3;} .xt-textbox{width: 100%;color: #666666;line-height: 1.55;} .xt-textbox *{line-height: inherit;max-width: 100%;} @media(max-width: 750px){ .xt-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} } .xu-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem;position: relative;} .xu-b{width: 15.5rem;margin: 0 auto;} .xu-cont{width: 100%;position: relative;} .xu-c{width: 100%;padding-bottom: .2rem;} .xu-item{width: 25%;padding: 0 .15rem .3rem;} .xu-d{display: block;cursor: pointer;width: 100%;text-align: center; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);} .xu-img{width: 100%;height: 3.15rem;line-height: 3.15rem;overflow: hidden;} .xu-img img{max-width: 70%;max-height: 70%;transform: scale(1.00);transition: all ease .5s;} .xu-text{width: 100%;padding: 0 .45rem .45rem;} .xu-name{font-weight: bold; color: #000000;line-height: 1.55;height: 3.1em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .xu-item:hover .xu-img img{transform: scale(1.05);} .xu-item:hover .xu-name{color: #015aaa;} .xu-prev{left: -.9rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xu-prev:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} .xu-next{transform: rotate(-180deg); right: -.9rem;margin-top: -.28rem;width: .56rem;height: .56rem;border-radius: 50%; background-color: #ffffff;background-image: url('../images/a33.png');background-size: .09rem auto;background-position: center center;background-repeat: no-repeat; box-shadow: 0px -.05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xu-next:hover{background-color: #015aaa;background-image: url('../images/a33-b.png');} .xu-button{width: 100%;text-align: center;} .xu-more{display: inline-block;cursor: pointer;padding: .2rem .4rem;color: #666666; background-color: #ffffff; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .xu-more:after{content: '>';margin-left: .3rem;} @media(max-width: 750px){ .xu-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xu-cont{padding: 0 .8rem;} .xu-item{width: 100%;} .xu-text{padding: 0 .2rem .3rem;} .xu-prev{left: 0;} .xu-next{right: 0;} } .xw-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem; background-color: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#002345, #002345);} .xw-form{width: 100%;} .xw-b{width: 15.2rem;margin: 0 auto;} .xw-cont{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .xw-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .xw-left{float: left;width: 3.57rem;} .xw-titles{width: 100%;font-weight: bold;position: relative; color: #ffffff;padding: .35rem .3rem .25rem; background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#cee1f5,#cee1f5);} .xw-reset{position: absolute;top: 50%;right: .3rem;transform: translate(0,-50%);} .xw-r{display: inline-block;cursor: pointer;border: none; width: 1.5em;height: 2em; background-color: transparent;color: transparent;background-image: url('../images/a147.png');background-size: 1.5em auto;background-position: center center;background-repeat: no-repeat;} .xw-navbox{width: 100%;padding: 0 .3rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xw-item{width: 100%;border-bottom: 1px solid #cee1f5;padding: .1rem 0;} .xw-one{width: 100%;} .xw-top{width: 100%;position: relative;padding-right: 2em;} .xw-one{width: 100%;padding: .2rem 0;} .xw-button{display: none; position: absolute;top: 0;cursor: pointer; right: 0;width: 2em;height: 100%;background-image: url('../images/a77.png');background-size: 1em auto;background-position: right center;background-repeat: no-repeat;} .has-two .xw-button{display: block;} .xw-item.show .xw-button{background-image: url('../images/a77-b.png');} .xw-list{display: none; width: 100%;} .xw-tow{width: 100%;padding: .1rem 0; margin-bottom: .05rem;} .xw-navbox .lb-label{display: block; font-size: 0;position: relative;cursor: pointer;} .xw-navbox .lb-icon{box-sizing: border-box;display: inline-block;vertical-align: top;width: 1.25em;height: 1.25em; border: 1px solid #cee1f5;} .xw-navbox .lb-text{display: inline-block;vertical-align: top;width: calc(100% - 1.5em);padding-left: .1rem; color: #666666;line-height: 1.25em; } .xw-navbox .lb-label.selected .lb-icon{border: 1px solid #cee1f5;background-image: url('../images/a129.png');background-size: cover;background-position: center center;background-repeat: no-repeat;} .xw-navbox .lb-label.selected .lb-text{color: #015aaa;font-weight: bold;} .xw-navbox .lb-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;} .xw-navbox .xw-one .lb-icon{display: none;} .xw-navbox .xw-one .lb-text{padding-left: 0;font-weight: bold;color: #000000;} .xw-right{float: right;background-color: #fff;padding: 0 .3rem .6rem; width: 11.33rem;min-height: 10.6rem; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .xw-c{width: 100%;border-bottom: 1px solid #cee1f5;} .xw-d{width: 100%;} .xw-nav{display: inline-block;vertical-align: middle;width: auto; margin-right: .3rem;} .xw-nav:after{display: none; content: '';position: absolute;bottom: 0; width: 100%;height: .04rem;background-color: #015aaa;} .xw-e{display: block;cursor: pointer;} .xw-fimg{display: inline-block;vertical-align: middle;margin-right: .15rem;} .xw-fimg1{display: block;height: 1.25em;} .xw-fimg1 img{max-width: none;height: 100%;} .xw-fimg2{display: none;height: 1.25em;} .xw-fimg2 img{max-width: none;height: 100%;} .xw-ftext{display: inline-block;vertical-align: middle;color: #666666;line-height: .9rem;} /* .xw-nav.active .xw-fimg1{display: none;} .xw-nav.active .xw-fimg2{display: block;} */ .xw-nav.active .xw-ftext{color: #015aaa;} .xw-nav.active:after{display: block;} /* .xw-nav:hover .xw-fimg1{display: none;} .xw-nav:hover .xw-fimg2{display: block;} */ .xw-nav:hover .xw-ftext{color: #015aaa; } .xw-nav:hover:after{display: block;} .xw-tr{width: 100%;font-size: 0;padding: .3rem .2rem;} .xw-td{width: 100%;display: none;} .xw-td.show{display: block;} .xw-menu {display: none; position: absolute;cursor: pointer;top: 1.2rem; right:0; width: .8rem;height: .8rem;background-image: url('../images/a-menu2.png');background-size: .6rem auto;background-position: center center;background-repeat: no-repeat;} .xw-opa {display: none;z-index: 1888;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, .5); cursor: pointer;} @media(min-width: 750px){ .xw-td .t-item{width: calc(33.33% - .2rem);margin-right: .3rem !important;} .xw-td .t-text{padding: 0 .2rem .3rem;} .xw-td .t-item:nth-child(3n){margin-right: 0 !important;} .xw-td .u-item{width: calc(33.33% - .2rem);margin-right: .25rem !important;} .xw-td .u-item:nth-child(3n){margin-right: 0 !important;} .xw-td .wg-item{width: calc(33.33% - .2rem);margin-right: .25rem !important;} .xw-td .wg-item:nth-child(3n){margin-right: 0 !important;} .xw-td .wf-item{width: calc(33.33% - .2rem);margin-right: .25rem !important;} .xw-td .wf-item:nth-child(3n){margin-right: 0 !important;} } @media(max-width: 750px){ .xw-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .xw-left {width: 260px;z-index: 1889;position: fixed;right: 0;top: 0; height: 100vh;background-color: #f8f8f8;margin-right: 0; padding-bottom: 10px;overflow: auto; transform: translate(100%, 0);transition: transform .3s;} .xw-right{width: 100%;padding: 0 0 .5rem;position: relative;} .xw-c{padding: 0 10px;margin-bottom: 1rem;} .xw-fimg{font-size: 12px;} .xw-ftext{font-size: 12px;} .xw-menu{display: block;} .xw-a.menu-state .xw-opa{display: block;} .xw-a.menu-state .xw-left {transform: translate(0, 0);} } .xy-a{width: 100%;padding-top: .8rem;padding-bottom: 1rem; overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;} .xy-b{width: 100%;text-align: center;} .xy-cont{display: inline-block;position: relative;padding: 0 10px;} .xy-cont:before{content: '';position: absolute;bottom: .65rem; left: -2.25rem;width: .8rem;height: .72rem;background-image: url('../images/a139.png');background-size: auto .72rem;background-position: left center;background-repeat: no-repeat;} .xy-cont:after{content: '';position: absolute;bottom: .125rem;right: -3rem;width: 1.5rem;height: .73rem;background-image: url('../images/a140.png');background-size: auto .73rem;background-position: right center;background-repeat: no-repeat;} .xy-img{display: inline-block; width: 4.4rem;margin-bottom: .15rem;position: relative;} .xy-img:before{content: '';position: absolute;top: .15rem;left: -3.45rem;width: 1.1rem;height: 1.38rem;background-image: url('../images/a137.png');background-size: auto 1.38rem;background-position: left center;background-repeat: no-repeat;} .xy-img:after{content: '';position: absolute;top: -.38rem;right: -3.35rem;width: 1.1rem;height: 1.38rem;background-image: url('../images/a138.png');background-size: auto 1.38rem;background-position: right center;background-repeat: no-repeat;} .xy-img img{width: 100%;} .xy-tip{color: #015aaa;font-weight: bold;line-height: 1.16;margin-bottom: .2rem;} .xy-intro{color: #000000;line-height: 1.625;margin-bottom: .4rem;} .xy-link{display: inline-block;cursor: pointer; padding: .16rem .3rem;color: #ffffff;min-width: 3rem;background-color: #015aaa; background-image: linear-gradient(45deg, #015aaa 0%, #086fcb 100%), linear-gradient(#044fa0, #044fa0);box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);border-radius: .03rem;} .xz-cont{width: 100%;padding-bottom: .3rem;} .xz-item{display: block;margin-bottom: .3rem; width: 100%;cursor: pointer;font-size: 0;background-color: #fff;} .xz-img{display: inline-block;vertical-align: middle;width: 7.6rem; overflow: hidden;} .xz-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;} .xz-text{display: inline-block;vertical-align: middle;width: 6.15rem;margin-left: .6rem;} .xz-name{color: #000000;font-weight: bold;margin-bottom: .25rem; line-height: 1.23;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .xz-intro{margin-bottom: .35rem;min-height: 3em; color: #666666;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .xz-time{color: #999999; margin-bottom: .35rem;} .xz-more{display: inline-block;vertical-align: middle; min-width: 2rem;padding: 0 .3rem;height: .56rem;line-height: .56rem; color: #ffffff;background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);border-radius: .28rem;} .xz-more:after{content: '>';margin-left: .3rem;} .xz-item:hover .xz-img img{transform: scale(1.05);} .xz-item:hover .xz-name{color: #015aaa;} @media(max-width: 750px){ .xz-img{width: 100%;} .xz-text{width: 100%;margin-left: 0;padding: .3rem;} } .wa-a{display: none; width: 100%;position: fixed;top: 0;left: 0;z-index: 288; width: 100%;height: 100%;background-color: rgba(0,0,0,.5);} .wa-a.show{display: block;} .wa-b{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 10rem;} .wa-cont{width: 100%;max-height: 90vh;overflow: auto; background-color: #ecf5fc;text-align: center;padding: 1rem .1rem .7rem;} .wa-icon{width: 100%;margin-bottom: .3rem;} .wa-icon img{height: 1.6rem;} .wa-text{color: #000000;line-height: 1.43;font-weight: bold;margin-bottom: .6rem;} .wa-navbox{width: 100%;text-align: center;font-size: 0;} .wa-nav{display: inline-block;vertical-align: auto;cursor: pointer; color: #000000;margin: 0 .1rem .3rem; min-width: 2rem; padding: .15rem .1rem;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .03rem;border: solid 1px #aecdef;} .wa-nav:hover{color: #ffffff;background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #086fcb 100%), linear-gradient(#044fa0, #015aaa); box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);} .wa-close{position: absolute;cursor: pointer; top: .2rem;right: .2rem; width: .4rem;height: .4rem;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: 50%;border: solid 1px #aecdef;background-image: url('../images/a142.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat; } @media(max-width: 750px){ .wa-b{width: 95%;} .wa-cont{padding:.5rem 10px;} } .wb-a{width: 100%;padding: 1rem 0;background-size: cover;background-position: center center;background-repeat: no-repeat;} .wb-b{width: 15.2rem;margin: 0 auto;} .wb-cont{display: flex;justify-content: space-between;flex-wrap: wrap;} .wb-left{width: 3.75rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .wb-tip{color: #ffffff;font-weight: bold;padding: 0 .3rem; line-height: .93rem;background-image: linear-gradient(45deg, #015aaa 0%, #086fcb 100%), linear-gradient(#cee1f5, #015aaa);} .wb-navbox{width: 100%;padding:0 .3rem .3rem ;} .xb-nav{display: block;cursor: pointer; color: #000000;padding: .2rem 0;font-weight: bold;line-height: 1.7;border-bottom: 1px solid #cee1f5;} .xb-nav:hover{color: #056ac5;} .xb-nav.active{color: #056ac5;} .wb-right{width: 11.3rem;background-color: #fff;min-height: 10.7rem;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .wb-top{width: 100%;padding: .3rem ;} .wb-c{width: 100%;position: relative; } .wb-c:after{content: '';position: absolute;bottom: -.3rem;width: 100%;height: 1px;background-color: #015aaa;} .wb-c:before{content: '';position: absolute;top: 0;left: -.3rem; width: .04rem;height: 100%;background-color: #015aaa;} .wb-titles{color: #015aaa; margin-bottom: .1rem;} .wb-intro{color: #666666;line-height: 1.6;} @media(max-width: 750px){ .wb-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} .wb-left{width: 100%;} .wb-right{width: 100%;min-height: 5rem;} } .wc-a{width: 100%;padding: .4rem .3rem;} .wc-form{width: 100%;} .wc-cont{width: 100%;} .wc-item{width: 100%;margin-bottom: .3rem;} .wc-name{color: #999999;margin-bottom: .15rem;} .wc-b{width: 100%;position: relative;} .wc-c{width: 100%;padding: 0 .25rem; color: #000000; height: .46rem;background-color: #ffffff;border-radius: .03rem;border: solid 1px #aecdef;} .wc-tip{width: 100%;color: #000000;font-weight: bold;padding-top: .1rem;margin-bottom: .3rem;} .wc-button{width: 100%;font-size: 0;padding-top: .2rem;text-align: center;} .wc-save{display: inline-block;vertical-align: middle;border: 1px solid transparent;color: #ffffff; cursor: pointer;padding: 0 .1rem;margin: 0 .1rem .1rem; min-width: 2rem;height: .46rem;line-height: .46rem;background-color: #015aaa;background-image: linear-gradient(45deg, #015aaa 0%, #086fcb 100%), linear-gradient(#044fa0, #044fa0); box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);border-radius: .03rem;} .wc-cancel{display: inline-block;vertical-align: middle;cursor: pointer;padding: 0 .1rem; margin: 0 .1rem .1rem;color: #000000; min-width: 2rem;height: .46rem;line-height: .46rem;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .03rem;border: solid 1px #aecdef;} .wc-form .select-w{box-sizing: border-box;display: inline-block;vertical-align: top;width: 100%; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);border-radius: .03rem;border: solid 1px #aecdef;position: relative;padding-right: .5rem;padding-left: .2rem;white-space:nowrap} .wc-form .select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: .46rem;line-height: .46rem; color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .wc-form .select-w select{cursor: pointer; position: absolute;width: 100%;height: 100%;padding-left: .2rem;color: #666666;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);} .wc-form .select-w:after{ content: ""; position: absolute;right: .2rem;top:0;z-index: 1;width: .12rem;height: 100%;background-image: url('../images/a39.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat;} .wc-code{position: absolute;top: 0;right: 0;z-index: 18; height: 100%;cursor: pointer; } .wc-code img{ height: 100%;} @media(max-width: 750px){ .wc-c{height: 30px;} .wc-form .select-w .cur{height: 30px;line-height: 30px;} .wc-save{height: 30px;line-height: 30px;} .wc-cancel{height: 30px;line-height: 30px;} } .wd-cont{width: 100%;padding: .4rem .3rem;} .wd-item{width: 100%;padding-right: 50px; padding-bottom: .3rem;margin-bottom: .3rem;border-bottom: 1px solid #cee1f5;position: relative;} .wd-name{color: #000000;margin-bottom: .2rem;font-weight: bold;} .wd-buttom{transition: all .5s; cursor: pointer; position: absolute;top: .15rem;right: .2rem;font-size: 0; padding: 2px 3px; width: 50px; background-color: #ccc;border-radius: 10px; } .wd-buttom span{display: inline-block;border-radius: 50%;opacity: .4; width: 16px;height: 16px;background-color: #044fa0;} .wd-item.active .wd-buttom{background-color: #cddcec;text-align: right;} .wd-item.active .wd-buttom span{opacity: 1;} @media(max-width: 750px){ .wd-buttom{width: 40px;} } .we-a{width: 100%;padding:0 .3rem .4rem;} .we-cont{width: 100%;padding-bottom: .4rem;} .we-item{width: 100%;padding: .35rem 0;border-bottom: 1px solid #cee1f5;display: flex;justify-content: space-between;align-items: center;} .we-left{flex: 1;} .we-name{color: #000000;line-height: 1.5;margin-bottom: .1rem;} .we-intro{color: #999999;line-height: 1.6;} .we-right{display: inline-block;font-size: 0;padding-right: .2rem;} .we-check{display: inline-block;vertical-align: middle; cursor: pointer;width: .45rem;margin-right: .6rem;position: relative;} .we-check:after{content: '';position: absolute;top: 50%;right: -.3rem;margin-top: -.1rem; width: 1px;height: .2rem;background-color: #aeceef;} .we-check img{width: 100%;border-radius: 50%; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);} .we-download{display: inline-block;vertical-align: middle; cursor: pointer;width: .45rem; position: relative;} .we-download img{width: 100%;border-radius: 50%;box-shadow: 0px .05rem .15rem 0px rgba(255, 153, 0, 0.2);} .wf-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;} .wf-item{display: inline-block;vertical-align: top;cursor: pointer; width: calc(25% - .23rem);margin-right: .3rem;margin-bottom: .3rem;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .wf-item:nth-child(4n){margin-right: 0;} .wf-top{width: 100%;position: relative;} .wf-img{width: 100%;position: relative;padding-top: 56.37%;overflow: hidden;} .wf-img img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover;} .wf-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: .6rem;} .wf-play img{width: 100%;} .wf-text{width: 100%;padding: .23rem;text-align: center;} .wf-name{color: #000000;font-weight: bold;line-height: 1.25;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} @media(max-width: 750px){ .wf-item{width: calc(50% - 5px);margin-right: 10px;} .wf-item:nth-child(2n){margin-right: 0;} } .wg-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;} .wg-item{display: inline-block;vertical-align: top;cursor: pointer; width: calc(25% - .23rem);margin-right: .3rem;margin-bottom: .3rem;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .wg-item:nth-child(4n){margin-right: 0;} .wg-img{width: 100%;margin-bottom: .23rem;height: 3rem;line-height: 3rem;text-align: center;background-color: #effaff;} .wg-img img{max-width: 86%;max-height: 86%;} .wg-text{width: 100%;} .wg-name{text-align: center; color: #000000;font-weight: bold;line-height: 1.25;height: 2.5em;padding: 0 .15rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .wg-button{width: 100%;position: relative;font-size: 0;padding: .25rem 0; } .wg-button:after{content: '';position: absolute;top: 50%;left: 50%;margin-top: -.1rem; width: 1px;height: .2rem;background-color: #aeceef;} .wg-button1{display: inline-block;vertical-align: middle;cursor: pointer;text-align: center; width: 50%;} .wg-button1 .wg-icon{display: inline-block;vertical-align: middle;width: .45rem;} .wg-button1 .wg-icon img{width: 100%;border-radius: 50%;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.2);} .wg-button1 .wg-text{display: inline-block;vertical-align: middle;width: auto; max-width: calc(100% - .6rem);padding-left: .1rem;color: #666666;line-height: 1.5;} .wg-button2{display: inline-block;vertical-align: middle;cursor: pointer;text-align: center; width: 50%;} .wg-button2 .wg-icon{display: inline-block;vertical-align: middle;width: .45rem;} .wg-button2 .wg-icon img{width: 100%;border-radius: 50%;box-shadow: 0px .05rem .15rem 0px rgba(255, 153, 0, 0.2);} .wg-button2 .wg-text{display: inline-block;vertical-align: middle;width: auto; max-width: calc(100% - .6rem);padding-left: .1rem;color: #666666;line-height: 1.5;} @media(max-width: 750px){ .wg-item{width: 100%;margin-right: 0;} } .wh-a{width: 100%;padding-top: 1rem; padding-bottom: .7rem; background-color: #e2eef8;position: relative; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#000000, #000000);} .wh-b{width: 15.2rem;margin: 0 auto;} .wh-navbox{width: 100%;font-size: 0;padding-bottom: .2rem;text-align: center;} .wh-nav{display: inline-block;vertical-align: middle;cursor: pointer;color: #666666;line-height: .56rem; padding: 0 .3rem;margin:0 .15rem .3rem; min-width: 2.08rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .wh-nav:hover{background-color: #015aaa;color: #fff; background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .wh-nav.active{background-color: #015aaa;color: #fff; background-image: linear-gradient(45deg, #015aaa 0%, #056ac5 100%), linear-gradient(#ffffff, #ffffff);} .wh-cont{width: 100%;} .wh-one{display: none; width: 100%;} .wh-one.show{display: block; } @media(max-width: 750px){ .wh-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .wh-navbox{width: 100%;white-space: nowrap;overflow: auto;} } .wi-a{width: 100%;padding-top: .7rem;padding-bottom: .7rem; background-color: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#002345, #002345);} .wi-b{width: 15.2rem;margin: 0 auto;} .wi-tip{color: #000000;font-weight: bold;padding-bottom: .42rem;margin-bottom: .45rem; position: relative;} .wi-tip:after{content: ''; position: absolute;bottom: 0;left: 0; width: .5rem;height: .05rem;background-color: #0064c6;} .wi-textbox{color: #666666;line-height: 1.55;padding-top: .1rem;padding-bottom: .7rem;} .wi-textbox *{line-height: inherit;} .wi-cont{width: 100%;} .wi-item{display: block;margin-bottom: .3rem;padding: .3rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);} .wi-icon{display: inline-block;vertical-align: middle; border-radius: 50%; width: 1rem;box-shadow: 0px .05rem .15rem 0px rgba(11, 163, 244, 0.2);} .wi-icon img{width: 100%;} .wi-text{display: inline-block;vertical-align: middle;width: calc(100% - 1.1rem);padding-left: .28rem;} .wi-intro{color: #000000;line-height: 1.5;font-weight: bold;} .wi-intro *{line-height: inherit;} @media(max-width: 750px){ .wi-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .wi-intro{font-size: 14px;} } .wj-a{width: 100%;padding-top: .65rem;padding-bottom: .4rem;} .wj-b{width: 15.2rem;margin: 0 auto;} .wj-titles{color: #000000;font-weight: bold;margin-bottom: .45rem;} .wj-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;} .wj-one{display: flex;align-items: center; width: calc(25% - .151rem);padding: .1rem .2rem;line-height: 1.66; color: #666666; border: solid 1px #abd6ff;margin-bottom: .2rem;margin-right: .2rem;} .wj-one:nth-child(4n){margin-right: 0;} @media(max-width: 750px){ .wj-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .wj-one{width: calc(50% - 5px);margin-right: 10px;} .wj-one:nth-child(2n){margin-right: 0;} } @media(max-width: 450px){ .wj-one{width: 100%;margin-right: 0;} } .wk-a{width: 100%;padding-top: .86rem;padding-bottom: .43rem; background-color: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#002345, #002345);} .wk-b{width: 15.2rem;margin: 0 auto;} .wk-cont{width: 100%;position: relative;margin-bottom: .43rem;} .wk-c{width: 100%;} .wk-item{width: 3.65rem;margin-right: .2rem;} .wk-item:last-child{margin-right: 0;} .wk-d{display: block; background-color: #fff;padding: .1rem;} .wk-img{width: 100%;position: relative;height: 2.68rem;} .wk-img img{position: absolute;top: 0;width: 100%;height: 100%;object-fit: cover;} .wk-textbox{color: #666666;line-height: 1.55;} .wk-textbox *{line-height: inherit;} @media(max-width: 750px){ .wk-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .wk-item{width: calc(50% - 5px);margin-right: 10px;} .wk-img{height: auto;padding-top: 77.68%;} } .wl-a{width: 100%;padding-top: 1rem;padding-bottom: .7rem; background-color: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient( #002345, #002345);} .wl-b{width: 15.2rem;margin: 0 auto;} .wl-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;} .wl-item{display: inline-block;vertical-align: top;cursor: pointer; width: calc(25% - .225rem);margin-bottom: .3rem;margin-right: .3rem;background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);} .wl-item:nth-child(4n){margin-right: 0;} .wl-goods{width: 100%;padding-bottom: .4rem;} .wl-img{width: 100%;height: 3.1rem;line-height: 3.1rem;text-align: center;overflow: hidden;} .wl-img img{max-width: 80%;max-height: 80%;transform: scale(1.00);transition: all ease .5s;} .wl-text{width: 100%;text-align: center;} .wl-name{color: #000000;line-height: 1.55;font-weight: bold;} .wl-item:hover .wl-img img{transform: scale(1.05);} .wl-item:hover .wl-name{color: #0064c6;} .wl-sub{display: none; position: fixed;top: 0;left: 0;z-index: 288; width: 100%;height: 100%;background-color: rgba(0,0,0,.5);} .wl-item.show .wl-sub{display: block;} .wl-main{position: absolute;padding: 0 .3rem; top: 50%;left: 50%;width: 12.8rem;transform: translate(-50%,-50%); background-color: #ecf5fc;} .wl-close{position: absolute;top: .2rem;right: .2rem;width: .4rem;height: .4rem; border-radius: 50%; box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.08);background-image: url('../images/c2.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;} .wl-close img{width: 100%;} .wl-c{width: 100%;} .wl-titles{width: calc(100% - .6rem);position: relative; margin: 0 auto; padding: .4rem 0;line-height: 1.3; color: #000000;font-weight: bold; border-bottom: 1px solid #c1dceb;} .wl-titles:before{content: '';position: absolute;top: 50%;left: -.6rem;margin-top: -.25rem; width: .05rem;height: .5rem;background-color: #0064c6;} .wl-scrollbar{width: 100%;max-height: 80vh;} .wl-box{width: 100%;padding: .5rem .3rem;} .wl-top{width: 100%;font-size: 0;margin-bottom: .6rem;} .wl-lt{display: inline-block;vertical-align: middle;width: 3.9rem;height: 3.9rem;text-align: center;line-height: 3.9rem;background-color: #ffffff;border: solid 1px #abd6ff;} .wl-lt img{max-width: 80%;max-height: 80%;} .wl-rt{display: inline-block;vertical-align: middle;width: calc(100% - 4rem);padding-left: .6rem;} .wl-d{color: #000000;font-weight: bold;padding-bottom: .35rem;margin-bottom: .45rem; position: relative;} .wl-d:before{content: '';position: absolute;bottom: 0;left: 0; width: .5rem;height: .05rem;background-color: #0064c6;} .wl-textbox{width: 100%;color: #666666;line-height: 1.55;} .wl-textbox *{line-height: inherit;} .wl-middle{width: 100%;margin-bottom: .37rem;} .wl-tip{color: #000000;font-weight: bold;margin-bottom: .25rem;} .wl-tr{width: 100%;} .wl-td{display: block;font-size: 0;width: 100%;padding: .3rem;margin-bottom: .3rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);} .wl-icon{display: inline-block;vertical-align: middle; border-radius: 50%; width: 1rem;box-shadow: 0px .05rem .15rem 0px rgba(11, 163, 244, 0.2);} .wl-icon img{width: 100%;} .wl-e{display: inline-block;vertical-align: middle;width: calc(100% - 1.1rem);padding-left: .28rem;} .wl-intro{color: #000000;line-height: 1.5;font-weight: bold;} .wl-intro *{line-height: inherit;} .wl-bottom{width: 100%;} .wl-bottom table{width: 100%;} .wl-bottom tr{width: 100%;} .wl-bottom th{background-color: #ffffff;padding: .1rem ;text-align: center;line-height: 1.5; border: solid 1px #abd6ff;font-weight: bold;} .wl-bottom td{background-color: #ffffff;padding: .1rem ;text-align: center;line-height: 1.5; border: solid 1px #abd6ff; } @media(min-width: 750px){ .wl-bottom th:first-child{ text-align: left;padding:.1rem .3rem ;} .wl-bottom td:first-child{text-align: left;padding:.1rem .3rem ;} } @media(max-width: 750px){ .wl-b{width: 100%; max-width: 500px; padding-left: 10px;padding-right: 10px;} .wl-item{width: calc(50% - 5px);margin-right: 10px;} .wl-item:nth-child(2n){margin-right: 0;} .wl-main{width: 94%;padding: 0 10px;} .wl-titles{width: calc(100% - 20px);} .wl-titles:before{display: none;} .wl-lt{width: 100%;margin-bottom: .35rem;} .wl-rt{width: 100%;padding-left: 0;} .wl-box{padding: .45rem 10px;} } /* .05rem .15rem

Company News

transform: scale(1.00);transition: all ease .5s; background-color: #015aaa; background: #e2eef8; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd); background-size: cover;background-position: center center;background-repeat: no-repeat; .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .ellipsis{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .w-a{width: 100%; background: #e2eef8;padding-top: 1rem;padding-bottom: .9rem; background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd);} .w-form{width: 100%;} .w-top{width: 100%;text-align: center; } .w-b{width: 15.2rem;margin: 0 auto;} .w-c{display: inline-block; width: 7.8rem;font-size: 0;margin-bottom: .5rem; background-color: #ffffff;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.15);border-radius: .28rem;} .w-input{display: inline-block;vertical-align: middle;border: none;background-color: transparent; width: calc(100% - 1rem);color: #666666;height: .56rem; padding: 0 .2rem;} .w-submit{display: inline-block;vertical-align: middle;cursor: pointer; border: none;background-color: transparent;width: 1rem;height: .56rem;color: transparent;background-image: url('../images/a3-b.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;} .w-c{width: 100%;} .w-input{ height: 30px;} .w-submit{ height: 30px;line-height: 30px;} */ body.member{padding-top: .8rem;} body.member .footer{display: none;} body.member .nav{display: none;} .member-header{width: 100%;position: fixed;top: 0;left: 0;background-color: #015aaa;box-shadow: 0px .05rem .15rem 0px rgba(1, 90, 170, 0.5);} .member-cont{width: 15.2rem;margin: 0 auto;} .member-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} .member-left{float: left;} .member-logo{display: block;cursor: pointer;height: .8rem;line-height: .8rem;} .member-logo img{height: 50%;} @media(max-width: 1200px) { .member-cont{width: 100%;padding: 0 10px;} } .bgc{ background-color: #3cc168;background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%); background-color: #ff9900;background-image: linear-gradient(180deg, #ffc063 0%, #ff9900 100%); background-color: #0ba3f4;background-image: linear-gradient(180deg, #5cc6ff 0%, #0ba3f4 100%); background-color: #ff4d00;background-image: linear-gradient(180deg, #ffaa6c 0%, #ff4d00 100%); background-color: #015aaa;background-image: linear-gradient(180deg, #2593f6 0%, #015aaa 100%); }